designing mobile ux

Click here to load reader

Download Designing Mobile UX

Post on 12-Jan-2017

185 views

Category:

Design

0 download

Embed Size (px)

TRANSCRIPT

Farah NurainiDesigning for Mobile UXWorkshop

Growth Hacking AsiaGrowth Hacking Asia@GrowthHackAsiaGrowth Hacking IndonesiaPowered by

Designing for Mobile UXFarah Nurainifarah.nuraini@gmail.com

43% people use a smartphone.

65% people access the internet via smartphone

Smartphone has become our primary needs

no wonder people target the smartphone because it is easier to reach them by building mobile app compared to desktop software.So many people build mobile application, that for one type of app, there would be 20 more similar app. So what would make people will use our product and also get standout?

How?Offer solution to problems that people havePay attention to UX so people could use it easily without creating new problem

However

Not every problem is solved by app

Does the problem need to be solved?

Is it urgent?

Is it the root cause or just a byproduct?

What to do?We need to validate the problem

Design Process

1

2

3

4ResearchAnalysis &SynthesisDevelopSolutionTesting

ResearchValidate Problem

1

2

3

4

ResearchObserve and empathize with people and their conditions

Research

Why ResearchTo get inspiration on making new innovationTo understand better about our potential users

Research

SurveyShare a set of questions to certain group of people to get insight from their answers.ProsCan get lots of data from many participantsBreadth information

ConsSometimes unreliableCannot get deeper information than what we ask

Research

User InterviewSelecting some candidates (around 4 candidates per user segments) based on certain criteria and have conversations with them

ProsCan elaborate our questions when participant says something interestingDeeper informationConsExhausted Resources (energy, time, etc.)Must sync the schedule

Research

Ethnographic ResearchResearchers go to the places where people whom they study do their activities. Could be high or low efforts.

ProsCan see what our target users normally do in their real environmentrich informationConsTake timesNot quite flexible placeNeed to gain trusts from the people we observe

Research

And many morestakeholder research, competitor analysis, etc.

Research

Analysis & SynthesisValidate Problem

1

2

3

4

*

Analysis & SynthesisAnalysis: the procedure by which we break down an intellectual or substantial whole into parts or componentsSwedish Morphological SocietySynthesis: combine separate elements or components in order to form a coherent conclusion.

Analysis & Synthesis

Analysis + SynthesisData

Insights

Analysis & Synthesis

Analysis & SynthesisPersonaUser Journey

Analysis & Synthesis

PersonaPersona is archetype of a certain group of people, modeled as a specific person based on research.Proto-persona is persona which built based on hypothesis as a base for persona.

Analysis & Synthesis

*

Why persona?Build empathyFocused target userEasier communication to prioritize which problem need to be solvedAs a base for defending an argument

Analysis & Synthesis

Component in PersonaPicture + Name + QuoteDemographicBackgroundto empathizeknow what we would helpknow how we would helpUser Goals and NeedsBehaviorLimitationetc.

Analysis & Synthesis

Source: Content Marketing Institute

User JourneyUser Journey is a series of steps that describes the journey of a user by representing the different touchpoint that characterize users interaction with the service

Analysis & Synthesis

*

Why User Journey?Identify problem that need to be solvedIdentify opportunities for innovation or improvementShow how user do their activities and interact with systemHighlight different user segments experience

Analysis & Synthesis

User JourneyElements in User JourneyStage Phases that users always go through to reach their goalMotivation What users try to achieve in certain stageTouchpoints Points of interactions between user and system where user try to reach goalEmotion What user feels when interacts with systemProblems the cause of negative emotionOpportunities Possibility ways to solve the problems

Analysis & Synthesis

ShopifyNation

*

Design SolutionsDevelop Solution

1

2

3

4

Design SolutionSolve problems while considering understandability, usability, distinction, aesthetics of the solutionAn Introduction to Service Design: How to Have Your Cake and Eat It Too

DesignSketch: Basic concept on how the app will workWireframe: Visual guide that represents the outline of interfacesMockup: static design representation of UI

Design Solution

DesignStart with Minimum Viable Product (MVP)Start with sketching

Design Solution

Why sketching?makes you think and work fastereasier to refinelow cost to changeperfect for brainstorming

Design Solution

Brainstormingcome up with creative solutions to problems quicklyhttps://developers.google.com/design-sprint/downloads/DesignSprintMethods.pdfFurther study:

Design Solution

TestingValidate Solution

1

2

3

4

Why TestingTo learn more about your usersTo discover critical design issuesTo refine your solution ideas as soon as possible

Testing

Level of Fidelitylow concept design on paper middle solution in form of wireframehigh design with color

Testing

User TestingConcept testingsketchSolution Testingwireframe/paper prototypelook & feel testing complete UI with colors and micro interaction

Testing

*

What to prepare?Target what criteria of participants will be your target?Goal(s) what do you want to test?Method(s) Define how you would inquire the answer from participants (Observation? Question?)Scenario Story which you tell the participants so they could imagine the real situation.Stakeholders who need to know the results?Equipment needed

Testing

*

ScenarioDo not directly tell users what they have to do with UIYou are going to Pluit from Kebayoran by bus. You wait for the bus at the bus stop close to your house. How do you know when the next bus arrive?Open the map from homepage.

Testing

Research QuestionsAsk open-ended questionsMake sure you ask just about enough questions

Testing

Tips in conducting testingPrepare your scriptDo pilot testingBring observer with youGuide user to do their task when they get distracted.Further study: https://library.gv.com/get-better-data-from-user-studies-16-interviewing-tips-328d305c3e37#.w8k7x2awq

Testing

Solution works?

Testing

Final notes

ReminderTo solve problems we need to:researchanalyze & synthesizedesign solutiontestThis process can be done as simple as possible based on your need and resources.

Exercise

ExerciseFind opportunities according to each problems (5 minutes)Discuss with your group to pick one opportunities you want to develop (10 minutes)

Sketch the solution based on one of the opportunities you find in the user journey you have created (20 minutes)

Exercise

define one test question and test with someone from another group (15 minutes)

Exercise

Presentation Time!