“Плоский дизайн лучше для UX?”
UX Курс: 20 из 30 глупых вопросов
(Вы читаете перевод нового ускоренного курса UX. На этот раз курс посвящен глупым вопросам (UX Crash Course: 30 Stupid Questions). Если вы здесь впервые, то лучше начните с первой главы).
Тренды веб-дизайна — мощная штука. Тренды и есть дизайн. Людям свойственно думать, что дизайн, который на данный момент в тренде, и есть самый лучший. До тех пор, пока не появится новый тренд. Поэтому сегодня ответим на вопрос:
“Плоский дизайн лучше для UX?”
На случай, если последние десять лет вы провели в пещере: у всех ваших приложений, которые раньше выглядели как настоящие блокноты, радиоприемники и прочие объекты реального мира, теперь минималистичные, 2d-интерфейсы, совершенно не похожие на что-то реальное.
Кто-то говорит, что дизайн становится более цифровым, так как мир теперь уже понимает, как работают цифровые вещи. Например, нам больше не нужно делать переключатель в приложении похожим на выключатель света в ванной. Отсюда и вытекает сегодняшний вопрос:
Глупы(й/е) ответ(ы)
а) При плоском дизайне на экране меньше деталей — а, значит, он проще в использовании.
б) Джони Айв — бог, и он выбрал плоский дизайн. Поэтому плоский дизайн — лучше всех.
в) Мне больше нравится плоский дизайн — значит и пользователям он понравится тоже.
г) Перейдя на плоский дизайн, обратно уже не вернешься.
(Все тупые и все неправильные)
Настоящий ответ:
Плоский дизайн не лучше и не хуже.
Плоский дизайн — это стиль.
И этот стиль проще создавать, по сравнению реалистичным стилем. Поэтому, благодаря плоскому дизайну, множество дизайнеров (включая самых молодых) могут создавать работы, которые выглядят профессионально. И это — большое преимущество плоского дизайна.
Скевоморфический дизайн (тот, где объекты выглядят реалистично), пожалуй, проще воспринимается пользователями, которые сталкиваются с объектами дизайна впервые, но вот “хороший” UX никак не связан со стилем.
Помните: суть UX вообще не во внешнем виде вещей.
Вот почему этот вопрос совсем не глупый:
С плоским дизайном сложнее добиться хорошего UX.
В случае с плоским и не плоским дизайном есть своя уловка-22: в не плоском дизайне в вашем распоряжении больше визуальных инструментов. Минималистичный UX-дизайн не проще, а сложнее для дизайнера.
Тени добавляют глубины, а благодаря градиентам проще разграничить кнопки и фон. Текстуры позволяют дизайнеру сделать поля для заполнения похожими на бумажные, что позволяет многое объяснить без слов.
В минималистичном, плоском дизайне эти поля могут выглядеть как белая пустота, ни о чем не говорящая новому пользователю.
Хотя многие тренды плоского дизайна выглядят круче, их сложнее использовать, чем прошлые модные тенденции.
Большой процент пользователей до сих пор не понимает сути иконок-гамбургеров, так что эти люди вообще не пользуются спрятанным меню.
На многие объекты реже кликают, так как они выглядят как текст. Если ничто не намекает на их “кликабельность”, то люди и не нажимают на них.
На современных сайтах поле поиска зачастую выглядит как пустое место — ведь это так круто! Но даже такие крупные сайты, как Facebook и Medium, пытаются сделать поиск более четким и понятным, так как полное отсутствие интерфейса не приносит результатов.
Не будьте трендовой шлюшкой. Суть UX — не в стиле.
Не важно, что вам диктуют моднейшие модники: всегда думайте о пользователе.
Плоский дизайн — это здорово, и, если выполнить его качественно, — он будет так же хорош, как и любой другой стиль. Он уже был в моде в 1940–60-х (Швейцарский стиль, Баухаус и т.д.). А еще в времена рисования на стенах пещер. И, наверное, снова войдет в моду в будущем. Пользуйтесь им! Вносите что-то новое! Старайтесь его улучшить!
Но, в первую очередь, думайте о пользователе.
Покажите меню и пусть оно выглядит кликабельным.
Поработайте над информационной архитектурой: сделайте меню таким простым, чтобы можно было целиком отобразить его на странице. Это ХОРОШО.
Если вы уверены, что вам необходима иконка-гамбургер, то вы, вероятно, просто ленитесь. Но в этом случае хотя бы используйте цветной фон кнопки или подпишите рядом “меню”, чтобы остальные люди знали, что это, черт возьми, за кнопка.
В поле поиска добавьте лупу и небольшой текст-подсказку, вроде “Искать еще пушистиков неподалеку от вас…”. Ну или что там вписывается в ваш проект….
В следующий раз мы ответим на вопрос: “Паралакс — это хороший UX?”
Если вам понравилась и статья, и перевод, дайте нам знать — нажмите кнопку Recommend.
Также мы будем благодарны за любые отзывы по поводу адекватности и понятности перевода этой книги. Нас можно найти в Facebook: Nancy Pong и Ринат Шайхутдинов.
Мобильное приложение «Заметки о психике» | Mental Notes
Подкидывает идеи как привлечь, удержать и направить внимание пользователя
Mental notes — это колода из 53 карточек с описанием психофизиологических моделей поведения людей, которые лежат в основе принципов веб-дизайна. Они помогают дизайнерам, проектировщикам лучше понять поведение пользователей и найти эффективные решения при создании дизайна интерфейсов.
Видеокурсы и практика по дизайну интерактивных систем: ux/ui, веб-дизайн и бренд-дизайн
Вас ждет плотная проектная практика по анимации интерфейсов, дизайну сайтов, а также мобильных и веб-приложений. Под руководством наставников в стиле «смотри и повторяй»!
Breezzly — это среда для тренировки digital-навыков. Здесь вы встретите комплекты видеокурсов в актуальных инструментах интерактивного дизайна, среди них Figma, Principle и Invision Studio. А каждый проект — это живой кейс с историей, собранной по горячим следам!
