Draw Face – Mobile Tool

PLAY : DrawFace

DEMO

Inspiration

Pinterest Link

For creating the web app, I have the following steps in mind.

Problems encountered and resolved:

  1. Having trouble saving three canvases together

2. spent lots of time making the tabs for brush and backgrounds fit for mobile

3. creating the pixelation slider and set the design for it to fit almost all devices

What I learned:

  • how to redo and clear the canvas
  • save canvases together
  • put variables that need to be changed in the addeventlistener function rather than make a new function in the addeventlistener.
  • UI/UX design to reduce the buttons I had to make the screen space clear

Things to consider in the future

  1. always consider the user interactions on mobile
  2. do not satisfy for everyone
  3. find out the key point of the app and focus on it
  4. complexity is okay – just need to figure out the most comfortable way for the users to interact with through user testings

Next step:

  1. Create another version with the “clear”,”redo”,”portfolio link” in one menu

Published by Yiting Liu

NYU ITP '21

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Create your website with WordPress.com
Get started
<span>%d</span> bloggers like this: