UI/UX

UX/Usability - Раздел интерфейсного дизайна, которой изучает удобство использования и эффективность достижения пользователем определенной цели. Usability представляет собой пирамиду из 3 уровней:

• Нижний уровень - "польза". Начните с задачи, которую должен решить интерфейс. Это основа проектирования.

• Средний уровень - "юзабилити". На сколько удобно пользователю решать задачу с помощью вашего решения? Все ли понятно и очевидно?

• Верхний уровень - "эстетика". Как визуально считывается то, что вы собрали? Как решение соотносится со всем, что вокруг него?

В проектировании решений вы всегда должны начинать с нижнего уровня. Решите задачу пользователя, дальше идите к удобству и только в конце к красоте. Нарушение последовательности снизу-вверх порождает слабое решение. Бывает, что народ собирает, что-то красивое, но совершенно бесполезное. Кроме как на фестиваль с этим ехать некуда. Получите золотого дикобраза, но пользоваться тем, что сделали, никто не будет.

Тематики для изучения

• Ссылки для изучения по тематике UI/UX

• Responsive vs Adaptive

• Представление данных в виде срезов, фильтрация и переходы на базе

Различия между UI и UX

• UI

  • Базируется на требованиях заказчика

  • Транслирует прототипы в реальные пользовательские интерфейсы

  • Базируется на креативном мышлении

• UX

  • Базируется на потребностях пользователя и исследованиях

  • Предоставляет прототипы включающие расположение и функциональность

  • Является следствием аналитического мышления

Тестирование на пользователях

• https://medium.com/@Julia_Kingsep/когда-один-респондент-хорошо-а-два-лучше-парные-тесты-в-ux-исследованиях-10c1279b293

Дополнительные источники

• Терминология https://uxdesign.cc/cheat-sheets-ui-terms-cadf9dc49689

• Примеры UI/UX работ https://sobakapav.ru/portfolio

• Mobile UI samples https://mobbin.design/

• Микровзаимодействия и их использование в пользовательских интерфейсах

• Дизайн форм

• Выравнивание цифр в таблицах

• Различия в интерфейсах iOS, Android