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

1. DESIGN
UI & UXPENSER – CONCEVOIR – ATTIRER -RETENIR

2. LA DIFFERENCE
UI != UX

3. LA DIFFERENCE
UI = User I nt er f ace
UX = User eXper i ence

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. RELATION ENTRE UI ET UX

6. RELATION ENTRE UI ET UX

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. 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. 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. 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. TAILLES ICONS SOUS IOS

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/