0
Views
User interface and presentation of information - course 41,300 rub. from Gorbunov's Bureau, training 4 weeks, Date: December 1, 2023.
Miscellaneous / / December 03, 2023
Classic interface examples, such as Google maps, iPhone or a loan calculator on the website of a Polish bank, demonstrate universal design principles that are independent of operating system, environment, or devices. They work in computers, phones, watches, voice assistants, and virtual reality. In addition to general principles, the course also covers important details: mobile layout, animation, sound, icons.
In the task of presenting information, a good designer is guided by its nature, the physical characteristics of the medium, the principles of perception and, most importantly, the analytical problem being solved.
These ideas and principles are discussed in the theoretical part of the course.
In practical classes, participants learn techniques for designing screen forms, designing tables and graphs, and working on the design of an interface fragment. Homework consolidates and tests acquired knowledge.
The course grew out of the classic course by Artyom Gorbunov. Since 2012, Ilya Birman has been adding new topics and examples to the program.
The course in basic French cuisine is available to beginners and experienced chefs. A four-week practical course is attended by beginning and experienced designers, art directors, managers, programmers and editors.
Participants' prior knowledge is helpful but not required.
Each week consists of lectures and a practical part. In a distance learning course, almost all the time with the teacher is devoted to practical exercises, and the theory is prepared for independent study. Every Saturday, participants have access to video lectures and text materials in the study room for self-study. And during the practical lesson, they reinforce the theory of the week with specially selected tasks and review them with the teacher.
Art director of the bureau, co-author of “Sovets”. Creator of the website for Russian language rules, typographic layout, and the Egea blog engine. Author of the book "User Interface"
1 Week
What is an interface? Rules of the game and their physical embodiment
Humanity and technology dependence. Let the car sweat. User data is infinitely valuable. First data, then filters. Technology - under the hood
Habit. Confirmation windows and stories about innovations when starting the program. Nativeness. Habit management as a commercial tool
Modality. Remedies: drawing attention to the mode, separation of gestures, quasi-modes, changing the script. Modal windows
Consistent magic. "Laws of Physics" of the Virtual World
A beginner's view. Every screen has a meaning. Empty and filled screen states
Feedback. Adequacy, tenderness, honesty, instantaneity, continuity, physicality. What was the main breakthrough of the iPhone?
Aiming and Fitts' Law. The point under the cursor, the corners and sides of the screen. Mouse and finger. One object - one link. No holes. Movement and click - one gesture. Aiming on mobile devices
Proximity. The law of proximity and visual structure. Grouping elements
Information content. Remove everything unnecessary. Bring it out of brackets. Connect information functions. Add a signal. The myth of the seven elements.
Exercise. Interface fragment design
2 week
Text in the interface. Interface element syntax
Information style. Stop words in the interface. Navigation and wording of messages
Robot language
Website navigation
Window. Multi-document and single-document interface. Window configuration. Popup theorem
Screen and paper typography. Modular grid in screen design. Readability of on-screen text
Layout for mobile devices
Table design. Table design: typing, alignment, frames. Design of tables: rows and columns, subordination, sorting. Adapting complex tables to small screens
Layout and development of screen forms. Everyone hates shapes. How and when to report bugs
Exercise. Design of tables, graphics, forms
3 week
"Design for fools." Visual manipulations. Dequantification and depersonalization. Effects of scale and interval. Practical techniques for designing graphs and diagrams
Accidental distortions of information
Format selection. Sentence, table, graph. Media resolution
Information garbage. Regular structures. Contrast. Effect “1+1=3+”. Data does not require decoration
Information coefficient
Legends, coding and numbering. What is the problem and how to get around it
Perception of large amounts of information
Comparisons
Multidimensional world on a flat medium
Multiplication of information elements. Fix the design and replace the data. Spatial organization of elements. Multitude effect
Information layers. Background, lines and dots, signatures. Layering changes in response to user actions. Layers and languages
Transport schemes
Parallel presentation. Not just duplication, but a look from different angles
Exercise. Interface fragment redesign
4 week
Development of non-standard interface elements. Non-standard for the sake of benefit
Visual semantics. Signs and symbols. Pictograms
Flipping and scrolling. How to choose. How not to choose
Sound in the interface. Media resolution. Notifications and reactions
Preparation and analysis of an interface task
Animation. Why: attention, explanation, realism, show. Like: unobtrusiveness, naturalness, consistency, purity
Availability. Not for show. Everyone has limited capabilities. Vision. Hearing. Motor skills. Inclusive design.
Systematization. Standards, guidelines, grids, UI kits and design systems. Implementation and maintenance of the system. Flexibility and adaptability of standards. Manufacturability and interaction with developers
Exercise. Interface project
Subscribe
YOU MIGHT ALSO LIKE
