Препод: курс лекций об интерфейсе

Возможно, вы слышали об электронном учебнике «пользовательский интерфейс» студии Горбунова. Учебник этот собран по курсу Ильи Бирмана.

Курс неплох, но недостаточно описывает детали, в которых проходит 90% времени дизайнера:

  • проектирование форм,
  • обработку ошибок,
  • списки, поиск и навигацию,
  • дашборды, анимацию, время,
  • и другие специальные вопросы.

Я собрал альтернативу — открытый курс лекций об интерфейсах. Он полностью покрывает интерфейсную часть курса Бирмана и добавляет недостающее.

Фрагмент главы «Формы и ввод данных».

Программа курса

1. Универсальные принципы
Законы робототехники и человеческий фактор.

Привычки пользователя, модальность и обратная связь.

Выбор в интерфейсе.

2. Навигация
По данным: прокрутка, листалка, когда что выбрать.

По сайту: меню, обвязка страниц.

3. Формы и ввод данных
Как спроектировать форму.

Элементы управления: кнопки и текстовые поля, переключалки и дропдауны, индикаторы прогресса, диалоговые окна.

4. Ошибки и обратная связь
Валидация форм и полей ввода. Текст сообщения об ошибке.

5. Списки, поиск и фильтрация
Как организовать информацию в интерфейсе. Дизайн таблиц с данными.

6. Дашборды

7. Анимация
Зачем она в интерфейсе, какие задачи решает и как её делать.

8. Время
Как не бесить пользователя ожиданием.

9. Вёрстка, композиция и цвет
Теория близости, закон Фиттса и палитры.

10. Текст
Информационный стиль в интерфейсе.

Начните с первой главы, чтобы понять, насколько «Препод» может быть вам полезен. Остальные главы можно читать по порядку или использовать как справочник. В некоторых разделах пока не хватает материала, но всё ещё впереди ツ

Все статьи в открытом доступе, бесплатно:

Препод — курс лекций об интерфейсе