Understanding the visual and communication tools used by UX designers to solve business problems. You will understand how the UX designer’s process works, during which you will develop visual interpretations of your design concepts. Topics include sketching for user experience, personas, customer journey maps, mind maps, sitemaps, annotations, presentation techniques and wireframes.
What you’ll need
A diary/sketchbook to capture your thoughts
Art supplies (depends on how you present your work)
Enthusiasm!
How to credit use
As my ex-student or someone just looking to learn about UX, please feel free to use the resources, but remember to give a shout out on social media as you do so 🙂
Please follow me on Twitter (@adiuxstories) and LinkedIn.
Introduction to User Experience
What is UX?
Class Tenants
Evolution of UX
Statistics for Mobile UX
Design Thinking Workshop
Deliverables
Download the any.do app and write down six observations from using the app. You just need one sentence for each.
To submit your assignments, open the shared dropbox folder and save your work in your folder every week.
Psychology and ethics in UX
Design Innovation
Design Process and Methodologies
Psychology in User Experience
Ethics in Design
Design Workshop
Deliverables
Create a poster capturing your concept. You can use a concept poster template to submit or click a picture of your sketch.
This will be considered as the final submission for Intro to UX.
Visual Artifacts in User Experience
Introduction to Visual Artifacts
Introduction to Visual Artifacts in UX
Types of Visual Artifacts
Principles to consider for your VA
Planning research synthesis for VA
Mind maps
Deliverables
Write/ Sketch / Paint / Photos / Make a diagram for your VA principles. Digitize your mind maps and also complete the recommended reading.
Resources
Ted Talk by Malcolm Gladwell (5-10 s)
Build Better Products by Laura Klein
Archetypes in Branding by Margaret Hartwell
Persona video by Gregg Bernstein
Download persona and empathy templates by Aditi
Deliverables
Finish building your empathy maps and complete the derivation of your personas.
Resources
Best practices to consider while doing Customer Journey Maps
Online template for Customer Journey
Use this template on our shared whimsical folder
Deliverables
Complete the customer journey map and digitize it.
Creating Concepts
Sketching for User Experience
Types of UX Flows
Sitemaps | Practices and Needs
Resources
UX 1O1 by TJ Ward
A Practical guide to information architecture by Donna Spencer
Sketching User Experience by Bill Buxton
These are some great visual artifact tools
Deliverables
Digitize the sitemap from class.
Create a wireflow with low fidelity concepts of how your functionality will be laid out on phone templates.
Resources
UX 1O1 by TJ Ward
A Practical guide to information architecture by Donna Spencer
Sketching User Experience by Bill Buxton
Wireframing –Twitter Handle to follow
These are some great visual artifact tools
Deliverables
Continue creating your wireframes – you should have a home-screen, some landing screens and detail screens ~ 15 sketches.
Perfecting your UX deliverables
Annotations – Adding detail to your wireframes
Portfolio reviews – learn creative presentations
Resources
Perfecting your wireframes
Why is it important to annotate your wireframes
Choosing resolution for your wireframes
Tool for annotating
Annotation example 1, example 2, example 3
Some of the best portfolio lists
Portfolio example 1
Portfolio example 2
Portfolio example 3
Portfolio example 4
Portfolio example 5
Portfolio example 6
Deliverables
Complete annotations and think about how will you tell your story.