DESIGN
UI & UXPENSER – CONCEVOIR – ATTIRER -RETENIR
LA DIFFERENCE
UI != UX
LA DIFFERENCE
UI = User I nt er f ace
UX = User eXper i ence
LA TECHNIQUE ET L’EMOTION
 UI = ce que l es cl i ent s ut i l i sent
pour i nt er agi r avec l e pr odui t , donc
l a t e...
RELATION ENTRE UI ET UX
RELATION ENTRE UI ET UX
RESUMONS TOUT SA
 UX n’ est pas UI
 UI est une par t i e de UX
 UX Desi gner s et UI Devel oper s sont
compl ément ai r...
LES 9 ETAPES D’UN BON DESIGN
 Fai r e un cas d’ ut i l i sat i on pr i nci pal e
 Déf i ni r l ’ or i gi ne de vos ut i ...
LES ETAPES PRINCIPAUX DE VOTRE
ACTIVITE
 Déf i ni r vot r e act i vi t é pr i nci pal e
 Maî t r i ser vot r e ci bl e
...
TAILLES ICONES SOUS ANDROID
Launcher 36 x 36 px 48 x 48 px 72
x 72 px
Menu 36 x 36 px 48 x 48 px 72 x 72
px
St at us Ba...
TAILLES ICONS SOUS IOS
LIENS UTILES
 https://developer.apple.com/library/ios/documentation/UserExperi
ence/Conceptual/MobileHIG/index.html
 htt...
Prochain SlideShare
Chargement dans…5
×

Mobile design

793 vues

Publié le

Généralité sur le mobile design (UI / UX)

Publié dans : Mobile
  • Soyez le premier à commenter

Mobile design

  1. 1. DESIGN UI & UXPENSER – CONCEVOIR – ATTIRER -RETENIR
  2. 2. LA DIFFERENCE UI != UX
  3. 3. LA DIFFERENCE UI = User I nt er f ace UX = User eXper i ence
  4. 4. LA TECHNIQUE ET L’EMOTION  UI = ce que l es cl i ent s ut i l i sent pour i nt er agi r avec l e pr odui t , donc l a t echni que  UX = ce qu’ i l s r essent ent quant - i l s l ’ ut i l i sent , donc l ’ émot i on
  5. 5. RELATION ENTRE UI ET UX
  6. 6. RELATION ENTRE UI ET UX
  7. 7. RESUMONS TOUT SA  UX n’ est pas UI  UI est une par t i e de UX  UX Desi gner s et UI Devel oper s sont compl ément ai r es
  8. 8. LES 9 ETAPES D’UN BON DESIGN  Fai r e un cas d’ ut i l i sat i on pr i nci pal e  Déf i ni r l ’ or i gi ne de vos ut i l i sat eur s  Cr éer un vi suel hi ér ar chi que  Ut i l i ser l a pr oxi mi t é et l e cont r ast e  Réf l échi r sur l ’ ef f et ut i l i sat eur  Réf l échi r à vot r e t ypogr aphi e  Ut i l i ser l e t on et l a voi x qu’ i l f aut  La qual i t é du desi gn af f ect e l a cr édi bi l i t é  Pr ot ot ypez et capt i ver vos vi si t eur s
  9. 9. LES ETAPES PRINCIPAUX DE VOTRE ACTIVITE  Déf i ni r vot r e act i vi t é pr i nci pal e  Maî t r i ser vot r e ci bl e  Penser et t ouj our s penser bénéf i ces  Pl ani f i er l e « Roadmap » de vot r e pr odui t
  10. 10. TAILLES ICONES SOUS ANDROID Launcher 36 x 36 px 48 x 48 px 72 x 72 px Menu 36 x 36 px 48 x 48 px 72 x 72 px St at us Bar 24 x 24 px 32 x 32 px 48 x 48 px Tab 24 x 24 px 32 x 32 px 48 x 48 px 
  11. 11. TAILLES ICONS SOUS IOS
  12. 12. LIENS UTILES  https://developer.apple.com/library/ios/documentation/UserExperi ence/Conceptual/MobileHIG/index.html  http://www.benoit-deldicque.com/blog/tip-icones-pour-une- application-iphone-ipad/  http://www.benoit-deldicque.com/blog/tip-vos-icones-ipad-dans- info-plist/  https://www.behance.net/

×