{"id":347,"date":"2020-02-16T19:51:30","date_gmt":"2020-02-16T19:51:30","guid":{"rendered":"https:\/\/jrdingwall.ca\/portfolio\/?p=347"},"modified":"2020-02-17T03:51:19","modified_gmt":"2020-02-17T03:51:19","slug":"introduction-to-ux-ui","status":"publish","type":"post","link":"https:\/\/jrdingwall.ca\/portfolio\/2020\/02\/16\/introduction-to-ux-ui\/","title":{"rendered":"Introduction to UX & UI"},"content":{"rendered":"

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<\/em>.<\/p>\n

\"\"<\/p>\n

Considering the user journey I created a user journey map.<\/p>\n

\"\"<\/p>\n

Then the wireframing began<\/p>\n[custom_gallery source=”media: 354,353″ limit=”20″ link=”lightbox” target=”self” width=”90″ height=”90″ title=”hover”]\n

We then received the style guide from our “client”, and I continued making mock-ups<\/p>\n[custom_gallery source=”media: 355,356,357,358,359,360,361,362″ limit=”20″ link=”lightbox” target=”self” width=”90″ height=”90″ title=”hover”]\n

 <\/p>\n

Finally, I added some interaction to the mock-ups to make a basic prototype. Press “F” for the fullscreen interaction.
\n