Wk2 UX


Published on

  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Wk2 UX

  1. 1. Multiplatform Module 58213 Research and Practice
  2. 2. ProgressGroups- What is your idea for your assignment?- Have you decided roles?
  3. 3. User ExperienceThe way a user/your audience feels about theexperience the get when watching/listening/participating in your story.Considering how your audience will feel whenthey experience your concept.
  4. 4. UX Principles- Useful - What is the utility?- Usable - Can someone easily understand how touse / experience it? Intuitive?- Valuable - Will someone regard this experience asvaluable?- Findable - How is your story found? Where do youexist?
  5. 5. UX Principles- Credible - Does your story have authority? Is itauthentic/genuine?- Accessible - Web standards of accessibility- Desirable - Emotional motivation of audience
  6. 6. Focus on the User- Temptation to build what we want- Whether developing a product, telling a story,creating anything. Who is the user?- How will they understand what you are trying tocommunicate?- How do these platforms tell your story to thisuser?
  7. 7. Who is your audience?Demographics- Age range (specific) - Subjects of interest- Gender - Language (Jargon or not)- Geographical location - Literacy with platforms- Occupation you are using- Education
  8. 8. Who is your audience?Psychographics- Personality- Values- Attitudes- Interests- Lifestyle
  9. 9. Who is your audience? - Why would they be interested in your story/ topic? - What type of person do they identify as?
  10. 10. User Stories- User-centric scenarios- Visualise a target audience member using yourproduct/experiencing your storyIn your group, discuss:- How the person would experience it. What timeof day, how do they find it, what do they think, dothey share with friends, how is it relevant?- Give them a name, age, location, activities
  11. 11. Platforms- What type of platforms reach your audiencemost easily?- How could the platforms work together?- How could the message be adapted for thedifferent platforms?- Discuss and an example from each group
  12. 12. User Journey Diagram- Map out the ideal path of how someone wouldexperience your story
  13. 13. Evernote
  14. 14. Information Architecture- Hierarchy of information for each platform- Mobile screen much smaller than desktop -what is important?- You need different things while you are on thego to at your desktop- Mobile gives you information you might nothave on desktop and vice versa
  15. 15. Information Architecture- Connected? Do they need the internet for allplatforms? Is this practical?- Complimentarity is relationship betweendevices where each device has it’s own role.- Scrabble
  16. 16. Continuous experiences Think of your concept as a whole - How does this interact with your other platforms, but also other stories that exist - Seamless integration across platforms. If you do something on one, does it affect another? Syncing - Consistent Design
  17. 17. Continuous experiences - Optimised interactions - Gestures? What is the best way? - Personalisation
  18. 18. Sharing experiences- Sharing needs to be authentic- Why do you share content?- When do you respond to like buttons?- Give plenty of opportunity to share, but don’t beforceful
  19. 19. Design
  20. 20. Before Design...- Screen flows and wire-framing- Screen flow - Map of how the user willexperience the story, platform-specific- Wireframe - paper sketch of what your story willlook like. Storyboarding
  21. 21. Purpose- Create a skeleton of the application- Cheap and fast- Sketch out the flow between the platforms- Discover things you haven’t considered- Plan interactions- Highly malleable- Focus on function, not visual design
  22. 22. Practical Tips- Star with ideal path, what happens if this is notstuck to?- Create more than 1 version. It’s quick and easyand forces you to explore many options- Cut screens into cards that you can shuffle andrearrange- Don’t hold back
  23. 23. User Testing- Quick and easy to ask friends, family, anyoneyou can bug- Don’t tell them anything about how it works- Ask them to get to a particular spot- “If the user can’t find it, it doesn’t exist”
  24. 24. RAPID Prototyping- Prototype - create mockup- Review - share with users- Refine - based on feedbackREPEAT
  25. 25. Extensive Testing- Survey- Logs through Analytics - where are peoplebailing out?- A/B Testing- Try make tests realistic to use scenarios- Best Buy - Clipboard with camera
  26. 26. Interactions- Feedback? Doesn’t have to be obvious. Audio,graphic effect- Transitions and animations - what feel do youwant to give? Dragging something? Or scrollingor lifting?
  27. 27. The Next StepDigital Wireframing- Mockingbird - Balsamiq- Mockflow - Keynote/PPT- Axure- Visio- Omnigraffle
  28. 28. StencilsKeynotopiaGraffletopiaTeehanlax.com
  29. 29. Mobile PrototypingCodiqa
  30. 30. MockFlowActivity http://www.mockflow.com/signup/- Go to Mockingbird and each person in the groupmock up a platform of your concept, or you can workcollaboratively if you prefer.- Start from the beginning. How did they get to you?- Test on other people and redo- Send me your prototypes
  31. 31. Thanks!