• Partagez
  • E-mail
  • Intégrer
  • J'aime
  • Contenu privé
Bien passer le Store : Le respect des guidelines
 

Bien passer le Store : Le respect des guidelines

on

  • 370 vues

Sesion qui consiste à donner plein d’astuces pour avoir un design et une ergo unique sur les appli Modern UI. En résumé je reprends le travail effectué sur l’accélérateur pour expliquer les ...

Sesion qui consiste à donner plein d’astuces pour avoir un design et une ergo unique sur les appli Modern UI. En résumé je reprends le travail effectué sur l’accélérateur pour expliquer les points essentiels et incontournables de Modern UI, les bonnes pratiques de design pour créer un style unique, les erreurs à éviter…

Statistiques

Vues

Total des vues
370
Vues sur SlideShare
370
Vues externes
0

Actions

J'aime
0
Téléchargements
5
Commentaires
0

0 Ajouts 0

No embeds

Accessibilité

Catégories

Détails de l'import

Uploaded via as Microsoft PowerPoint

Droits d'utilisation

© Tous droits réservés

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Indiquez la raison pour laquelle vous avez signalé cette présentation comme n'étant pas appropriée.

Annuler
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Votre message apparaîtra ici
    Processing...
Poster un commentaire
Modifier votre commentaire
  • SACHA
  • SACHA
  • AXEL
  • SACHA
  • AXEL
  • AXELExtrêmement adapté à la « consommation de contenu »Immersion de l’utilisateurs dans le contenu et non dans le chrome > exemple du journalAttention remarque à adapter pour les applications de création de contenu > masquer le chrome présente un risque d’incompréhension et d’improductivité
  • AXELExempledel’improductivité de masque le chrome dansune application de creation > Rejet de l’application, et incomprehension de l’utilisateur.Comment je fais pour démarrer, pour ajouter du texte et des shapes ?
  • AXELDéjà présent depuis de nombreuses années dans le monde du print (questions de coûts) > plus récent dans l’UI et le web > minimalisme stylistique, hiérarchisation de l’information, typographique (inspiré du Swiss design dans les 40’ ou 50’)Ludwig Mies Van DerRohe né le 27 mars 1886 à Aix-la-Chapelle et mort le 17 août 1969 à Chicago, est un architecte et designer allemand.Un contenu pertinent se suffit à lui mêmeInutile de multiplier les effets stylistiques, le travail de quelques détails judicieux suffit
  • AXEL
  • SACHA
  • SACHA
  • SACHA
  • SACHANon ce n’est pas une œuvre d’art de notre styliste
  • SACHA
  • SACHAMock-up : inutile d’avoir des outils spécifiques :- Powerpoint- un bic et du papierScenarii d’utilisation : toujours replacer l’organisation de l’application et l’agencement des pages dans un contexte d’utilisation > ainsi on ne créé pas de pages ou zones inutiles. L’ergonome dit : STOP aux pages qui servent à rien (exemple de la page de détails qui ne donne pas plus d’info que la tile)
  • SACHA
  • SACHA
  • SACHA
  • SACHA
  • SACHA
  • SACHA
  • SACHA
  • SACHA
  • SACHA
  • SACHA
  • SACHA
  • SACHAShowingStoryboarding PPT
  • SACHA+AXEL
  • AXELShowingStoryboarding PPT
  • AXELShowingStoryboarding PPT
  • AXEL
  • AXEL
  • AXELSouris> States/overlayExpérience de l’OS > mes utilisateurs sont déjà formés par les autres applis > je ne perds pas l’utilisateurScroll dans beaucoup d’éléments > découpage en catégorie / sous-pages / semantic zoomRésolution et DPI contrôle en 140%, 180% en fonction du DPILa fluidité de l’app est super importante, toujours avoir un feedback visuel des actions faites par l’utilisateur
  • AXEL
  • AXELVisuelle > Acte de sélection, partie visible et identifiable en premier lieuOn vire le designer qui n’est pas capable de donner une explication à son designDesign dépend de la cible et du placement du produit (haut de gamme, entrée de gamme, dynamique) lié aux valeurs de l’application > pour notre démo on suppose que la cible a été identifiéeTrending tous les jours, planches de tendancesFormes couleurs matièresOn pense aussi en dernier lieu à la difficulté d’intégration
  • AXELSimple: Lessis moreEsthetique : subjectif mais certaines choses sont communément admises comme inesthétiques. Le trending aide à visualiser celaMémorisable : doit pouvoir être imaginé dans l’esprit (exemple logo windows)Unique : difficile à obtenir mais peut se jouer dans les détailsIntemporel : sujet aux tendances > l’expérience d’un designer permet de juger de la pérennité du travail
  • AXEL+SACHA
  • AXEL
  • AXELExemple d’évolution des logos
  • AXEL+SACHALogos final
  • AXEL
  • AXELFocus visuel par la couleur > le plus simple et plus efficace mais fonctionne que si peu de couleurs
  • AXELFocus visuel par taille > attention toujours aligné sur la grille
  • AXELFocus visuel typographique > le plus subtil mais apporte de la finesse au design
  • AXELOn évite la multiplication de couleurs sauf cas particuliers (2 ou 3 couleurs suffisent)Pas de RVB extrême on privilégie des couleurs qui existe en print > moins agressif si écran mal calibré
  • AXEL
  • AXEL
  • AXEL
  • AXEL+SACHA
  • AXEL+SACHA
  • AXEL+SACHA
  • SACHASatisfaction de l’utilisateur final > Satisfaction du client
  • Notation

Bien passer le Store : Le respect des guidelines Bien passer le Store : Le respect des guidelines Presentation Transcript