SlideShare une entreprise Scribd logo
1  sur  28
Télécharger pour lire hors ligne
A Study on Icon Arrangement
by Smartphone Users
Matthias Böhmer and Antonio Krüger
Ubiquitous Media Technologies Lab
DFKI GmbH // Saarland University
30y ago
evolution
today
today
today
How do people
arrange their
icons?
- Barreau and Nardi, 1995 [2]
- Studies on file organization on stationary computers
- People put icons to special places
- Shipman et al., 1995 [23]
- People create implicit structures
when manipulating layouts
- Ravasio et al., 2004 [20]
- People cluster documents by their types
- People dedicate screen areas to different purposes
- Ziefle and Bay, 2004 [27]
- People built mental models of their phone menus
Related work
Ravasio et al. 2004 [20]
Study
Quantitative data, e.g.
- number of apps
- number of folders
- number of icons on page
- x/y position of icons
Qualitative data
- participants‘ experience levels
- concepts of icon arrangement
- participants labeled with
oncepts
„most used apps first
page, groups of apps 2nd
space, then games“
„most-used items should
be on the first page,
otherwise I try to group
items (e.g., news outlets
together)“
...
1
2
Screenshot Study
grounded theory
majority rule
template matching
- 132 people have sent 1,486 screenshots
- 22 women, 108 men, 2 unknown
- 106 iPhone users, 26 Android users
- Mean age was 28.3 years (SD 8.5)
- 60.5% Germany, 11.4% USA, 4.5% UK
- We cleaned the data set
- We removed „Jailbreaks“ and iPod touch
- 127 participants in final data set
Characteristics of data set
Findings
5 concepts for arranging
Usage-based icon arrangement
Relatedness-based icon arrangement
Usability-based icon arrangement
Aesthetics-based icon arrangement
External concepts for icon arrangement
llll ll
llll
lll
ll
ll
ABC
123
...
=?
Example
„I try to checkerboard alternate colors [...] most icons are blue,
so on my first page of icons it alternates between blue and
brown and I try to keep that consistency“ (aesthetics-based)
Example
„I try to checkerboard alternate colors [...] most icons are blue,
so on my first page of icons it alternates between blue and
brown and I try to keep that consistency“ (aesthetics-based)
Co-occurrences of concepts
(1) (2) (3) (4) (5)
(1) usage-based
(2) relatedness-based
(3) usability based
(4) aesthetic-based
(5) external concepts
62 % 28 % 6 % 2 % 4 %
28 % 60 % 6 % 3 % 3 %
6 % 6 % 9 % 2 % 0 %
2 % 3 % 2 % 5 % 0 %
4 % 3 % 0 % 0 % 9 %
- Usage-based and relatedness-based most used
- Participants applied hybrid concepts
Impact of concept on layout
Numberofappiconson1stpage
2 0
1 5
1 0
5
0
Frequency
1 2 1 0 8 6 4 2 0
Numberofappiconson1stpage
2 0
1 5
1 0
5
0
Frequency
1 21 086420
Not usage based-concept Usage-based concept
More app icons on first
page when applying
usage-based concept
*iPhonedataonly
More folder icons on first
page when applying
relatedness-based concept
Numberoffoldericonson1stpage
1 4
1 2
1 0
8
6
4
2
0
Frequency
2 5 2 0 1 5 1 0 5 0
Numberoffoldericonson1stpage
1 4
1 2
1 0
8
6
4
2
0
Frequency
2 52 01 51 050
Relatedness-based conceptNot relatedness-based concept
Context-related folders
Locations
(e.g. cities, countries)
Activities
(e.g. shopping, watching
TV, traveling)
Grouping of apps into folders
People cluster follow-up apps
- Camera apps w/ photo editing apps
- Shopping apps w/ payment apps
People cluster similar apps
- Apps for sending text messages
- Dictionaries
- Music
- Games
Android specific results
WidgetIcon
Relativey-position
(0:bottom,1:top)
1,00
,80
,60
,40
,20
,00
WidgetIcon
Relativey-position
(0:bottom,1:top)
1,00
,80
,60
,40
,20
,00
WidgetIcon
Relativey-position
(0:bottom,1:top)
1,00
,80
,60
,40
,20
,00
WidgetIcon
Relativey-position
(0:bottom,1:top)
1,00
,80
,60
,40
,20
,00
WidgetIcon
Relativey-position
(0:bottom,1:top)
1,00
,80
,60
,40
,20
,00
Difference in icons and widgets
- People put app icons to bottom
- People put widgets to top
Other specific reasons
- Have as few pages as possible for less browsing
- One user tries to „put games in the back and
work apps to front, because it‘s a work iPhone“
- Users have dedicated places for unused apps
- For apps that „are never used but might come
in handy some day“
- „Land of misfit apps“
- „Silly apps“
Discussion + Implications
Discussion
- Better support for icon arrangement required
- Context-aware menus should use level of pages
- Locations of app icons can be exploited
to infer information about applications
Model for design of launchers
- General model for the design of launcher menus:
three zones that should fit to all users
most used apps
clusters of
related apps
„land of
misfit apps“
Conclusion
- Study about icon arrangement on smartphones
- Five concepts (most users apply concepts
based on usage frequency and app relatedness)
- Implications for the design of launcher menus
(support, context awareness, common model)
- Data is available (see paper for URL)
Conclusion
ABC
123
...
=?llll ll
llll
lll
ll
ll
ABC
123
...
=?
llll ll
llll
lll
ll
ll
A Study on Icon Arrangement
by Smartphone Users
Matthias Böhmer
matthias.boehmer@dfki.de
http://bit.ly/iconstudy
Five concepts (most users sort icons based
on usage frequency and app relatedness)
Implications for the design of launcher menus
(support, context awareness, common model)
Thank you!
Computer from The Noun Project
Smartphone designed by James Fenton from The Noun Project
Sergi Delgado, from The Noun Project
Tyler Sall, from The Noun Project
Marcio Duarte, from The Noun Project
Location designed by John Caserta from The Noun Project

Contenu connexe

Similaire à A Study on Icon Arrangement by Smartphone Users (Full paper at CHI 2013)

Game Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutGame Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutDavid Farrell
 
Application Design - Part 1
Application Design - Part 1Application Design - Part 1
Application Design - Part 1Kelley Howell
 
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorGame design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorDavid Farrell
 
Technovation challenge workplan for week 4
Technovation challenge workplan for week 4Technovation challenge workplan for week 4
Technovation challenge workplan for week 4wetech_global
 
Design systems - Razvan Rosu
Design systems - Razvan RosuDesign systems - Razvan Rosu
Design systems - Razvan RosuRazvan Rosu
 
COMP 4026 Lecture2: Design and Prototype
COMP 4026 Lecture2: Design and PrototypeCOMP 4026 Lecture2: Design and Prototype
COMP 4026 Lecture2: Design and PrototypeMark Billinghurst
 
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
 
Icons Behaving Badly (Updated)
Icons Behaving Badly (Updated)Icons Behaving Badly (Updated)
Icons Behaving Badly (Updated)Andrew Malek
 
Pratyush Pandab UX Researcher Portfolio
Pratyush Pandab UX Researcher PortfolioPratyush Pandab UX Researcher Portfolio
Pratyush Pandab UX Researcher PortfolioPratyush Pandab
 
INTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCEINTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCEchenjyu
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must DesignAndrew Malek
 
Graphic design and UI efficiency
Graphic design and UI efficiencyGraphic design and UI efficiency
Graphic design and UI efficiencyYury Solonitsyn
 
dmedia Design Project 2 Interaction Design Brief
dmedia Design Project 2 Interaction Design Briefdmedia Design Project 2 Interaction Design Brief
dmedia Design Project 2 Interaction Design BriefStanford dmedia
 
Joel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin
 
conceptual phone
conceptual phone conceptual phone
conceptual phone veryboring
 
Understanding and Conceptualizing interaction - Mary Margarat
Understanding and Conceptualizing interaction  - Mary MargaratUnderstanding and Conceptualizing interaction  - Mary Margarat
Understanding and Conceptualizing interaction - Mary MargaratMary Margarat
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
Proposal defense
Proposal defenseProposal defense
Proposal defenseleducmills
 

Similaire à A Study on Icon Arrangement by Smartphone Users (Full paper at CHI 2013) (20)

Game Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI LayoutGame Design 2: Lecture 10 - UI Layout
Game Design 2: Lecture 10 - UI Layout
 
Application Design - Part 1
Application Design - Part 1Application Design - Part 1
Application Design - Part 1
 
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and MetaphorGame design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
Game design 2 (2013): Lecture 12 - Usability, Layout and Metaphor
 
Technovation challenge workplan for week 4
Technovation challenge workplan for week 4Technovation challenge workplan for week 4
Technovation challenge workplan for week 4
 
Ui design
Ui designUi design
Ui design
 
Design systems - Razvan Rosu
Design systems - Razvan RosuDesign systems - Razvan Rosu
Design systems - Razvan Rosu
 
COMP 4026 Lecture2: Design and Prototype
COMP 4026 Lecture2: Design and PrototypeCOMP 4026 Lecture2: Design and Prototype
COMP 4026 Lecture2: Design and Prototype
 
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
 
Icons Behaving Badly (Updated)
Icons Behaving Badly (Updated)Icons Behaving Badly (Updated)
Icons Behaving Badly (Updated)
 
Pratyush Pandab UX Researcher Portfolio
Pratyush Pandab UX Researcher PortfolioPratyush Pandab UX Researcher Portfolio
Pratyush Pandab UX Researcher Portfolio
 
INTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCEINTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCE
 
When the Developer Must Design
When the Developer Must DesignWhen the Developer Must Design
When the Developer Must Design
 
Graphic design and UI efficiency
Graphic design and UI efficiencyGraphic design and UI efficiency
Graphic design and UI efficiency
 
dmedia Design Project 2 Interaction Design Brief
dmedia Design Project 2 Interaction Design Briefdmedia Design Project 2 Interaction Design Brief
dmedia Design Project 2 Interaction Design Brief
 
Joel Baskin UX Design and Artifacts
Joel Baskin UX Design and ArtifactsJoel Baskin UX Design and Artifacts
Joel Baskin UX Design and Artifacts
 
Summ11 useinterx
Summ11 useinterxSumm11 useinterx
Summ11 useinterx
 
conceptual phone
conceptual phone conceptual phone
conceptual phone
 
Understanding and Conceptualizing interaction - Mary Margarat
Understanding and Conceptualizing interaction  - Mary MargaratUnderstanding and Conceptualizing interaction  - Mary Margarat
Understanding and Conceptualizing interaction - Mary Margarat
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
Proposal defense
Proposal defenseProposal defense
Proposal defense
 

Plus de Matthias Böhmer

What's in the apps for context?
What's in the apps for context?What's in the apps for context?
What's in the apps for context?Matthias Böhmer
 
Smartphone Use Does Not Have to Be Rude: Making Phones a Collaborative Presen...
Smartphone Use Does Not Have to Be Rude: Making Phones a Collaborative Presen...Smartphone Use Does Not Have to Be Rude: Making Phones a Collaborative Presen...
Smartphone Use Does Not Have to Be Rude: Making Phones a Collaborative Presen...Matthias Böhmer
 
Revisiting Phone Call UIs for Multipurpose Mobile Phones
Revisiting Phone Call UIs for Multipurpose Mobile PhonesRevisiting Phone Call UIs for Multipurpose Mobile Phones
Revisiting Phone Call UIs for Multipurpose Mobile PhonesMatthias Böhmer
 
Gaming the Android OS for Improving the Design of Smartphone Launchers
Gaming the Android OS for Improving the Design of Smartphone LaunchersGaming the Android OS for Improving the Design of Smartphone Launchers
Gaming the Android OS for Improving the Design of Smartphone LaunchersMatthias Böhmer
 
Using Intelligent Natural User Interfaces to Support Sales Conversations
Using Intelligent Natural User Interfaces to Support Sales ConversationsUsing Intelligent Natural User Interfaces to Support Sales Conversations
Using Intelligent Natural User Interfaces to Support Sales ConversationsMatthias Böhmer
 

Plus de Matthias Böhmer (6)

What's in the apps for context?
What's in the apps for context?What's in the apps for context?
What's in the apps for context?
 
Smartphone Use Does Not Have to Be Rude: Making Phones a Collaborative Presen...
Smartphone Use Does Not Have to Be Rude: Making Phones a Collaborative Presen...Smartphone Use Does Not Have to Be Rude: Making Phones a Collaborative Presen...
Smartphone Use Does Not Have to Be Rude: Making Phones a Collaborative Presen...
 
Revisiting Phone Call UIs for Multipurpose Mobile Phones
Revisiting Phone Call UIs for Multipurpose Mobile PhonesRevisiting Phone Call UIs for Multipurpose Mobile Phones
Revisiting Phone Call UIs for Multipurpose Mobile Phones
 
Gaming the Android OS for Improving the Design of Smartphone Launchers
Gaming the Android OS for Improving the Design of Smartphone LaunchersGaming the Android OS for Improving the Design of Smartphone Launchers
Gaming the Android OS for Improving the Design of Smartphone Launchers
 
Speaker Signs
Speaker SignsSpeaker Signs
Speaker Signs
 
Using Intelligent Natural User Interfaces to Support Sales Conversations
Using Intelligent Natural User Interfaces to Support Sales ConversationsUsing Intelligent Natural User Interfaces to Support Sales Conversations
Using Intelligent Natural User Interfaces to Support Sales Conversations
 

Dernier

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
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
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一Fi L
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
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
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Yantram Animation Studio Corporation
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 

Dernier (20)

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
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
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
办理学位证加州州立大学洛杉矶分校毕业证成绩单原版一比一
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
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
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
Unveiling the Future: Columbus, Ohio Condominiums Through the Lens of 3D Arch...
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 

A Study on Icon Arrangement by Smartphone Users (Full paper at CHI 2013)

  • 1. A Study on Icon Arrangement by Smartphone Users Matthias Böhmer and Antonio Krüger Ubiquitous Media Technologies Lab DFKI GmbH // Saarland University
  • 7. How do people arrange their icons?
  • 8. - Barreau and Nardi, 1995 [2] - Studies on file organization on stationary computers - People put icons to special places - Shipman et al., 1995 [23] - People create implicit structures when manipulating layouts - Ravasio et al., 2004 [20] - People cluster documents by their types - People dedicate screen areas to different purposes - Ziefle and Bay, 2004 [27] - People built mental models of their phone menus Related work Ravasio et al. 2004 [20]
  • 10. Quantitative data, e.g. - number of apps - number of folders - number of icons on page - x/y position of icons Qualitative data - participants‘ experience levels - concepts of icon arrangement - participants labeled with oncepts „most used apps first page, groups of apps 2nd space, then games“ „most-used items should be on the first page, otherwise I try to group items (e.g., news outlets together)“ ... 1 2 Screenshot Study grounded theory majority rule template matching
  • 11. - 132 people have sent 1,486 screenshots - 22 women, 108 men, 2 unknown - 106 iPhone users, 26 Android users - Mean age was 28.3 years (SD 8.5) - 60.5% Germany, 11.4% USA, 4.5% UK - We cleaned the data set - We removed „Jailbreaks“ and iPod touch - 127 participants in final data set Characteristics of data set
  • 13. 5 concepts for arranging Usage-based icon arrangement Relatedness-based icon arrangement Usability-based icon arrangement Aesthetics-based icon arrangement External concepts for icon arrangement llll ll llll lll ll ll ABC 123 ... =?
  • 14. Example „I try to checkerboard alternate colors [...] most icons are blue, so on my first page of icons it alternates between blue and brown and I try to keep that consistency“ (aesthetics-based)
  • 15. Example „I try to checkerboard alternate colors [...] most icons are blue, so on my first page of icons it alternates between blue and brown and I try to keep that consistency“ (aesthetics-based)
  • 16. Co-occurrences of concepts (1) (2) (3) (4) (5) (1) usage-based (2) relatedness-based (3) usability based (4) aesthetic-based (5) external concepts 62 % 28 % 6 % 2 % 4 % 28 % 60 % 6 % 3 % 3 % 6 % 6 % 9 % 2 % 0 % 2 % 3 % 2 % 5 % 0 % 4 % 3 % 0 % 0 % 9 % - Usage-based and relatedness-based most used - Participants applied hybrid concepts
  • 17. Impact of concept on layout Numberofappiconson1stpage 2 0 1 5 1 0 5 0 Frequency 1 2 1 0 8 6 4 2 0 Numberofappiconson1stpage 2 0 1 5 1 0 5 0 Frequency 1 21 086420 Not usage based-concept Usage-based concept More app icons on first page when applying usage-based concept *iPhonedataonly More folder icons on first page when applying relatedness-based concept Numberoffoldericonson1stpage 1 4 1 2 1 0 8 6 4 2 0 Frequency 2 5 2 0 1 5 1 0 5 0 Numberoffoldericonson1stpage 1 4 1 2 1 0 8 6 4 2 0 Frequency 2 52 01 51 050 Relatedness-based conceptNot relatedness-based concept
  • 18. Context-related folders Locations (e.g. cities, countries) Activities (e.g. shopping, watching TV, traveling)
  • 19. Grouping of apps into folders People cluster follow-up apps - Camera apps w/ photo editing apps - Shopping apps w/ payment apps People cluster similar apps - Apps for sending text messages - Dictionaries - Music - Games
  • 21. Other specific reasons - Have as few pages as possible for less browsing - One user tries to „put games in the back and work apps to front, because it‘s a work iPhone“ - Users have dedicated places for unused apps - For apps that „are never used but might come in handy some day“ - „Land of misfit apps“ - „Silly apps“
  • 23. Discussion - Better support for icon arrangement required - Context-aware menus should use level of pages - Locations of app icons can be exploited to infer information about applications
  • 24. Model for design of launchers - General model for the design of launcher menus: three zones that should fit to all users most used apps clusters of related apps „land of misfit apps“
  • 26. - Study about icon arrangement on smartphones - Five concepts (most users apply concepts based on usage frequency and app relatedness) - Implications for the design of launcher menus (support, context awareness, common model) - Data is available (see paper for URL) Conclusion ABC 123 ... =?llll ll llll lll ll ll
  • 27. ABC 123 ... =? llll ll llll lll ll ll A Study on Icon Arrangement by Smartphone Users Matthias Böhmer matthias.boehmer@dfki.de http://bit.ly/iconstudy Five concepts (most users sort icons based on usage frequency and app relatedness) Implications for the design of launcher menus (support, context awareness, common model)
  • 28. Thank you! Computer from The Noun Project Smartphone designed by James Fenton from The Noun Project Sergi Delgado, from The Noun Project Tyler Sall, from The Noun Project Marcio Duarte, from The Noun Project Location designed by John Caserta from The Noun Project