SlideShare ist ein Scribd-Unternehmen logo
1 von 28
Downloaden Sie, um offline zu lesen
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

Weitere ähnliche Inhalte

Ähnlich wie 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
 

Ähnlich wie 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
 

Mehr von 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
 

Mehr von 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
 

Kürzlich hochgeladen

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
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
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一D SSS
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一diploma 1
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
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
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
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
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryrioverosanniejoy
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一Fi L
 
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
 
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
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 

Kürzlich hochgeladen (20)

2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
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
 
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
(办理学位证)约克圣约翰大学毕业证,KCL成绩单原版一比一
 
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
办理(麻省罗威尔毕业证书)美国麻省大学罗威尔校区毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
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...
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
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
 
Design and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industryDesign and Managing Service in the field of tourism and hospitality industry
Design and Managing Service in the field of tourism and hospitality industry
 
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
办理学位证(TheAuckland证书)新西兰奥克兰大学毕业证成绩单原版一比一
 
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
 
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
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 

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