Concepts ET PRINCIPES DE BASEDE DESIGN

Ismaila Abdoulaye NdiayeDPE – Microsoft WCA

ZAppFactory Windows 8.1 – Février 2014

Que l’on soit un développeur avéré ou un newbie, utiliser les concepts et principes de base sont les clés pour développer une ‘bonne’ application Windows 8 (Windows Phone)

Que fera l’appli (idée & domaine d’application / tâches ) ?A qui est destinée l’appli?Quelle la place de votre appli dans ‘le marché’?Où et quand votre appli peut être utilisée?Quelle est le type de contenu (la forme/maniere) a afficher?

ZAppFactory Windows 8.1 – Février 2014

Que fait mon application?Y répondre avec des phrases simples

actions/opérations

Faire une liste des tâches possibles (auxquelles vous

pensez).

S’imaginer des scénarii

Exemple: Rechercher des pharmacies du coin

Arranger les opérations par ordre d’importance

ZAppFactory Windows 8.1 – Février 2014

A qui est destinée mon application?

Garder l’esprit ouvert d’abord?

Commencer par des prototypes, vous serez plus flexible

après.

ZAppFactory Windows 8.1 – Février 2014

Quelle place pour mon application?

Inspecter le store, comparer avec l’existant. Quelle est le

+?

Si possible pensez aux ‘third-party services’ (FB, Twitter

etc.)

ZAppFactory Windows 8.1 – Février 2014

Où et Quand utiliser mon application?

Evaluer les scenarii d’utilisationAnticiper sur les ‘erreurs’ de l’expérience utilisateur

ZAppFactory Windows 8.1 – Février 2014

Types, Formes du contenu pour mon application?

Content before Chrome!

Eviter de ‘distraire’ l’utilisateur (affichage, trop de

fonctionnalités sur une même page…)

Votre contenu peut orienter…

ZAppFactory Windows 8.1 – Février 2014

Simplicité & design

concept

structure

interaction

visuel

prototype

METRO DESIGN LANGUAGE

MODERN DESIGN PRINCIPLES

ZAppFactory Windows 8.1 – Février 2014

Inspiration and influencesBauhaus (Institut)International Style (Swiss Style)Motion designWayfinding signage (panneaux d’orientation)

ZAppFactory Windows 8.1 – Février 2014

pride in craftsmanshipmore with lessfast and fluidauthentically digitalwin as one

information is beautiful“a neutral and objective approach that emphasized rational planning and de-emphasized the subjective, or individual, expression”Britannica (encyclopédie)www.britannica.com/EBchecked/topic/

1032864/graphic-design/242772/Graphic-design-1945-75

international style

ZAppFactory Windows 8.1 – Février 2014

pride in craftsmanship

Définissez-vous?

ZAppFactory Windows 8.1 – Février 2014

more with lessContent before chome

- Laisser votre contenu ‘respirer’ Contenu claire et expressive dépouillé de tout élément (vraiment) non nécessaire

ZAppFactory Windows 8.1 – Février 2014

fast and fluidSoyez vivant Motion ‘sens’

ZAppFactory Windows 8.1 – Février 2014

authentically digitalInfographic vs. Iconographic

ZAppFactory Windows 8.1 – Février 2014

win as onePensez UnIforme, Pensez Platforme

METRO DESIGN LANGUAGE

TYPOGRAPHIE

ZAppFactory Windows 8.1 – Février 2014

texte vs icones

Une image peut en cacher mille mots..

… mais les gens ne communiquent pas par les images?

Icone peut très utilecompactreconnaissable

Mais la plupart des icones sont connues grâce à leurs labels

19

ZAppFactory Windows 8.1 – Février 2014

fontsWINDOWS 8.1

Segoe UISegoe UI Light si le contenu devient nombreux

http://msdn.microsoft.com/en-us/library/windows/apps/hh700394.aspx

type sizes (windows 8)

ZAppFactory Windows 8.1 – Février 2014

METRO DESIGN LANGUAGE

RESSOURCES

ZAppFactory Windows 8.1 – Février 2014

Skecths, Mockups …

Papier, crayon (gomme)Apps (AppMock Telerik, Balsamiq, Project Siena)Blend for Visual StudioAdobe Photoshop (design assets)

ZAppFactory Windows 8.1 – Février 2014

Index of UX guidelines for Windows Store apps

http://dev.windowsphone.com/design

Migration designhttp://msdn.microsoft.com/en-us/library/windows/apps/dn439353.aspx

Application Exampleshttp://msdn.microsoft.com/en-us/library/windows/apps/hh868274.aspx

ZAppFactory Windows 8.1 – Février 2014

MERCIZAppFactory Senegal (Page Facebook)

#ZAppFactorySN