SlideShare una empresa de Scribd logo
1 de 28
Descargar para leer sin conexión
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

Más contenido relacionado

Similar a 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 Layout
David Farrell
 
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
honey725342
 
INTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCEINTRODUCTION to USER EXPERIENCE
INTRODUCTION to USER EXPERIENCE
chenjyu
 
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
Stanford dmedia
 
Proposal defense
Proposal defenseProposal defense
Proposal defense
leducmills
 

Similar a 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
 

Más de Matthias 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 Conversations
Matthias Böhmer
 

Más 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
 

Último

RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
gajnagarg
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
nirzagarg
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
instagramfab782445
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
amitlee9823
 
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
amitlee9823
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
amitlee9823
 

Último (20)

The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
8377087607, Door Step Call Girls In Kalkaji (Locanto) 24/7 Available
 
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
 
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
Just Call Vip call girls dharamshala Escorts ☎️9352988975 Two shot with one g...
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
Nisha Yadav Escorts Service Ernakulam ❣️ 7014168258 ❣️ High Cost Unlimited Ha...
 
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
8377087607, Door Step Call Girls In Majnu Ka Tilla (Delhi) 24/7 Available
 
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 104, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
Whitefield Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Ba...
 
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
Vip Mumbai Call Girls Borivali Call On 9920725232 With Body to body massage w...
 
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️call girls in Dakshinpuri  (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
 
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
call girls in Vaishali (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝✔️✔️
 
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
 
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
Call Girls Basavanagudi Just Call 👗 7737669865 👗 Top Class Call Girl Service ...
 
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
 
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experiencedWhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
WhatsApp Chat: 📞 8617697112 Call Girl Baran is experienced
 

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