SlideShare a Scribd company logo
1 of 15
Download to read offline
User-centered iPhone app
design

Suzanne Ginsburg
Principal, Ginsburg Design
September 10, 2009
People are doing cool things with
their iPhones

Three stories….
The gallery salesperson
The student
The floral designer
People     their iPhones but some
things could be better…
Setup is too complicated (& unfriendly)




App: Accuweather
Tasks require too many steps




                           App: To Do’s
Inconsistent and/or Unable to Synch
with Desktop or Web version




Built-in calendar          Epicurious doesn’t synch   Can’t edit LinkedIn
doesn’t synch to do list   with online recipe box     profile via app
Other common themes

Tasks require too much typing
App doesn’t remember where user left off
No content for given location
What can you do?
#1: Conduct upfront user research
Upfront user research will help you better understand
your users’ needs.

Research will help you make informed design
decisions; you may also uncover fascinating app
opportunities.

Methods to consider:
Shadowing, Field Interviews, Diary Studies
#2: Brainstorm & sketch like mad
Explore a wide variety of design directions early
on.

Read Apple’s Human Interface Guidelines for the
iPhone, but try to see beyond the basic
frameworks.

Learn what’s possible with the iPhone technology
and consider ways it can benefit the user
experience.
#3: Refine & Test Promising Directions
Usability testing your concepts will help uncover
issues related to setup, flows, terminology & more.

Alternative approaches:
- Paper prototypes
- Screenshot based prototype on the iPhone
- Interactive prototype on the iPhone
Thank you & good luck!

Suzanne Ginsburg
@suzanneginsburg


Also thanks to Michelle Reamy for her user
research work in NY:
michelle@michellereamy.com

More Related Content

What's hot

Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPadStanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPadEvan Doll
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-DDoralin Kelly
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Precedent
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyDoralin Kelly
 
Remote Research Workshop, UX Week 2012 - Cyd Harrell
Remote Research Workshop, UX Week 2012 - Cyd HarrellRemote Research Workshop, UX Week 2012 - Cyd Harrell
Remote Research Workshop, UX Week 2012 - Cyd HarrellCyd Harrell
 
Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17Alexandre Jubien
 
Lean UX Fundamentals and Best Practices
Lean UX Fundamentals and Best PracticesLean UX Fundamentals and Best Practices
Lean UX Fundamentals and Best PracticesDoralin Kelly
 
Mobile-first, a quick introduction
Mobile-first, a quick introductionMobile-first, a quick introduction
Mobile-first, a quick introductionJelle Desramaults
 
The Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay aheadThe Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay aheadDoralin Kelly
 
Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett
Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin KimmettVancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett
Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin KimmettKevin Kimmett
 
Tech bytes april2012_labrecque
Tech bytes april2012_labrecqueTech bytes april2012_labrecque
Tech bytes april2012_labrecqueJoseph Labrecque
 
Open Data in the Newsroom: What's the story? (Talk from OK Con 2011 in Berlin)
Open Data in the Newsroom: What's the story? (Talk from OK Con 2011 in Berlin)Open Data in the Newsroom: What's the story? (Talk from OK Con 2011 in Berlin)
Open Data in the Newsroom: What's the story? (Talk from OK Con 2011 in Berlin)Mirko Lorenz
 
Media Evaluation Euestion 4
Media Evaluation Euestion 4Media Evaluation Euestion 4
Media Evaluation Euestion 4Antonie1994
 
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in SoftwareBy the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in SoftwareEffectiveUI
 
Portfolio_SungKim_2015_digital
Portfolio_SungKim_2015_digitalPortfolio_SungKim_2015_digital
Portfolio_SungKim_2015_digitalSungjun Kim
 

What's hot (20)

Stanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPadStanford CS193P - Designing for iPad
Stanford CS193P - Designing for iPad
 
IAD 5 - les 2 - Apps
IAD 5 - les 2 - AppsIAD 5 - les 2 - Apps
IAD 5 - les 2 - Apps
 
UX Masterclass at muru-D
UX Masterclass at muru-DUX Masterclass at muru-D
UX Masterclass at muru-D
 
The Mobile Frontier
The Mobile FrontierThe Mobile Frontier
The Mobile Frontier
 
Becoming Social by Default
Becoming Social by DefaultBecoming Social by Default
Becoming Social by Default
 
Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13Optimising Mobile Seminar, Melbourne & Perth-June'13
Optimising Mobile Seminar, Melbourne & Perth-June'13
 
Mobile UX Workshop General Assembly
Mobile UX Workshop General AssemblyMobile UX Workshop General Assembly
Mobile UX Workshop General Assembly
 
Remote Research Workshop, UX Week 2012 - Cyd Harrell
Remote Research Workshop, UX Week 2012 - Cyd HarrellRemote Research Workshop, UX Week 2012 - Cyd Harrell
Remote Research Workshop, UX Week 2012 - Cyd Harrell
 
Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17Mobile product - "Build great apps!" at ProductTank Paris #17
Mobile product - "Build great apps!" at ProductTank Paris #17
 
Lean UX Fundamentals and Best Practices
Lean UX Fundamentals and Best PracticesLean UX Fundamentals and Best Practices
Lean UX Fundamentals and Best Practices
 
Mobile-first, a quick introduction
Mobile-first, a quick introductionMobile-first, a quick introduction
Mobile-first, a quick introduction
 
The Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay aheadThe Future of UX: What designers need to know to stay ahead
The Future of UX: What designers need to know to stay ahead
 
Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett
Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin KimmettVancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett
Vancouver iPhone Meetup 2010 - Touch Interface Design - Kevin Kimmett
 
Tech bytes april2012_labrecque
Tech bytes april2012_labrecqueTech bytes april2012_labrecque
Tech bytes april2012_labrecque
 
Designing for Context
Designing for ContextDesigning for Context
Designing for Context
 
Open Data in the Newsroom: What's the story? (Talk from OK Con 2011 in Berlin)
Open Data in the Newsroom: What's the story? (Talk from OK Con 2011 in Berlin)Open Data in the Newsroom: What's the story? (Talk from OK Con 2011 in Berlin)
Open Data in the Newsroom: What's the story? (Talk from OK Con 2011 in Berlin)
 
Media Evaluation Euestion 4
Media Evaluation Euestion 4Media Evaluation Euestion 4
Media Evaluation Euestion 4
 
By the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in SoftwareBy the Book: Examining the Art of Building Great User Experiences in Software
By the Book: Examining the Art of Building Great User Experiences in Software
 
The Future of Interfaces
The Future of InterfacesThe Future of Interfaces
The Future of Interfaces
 
Portfolio_SungKim_2015_digital
Portfolio_SungKim_2015_digitalPortfolio_SungKim_2015_digital
Portfolio_SungKim_2015_digital
 

Viewers also liked

User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in shortsilvana churruca
 
User Centered Design for Projects
User Centered Design for ProjectsUser Centered Design for Projects
User Centered Design for ProjectsPeter Boersma
 
User-centered Design
User-centered DesignUser-centered Design
User-centered Designuxdesign101
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
Just Design It - An Approach To Web App Design
Just Design It - An Approach To Web App DesignJust Design It - An Approach To Web App Design
Just Design It - An Approach To Web App DesignKarri Saarinen
 
Can User Experience Design be Designed?
Can User Experience Design be Designed?Can User Experience Design be Designed?
Can User Experience Design be Designed?Marcin Treder
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshopPatrick McNeil
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good ForDan Saffer
 
了解你的用户 5个访谈前一定要注意的事
了解你的用户 5个访谈前一定要注意的事了解你的用户 5个访谈前一定要注意的事
了解你的用户 5个访谈前一定要注意的事Leon Zeng
 
JCConf TW 2014 - Modern Design Pattern
JCConf TW 2014 - Modern Design PatternJCConf TW 2014 - Modern Design Pattern
JCConf TW 2014 - Modern Design PatternSteven Wang
 
研究、論文與發表,我的路徑
研究、論文與發表,我的路徑研究、論文與發表,我的路徑
研究、論文與發表,我的路徑Lawrenzo H.C. Huang
 
塑造产品核心亮点的设计
塑造产品核心亮点的设计塑造产品核心亮点的设计
塑造产品核心亮点的设计麦哥UE
 
User Centered Design & User Experience
User Centered Design & User ExperienceUser Centered Design & User Experience
User Centered Design & User ExperienceWouter Walgraeve
 
User-centered design: A road map to usability
User-centered design: A road map to usabilityUser-centered design: A road map to usability
User-centered design: A road map to usabilityWill Sansbury
 
利用心理學提升用戶體驗 開放
利用心理學提升用戶體驗 開放利用心理學提升用戶體驗 開放
利用心理學提升用戶體驗 開放Yang-Ming Huang
 
Bringing User-Centered Design Practices into Agile Development Projects
Bringing User-CenteredDesign Practices intoAgile Development ProjectsBringing User-CenteredDesign Practices intoAgile Development Projects
Bringing User-Centered Design Practices into Agile Development Projectsabcd82
 
产品研发设计 优秀作品5-家庭旅行箱
产品研发设计 优秀作品5-家庭旅行箱产品研发设计 优秀作品5-家庭旅行箱
产品研发设计 优秀作品5-家庭旅行箱Chiyu Zan
 
User Centered Design Overview
User Centered Design OverviewUser Centered Design Overview
User Centered Design OverviewAaron Hursman
 

Viewers also liked (20)

User Centered Design in short
User Centered Design in shortUser Centered Design in short
User Centered Design in short
 
Beginners' guide to app design
Beginners' guide to app designBeginners' guide to app design
Beginners' guide to app design
 
User Centered Design for Projects
User Centered Design for ProjectsUser Centered Design for Projects
User Centered Design for Projects
 
User-centered Design
User-centered DesignUser-centered Design
User-centered Design
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
Just Design It - An Approach To Web App Design
Just Design It - An Approach To Web App DesignJust Design It - An Approach To Web App Design
Just Design It - An Approach To Web App Design
 
Can User Experience Design be Designed?
Can User Experience Design be Designed?Can User Experience Design be Designed?
Can User Experience Design be Designed?
 
User centered design workshop
User centered design workshopUser centered design workshop
User centered design workshop
 
What User-Centered Design is Good For
What User-Centered Design is Good ForWhat User-Centered Design is Good For
What User-Centered Design is Good For
 
了解你的用户 5个访谈前一定要注意的事
了解你的用户 5个访谈前一定要注意的事了解你的用户 5个访谈前一定要注意的事
了解你的用户 5个访谈前一定要注意的事
 
JCConf TW 2014 - Modern Design Pattern
JCConf TW 2014 - Modern Design PatternJCConf TW 2014 - Modern Design Pattern
JCConf TW 2014 - Modern Design Pattern
 
研究、論文與發表,我的路徑
研究、論文與發表,我的路徑研究、論文與發表,我的路徑
研究、論文與發表,我的路徑
 
塑造产品核心亮点的设计
塑造产品核心亮点的设计塑造产品核心亮点的设计
塑造产品核心亮点的设计
 
User Centered Design & User Experience
User Centered Design & User ExperienceUser Centered Design & User Experience
User Centered Design & User Experience
 
User Centered Design 101
User Centered Design 101User Centered Design 101
User Centered Design 101
 
User-centered design: A road map to usability
User-centered design: A road map to usabilityUser-centered design: A road map to usability
User-centered design: A road map to usability
 
利用心理學提升用戶體驗 開放
利用心理學提升用戶體驗 開放利用心理學提升用戶體驗 開放
利用心理學提升用戶體驗 開放
 
Bringing User-Centered Design Practices into Agile Development Projects
Bringing User-CenteredDesign Practices intoAgile Development ProjectsBringing User-CenteredDesign Practices intoAgile Development Projects
Bringing User-Centered Design Practices into Agile Development Projects
 
产品研发设计 优秀作品5-家庭旅行箱
产品研发设计 优秀作品5-家庭旅行箱产品研发设计 优秀作品5-家庭旅行箱
产品研发设计 优秀作品5-家庭旅行箱
 
User Centered Design Overview
User Centered Design OverviewUser Centered Design Overview
User Centered Design Overview
 

Similar to iPhone App Design: A user-centered approach

Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick PresentationDeimantas Brandišauskas
 
Marsh Creek - Teaching with iPads
Marsh Creek - Teaching with iPadsMarsh Creek - Teaching with iPads
Marsh Creek - Teaching with iPadsDASD
 
Build better mobile apps and become a better person
Build better mobile apps and become a better personBuild better mobile apps and become a better person
Build better mobile apps and become a better personWillem Meints
 
70 interesting ways_to_use_an_i_pad_in_the_clas
70 interesting ways_to_use_an_i_pad_in_the_clas70 interesting ways_to_use_an_i_pad_in_the_clas
70 interesting ways_to_use_an_i_pad_in_the_clasmonicacmcliff
 
iGenius: 20 Techniques to Transform Your iPhone into an Astounding Idea Machi...
iGenius: 20 Techniques to Transform Your iPhone into an Astounding Idea Machi...iGenius: 20 Techniques to Transform Your iPhone into an Astounding Idea Machi...
iGenius: 20 Techniques to Transform Your iPhone into an Astounding Idea Machi...chuckfrey
 
Mobile Convention Amsterdam - Netprofiler - Frans Appels
Mobile Convention Amsterdam - Netprofiler - Frans AppelsMobile Convention Amsterdam - Netprofiler - Frans Appels
Mobile Convention Amsterdam - Netprofiler - Frans AppelsMobileConventionAmsterdam
 
User Interface musts for mobile design
User Interface musts for mobile design User Interface musts for mobile design
User Interface musts for mobile design Puneet Arora
 
5 Easy Steps To Create An App for Your Business.pdf
5 Easy Steps To Create An App for Your Business.pdf5 Easy Steps To Create An App for Your Business.pdf
5 Easy Steps To Create An App for Your Business.pdfCloudester Software LLP
 
iOS design: a case study
iOS design: a case studyiOS design: a case study
iOS design: a case studyJohan Ronsse
 
58 interesting ways to use an i pad in the classroom.
58 interesting ways to use an i pad in the classroom.58 interesting ways to use an i pad in the classroom.
58 interesting ways to use an i pad in the classroom.Rene Torres Visso
 
62 interesting ways_to_use_an_i_pad_in_the_cla
62 interesting ways_to_use_an_i_pad_in_the_cla62 interesting ways_to_use_an_i_pad_in_the_cla
62 interesting ways_to_use_an_i_pad_in_the_cladeang33
 
9/24/2015 Webinar: Designing Mobile Learning Apps for Education
9/24/2015 Webinar: Designing Mobile Learning Apps for Education9/24/2015 Webinar: Designing Mobile Learning Apps for Education
9/24/2015 Webinar: Designing Mobile Learning Apps for EducationTryMyUI
 
"Sitting up and taking notes": Using the iPad for reading and writing
"Sitting up and taking notes": Using the iPad for reading and writing"Sitting up and taking notes": Using the iPad for reading and writing
"Sitting up and taking notes": Using the iPad for reading and writingCIT, NUS
 
Where to Sell your App Ideas for Cash
Where to Sell your App Ideas for CashWhere to Sell your App Ideas for Cash
Where to Sell your App Ideas for Cashjames45height
 
Shortcut in learning iOS
Shortcut in learning iOSShortcut in learning iOS
Shortcut in learning iOSJoey Rigor
 
Itec Synthesis project 1
Itec Synthesis project 1Itec Synthesis project 1
Itec Synthesis project 1b7717
 
Steps Building Photo Kast creating an iPhone app in one month
Steps Building Photo Kast creating an iPhone app in one monthSteps Building Photo Kast creating an iPhone app in one month
Steps Building Photo Kast creating an iPhone app in one monthMohamed Ibrahim
 

Similar to iPhone App Design: A user-centered approach (20)

Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
 
Marsh Creek - Teaching with iPads
Marsh Creek - Teaching with iPadsMarsh Creek - Teaching with iPads
Marsh Creek - Teaching with iPads
 
Build better mobile apps and become a better person
Build better mobile apps and become a better personBuild better mobile apps and become a better person
Build better mobile apps and become a better person
 
70 interesting ways_to_use_an_i_pad_in_the_clas
70 interesting ways_to_use_an_i_pad_in_the_clas70 interesting ways_to_use_an_i_pad_in_the_clas
70 interesting ways_to_use_an_i_pad_in_the_clas
 
iGenius: 20 Techniques to Transform Your iPhone into an Astounding Idea Machi...
iGenius: 20 Techniques to Transform Your iPhone into an Astounding Idea Machi...iGenius: 20 Techniques to Transform Your iPhone into an Astounding Idea Machi...
iGenius: 20 Techniques to Transform Your iPhone into an Astounding Idea Machi...
 
Mobile Convention Amsterdam - Netprofiler - Frans Appels
Mobile Convention Amsterdam - Netprofiler - Frans AppelsMobile Convention Amsterdam - Netprofiler - Frans Appels
Mobile Convention Amsterdam - Netprofiler - Frans Appels
 
User Interface musts for mobile design
User Interface musts for mobile design User Interface musts for mobile design
User Interface musts for mobile design
 
5 Easy Steps To Create An App for Your Business.pdf
5 Easy Steps To Create An App for Your Business.pdf5 Easy Steps To Create An App for Your Business.pdf
5 Easy Steps To Create An App for Your Business.pdf
 
iOS design: a case study
iOS design: a case studyiOS design: a case study
iOS design: a case study
 
Ipads on Education
Ipads on EducationIpads on Education
Ipads on Education
 
Presentation_1369518943884
Presentation_1369518943884Presentation_1369518943884
Presentation_1369518943884
 
58 interesting ways to use an i pad in the classroom.
58 interesting ways to use an i pad in the classroom.58 interesting ways to use an i pad in the classroom.
58 interesting ways to use an i pad in the classroom.
 
62 interesting ways_to_use_an_i_pad_in_the_cla
62 interesting ways_to_use_an_i_pad_in_the_cla62 interesting ways_to_use_an_i_pad_in_the_cla
62 interesting ways_to_use_an_i_pad_in_the_cla
 
9/24/2015 Webinar: Designing Mobile Learning Apps for Education
9/24/2015 Webinar: Designing Mobile Learning Apps for Education9/24/2015 Webinar: Designing Mobile Learning Apps for Education
9/24/2015 Webinar: Designing Mobile Learning Apps for Education
 
"Sitting up and taking notes": Using the iPad for reading and writing
"Sitting up and taking notes": Using the iPad for reading and writing"Sitting up and taking notes": Using the iPad for reading and writing
"Sitting up and taking notes": Using the iPad for reading and writing
 
Where to Sell your App Ideas for Cash
Where to Sell your App Ideas for CashWhere to Sell your App Ideas for Cash
Where to Sell your App Ideas for Cash
 
Shortcut in learning iOS
Shortcut in learning iOSShortcut in learning iOS
Shortcut in learning iOS
 
User Experience Design for Tablets
User Experience Design for TabletsUser Experience Design for Tablets
User Experience Design for Tablets
 
Itec Synthesis project 1
Itec Synthesis project 1Itec Synthesis project 1
Itec Synthesis project 1
 
Steps Building Photo Kast creating an iPhone app in one month
Steps Building Photo Kast creating an iPhone app in one monthSteps Building Photo Kast creating an iPhone app in one month
Steps Building Photo Kast creating an iPhone app in one month
 

More from Ginsburg Design

Wrangling Apps in the Smartphone Wild West
Wrangling Apps in the Smartphone Wild WestWrangling Apps in the Smartphone Wild West
Wrangling Apps in the Smartphone Wild WestGinsburg Design
 
iPad eReader UX Review: iBooks, Kindle, Kobo
iPad eReader UX Review: iBooks, Kindle, KoboiPad eReader UX Review: iBooks, Kindle, Kobo
iPad eReader UX Review: iBooks, Kindle, KoboGinsburg Design
 
iPhone App UX Review: Gowalla vs. foursquare
iPhone App UX Review: Gowalla vs. foursquareiPhone App UX Review: Gowalla vs. foursquare
iPhone App UX Review: Gowalla vs. foursquareGinsburg Design
 
iPhone App UX Review: NY Times vs. USA Today
iPhone App UX Review: NY Times vs. USA TodayiPhone App UX Review: NY Times vs. USA Today
iPhone App UX Review: NY Times vs. USA TodayGinsburg Design
 
An agile approach to iPhone design: Paper prototyping + user testing
An agile approach to iPhone design:  Paper prototyping + user testingAn agile approach to iPhone design:  Paper prototyping + user testing
An agile approach to iPhone design: Paper prototyping + user testingGinsburg Design
 
iPhone App UX Review: Urbanspoon vs. Yelp
iPhone App UX Review: Urbanspoon vs. YelpiPhone App UX Review: Urbanspoon vs. Yelp
iPhone App UX Review: Urbanspoon vs. YelpGinsburg Design
 

More from Ginsburg Design (6)

Wrangling Apps in the Smartphone Wild West
Wrangling Apps in the Smartphone Wild WestWrangling Apps in the Smartphone Wild West
Wrangling Apps in the Smartphone Wild West
 
iPad eReader UX Review: iBooks, Kindle, Kobo
iPad eReader UX Review: iBooks, Kindle, KoboiPad eReader UX Review: iBooks, Kindle, Kobo
iPad eReader UX Review: iBooks, Kindle, Kobo
 
iPhone App UX Review: Gowalla vs. foursquare
iPhone App UX Review: Gowalla vs. foursquareiPhone App UX Review: Gowalla vs. foursquare
iPhone App UX Review: Gowalla vs. foursquare
 
iPhone App UX Review: NY Times vs. USA Today
iPhone App UX Review: NY Times vs. USA TodayiPhone App UX Review: NY Times vs. USA Today
iPhone App UX Review: NY Times vs. USA Today
 
An agile approach to iPhone design: Paper prototyping + user testing
An agile approach to iPhone design:  Paper prototyping + user testingAn agile approach to iPhone design:  Paper prototyping + user testing
An agile approach to iPhone design: Paper prototyping + user testing
 
iPhone App UX Review: Urbanspoon vs. Yelp
iPhone App UX Review: Urbanspoon vs. YelpiPhone App UX Review: Urbanspoon vs. Yelp
iPhone App UX Review: Urbanspoon vs. Yelp
 

Recently uploaded

Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppNadaMohammed714321
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppNadaMohammed714321
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 

Recently uploaded (20)

Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Karim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 pppppppppppppppKarim apartment ideas 01 ppppppppppppppp
Karim apartment ideas 01 ppppppppppppppp
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
Karim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 pppppppppppppppKarim apartment ideas 02 ppppppppppppppp
Karim apartment ideas 02 ppppppppppppppp
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 

iPhone App Design: A user-centered approach

  • 1. User-centered iPhone app design Suzanne Ginsburg Principal, Ginsburg Design September 10, 2009
  • 2. People are doing cool things with their iPhones Three stories….
  • 6. People their iPhones but some things could be better…
  • 7. Setup is too complicated (& unfriendly) App: Accuweather
  • 8. Tasks require too many steps App: To Do’s
  • 9. Inconsistent and/or Unable to Synch with Desktop or Web version Built-in calendar Epicurious doesn’t synch Can’t edit LinkedIn doesn’t synch to do list with online recipe box profile via app
  • 10. Other common themes Tasks require too much typing App doesn’t remember where user left off No content for given location
  • 12. #1: Conduct upfront user research Upfront user research will help you better understand your users’ needs. Research will help you make informed design decisions; you may also uncover fascinating app opportunities. Methods to consider: Shadowing, Field Interviews, Diary Studies
  • 13. #2: Brainstorm & sketch like mad Explore a wide variety of design directions early on. Read Apple’s Human Interface Guidelines for the iPhone, but try to see beyond the basic frameworks. Learn what’s possible with the iPhone technology and consider ways it can benefit the user experience.
  • 14. #3: Refine & Test Promising Directions Usability testing your concepts will help uncover issues related to setup, flows, terminology & more. Alternative approaches: - Paper prototypes - Screenshot based prototype on the iPhone - Interactive prototype on the iPhone
  • 15. Thank you & good luck! Suzanne Ginsburg @suzanneginsburg Also thanks to Michelle Reamy for her user research work in NY: michelle@michellereamy.com

Editor's Notes

  1. These stories are based on user research conducted in the fall of 2009 by Ginsburg Design and Reamy Research & Design. Diary studies were combined with field interviews with 12 participants in New York and The Bay Area.
  2. This participant used to have a laptop (iMac) and a mobile phone. When her laptop broke she was torn between replacing the laptop and getting an iPhone. In the end she decided to get an iPhone since she has access to a desktop computer at work. In these photos, you can see a variety of ways that she uses the iPhone at work—to take pictures of framed photos to send to clients and to check if paintings are level. Other apps she likes to use at work include converter and translation apps.
  3. This participant is a sophmore majoring in Chemistry. While he’s very busy with school, he also holds two part-time jobs: one at a hotel, another as a private gymnastics instructor. From the minute he wakes up, he uses his iPhone—it’s his alarm clock! Sometimes he’ll lay in bed for a little while as he checks email, the weather, his calendar. On the way to school, he’ll use other apps for checking the various bus and trains schedule. At school, he uses a variety of apps, e.g., the periodic table (above), graphing calculators, and a whiteboard app for collaboration.
  4. This participant mostly uses the built-in apps on the iPhone—the calendar, email, photos, camera. When she goes to the flower market, she’ll use the Notes application to run through the list of flowers she needs to buy. She often takes photos of plants and flowers to send to clients. Even though the quality isn’t the best, it’s “good enough” as a communication tool. She’ll use her SLR or hire a professional photographer if she needs something of higher quality.
  5. Participants often cited issues with setting up and/or registering for iPhone apps. For example, this Accuweather app takes 3 steps before you even see any weather. Having the “Terms of Use” upfront is far from welcoming for first time users. Two participants said they really wanted to use this app, but gave up since it was too complicated to get started. They ultimately deleted the app from their phones.
  6. Participants also cited simple tasks taking much longer than they expected. For example, adding a to do item for the app above takes 5 steps. In contrast, the built-in Notes app takes just one step.
  7. Participants expected apps to behave a certain way based on their experiences with a desktop or web application. This is not to say that iPhone apps should work exactly like their desktop or web counterparts, but it’s problematic when the differences create additional work or dead ends for users. For example, the built-in calendar doesn’t synch to do items on the phone, thus the participant (first image) added the items as all day events.