Interface utilisateur et présentation des informations - cours 41 300 roubles. du Bureau de Gorbunov, formation 4 semaines, Date: 1er décembre 2023.
Miscellanea / / December 03, 2023
Des exemples d'interfaces classiques, comme Google Maps, iPhone ou un calculateur de prêt sur le site d'une banque polonaise, démontrer des principes de conception universelle indépendants du système d’exploitation, de l’environnement ou dispositifs. Ils travaillent sur des ordinateurs, des téléphones, des montres, des assistants vocaux et la réalité virtuelle. En plus des principes généraux, le cours aborde également des détails importants: mise en page mobile, animation, son, icônes.
Dans la tâche de présentation de l'information, un bon concepteur est guidé par sa nature, les caractéristiques physiques du support, les principes de perception et, surtout, le problème analytique à résoudre.
Ces idées et principes sont abordés dans la partie théorique du cours.
Dans les cours pratiques, les participants apprennent des techniques de conception de formulaires d'écran, de conception de tableaux et de graphiques et de travail sur la conception d'un fragment d'interface. Les devoirs consolident et testent les connaissances acquises.
Le cours est issu du cours classique d'Artyom Gorbunov. Depuis 2012, Ilya Birman ajoute de nouveaux sujets et exemples au programme.
Le cours de cuisine française de base est accessible aux chefs débutants et confirmés. Un cours pratique de quatre semaines est suivi par des designers, directeurs artistiques, gestionnaires, programmeurs et éditeurs débutants et expérimentés.
Les connaissances préalables des participants sont utiles mais pas obligatoires.
Chaque semaine est composée de cours magistraux et d'une partie pratique. Dans un cours à distance, presque tout le temps passé avec l'enseignant est consacré à des exercices pratiques et la théorie est préparée pour une étude indépendante. Chaque samedi, les participants ont accès à des conférences vidéo et à du matériel textuel dans la salle d'étude pour l'auto-apprentissage. Et pendant le cours pratique, ils renforcent la théorie de la semaine avec des tâches spécialement sélectionnées et les révisent avec le professeur.
Directeur artistique du bureau, co-auteur de « Sovets ». Créateur du site Internet pour les règles de la langue russe, la mise en page typographique et le moteur de blog Egea. Auteur du livre "Interface utilisateur"
1 semaine
Qu'est-ce qu'une interface ? Règles du jeu et leur incarnation physique
Dépendance de l’humanité et de la technologie. Laissez la voiture transpirer. Les données utilisateur sont infiniment précieuses. D’abord les données, puis les filtres. La technologie - sous le capot
Habitude. Fenêtres de confirmation et histoires sur les innovations lors du démarrage du programme. Nativeité. La gestion des habitudes comme outil commercial
Modalité. Remèdes: attirer l'attention sur le mode, séparation des gestes, quasi-modes, changer de scénario. Fenêtres modales
Magie cohérente. "Lois de la physique" du monde virtuel
Le point de vue d'un débutant. Chaque écran a une signification. États d'écran vide et rempli
Retour. Adéquation, tendresse, honnêteté, instantanéité, continuité, physicalité. Quelle a été la principale avancée de l’iPhone ?
Visée et loi de Fitts. Le point sous le curseur, les coins et les côtés de l'écran. Souris et doigt. Un objet - un lien. Pas de trous. Mouvement et clic - un geste. Viser sur les appareils mobiles
Proximité. La loi de la proximité et de la structure visuelle. Regroupement d'éléments
Contenu de l'information. Supprimez tout ce qui est inutile. Sortez-le des parenthèses. Connectez les fonctions d'information. Ajoutez un signal. Le mythe des sept éléments.
Exercice. Conception de fragments d'interface
2 semaines
Texte dans l'interface. Syntaxe des éléments d'interface
Style d'information. Mots vides dans l’interface. Navigation et rédaction des messages
Langage robotique
Navigation sur le site Web
Fenêtre. Interface multi-document et mono-document. Configuration des fenêtres. Théorème contextuel
Typographie sérigraphique et papier. Grille modulaire en conception d'écran. Lisibilité du texte à l'écran
Mise en page pour les appareils mobiles
Conception de tableaux. Conception du tableau: saisie, alignement, cadres. Conception des tableaux: lignes et colonnes, subordination, tri. Adapter des tableaux complexes aux petits écrans
Mise en page et développement de formulaires d'écran. Tout le monde déteste les formes. Comment et quand signaler des bugs
Exercice. Conception de tableaux, graphiques, formulaires
3 semaines
"Conception pour les imbéciles." Manipulations visuelles. Déquantification et dépersonnalisation. Effets d'échelle et d'intervalle. Techniques pratiques pour concevoir des graphiques et des diagrammes
Déformations accidentelles de l'information
Sélection des formats. Phrase, tableau, graphique. Résolution multimédia
Des déchets d’informations. Structures régulières. Contraste. Effet « 1+1=3+ ». Les données ne nécessitent pas de décoration
Coefficient d'information
Légendes, codage et numérotation. Quel est le problème et comment le contourner
Perception de grandes quantités d'informations
Comparaisons
Monde multidimensionnel sur support plat
Multiplication des éléments d'information. Corrigez la conception et remplacez les données. Organisation spatiale des éléments. Effet de multitude
Couches d'informations. Fond, lignes et points, signatures. Superposition des changements en réponse aux actions des utilisateurs. Calques et langues
Schémas de transport
Présentation parallèle. Pas seulement une duplication, mais un regard sous différents angles
Exercice. Refonte du fragment d'interface
4 semaines
Développement d'éléments d'interface non standards. Non standard pour le bénéfice
Sémantique visuelle. Signes et symboles. Pictogrammes
Retournement et défilement. Comment choisir. Comment ne pas choisir
Son dans l'interface. Résolution multimédia. Notifications et réactions
Préparation et analyse d'une tâche d'interface
Animation. Pourquoi: attention, explication, réalisme, spectacle. J'aime: la discrétion, le naturel, la cohérence, la pureté
Disponibilité. Pas pour le spectacle. Tout le monde a des capacités limitées. Vision. Audience. Motricité. Conception inclusive.
Systématisation. Normes, lignes directrices, grilles, kits d'interface utilisateur et systèmes de conception. Mise en place et maintenance du système. Flexibilité et adaptabilité des normes. Fabricabilité et interaction avec les développeurs