I started the Intuitive Design certification program at the University of California, Santa Cruz, Silicon Valley extension in 2018. I’ve learned front end programming languages like HTML and CSS, wireframe tools like Balsamiq, and prototyping tools like Adobe XD and InVision as well as Graphic Design, Mobile Design and User Experience Design. Below are examples of the design process for one of my projects.
Ideation
These are examples from various ideation sessions. They are messy because it’s the beginning of learning what’s needed.
Wireframes
Wireframes are a low fidelity prototype. They can be a rough sketch all the way to populated with some content. There are no interactions. The wireframes below were done in Balsamiq.
Prototypes
Prototypes approach or deliver the full functionality of the app. There are several different prototyping tools. The first row of prototypes below was done in Sketch App.
The next 2 rows of prototypes were done in Adobe XD.
Here’s a walkthrough of the XD prototype as a video:
And here is the first screen of another prototype built in InVision
