Когнитивная нагрузка в UI #1

#uxui #ui #uidesign #vc_ru

Проблема когнитивной нагрузки определяется по-разному, но самый простой индикатор — множество повторяющихся элементов.

Я активно пользуюсь VC относительно недавно и уже столкнулся с мелочами, которые можно было бы продумать чуть удобнее. Поэтому начну с простого и видного всем пользователям (читающим данную статью) примера, чтобы не уходить в дебри, поскольку это первая статья о нагрузке и самая простая.

В этой статье я приведу лишь небольшой пример того, как можно улучшать и оптимизировать уже готовый, цельный UI, методом анализа и тестирования. Как можно сделать это быстро за 30 минут в Figma, чтобы показать разницу.

Провел все вышеописанные манипуляции (что заняло всего около 30 минут) и получил результат для сравнения (уточню, что не менял ничего, кроме кегля и вида иконки редактирования (которую взял с Material Symbols and Icons font)

На самом деле я не старался сделать визуальное улучшение, а убрал лишнее. Мне показалось, что табы разделения на статьи и комментарии тут уместен, но я не так долго пользуюсь сервисом, чтобы точно об этом утверждать, пример:

Окно стало "легче", темы считываются лучше (оставил форматирование как было через многоточие (порой этого достаточно, т.к. пользователь понимает по первым словам заголовка интересна ему тема или нет)

Также, можем пойти чуть дальше и сделать очистку в повторении иконок, ведь единовременно я как пользователь могу редактировать только один элемент.

Это решение возникло спонтанно, когда мне показалось что чего-то не хватает в удобстве пользования интерфейсом. Оно не несет критического характера, а просто рассказывает о моей гипотезе и показывает как можно быстро и легко что-то проверить благодаря компонентам.

Возможно редакция vc.ru увидит для себя в этом полезное и что-то улучшит для нас пользователей.