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

PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作7tz4rjpd
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
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
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Servicejennyeacort
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10uasjlagroup
 
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
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
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
 

Kürzlich hochgeladen (20)

PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
2024新版美国旧金山州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作韩国SKKU学位证,成均馆大学毕业证书1:1制作
韩国SKKU学位证,成均馆大学毕业证书1:1制作
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
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...
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts ServiceCall Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
Call Girls in Ashok Nagar Delhi ✡️9711147426✡️ Escorts Service
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
CREATING A POSITIVE SCHOOL CULTURE CHAPTER 10
 
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
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
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
 

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