Принципы хорошего: смакуем дизайнерские решения

Ладно, признаемся — да, мы любим крутые UI-дизайны. Нет, про UX мы тоже помним.
В WAY11 мы руководствуемся принципами, что если на сайт приятно смотреть, но не приятно с ним взаимодействовать, то это скорее инсталляция.
Однако, первое мнение о всем веб-приложении всегда основывается на крутом пользовательском интерфейсе.
Сегодня я решил запустить рубрику с гордым названием «Принципы хорошего» в ней мы будем объяснять работу людей из разных сфер веб-разработки на примерах, вместе со специалистами из WAY11. А начнем мы, как ты уже точно понял, с дизайна.

В сегодняшней статье я пройдусь по пяти абсолютно разным веб-ресурсам и попрошу нашего UI/UX-дизайнера Колю оценить их своим зорким дизайнерским глазом.

1.Neuralink

Сайт Neuralink — американской технологическая компания, основанная Илоном Маском, планирующая заниматься разработкой и производством имплантируемых нейрокомпьютерных интерфейсов. Кстати, я совсем недавно разобрал статье биочип от Neuralink.

Мнение Коли: Сайт выглядит хорошо, качественно. Много «белого« пространства, отзывчивый интерфейс, качественный шрифт, классно подобранные изображения на сайт. С точки зрения UI сайт сделан идеально. Высокое количество интерактивных элементов, творческий подход к описанию продукта. Что же до UX, тут момент спорный. Высокий юзабилити, но мне уж очень «понравилась» кнопка »Skip this section» в блоке с имплантом и в блоке с роботом. Видимо, автор с самого начала понимал, что некоторые из пользователей рано или поздно загребутся так много скролить, чтобы хоть что-то увидеть, поэтому намеренно оставил там эту кнопку;)

2.CodeWars

Сайт с задачками по программированию, который предназначен для обучения за счёт геймификации процесса. Одни пользователи создают задачи, призванные объяснить некоторые аспекты программирования, другие их решают, и за всё это начисляется рейтинг.

Мнение Коли: Классная стилистика сайта, хорошо подобрана шрифтовая пара, смысловые единицы идеально разделены и легко считываются. Количество одновременно отображаемых элементов интефейса на экране большое, но при этом ориентирование в этом многообразии — проблем не вызывает. Простенький, конечно, я бы добавил немного отзывчивости, но в целом это мой лидер среди остальных представленных сайтов.

3.Ostrovok

Российский популярный ресурс для поиска и онлайн-бронирования отелей, хостелов и апартаментов.

Мнение Коли: Пример того, как неплохой в целом UI страдает от проблемного UX. Он перегружен. Инфа на главной странице выглядит слегка скомкано и едва ли поддается изучению, нет какого-то четкого разделения на отдельные логические единицы. Хедер тоже хромает на обе ноги. Поиск на сайте — сносный, но, есть множество моментов, которые вызывают отторжение. И основной момент — это фильтры. Очень они намельчили с содержанием фильтров и при этом сильно растянули по вертикали. И как итог, для нормальной работы с фильтрами пользователю придется просто бесконечное количество раз скролить и все время всматриваться в содержимое.

4.Electrifying

Иностранный сайт, на котором собрана огромная библиотека всевозможной информации о электрокарах.

Мнение Коли: Сайт — пугающее напоминание из прошлого. В двух словах: нет дизайн системы, из-за этого-то тут то там мелькают проблемы с консистентностью, много разных цветов. Качество изображений как маятник, раскачивается от плохого к очень плохому. С сеткой тут тоже проблемы чисто наугад блоки понапехали. Сайт: «велком ту 2007». Целиком нужно переделывать.

5.Вишенка на торте

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

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

В остальном — дизайн отличный, ведь я и раньше был весьма хорош:)

Cегодняшние примеры включали в себя только примеры уже хорошо работающих сайтов, и наши слова не истина в последней инстанции, мы просто хотели, чтобы ты вместе с нами мог подумать над тем, какую большую роль дизайн играет в пользовательском опыте и на какие компромиссы порой приходится идти дизайнеру, чтобы ты мог в полной мере насладиться его работой.

Ну а на связи был Николай и Форрест. Студия разработки WAY11. Услышимся!