Fondamentaux du Design UI/UX 2023
Transféré par
ScribdTranslationsFondamentaux du Design UI/UX 2023
Transféré par
ScribdTranslations20CS2E45 UI/UX 2023
RÉSULTATS DE COURS
À l'issue réussie du cours, les étudiants seront capables de
CO1 : Résumer toutes les étapes du processus de développement UI/UX PO1, PO2, PO3, PO5
CO2:Experimentwithvariousvisualdesignaspects PO1, PO2, PO3, PO5
CO3: Le thème, l'apparence visuelle et la sensation des expériences utilisateur PO1, PO2, PO3, PO5
CO4 : Créez des expériences captivantes et efficaces sur écran {"PO1":"PO1","PO2":"PO2","PO3":"PO3","PO5":"PO5","P10":"P10"}
ÉLÉMENTS FONDAMENTAUX DU UI/UX : 6
Interface utilisateur - La relation entre l'UI et l'UX - Rôles dans l'UI/UX - Un aperçu historique bref de l'interface.
Formal Elements of Interface Design - Design Before Design - Look and Feel - Language as a design tool - Active
Éléments de conception d'interface - Statique à actif - Fonctionnalité - Vitesse et style - Composition et structure -
Composer les éléments de la conception d'interface
FONDATIONS DU DESIGN D'EXPÉRIENCE UTILISATEUR : 7
Idéation, Articulation, Développement - Planification, Test, Recherche, Cartographie - Cartographie du contenu - Cartographie
Interaction - Prototypage papier non visuel - Tests utilisateurs non visuels - Apparence et sensation / Recherche visuelle. Qu'est-ce qui s'en va
Où : Devenir réel : Maquettes et Interfaces - Heuristiques d'utilisabilité de Nielsen - Cohérence et Détails -
WireframeMap-VisualDirection-DévelopperUI - AffinerUI.
CONCEPTION WEB : STRATÉGIES ET ARCHITECTURE DE L'INFORMATION 9
Le processus d'expérience utilisateur - Conception centrée sur l'utilisateur - Les phases de l'UX - Approche en cascade vs. Agile - Web vs. Application.
Détermination de la stratégie : Recherche utilisateur - Inspiration - Analyse - Besoins des utilisateurs et besoins des clients - Public cible -
{"What is in and What is Out":"Ce qui est inclus et ce qui ne l'est pas","Outlining Scope - Content and Functionality":"Définir le périmètre - Contenu et Fonctionnalité","The Sitemap":"Le Plan de Site","Introduction to Sitemaps":"Introduction aux Plans de Site"}
Information Architecture - Sitemap Concerns - annotated process - Elements - Treejack Introduction - Treejack
Analyse
WEB DESIGNS:WIRE FRAMESTOPROTOTYPES: 8
Introduction to Wireframes - Responsive Design: Introduction and Primary navigation - Secondary and utility
navigation - Related content, inline links, indexes, and search - Wayfinding - Common Form Elements - Homepage
Stratégies de contenu - Exemples de stratégies de contenu pour la page d'accueil - Outils de maquettes. La phase de maquette : Visuel
Maquettes - Principes de conception - Utiliser l'espace blanc pour styliser un formulaire - Polices Web - Typographie Web : Créer de la visuelle
Mockups. Putting it allTogether: Clickable Prototypes - Invision - ExportingAssets - ImportingAssets and Creating
Hotspots - HotspotTemplates
Total (30L+ 15P): 45
EXPÉRIENCES DE LABORATOIRE
1. Analyser une application existante et définir les fonctions de votre application étape par étape
2. Expérimentations avec le prototypage non visuel et les tests utilisateurs
3. Créer un prototype générique de toute application à la fois sur le Web et sur App
4. Testez votre plan de site en utilisant Treejack
CURRICULUM ET SYLLABUS 513
5. Exploration des systèmes de navigation, modèles de conception courants, principes de conception / espace blanc, typographie web
MANUELS SCOLAIRES
1. Buxton, B., Sketching User Experiences : Bien concevoir et avoir la bonne conception. Morgan Kaufmann, (2007).
nd
2. Jesse James Garrett, Les éléments de l'expérience utilisateur : Conception centrée sur l'utilisateur pour le Web, New Riders ; 2
édition2010.
REFERENCES
1. Russ Unger, Carolyn Chandler, Un Guide de Projet pour le Design UX : Pour les Designers de l'Expérience Utilisateur sur le Terra
dans la fabrication, Nouveaux cavaliers;2 édition, 2012. nd
2. Don Norman, La conception des objets quotidiens, BasicBooks ; é2dition, 2013.
et
3. Everett N. McKay, L'UI est Communication : Comment concevoir des interfaces intuitives et centrées sur l'utilisateur en se concentrant sur
EffectiveCommunication, MorganKaufmann;Illustratededition, 2013.
4. Dr. Erich Gamma, Ralph Johnson, Richard Helm et John Vlissides, Modèles de conception : Éléments de la réutilisation
Programmation Orientée Objet, Pearson, 2008.
RÉFÉRENCES WEB
1. [Link]
2. [Link]
3. [Link]