Best practices windows 8.1 App developement
-
Upload
ismaila-abdoulaye-ndiaye -
Category
Technology
-
view
386 -
download
1
description
Transcript of Best practices windows 8.1 App developement
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