Mobile design

763 vues

Publié le

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

Publié dans : Mobile
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
763
Sur SlideShare
0
Issues des intégrations
0
Intégrations
3
Actions
Partages
0
Téléchargements
18
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

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/

×