Курс лекций о проектировании интерфейсов, собранный из открытых источников.
С правильным порядком изложения: от основ к деталям, от простого к сложному. От обычных подборок «полезных ссылок» отличается как учебник физики от очередного выпуска журнала «Всё обо всём».
Законы робототехники в интерфейсе · Антон Жиянов
Ошибки и человеческий фактор · Антон Жиянов
Привычки пользователя · Илья Бирман
Модальность · Илья Бирман
Обратная связь · Илья Бирман
Выбор · Антон Жиянов
Как организовать навигацию по сайту и по данным. Когда использовать листалку с номерами страниц, а когда — бесконечный скролл. Как должны выглядеть пункты меню.
Принципы правильной навигации
Сергей Кулинкович
Обвязка страниц
Сергей Кулинкович
Три состояния пункта меню сайта
Илья Бирман
Многоточие в пунктах меню
Илья Бирман
Прокрутка или листалка
EN
Николай Бабич
Листалка
EN
Николай Бабич
Прокрутка
EN
Николай Бабич
Как спроектировать удобную форму, какие выбрать элементы управления.
Как спроектировать форму
Павел Моисеенко
Структура и действия
EN RU
Николай Бабич
Подсказки и проверка данных
EN
Николай Бабич
10 правил хороших форм
Сергей Кулинкович
Кнопки: типы и состояния
EN RU
Николай Бабич
Кнопки: основная и второстепенная
EN
Николай Бабич
Текстовые поля
EN
Николай Бабич
Флажки и переключатели
EN RU
Николай Бабич
Радиокнопки
EN RU
Николай Бабич
Мультигруппы
Кирилл Беляев
Выпадающие списки
EN
Николай Бабич
Поля ввода даты
Энжи Ли
Индикаторы прогресса
EN RU
Николай Бабич
Диалоговые окна
EN RU
Николай Бабич
Нестандартные элементы интерфейса
Илья Бирман
Пиктограммы
Илья Бирман
Как дать обратную связь пользователю, когда
Текст сообщения об ошибке · Рафаль Безымянный
Как сформулировать сообщение об ошибке, чтобы оно было полезно человеку
Валидация форм · СКБ Контур
Виды валидации, текст ошибок, поведение контролов при ошибках
Валидация полей ввода · Михаил Капанага
Как
В какой момент показывать ошибки · Илья Бирман
Когда показывать ошибки заполенения формы: при потере фокуса, перед отправкой, все сразу или по отдельности.
Как организовать информацию в интерфейсе · Антон Жиянов
Дизайн таблиц с данными · Эндрю Койл
Сначала данные, затем фильтры · Илья Бирман
Как показывать результаты поиска EN · Николай Бабич
Понятные дашборды · Пейдж Лаубхаймер
Интерфейсные анимации · Илья Бирман
Зачем в интерфейсе анимации, какие задачи они решают и как конкретно их надо делать, чтобы они выглядели естественно и приятно, а не раздражали.
Анимировать действия, не состояния EN · Тобиас Алин
Проектируем время · Павел Моисеенко
Как восприятие времени формирует впечатление от интерфейса EN RU · Адриан Цумбрюннен
Теория близости · Илья Бирман
Закон Фиттса · Илья Бирман
Как собрать палитру из одного цвета · Эрик Кеннеди
Информационный стиль в интерфейсе · Илья Бирман
Новые материалы — на канале интерфейсов без шелухи