ui/ux Flashcards
Defis de UI :
-Taille réduite des ecrans
-ecrans tactile
-varité des ecrans
UI (User Interface):
c’est la partie visible d’un produit logiciel permet de gérer les interactions avec l’utilisateur :
-afficher les fonctionnalité de produit logiciel.
-echange les information de et pour l’utilisateur.
recomndation de UI
-Eviter les longs menus
-Choisir la bonne système de navigation : primaire (hiéarchique …)et secondaire (index…)
-limiter le nombre de couleurs utilisés
UX (User Experience)
Qualifié la qualité de l’usage d’une application informatique en terme d’usage et confort pour facilite la vie d’utlisateur
UI VS UX
UI est axée sur la conception de l’interface visuelle et interactive, tandis que UX se concentre sur l’expérience globale de l’utilisateur en utilisant l’application.
Wireframing
Le wireframing est une méthode de conception pour créer une représentation visuelle basique d’une application en preparent des maquettes fonctionnnells (wiresframes).
ce quoi une maquette
est une interface utilisateur qui définit les zones et les composants qu’elle contient.
outils de wireframing
- Pencil
- protoshare
- justinlind prototyper
Adaptive Design
Le adaptive design est une approche de conception qui implique de créer différentes versions de l’interface utilisateur pour chaque appareil cible.
Responsive Design
Le Responsive Design est une approche de conception qui vise à créer des interfaces utilisateur qui s’adaptent de manière automatique et fluide à différents appareils et tailles d’écran.
responsive vs adaptative
En résumé, l’adaptive design implique la création de versions spécifiques pour chaque appareil, tandis que le responsive design crée une seule interface qui s’adapte à tous les appareils de manière flexible et automatique.
Directives pour les UI
les directives pour les interfaces utilisateur (UI) définissent les principes et les normes de conception à suivre pour créer une expérience utilisateur cohérente et intuitive.
exemple de directives
- Materia Design(depuis Android 5)
- Flat Design(depuis IOS 7)
- Metro Design(windows phone 7)
ce quoi Material Design
Material Design :est un ensemble de directives de conception visuelle et interactive développé par Google, qui met l’accent sur l’utilisation de surfaces, de formes, de couleurs et d’animations pour créer une expérience utilisateur moderne, cohérente et intuitive.