This document discusses user experience (UX) principles for designing multi-platform modules. It provides guidance on focusing on the user by understanding their demographics, psychographics, and creating user stories. It also covers designing for different platforms, information architecture, continuous experiences across platforms, and testing prototypes with users. The goal is to create a seamless experience for the audience as they engage with content across multiple devices and platforms.

1. Multiplatform Module
58213 Research and Practice

2. Progress
Groups
- What is your idea for your assignment?
- Have you decided roles?

3. User Experience
The way a user/your audience feels about the
experience the get when watching/listening/
participating in your story.
Considering how your audience will feel when
they experience your concept.

4. UX Principles
- Useful - What is the utility?
- Usable - Can someone easily understand how to
use / experience it? Intuitive?
- Valuable - Will someone regard this experience as
valuable?
- Findable - How is your story found? Where do you
exist?

5. UX Principles
- Credible - Does your story have authority? Is it
authentic/genuine?
- Accessible - Web standards of accessibility
- Desirable - Emotional motivation of audience

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 to
communicate?
- How do these platforms tell your story to this
user?

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. Who is your audience?
Psychographics
- Personality
- Values
- Attitudes
- Interests
- Lifestyle

9. Who is your audience?
- Why would they be interested in your story/
topic?
- What type of person do they identify as?

10. User Stories
- User-centric scenarios
- Visualise a target audience member using your
product/experiencing your story
In your group, discuss:
- How the person would experience it. What time
of day, how do they find it, what do they think, do
they share with friends, how is it relevant?
- Give them a name, age, location, activities

11. Platforms
- What type of platforms reach your audience
most easily?
- How could the platforms work together?
- How could the message be adapted for the
different platforms?
- Discuss and an example from each group

12. User Journey Diagram
- Map out the ideal path of how someone would
experience your story

14. Evernote

15. 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 the
go to at your desktop
- Mobile gives you information you might not
have on desktop and vice versa

16. Information
Architecture
- Connected? Do they need the internet for all
platforms? Is this practical?
- Complimentarity is relationship between
devices where each device has it’s own role.
- Scrabble

17. 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

18. Continuous experiences
- Optimised interactions - Gestures? What is the
best way?
- Personalisation

19. 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 be
forceful

20. Design

21. Before Design...
- Screen flows and wire-framing
- Screen flow - Map of how the user will
experience the story, platform-specific
- Wireframe - paper sketch of what your story will
look like. Storyboarding

22. 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

23. Practical Tips
- Star with ideal path, what happens if this is not
stuck to?
- Create more than 1 version. It’s quick and easy
and forces you to explore many options
- Cut screens into cards that you can shuffle and
rearrange
- Don’t hold back

24. User Testing
- Quick and easy to ask friends, family, anyone
you 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”

25. RAPID Prototyping
- Prototype - create mockup
- Review - share with users
- Refine - based on feedback
REPEAT

26. Extensive Testing
- Survey
- Logs through Analytics - where are people
bailing out?
- A/B Testing
- Try make tests realistic to use scenarios
- Best Buy - Clipboard with camera

27. Interactions
- Feedback? Doesn’t have to be obvious. Audio,
graphic effect
- Transitions and animations - what feel do you
want to give? Dragging something? Or scrolling
or lifting?

28. The Next Step
Digital Wireframing
- Mockingbird - Balsamiq
- Mockflow - Keynote/PPT
- Axure
- Visio
- Omnigraffle

29. Stencils
Keynotopia
Graffletopia
Teehanlax.com

30. Mobile Prototyping
Codiqa

31. MockFlow
Activity http://www.mockflow.com/signup/
- Go to Mockingbird and each person in the group
mock up a platform of your concept, or you can work
collaboratively if you prefer.
- Start from the beginning. How did they get to you?
- Test on other people and redo
- Send me your prototypes

32. Thanks!