User Experience


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.

Onboarding
Sign on or up

Here’s a walkthrough of the XD prototype as a video:

Designed by Jennifer Hartnett-Henderson ©2019

And here is the first screen of another prototype built in InVision

Sewing Fun Sew Fast Prototype by Jennifer Hartnett-Henderson ©2020