SlideShare a Scribd company logo
1 of 51
Download to read offline
of Icons
& Mobile
Desbenoit

Sainté Mobile Days - November 22, 2013
Pictograms
are
everywhere
cc by Jurgen on FlickR
cc by Mr Brian on FlickR
cc by garysan97 on FlickR
cc by Sean MacEntee on FlickR
Icons
are essential
for mobile UI
The golden age
The golden age
is back
signs,
pictograms,
symbols?
signs
pictogram

☀
ideogram

☀
☁
symbol

☉
巛
oh wait!
(new) pictogram:
The most minimal
visual translation
of a concept or an
object
LightBulb designed by Jean-Philippe Cabaroc from The Noun Project
“you know what?

Icons are
fantastic”
Icons 

speed up
understanding
Home designed by Sébastien Desbenoit from The Noun Project
Icons
reduce
cognitive load
Memory designed by Anne-Marie Nguyen from The Noun Project
Airbnb App
Icons
give
consistency
designed by UN - OCHA & Angel designed by Luis Prado from The Noun Project
Instagram App
“Icons

are Evil

they should be
exterminated”
Quizz Up #1 TOP US App
Icons are not
illustrations.
They are signals.
Vente Privee – Mobile App
“An

Icon?

It’s a trap!”
StarBucks – Mobile App
Four questions
One solution
Understandable?
Unambiguous?
Useful?
Cost-efficient?
USA Today – Mobile App
Trust & Test
Trust
ISO standards
https://www.iso.org/obp/ui/#search
One standard to rule them all
Trust
platform design
guidelines
Yahoo Mail – Mobile App
Test
+67% unquestionable
-10% opposite meaning
Trust
the target
audience
Snap Chat – Mobile App
oh Thanks!
article: https://medium.com/design-ux/bcc8e0257bc8
slides: https://speakerdeck.com/desbenoit/icons-mobile

Desbenoit

Sainté Mobile Days - November 22, 2013
of Icons
& Mobile
article: https://medium.com/design-ux/bcc8e0257bc8
slides: https://speakerdeck.com/desbenoit/of-icons-and-mobile
Sources
- Vezin, A Cognitive Approach to Pictograms, 1984.
- ISO/TC 145, works, 1985 - 2013.
- DA Norman, Cognitive artifacts, 1991.
- Marina Duhamel. Un demi-siècle de signalisation routière en France
1894-1946, 1994.
- Adrian Frutiger. L'homme et ses signes, 1999.

Desbenoit

- Brigitte Cambon de Lavalette. La signalétique dans le réseau des
déplacements routiers : histoire et fonction, 2001
- Victor Kaptelinin and Mary Czerwinski,  “Beyond the Desktop
Metaphor: Designing Integrated Digital Work Environments” MIT
Press, 2007.
- Signs for all time, Highlighting Japan, mars 2009.
- Jesse Hicks, 40 years of icons: the evolution of the modern computer
interface, The Verge, 21 mars 2013.

Sainté Mobile Days - November 22, 2013

More Related Content

Viewers also liked

Livro Sinais e símbolos de Adrian Frutiger
Livro Sinais e símbolos de Adrian Frutiger Livro Sinais e símbolos de Adrian Frutiger
Livro Sinais e símbolos de Adrian Frutiger
Charles Franklin
 
human computer interface
human computer interfacehuman computer interface
human computer interface
Santosh Kumar
 
Computer hardware component. ppt
Computer hardware component. pptComputer hardware component. ppt
Computer hardware component. ppt
Naveen Sihag
 

Viewers also liked (10)

Frutiger signaturas-marca-señal
Frutiger signaturas-marca-señalFrutiger signaturas-marca-señal
Frutiger signaturas-marca-señal
 
Livro Sinais e símbolos de Adrian Frutiger
Livro Sinais e símbolos de Adrian Frutiger Livro Sinais e símbolos de Adrian Frutiger
Livro Sinais e símbolos de Adrian Frutiger
 
Ntroduction to computer architecture and organization
Ntroduction to computer architecture and organizationNtroduction to computer architecture and organization
Ntroduction to computer architecture and organization
 
Sign symbol and-communication
Sign symbol and-communicationSign symbol and-communication
Sign symbol and-communication
 
human computer interface
human computer interfacehuman computer interface
human computer interface
 
Computer hardware component. ppt
Computer hardware component. pptComputer hardware component. ppt
Computer hardware component. ppt
 
Computer presentation
Computer presentationComputer presentation
Computer presentation
 
Parts of a Computer
Parts of a ComputerParts of a Computer
Parts of a Computer
 
Hype vs. Reality: The AI Explainer
Hype vs. Reality: The AI ExplainerHype vs. Reality: The AI Explainer
Hype vs. Reality: The AI Explainer
 
Build Features, Not Apps
Build Features, Not AppsBuild Features, Not Apps
Build Features, Not Apps
 

Similar to Of icons and mobiles

Low-fidelity Prototyping of WeatherMob
Low-fidelity Prototyping of WeatherMobLow-fidelity Prototyping of WeatherMob
Low-fidelity Prototyping of WeatherMob
Lisa Woods
 
App smashing
App smashingApp smashing
App smashing
Lori Roe
 

Similar to Of icons and mobiles (20)

The Power of icons
The Power of iconsThe Power of icons
The Power of icons
 
Power of icons
Power of iconsPower of icons
Power of icons
 
Des icônes et des interfaces
Des icônes et des interfacesDes icônes et des interfaces
Des icônes et des interfaces
 
Lawrence Du week4 slides
Lawrence Du week4 slides Lawrence Du week4 slides
Lawrence Du week4 slides
 
MoAbility - An iconmobile presentation at IA Konferenz 2011
MoAbility - An iconmobile presentation at IA Konferenz 2011MoAbility - An iconmobile presentation at IA Konferenz 2011
MoAbility - An iconmobile presentation at IA Konferenz 2011
 
Les icônes : Qui sont-elles ? Quelles sont leurs pictos ?
Les icônes : Qui sont-elles ? Quelles sont leurs pictos ? Les icônes : Qui sont-elles ? Quelles sont leurs pictos ?
Les icônes : Qui sont-elles ? Quelles sont leurs pictos ?
 
Modern computer graphics
Modern computer graphicsModern computer graphics
Modern computer graphics
 
Bfmmgg merged mobile presentation_mam
Bfmmgg merged mobile presentation_mamBfmmgg merged mobile presentation_mam
Bfmmgg merged mobile presentation_mam
 
This is not a pipe
This is not a pipeThis is not a pipe
This is not a pipe
 
5 Popular Icon Styles for Your Presentations
5 Popular Icon Styles for Your Presentations5 Popular Icon Styles for Your Presentations
5 Popular Icon Styles for Your Presentations
 
Gde je nasa produkt zajednica u odnosu na Evropu
Gde je nasa produkt zajednica u odnosu na EvropuGde je nasa produkt zajednica u odnosu na Evropu
Gde je nasa produkt zajednica u odnosu na Evropu
 
Ignition five 16.05.11
Ignition five 16.05.11Ignition five 16.05.11
Ignition five 16.05.11
 
Cheat sheet 3 19-12
Cheat sheet 3 19-12Cheat sheet 3 19-12
Cheat sheet 3 19-12
 
Ignition five 16.05.11
Ignition five 16.05.11Ignition five 16.05.11
Ignition five 16.05.11
 
We Like to Move It! Moving Activities with Mobile Devices GAETC13
We Like to Move It! Moving Activities with Mobile Devices GAETC13We Like to Move It! Moving Activities with Mobile Devices GAETC13
We Like to Move It! Moving Activities with Mobile Devices GAETC13
 
Low-fidelity Prototyping of WeatherMob
Low-fidelity Prototyping of WeatherMobLow-fidelity Prototyping of WeatherMob
Low-fidelity Prototyping of WeatherMob
 
App smashing
App smashingApp smashing
App smashing
 
Cameras and Cats - Why Computer Vision is Changing the Way You See the World
Cameras and Cats - Why Computer Vision is Changing the Way You See the WorldCameras and Cats - Why Computer Vision is Changing the Way You See the World
Cameras and Cats - Why Computer Vision is Changing the Way You See the World
 
Apdf Spontaneous Invention
Apdf Spontaneous InventionApdf Spontaneous Invention
Apdf Spontaneous Invention
 
Project Dressup App
Project Dressup AppProject Dressup App
Project Dressup App
 

More from Sébastien Desbenoit

More from Sébastien Desbenoit (12)

UX en Terre Inconnue
UX en Terre InconnueUX en Terre Inconnue
UX en Terre Inconnue
 
Un bon design n'est pas beau
Un bon design n'est pas beauUn bon design n'est pas beau
Un bon design n'est pas beau
 
Les tendances dans le webdesign
Les tendances dans le webdesignLes tendances dans le webdesign
Les tendances dans le webdesign
 
Internet : ce n’est pas du virtuel !
Internet :  ce n’est pas  du virtuel !Internet :  ce n’est pas  du virtuel !
Internet : ce n’est pas du virtuel !
 
L’Opendata, 
non ce n’est pas 
qu’une mode
L’Opendata, 
non ce n’est pas 
qu’une modeL’Opendata, 
non ce n’est pas 
qu’une mode
L’Opendata, 
non ce n’est pas 
qu’une mode
 
Avoir une bonne e-réputation, 
à quoi bon ?
Avoir une bonne  e-réputation, 
à quoi bon ?Avoir une bonne  e-réputation, 
à quoi bon ?
Avoir une bonne e-réputation, 
à quoi bon ?
 
« Le Don » levier de la participation 
dans les médias sociaux
« Le Don » levier  de la participation 
dans les médias sociaux« Le Don » levier  de la participation 
dans les médias sociaux
« Le Don » levier de la participation 
dans les médias sociaux
 
Confessions d’une accro à Twitter
Confessions  d’une accro à TwitterConfessions  d’une accro à Twitter
Confessions d’une accro à Twitter
 
Les réseaux sociaux, ce n'est pas que du web
Les réseaux sociaux, ce n'est pas que du webLes réseaux sociaux, ce n'est pas que du web
Les réseaux sociaux, ce n'est pas que du web
 
Internet et les réseaux sociaux en Eglise - Paris 2011
Internet et les réseaux sociaux en Eglise - Paris 2011Internet et les réseaux sociaux en Eglise - Paris 2011
Internet et les réseaux sociaux en Eglise - Paris 2011
 
Les réseaux sociaux, ce n'est pas que du Web
Les réseaux sociaux, ce n'est pas que du WebLes réseaux sociaux, ce n'est pas que du Web
Les réseaux sociaux, ce n'est pas que du Web
 
Internet et les réseaux sociaux en Eglise - Diocèse d'Annecy
Internet et les réseaux sociaux en Eglise - Diocèse d'AnnecyInternet et les réseaux sociaux en Eglise - Diocèse d'Annecy
Internet et les réseaux sociaux en Eglise - Diocèse d'Annecy
 

Recently uploaded

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
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
yhavx
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
mark11275
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
CristineGraceAcuyan
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
HyderabadDolls
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
balqisyamutia
 

Recently uploaded (20)

High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best ServiceHigh Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
High Profile Escorts Nerul WhatsApp +91-9930687706, Best Service
 
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...
 
Furniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptxFurniture & Joinery Details_Designs.pptx
Furniture & Joinery Details_Designs.pptx
 
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
一比一原版(ANU毕业证书)澳大利亚国立大学毕业证原件一模一样
 
Sweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptxSweety Planet Packaging Design Process Book.pptx
Sweety Planet Packaging Design Process Book.pptx
 
How to Build a Simple Shopify Website
How to Build a Simple Shopify WebsiteHow to Build a Simple Shopify Website
How to Build a Simple Shopify Website
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
Q4-Trends-Networks-Module-3.pdfqquater days sheets123456789
 
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
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
Abortion pills in Riyadh +966572737505 <> buy cytotec <> unwanted kit Saudi A...
 
Hackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdfHackathon evaluation template_latest_uploadpdf
Hackathon evaluation template_latest_uploadpdf
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
Madhyamgram \ (Genuine) Escort Service Kolkata | Service-oriented sexy call g...
 
Simple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptxSimple Conference Style Presentation by Slidesgo.pptx
Simple Conference Style Presentation by Slidesgo.pptx
 

Of icons and mobiles