I’ve been playing around the Figma for my UX/UI Intro class at OCADu. After a bit of research we were asked to create a persona, and to consider a “data usage” app. I interviewed about half a dozen people and created a persona infographic for Mary Johannason.
Considering the user journey I created a user journey map.
Then the wireframing began
[custom_gallery source=”media: 354,353″ limit=”20″ link=”lightbox” target=”self” width=”90″ height=”90″ title=”hover”]We then received the style guide from our “client”, and I continued making mock-ups
[custom_gallery source=”media: 355,356,357,358,359,360,361,362″ limit=”20″ link=”lightbox” target=”self” width=”90″ height=”90″ title=”hover”]
Finally, I added some interaction to the mock-ups to make a basic prototype. Press “F” for the fullscreen interaction.