SlideShare uma empresa Scribd logo
1 de 34
Baixar para ler offline
What is User
Centered Design?
UCD Defined
User Centered Mobile Design
User-centered design (UCD) is the process where the needs,
wants, and limitations of end-users of a (mobile) product are given
attention at each stage of the design process.
UCD is a problem solving process that analyzes and foresees how
users are likely to use an app. It also tests their assumptions with
regard to user behavior in real world scenarios.
Source:
Wikipedia - User Centered Design

http://en.wikipedia.org/wiki/User-centered_design
UCD Simplified
What it means?
Success hinges on knowing your users and building a solution
customized to effectively connect with them.
Consider and examine...
- User needs, wants, constraints
Analysis
User Requirements Analysis
- What are your mobile product goals?
- Determine what users “really” need
- Conduct a usability evaluation

- Make a list of the most important features and functions
Evaluation
Usability Evaluation
- Heuristic/expert evaluation: get constructive criticism and
honest feedback from mobile design and/or industry experts
- Competitive analysis: assess the strengths and weaknesses
of your closest competitors
- User interviews: ask questions to discover facts and
opinions held by potential app users
Concept
Conceptual Design
- Sketch out the design of the app pages and layout
- Rapidly create app visual representations (mockups)
or interactive representations (prototypes)
- Evaluate the usability - get feedback
Quickly iterate - take what learned from the “evaluation” and make
changes to your designs
Implement
Design + Implementation
- Revise user interface based on concept evaluation
- Apply style, look, and feel to design
- Create user interface according to mobile best practices
and platform guidelines
- Design for accessibility
Evaluate
Usability Evaluation
- Conduct a usability evaluation on the final design
- Refine the product based on results
- Iterate and then iterate again - repeat this process until
goals/ needs are met
Launch
Launch + Maintenance
- Document the process
- Collect feedback from users through feedback forms,
surveys, or interviews
- Iterate to improve the user experience
Mobile Design
Considerations
Differences
Desktop vs Mobile
Some principles of desktop design apply to mobile design, but
mobile experiences are unique because of...
- Smaller screen size
- Connectivity issues
- Mobile app use cases
Mobile
Mobile Means Mobile
Mobile users are not captive like computer users are. Desktop
users access technology sitting comfortably, while mobile users
are on the move.
- Micro-tasking: Using the phone for short bursts of activity.
- Local : Finding out what’s around the user.
- Bored : Using the phone for distraction/entertainment.
Screen Size
When SIZE Matters
Mobile screens vary widely in size (Android especially). Know your
audience and choose your target devices accordingly.
Device Questions
User Devices
Research what type of devices your users are purchasing..
- Tablets - Android vs iPad vs Surface
- Phones - Android vs iPhone
Decide whether to go native or go with a cross platform solution
Usability
Navigation Best Practices
- Reduce the levels of navigation, and rearrange based on
priority, presenting the most important items first.
- Use clear, concise and consistent labels for navigation
- Make sure the tap size (width or height) for icon items are at
least 33 pixels width/height
- Make everything obvious
- Provide clear and immediate visual feedback for actions
Prioritize
Prioritize Content
Be succinct. Smaller screen sizes require careful attention to
content displayed. Prioritize the content and display the most
important content first.
Cut unnecessary content, then cut some more.
Minimize Tasks
Minimize Input Actions
-Use device capabilities for input - motion, camera, gyroscope,
voice, GPS
-Limit manual input. If registration is required, limit it to the
minimum required fields. Alternatives -- entering zip code instead
of city and state
Minimize Tasks
Minimize Input Actions
-Select the best mobile input option allowing users to select from
a list of options is often faster than typing
- Remember the last selection and plug it in as default data
- When users need to log in, offer the option to stay signed in
Connectivity
Connectivity Considerations
Users may be disconnected from data access or be tethered to a
limited data plan.
- Keep memory demands in check so the app loads quickly and
doesn’t cause crashes
- Remove unnecessary code or graphics when possible
- Optimize image sizes and resolutions
- Save info locally when data access disconnected
Error Handling
Tell Users When Things Go Wrong
- Lost connectivity
- Data entry mistakes
- Upload or download failure
Feedback
Mechanisms
Feedback
Feedback Mechanisms
- Focus Groups
- Usability Testing
- Surveys
- Interviews
Focus Groups
When to use them
Focus groups are most often used as an input to design.
They generally produce non-statistical data and are a good means
of getting more in-depth information on a particular subject.
Focus Groups
Issues
It's necessary to have an experienced moderator and analyst for a
focus group to be effective.
Focus groups can be difficult to organize and expensive.
Usability Testing
What is it?
Usability testing sessions evaluate an by collecting data from
people as they use it. A user is asked to perform a series of tasks
while a moderator takes note of any difficulties they encounter.
Users can be asked to follow the think-aloud protocol which asks
them to verbalize what they're doing and why they're doing it.
You can also time users to see how long it takes them to complete
tasks, which is a good measure of efficiency.
Usability Testing
When to use
Usability testing can be used as an input during app design or at
the end of a project.
It represents an excellent way finding out what the most likely
usability problems with an app are likely to be. Usability testing
can generate non-statistical or statistical data.
Usability Testing
Issues
Usability testing requires some form of design to be available to
test - even if it's only on paper.
Testing works best if it focuses either on gathering non-statistical
feedback on a design through 'talking aloud'.
Surveys
What are they?
Questionnaires are a means of asking users for their responses to
a pre-defined set of questions.
It is a good way of generating statistical data.
Surveys
When to use
Questionnaires are usually employed when a design team:
- Can only gain remote access to an app
- Is seeking a larger sample size than can be realistically achieved
through direct contact
It is for this reason that questionnaires are usually administered
electronically
Surveys
Issues
Questionnaires allow statistical analysis of results, which can
increase a study's credibility through its scientific appearance.
This makes it all the more important that the questionnaire is well-
designed and asks non-biased questions.
Interviews
What are they?
An interview usually involves one interviewer speaking to one
participant at a time.
The advantages of an interview are that a participant's unique
point of view can be explored in detail.
It is also the case that any misunderstandings between the
interviewer and the participant are likely to be quickly identified
and addressed.
Interviews
When to use
Interviews are usually employed early in the design process.
This allows an app designer to gain a more detailed understanding
of a specific area of activity or requirement.
Interviews
Issues
Interviewing places a high premium on the experience and skill of
the interviewer and analyst. Human error and internal biases can
play a factor in receiving the flawed feedback.
Recap
• UCD analyzes user’s needs, wants and constraints
• Constantly test and iterate
• Mobile design is highly specialized

• Be sensitive to user device choices and data issues
• Get feedback, then get more feedback
• Plan, research, design, adapt, measure —> repeat

Mais conteúdo relacionado

Mais procurados

UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyCHI UX Indonesia
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignKoombea
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for StartupsRichard Fang
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshopInova LLC
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataMohamed Shehata
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaRoshan Karunarathna
 
Why User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalCenterline Digital
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentationaayush_jain_87
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESJeremy Robinson
 

Mais procurados (20)

UX Experience Design: Processes and Strategy
UX Experience Design: Processes and StrategyUX Experience Design: Processes and Strategy
UX Experience Design: Processes and Strategy
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
Simple Steps to UX/UI Web Design
Simple Steps to UX/UI Web DesignSimple Steps to UX/UI Web Design
Simple Steps to UX/UI Web Design
 
UX/UI Design 101
UX/UI Design 101UX/UI Design 101
UX/UI Design 101
 
UX design
UX designUX design
UX design
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
UX is not UI!
UX is not UI!UX is not UI!
UX is not UI!
 
UI vs UX workshop
UI vs UX workshopUI vs UX workshop
UI vs UX workshop
 
UI UX in depth
UI UX in depthUI UX in depth
UI UX in depth
 
Ux is not UI
Ux is not UIUx is not UI
Ux is not UI
 
Good UX Bad UX
Good UX Bad UXGood UX Bad UX
Good UX Bad UX
 
Ui vs UX design
Ui vs UX designUi vs UX design
Ui vs UX design
 
UI/UX Fundamentals
UI/UX FundamentalsUI/UX Fundamentals
UI/UX Fundamentals
 
UI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed ShehataUI-UX Practical Talking - Mohamed Shehata
UI-UX Practical Talking - Mohamed Shehata
 
UI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan KarunarathnaUI/UX presentation by Roshan Karunarathna
UI/UX presentation by Roshan Karunarathna
 
Why User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline DigitalWhy User Experience Matters | By UX Professionals from Centerline Digital
Why User Experience Matters | By UX Professionals from Centerline Digital
 
A UI and UX training presentation
A UI and UX training presentationA UI and UX training presentation
A UI and UX training presentation
 
UX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLESUX RULES: 10 ESSENTIAL PRINCIPLES
UX RULES: 10 ESSENTIAL PRINCIPLES
 
UX/UI design
UX/UI designUX/UI design
UX/UI design
 

Semelhante a What is User Centered Design?

Basics of-usability-testing
Basics of-usability-testingBasics of-usability-testing
Basics of-usability-testingWBC Software Lab
 
Usability in product development
Usability in product developmentUsability in product development
Usability in product developmentRavi Shyam
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1Sameer Chavan
 
Colleges yvonne van_laarhoven
Colleges yvonne van_laarhovenColleges yvonne van_laarhoven
Colleges yvonne van_laarhovenDigital Power
 
User Zoom Webinar Monster Aug09 Vf
User Zoom Webinar Monster Aug09 VfUser Zoom Webinar Monster Aug09 Vf
User Zoom Webinar Monster Aug09 VfUserZoom
 
Good-to-Great with AQUENT presentation - Koen van Niekerk
Good-to-Great with AQUENT presentation - Koen van NiekerkGood-to-Great with AQUENT presentation - Koen van Niekerk
Good-to-Great with AQUENT presentation - Koen van NiekerkLisa Trapman
 
How to Design for (Digital) Success
How to Design for (Digital) SuccessHow to Design for (Digital) Success
How to Design for (Digital) SuccessSøren Engelbrecht
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRsJeffery Belden
 
UX (User Experience) Process, May 2017
UX (User Experience) Process, May 2017UX (User Experience) Process, May 2017
UX (User Experience) Process, May 2017Gary Coker
 
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…UEDPreeti Chopra
 
Things you should know before you build your site
Things you should know before you build your siteThings you should know before you build your site
Things you should know before you build your sitePanu Ausavasereelert
 
MMRSS Usability Engineering
MMRSS Usability EngineeringMMRSS Usability Engineering
MMRSS Usability EngineeringMajesticMRSS
 
Agile methodology - Humanity
Agile methodology  - HumanityAgile methodology  - Humanity
Agile methodology - HumanityHumanity
 
Majestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS
 
A comprehensive guide to mobile app usability testing
A comprehensive guide to mobile app usability testingA comprehensive guide to mobile app usability testing
A comprehensive guide to mobile app usability testingWebGuru Infosystems Pvt. Ltd.
 
Evaluation of an Interactive Device : Microsoft Surface RT
Evaluation of an Interactive Device : Microsoft Surface RTEvaluation of an Interactive Device : Microsoft Surface RT
Evaluation of an Interactive Device : Microsoft Surface RTsampahdavid
 
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docxhoney725342
 

Semelhante a What is User Centered Design? (20)

Basics of-usability-testing
Basics of-usability-testingBasics of-usability-testing
Basics of-usability-testing
 
Usability in product development
Usability in product developmentUsability in product development
Usability in product development
 
Usability principles 1
Usability principles 1Usability principles 1
Usability principles 1
 
Colleges yvonne van_laarhoven
Colleges yvonne van_laarhovenColleges yvonne van_laarhoven
Colleges yvonne van_laarhoven
 
User Zoom Webinar Monster Aug09 Vf
User Zoom Webinar Monster Aug09 VfUser Zoom Webinar Monster Aug09 Vf
User Zoom Webinar Monster Aug09 Vf
 
Good-to-Great with AQUENT presentation - Koen van Niekerk
Good-to-Great with AQUENT presentation - Koen van NiekerkGood-to-Great with AQUENT presentation - Koen van Niekerk
Good-to-Great with AQUENT presentation - Koen van Niekerk
 
How to Design for (Digital) Success
How to Design for (Digital) SuccessHow to Design for (Digital) Success
How to Design for (Digital) Success
 
Usability methods to improve EMRs
Usability methods to improve EMRsUsability methods to improve EMRs
Usability methods to improve EMRs
 
UX (User Experience) Process, May 2017
UX (User Experience) Process, May 2017UX (User Experience) Process, May 2017
UX (User Experience) Process, May 2017
 
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
 
Things you should know before you build your site
Things you should know before you build your siteThings you should know before you build your site
Things you should know before you build your site
 
MMRSS Usability Engineering
MMRSS Usability EngineeringMMRSS Usability Engineering
MMRSS Usability Engineering
 
Usability Testing.docx
Usability Testing.docxUsability Testing.docx
Usability Testing.docx
 
Agile methodology - Humanity
Agile methodology  - HumanityAgile methodology  - Humanity
Agile methodology - Humanity
 
Majestic MRSS Usability Engineering
Majestic MRSS Usability EngineeringMajestic MRSS Usability Engineering
Majestic MRSS Usability Engineering
 
A comprehensive guide to mobile app usability testing
A comprehensive guide to mobile app usability testingA comprehensive guide to mobile app usability testing
A comprehensive guide to mobile app usability testing
 
Evaluation of an Interactive Device : Microsoft Surface RT
Evaluation of an Interactive Device : Microsoft Surface RTEvaluation of an Interactive Device : Microsoft Surface RT
Evaluation of an Interactive Device : Microsoft Surface RT
 
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
1 PROGRAM ISEM RESEARCH PAPER FOR APPLIED.docx
 
P5 Ontarget
P5 OntargetP5 Ontarget
P5 Ontarget
 
UCD overview
UCD overviewUCD overview
UCD overview
 

Mais de jamiecavanaugh

IxD Programs + Community Colleges = New Opportunities
IxD Programs + Community Colleges = New OpportunitiesIxD Programs + Community Colleges = New Opportunities
IxD Programs + Community Colleges = New Opportunitiesjamiecavanaugh
 
IxD Information Session
IxD Information SessionIxD Information Session
IxD Information Sessionjamiecavanaugh
 
What Makes an App Great?
What Makes an App Great?What Makes an App Great?
What Makes an App Great?jamiecavanaugh
 
Mobile is all about touch
Mobile is all about touchMobile is all about touch
Mobile is all about touchjamiecavanaugh
 
CSS, CSS Selectors, CSS Box Model
CSS, CSS Selectors, CSS Box ModelCSS, CSS Selectors, CSS Box Model
CSS, CSS Selectors, CSS Box Modeljamiecavanaugh
 

Mais de jamiecavanaugh (6)

IxD Programs + Community Colleges = New Opportunities
IxD Programs + Community Colleges = New OpportunitiesIxD Programs + Community Colleges = New Opportunities
IxD Programs + Community Colleges = New Opportunities
 
IxD Information Session
IxD Information SessionIxD Information Session
IxD Information Session
 
Wireframing
WireframingWireframing
Wireframing
 
What Makes an App Great?
What Makes an App Great?What Makes an App Great?
What Makes an App Great?
 
Mobile is all about touch
Mobile is all about touchMobile is all about touch
Mobile is all about touch
 
CSS, CSS Selectors, CSS Box Model
CSS, CSS Selectors, CSS Box ModelCSS, CSS Selectors, CSS Box Model
CSS, CSS Selectors, CSS Box Model
 

Último

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxRoyAbrique
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsanshu789521
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptxPoojaSen20
 

Último (20)

BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptxContemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
Contemporary philippine arts from the regions_PPT_Module_12 [Autosaved] (1).pptx
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1Código Creativo y Arte de Software | Unidad 1
Código Creativo y Arte de Software | Unidad 1
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
Presiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha electionsPresiding Officer Training module 2024 lok sabha elections
Presiding Officer Training module 2024 lok sabha elections
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
PSYCHIATRIC History collection FORMAT.pptx
PSYCHIATRIC   History collection FORMAT.pptxPSYCHIATRIC   History collection FORMAT.pptx
PSYCHIATRIC History collection FORMAT.pptx
 

What is User Centered Design?

  • 2. UCD Defined User Centered Mobile Design User-centered design (UCD) is the process where the needs, wants, and limitations of end-users of a (mobile) product are given attention at each stage of the design process. UCD is a problem solving process that analyzes and foresees how users are likely to use an app. It also tests their assumptions with regard to user behavior in real world scenarios. Source: Wikipedia - User Centered Design
 http://en.wikipedia.org/wiki/User-centered_design
  • 3. UCD Simplified What it means? Success hinges on knowing your users and building a solution customized to effectively connect with them. Consider and examine... - User needs, wants, constraints
  • 4. Analysis User Requirements Analysis - What are your mobile product goals? - Determine what users “really” need - Conduct a usability evaluation - Make a list of the most important features and functions
  • 5. Evaluation Usability Evaluation - Heuristic/expert evaluation: get constructive criticism and honest feedback from mobile design and/or industry experts - Competitive analysis: assess the strengths and weaknesses of your closest competitors - User interviews: ask questions to discover facts and opinions held by potential app users
  • 6. Concept Conceptual Design - Sketch out the design of the app pages and layout - Rapidly create app visual representations (mockups) or interactive representations (prototypes) - Evaluate the usability - get feedback Quickly iterate - take what learned from the “evaluation” and make changes to your designs
  • 7. Implement Design + Implementation - Revise user interface based on concept evaluation - Apply style, look, and feel to design - Create user interface according to mobile best practices and platform guidelines - Design for accessibility
  • 8. Evaluate Usability Evaluation - Conduct a usability evaluation on the final design - Refine the product based on results - Iterate and then iterate again - repeat this process until goals/ needs are met
  • 9. Launch Launch + Maintenance - Document the process - Collect feedback from users through feedback forms, surveys, or interviews - Iterate to improve the user experience
  • 11. Differences Desktop vs Mobile Some principles of desktop design apply to mobile design, but mobile experiences are unique because of... - Smaller screen size - Connectivity issues - Mobile app use cases
  • 12. Mobile Mobile Means Mobile Mobile users are not captive like computer users are. Desktop users access technology sitting comfortably, while mobile users are on the move. - Micro-tasking: Using the phone for short bursts of activity. - Local : Finding out what’s around the user. - Bored : Using the phone for distraction/entertainment.
  • 13. Screen Size When SIZE Matters Mobile screens vary widely in size (Android especially). Know your audience and choose your target devices accordingly.
  • 14. Device Questions User Devices Research what type of devices your users are purchasing.. - Tablets - Android vs iPad vs Surface - Phones - Android vs iPhone Decide whether to go native or go with a cross platform solution
  • 15. Usability Navigation Best Practices - Reduce the levels of navigation, and rearrange based on priority, presenting the most important items first. - Use clear, concise and consistent labels for navigation - Make sure the tap size (width or height) for icon items are at least 33 pixels width/height - Make everything obvious - Provide clear and immediate visual feedback for actions
  • 16. Prioritize Prioritize Content Be succinct. Smaller screen sizes require careful attention to content displayed. Prioritize the content and display the most important content first. Cut unnecessary content, then cut some more.
  • 17. Minimize Tasks Minimize Input Actions -Use device capabilities for input - motion, camera, gyroscope, voice, GPS -Limit manual input. If registration is required, limit it to the minimum required fields. Alternatives -- entering zip code instead of city and state
  • 18. Minimize Tasks Minimize Input Actions -Select the best mobile input option allowing users to select from a list of options is often faster than typing - Remember the last selection and plug it in as default data - When users need to log in, offer the option to stay signed in
  • 19. Connectivity Connectivity Considerations Users may be disconnected from data access or be tethered to a limited data plan. - Keep memory demands in check so the app loads quickly and doesn’t cause crashes - Remove unnecessary code or graphics when possible - Optimize image sizes and resolutions - Save info locally when data access disconnected
  • 20. Error Handling Tell Users When Things Go Wrong - Lost connectivity - Data entry mistakes - Upload or download failure
  • 22. Feedback Feedback Mechanisms - Focus Groups - Usability Testing - Surveys - Interviews
  • 23. Focus Groups When to use them Focus groups are most often used as an input to design. They generally produce non-statistical data and are a good means of getting more in-depth information on a particular subject.
  • 24. Focus Groups Issues It's necessary to have an experienced moderator and analyst for a focus group to be effective. Focus groups can be difficult to organize and expensive.
  • 25. Usability Testing What is it? Usability testing sessions evaluate an by collecting data from people as they use it. A user is asked to perform a series of tasks while a moderator takes note of any difficulties they encounter. Users can be asked to follow the think-aloud protocol which asks them to verbalize what they're doing and why they're doing it. You can also time users to see how long it takes them to complete tasks, which is a good measure of efficiency.
  • 26. Usability Testing When to use Usability testing can be used as an input during app design or at the end of a project. It represents an excellent way finding out what the most likely usability problems with an app are likely to be. Usability testing can generate non-statistical or statistical data.
  • 27. Usability Testing Issues Usability testing requires some form of design to be available to test - even if it's only on paper. Testing works best if it focuses either on gathering non-statistical feedback on a design through 'talking aloud'.
  • 28. Surveys What are they? Questionnaires are a means of asking users for their responses to a pre-defined set of questions. It is a good way of generating statistical data.
  • 29. Surveys When to use Questionnaires are usually employed when a design team: - Can only gain remote access to an app - Is seeking a larger sample size than can be realistically achieved through direct contact It is for this reason that questionnaires are usually administered electronically
  • 30. Surveys Issues Questionnaires allow statistical analysis of results, which can increase a study's credibility through its scientific appearance. This makes it all the more important that the questionnaire is well- designed and asks non-biased questions.
  • 31. Interviews What are they? An interview usually involves one interviewer speaking to one participant at a time. The advantages of an interview are that a participant's unique point of view can be explored in detail. It is also the case that any misunderstandings between the interviewer and the participant are likely to be quickly identified and addressed.
  • 32. Interviews When to use Interviews are usually employed early in the design process. This allows an app designer to gain a more detailed understanding of a specific area of activity or requirement.
  • 33. Interviews Issues Interviewing places a high premium on the experience and skill of the interviewer and analyst. Human error and internal biases can play a factor in receiving the flawed feedback.
  • 34. Recap • UCD analyzes user’s needs, wants and constraints • Constantly test and iterate • Mobile design is highly specialized
 • Be sensitive to user device choices and data issues • Get feedback, then get more feedback • Plan, research, design, adapt, measure —> repeat