Multiplatform Module 58213 Research and Practice
ProgressGroups- What is your idea for your assignment?- Have you decided roles?
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.
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?
UX Principles- Credible - Does your story have authority? Is itauthentic/genuine?- Accessible - Web standards of accessibility- Desirable - Emotional motivation of audience
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?
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
Who is your audience?Psychographics- Personality- Values- Attitudes- Interests- Lifestyle
Who is your audience? - Why would they be interested in your story/ topic? - What type of person do they identify as?
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
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
User Journey Diagram- Map out the ideal path of how someone wouldexperience your story
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
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
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
Continuous experiences - Optimised interactions - Gestures? What is the best way? - Personalisation
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
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
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
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
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”
RAPID Prototyping- Prototype - create mockup- Review - share with users- Refine - based on feedbackREPEAT
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
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?
The Next StepDigital Wireframing- Mockingbird - Balsamiq- Mockflow - Keynote/PPT- Axure- Visio- Omnigraffle
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