SlideShare una empresa de Scribd logo
1 de 56
User Experience Design
Hira Javed
Usability Specialist – Canadian Broadcasting Corporation
UX Instructor – University of Waterloo Stratford
User + Experience
What does the word ‘experience’
mean to you?
UX is what, where, when, why,
and how someone uses a
product, as well as who that
person is.
It’s important to consider
the user’s experience
so you can…
avoid this...
and this...
and therefore this...
User Centered Design
Taking into
account the user’s
needs at every
stage of the
product life cycle.
It is an
interdisciplinary
process.
Why is UX important?
• It’s a competitive environment
and complex life.
• You want to create a good product.
• Satisfy users. Meet their needs.
• Satisfy stakeholders. Meet
business goals.
Why is UX important?
Designing a good product requires
that you completely understand its
potential user – needs, wants,
motivations, perceptions, attitudes
and behaviours.
Key principles of
User Centered Design
1. Design for the users and their tasks
Example:
Google Maps
2. Be Consistent
Example:
Starbucks
2. Be Consistent
Example:
Starbucks (iOS app)
3. Use simple and natural dialogue
Example:
Lumosity (iOS app)
4. Reduce unnecessary mental
effort by the user
Example:
Auto-fill
Example:
Recently viewed
5. Provide adequate feedback
6. Provide adequate navigation
mechanisms
7. Let the user drive - give them control
Example:
Zite
8. Present information clearly
9. Be helpful
10. Reduce errors
Things to consider when
designing for mobile
Touch Targets
People interact with touch-based user
interfaces with their fingers.
Touch Targets
User interface controls have to be big
enough to capture fingertip actions
without frustrating users with tiny
targets and possible errors.
Touch Targets
When targets are placed too close
to each other, users can easily hit
the wrong one.
Touch Targets
• An MIT Touch Lab study of Human
Fingertips to investigate the Mechanics
of Tactile Sense found that the average
width of the index finger is 1.6 to 2 cm
(16 – 20 mm) for most adults.
• This converts to 45 – 57 pixels, which is
wider than what most mobile guidelines
suggest.
Gestures
Gestures
• The amount of touching we do with
our devices can have a physical
implication and can affect the
overall user experience with devices
and applications.
• Gesturing can be tiring.
Gestures
• Every touch, every swipe, every
pinch and every zoom requires
quite a bit of physical motion.
• Your hand moves while the rest of
the arm is working to stabilize the
wrist, as the other arm steadily
holds the device stable.
Gestures
• This is a lot of exertion compared to
the mouse, where only the hand
moves and the wrist rests on a wrist
pad and the other hand is not used at
all.
• The subtle “cost” of touching the
device can have a negative impact on
how users feel about the application.
Gestures
• Eliminate unnecessary gesturing
and movement.
oRemember the user’s prior selection
oMake it easy to skip ahead, especially when
lists and sequences may be long.
oTake advantage of device sensors to
understand context (such as time, place,
movement, light and sound levels).
Gestures
• It’s important to remember that not
every user will know when to user a
particular gesture.
• When possible, provide cues,
instructions or an alternate means to
accomplish each task.
Testing your designs
Usability Testing
• Used to evaluate a product by
testing it with representative users.
• In the test, these users will try to
complete typical tasks while
observers watch, listen and takes
notes.
Usability Testing
• Goal is to identify any usability
problems, collect quantitative data on
participants' performance (e.g., time on
task, error rates), and determine
participant's satisfaction with the
product.
• Effectiveness, efficiency and satisfaction.
Usability Testing
• You should test early and test often.
• Usability testing lets the design and
development teams identify
problems before they get coded.
• The earlier those problems are
found and fixed, the less expensive
the fixes are.
What is guerilla testing?
• Quick, low cost, usability
testing “in the wild”
• Can be conducted
anywhere
• 3 - 5 participants
• 5 - 10 minutes each
• Low - high fidelity
prototype
Guerilla Testing
Why conduct guerilla testing?
To understand the users
To collect feedback and
evaluate design
When to conduct it?
As soon as the idea is
out of your head
Low-fidelity
prototype
Med to High-fidelity
prototype
...with any type of prototype
How to plan a guerilla test?
1. Identify test goal
• Determine what is the
purpose of doing the
test.
Example goal statement:
“Assess the latest version of the
mobile video player.”
2. Identify target participants
• Determine participant
characteristics.
Example participant screener:
• Users must own a smartphone.
• Users must access mobile video
content at least once a week.
3. Identify test objectives
• Determine what you’re trying to
learn.
• What questions are your trying to
answer?
• Example test objectives:
• Can users easily and effectively use the video player?
• Can users interact with the scrubber?
• Do users understand how to share a video?
4. Create tasks
• Create user tasks that will allow you
to assess your objectives.
Example tasks:
• Play a video and view comments
• Share a video
5. Create scenarios
• Create realistic scenarios of when
users may do those tasks.
Example scenarios:
• Let’s say a friend told you about a great comment Rob
Ford made at the end of this video clip. Can you play the
clip and go to the comment?
• You loved the clip and want to send it to another friend.
Can you show me how you would do that?
5. Prepare the prototype
• Create a prototype that can be tested.
Example of prototypes:
Sketches Wireframes Live site/appInteractive prototype
Let’s try it!
Keep in touch!
• Email: hira.javed@uwaterloo.ca
• Twitter: @hirajaved10
• LinkedIn: Hira Javed
Thanks and Good luck!

Más contenido relacionado

La actualidad más candente

UX 101: An Overview of User Experience
UX 101: An Overview of User ExperienceUX 101: An Overview of User Experience
UX 101: An Overview of User Experience
Brad Gerstein
 

La actualidad más candente (20)

User Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented RealityUser Experience in Virtual and Augmented Reality
User Experience in Virtual and Augmented Reality
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
What is User Experience @iRajLal
What is User Experience @iRajLalWhat is User Experience @iRajLal
What is User Experience @iRajLal
 
User Experience Basics for Product Management
User Experience Basics for Product ManagementUser Experience Basics for Product Management
User Experience Basics for Product Management
 
Evangelizing User Experience Design
Evangelizing User Experience DesignEvangelizing User Experience Design
Evangelizing User Experience Design
 
UX Design Essential Theories
UX Design Essential TheoriesUX Design Essential Theories
UX Design Essential Theories
 
User Experience Design: A Primer for Marketers
User Experience Design: A Primer for MarketersUser Experience Design: A Primer for Marketers
User Experience Design: A Primer for Marketers
 
User Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UEDUser Experience & Design…Designing for others…UED
User Experience & Design…Designing for others…UED
 
Introduction to User Experience Design
Introduction to User Experience DesignIntroduction to User Experience Design
Introduction to User Experience Design
 
Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012Understanding User Experience Workshop - Interlink Conference 2012
Understanding User Experience Workshop - Interlink Conference 2012
 
Basics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & UsabilityBasics in User Experience Design, Information Architecture & Usability
Basics in User Experience Design, Information Architecture & Usability
 
Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015Melanie O'Donnell | UX Design Portfolio March 2015
Melanie O'Donnell | UX Design Portfolio March 2015
 
UX 101: An Overview of User Experience
UX 101: An Overview of User ExperienceUX 101: An Overview of User Experience
UX 101: An Overview of User Experience
 
UX Design: An Introduction
UX Design: An IntroductionUX Design: An Introduction
UX Design: An Introduction
 
General UX activities & process overview
General UX activities & process overviewGeneral UX activities & process overview
General UX activities & process overview
 
Introduction to UX Research
Introduction to UX ResearchIntroduction to UX Research
Introduction to UX Research
 
Bunnyfoot UX Strategy Workshop
Bunnyfoot UX Strategy WorkshopBunnyfoot UX Strategy Workshop
Bunnyfoot UX Strategy Workshop
 
The State of UX: Industry Trends & Survey Results - IA Summit 2017
The State of UX: Industry Trends & Survey Results - IA Summit 2017The State of UX: Industry Trends & Survey Results - IA Summit 2017
The State of UX: Industry Trends & Survey Results - IA Summit 2017
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
Building the User Experience Community at SDL
Building the User Experience Community at SDLBuilding the User Experience Community at SDL
Building the User Experience Community at SDL
 

Similar a UX 101

UX Research in an Agile World
UX Research in an Agile WorldUX Research in an Agile World
UX Research in an Agile World
Hirajaved10
 
Introduction to Usability Testing
Introduction to Usability TestingIntroduction to Usability Testing
Introduction to Usability Testing
callmec
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
David Little
 

Similar a UX 101 (20)

Mobile & Tablet UX | NYU School of Professional Studies | Week 1 (Intro)
Mobile & Tablet UX | NYU School of Professional Studies | Week 1 (Intro)Mobile & Tablet UX | NYU School of Professional Studies | Week 1 (Intro)
Mobile & Tablet UX | NYU School of Professional Studies | Week 1 (Intro)
 
Usability study
Usability studyUsability study
Usability study
 
Engl317 project4 slidedoc1_about_usabilitytesting
Engl317 project4 slidedoc1_about_usabilitytestingEngl317 project4 slidedoc1_about_usabilitytesting
Engl317 project4 slidedoc1_about_usabilitytesting
 
User eXperience insights
User eXperience insightsUser eXperience insights
User eXperience insights
 
User Experience Design: an Overview
User Experience Design: an OverviewUser Experience Design: an Overview
User Experience Design: an Overview
 
Agile methodology - Humanity
Agile methodology  - HumanityAgile methodology  - Humanity
Agile methodology - Humanity
 
Dey alexander usability_training_notes_01
Dey alexander usability_training_notes_01Dey alexander usability_training_notes_01
Dey alexander usability_training_notes_01
 
UX Research in an Agile World
UX Research in an Agile WorldUX Research in an Agile World
UX Research in an Agile World
 
A brief overview of the history and practice of user experience by Ian Westbrook
A brief overview of the history and practice of user experience by Ian WestbrookA brief overview of the history and practice of user experience by Ian Westbrook
A brief overview of the history and practice of user experience by Ian Westbrook
 
Usability and User Experience Training Seminar
Usability and User Experience Training SeminarUsability and User Experience Training Seminar
Usability and User Experience Training Seminar
 
Introduction to Usability Testing
Introduction to Usability TestingIntroduction to Usability Testing
Introduction to Usability Testing
 
User Experience - WordPress Sheffield - 12 September 2017
User Experience - WordPress Sheffield - 12 September 2017User Experience - WordPress Sheffield - 12 September 2017
User Experience - WordPress Sheffield - 12 September 2017
 
Basic Principles of Interface design
Basic Principles of Interface designBasic Principles of Interface design
Basic Principles of Interface design
 
Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012Usability Workshop, 11-8-2012
Usability Workshop, 11-8-2012
 
User Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and PrinciplesUser Interface Design: Definitions, Processes and Principles
User Interface Design: Definitions, Processes and Principles
 
Usability Workshop at Lillebaelt Academy
Usability Workshop at Lillebaelt AcademyUsability Workshop at Lillebaelt Academy
Usability Workshop at Lillebaelt Academy
 
User Experience At Every Level
User Experience At Every Level User Experience At Every Level
User Experience At Every Level
 
UXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and DevelopersUXPA Lean UX Bridging the gap between UX and Developers
UXPA Lean UX Bridging the gap between UX and Developers
 
User interface design: definitions, processes and principles
User interface design: definitions, processes and principlesUser interface design: definitions, processes and principles
User interface design: definitions, processes and principles
 
FITC Mobile 09 Presentation: UX From Stationary To Mobile
FITC Mobile 09 Presentation: UX From Stationary To MobileFITC Mobile 09 Presentation: UX From Stationary To Mobile
FITC Mobile 09 Presentation: UX From Stationary To Mobile
 

Último

Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
amitlee9823
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion pills in Kuwait Cytotec pills in Kuwait
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
amitlee9823
 

Último (20)

8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...Booking open Available Pune Call Girls Nanded City  6297143586 Call Hot India...
Booking open Available Pune Call Girls Nanded City 6297143586 Call Hot India...
 
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRLHingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
Hingoli ❤CALL GIRL 8617370543 ❤CALL GIRLS IN Hingoli ESCORT SERVICE❤CALL GIRL
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men  🔝Bokaro🔝   Escorts S...
➥🔝 7737669865 🔝▻ Bokaro Call-girls in Women Seeking Men 🔝Bokaro🔝 Escorts S...
 
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman MuscatAbortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
Abortion Pills in Oman (+918133066128) Cytotec clinic buy Oman Muscat
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
Just Call Vip call girls Nagpur Escorts ☎️8617370543 Starting From 5K to 25K ...
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men  🔝jhansi🔝   Escorts S...
➥🔝 7737669865 🔝▻ jhansi Call-girls in Women Seeking Men 🔝jhansi🔝 Escorts S...
 

UX 101

  • 1. User Experience Design Hira Javed Usability Specialist – Canadian Broadcasting Corporation UX Instructor – University of Waterloo Stratford
  • 2. User + Experience What does the word ‘experience’ mean to you?
  • 3. UX is what, where, when, why, and how someone uses a product, as well as who that person is.
  • 4. It’s important to consider the user’s experience so you can…
  • 8. User Centered Design Taking into account the user’s needs at every stage of the product life cycle. It is an interdisciplinary process.
  • 9.
  • 10. Why is UX important? • It’s a competitive environment and complex life. • You want to create a good product. • Satisfy users. Meet their needs. • Satisfy stakeholders. Meet business goals.
  • 11. Why is UX important? Designing a good product requires that you completely understand its potential user – needs, wants, motivations, perceptions, attitudes and behaviours.
  • 12. Key principles of User Centered Design
  • 13. 1. Design for the users and their tasks Example: Google Maps
  • 16. 3. Use simple and natural dialogue Example: Lumosity (iOS app)
  • 17. 4. Reduce unnecessary mental effort by the user Example: Auto-fill Example: Recently viewed
  • 19. 6. Provide adequate navigation mechanisms
  • 20. 7. Let the user drive - give them control Example: Zite
  • 24. Things to consider when designing for mobile
  • 25. Touch Targets People interact with touch-based user interfaces with their fingers.
  • 26. Touch Targets User interface controls have to be big enough to capture fingertip actions without frustrating users with tiny targets and possible errors.
  • 27. Touch Targets When targets are placed too close to each other, users can easily hit the wrong one.
  • 28. Touch Targets • An MIT Touch Lab study of Human Fingertips to investigate the Mechanics of Tactile Sense found that the average width of the index finger is 1.6 to 2 cm (16 – 20 mm) for most adults. • This converts to 45 – 57 pixels, which is wider than what most mobile guidelines suggest.
  • 30. Gestures • The amount of touching we do with our devices can have a physical implication and can affect the overall user experience with devices and applications. • Gesturing can be tiring.
  • 31. Gestures • Every touch, every swipe, every pinch and every zoom requires quite a bit of physical motion. • Your hand moves while the rest of the arm is working to stabilize the wrist, as the other arm steadily holds the device stable.
  • 32. Gestures • This is a lot of exertion compared to the mouse, where only the hand moves and the wrist rests on a wrist pad and the other hand is not used at all. • The subtle “cost” of touching the device can have a negative impact on how users feel about the application.
  • 33. Gestures • Eliminate unnecessary gesturing and movement. oRemember the user’s prior selection oMake it easy to skip ahead, especially when lists and sequences may be long. oTake advantage of device sensors to understand context (such as time, place, movement, light and sound levels).
  • 34. Gestures • It’s important to remember that not every user will know when to user a particular gesture. • When possible, provide cues, instructions or an alternate means to accomplish each task.
  • 36. Usability Testing • Used to evaluate a product by testing it with representative users. • In the test, these users will try to complete typical tasks while observers watch, listen and takes notes.
  • 37. Usability Testing • Goal is to identify any usability problems, collect quantitative data on participants' performance (e.g., time on task, error rates), and determine participant's satisfaction with the product. • Effectiveness, efficiency and satisfaction.
  • 38. Usability Testing • You should test early and test often. • Usability testing lets the design and development teams identify problems before they get coded. • The earlier those problems are found and fixed, the less expensive the fixes are.
  • 39. What is guerilla testing?
  • 40. • Quick, low cost, usability testing “in the wild” • Can be conducted anywhere • 3 - 5 participants • 5 - 10 minutes each • Low - high fidelity prototype Guerilla Testing
  • 43. To collect feedback and evaluate design
  • 45. As soon as the idea is out of your head
  • 47. How to plan a guerilla test?
  • 48. 1. Identify test goal • Determine what is the purpose of doing the test. Example goal statement: “Assess the latest version of the mobile video player.”
  • 49. 2. Identify target participants • Determine participant characteristics. Example participant screener: • Users must own a smartphone. • Users must access mobile video content at least once a week.
  • 50. 3. Identify test objectives • Determine what you’re trying to learn. • What questions are your trying to answer? • Example test objectives: • Can users easily and effectively use the video player? • Can users interact with the scrubber? • Do users understand how to share a video?
  • 51. 4. Create tasks • Create user tasks that will allow you to assess your objectives. Example tasks: • Play a video and view comments • Share a video
  • 52. 5. Create scenarios • Create realistic scenarios of when users may do those tasks. Example scenarios: • Let’s say a friend told you about a great comment Rob Ford made at the end of this video clip. Can you play the clip and go to the comment? • You loved the clip and want to send it to another friend. Can you show me how you would do that?
  • 53. 5. Prepare the prototype • Create a prototype that can be tested. Example of prototypes: Sketches Wireframes Live site/appInteractive prototype
  • 55. Keep in touch! • Email: hira.javed@uwaterloo.ca • Twitter: @hirajaved10 • LinkedIn: Hira Javed

Notas del editor

  1. Collect user feedback to evaluate design solutions and inform decisions.
  2. Whether in the form of a sketch or an interactive prototype
  3. Describe the issues and questions you want to answer with the test. This is the most critical part of planning the test because it focuses the research.
  4. What tasks do you want the users to do to help you answer those questions.