12
DESIGN UI & UX PENSER – CONCEVOIR – ATTIRER -RETENIR

Mobile design

Embed Size (px)

Citation preview

DESIGN

UI & UXPENSER – CONCEVOIR – ATTIRER -RETENIR

LA DIFFERENCE

UI != UX

LA DIFFERENCEUI = User I nt er f ace

UX = User eXper i ence

LA TECHNIQUE ET L’EMOTION

UI = ce que l es c l 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

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 es

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 s i t eur s

LES ETAPES PRINCIPAUX DE VOTRE ACTIVITE

Déf i ni r vot r e act i v i t é pr i nci pal e Maî t r i ser vot r e c i 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

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

Di al og 24 x 24 px 32 x 32 px 48 x 48 px

Li st Vi ew 24 x 24 px 32 x 32 px 48 x 48 px 

TAILLES ICONS SOUS IOS

LIENS UTILES

https://developer.apple.com/library/ios/documentation/UserExperience/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/