For creating the web app, I have the following steps in mind.
Problems encountered and resolved:
- 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
- always consider the user interactions on mobile
- do not satisfy for everyone
- find out the key point of the app and focus on it
- complexity is okay – just need to figure out the most comfortable way for the users to interact with through user testings
- Create another version with the “clear”,”redo”,”portfolio link” in one menu