1 11 1160x620 - В защиту Dribbble и нереальных интерфейсов

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

За последние годы я видел десятки статей, в которых говорилось, что Dribbble разрушает сообщество дизайнеров, продвигает неправильное мышление и лишает ценности реальную дизайн-работу ™. Хотя трудно усомниться в некоторых из этих утверждений, я решил перестать быть негативным (каким я был в статье «UX has pretty bad UX»), и на этот раз найти аргументы в защиту Dribbble.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - В защиту Dribbble и нереальных интерфейсов
Сопоставление «серых вайрфреймов» с «безупречными интерфейсами», и попытка доказать, что только один из них является «настоящим UX»

Проблема

Одной из основных проблем, связанных с большинством шотов на Dribbble, является недостаточное внимание к пользовательскому опыту. Поскольку они фокусируются на шрифтах, цветах и ​​«отличных способах демонстрации шота», мы часто сталкиваемся с продуктами, которые не имеют никакого смысла в реальном мире.

Вы видите красивый, плавный график, который даже отбрасывает тень. Темная тема со сверхнизким контрастом определенно не подходит под требования WCAG. Но в целом это выглядит красиво.

Затем вы сталкиваетесь с реальным миром – так обычно выглядят графики онлайн.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - В защиту Dribbble и нереальных интерфейсов
Типичный график финансового портала – на этот раз от BI. Он функциональный, и на этом все

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

Поэтому в шотах мы придерживаемся плавных синусоидальных кривых ради демонстрации продукта, просто потому что так смотрится лучше.

И тогда начнут кричать, что это не реально. Вы не сможете спрограммировать такой график!

Это не имеет значения.

В последние годы тенденция предоставлять плохой UX в красивой обертке медленно снижается – возможно, из-за всей этой критики. Вы еще можете найти плохой дизайн, замаскированный красивой картинкой, а еще в реальном мире вы можете встретить много ужасных дизайнов.

Плохие проекты есть везде. Они не являются эксклюзивными для какой-либо одной платформы.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - В защиту Dribbble и нереальных интерфейсов

Dribbble становится намного лучше.

Сейчас на Dribbble стали появляться лучшие (с точки зрения UX) проекты, которые объединяют эстетику с функциональностью.

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

Все сводится к тому, как и что вы хотите показать.

Люди покупают глазами, и это не изменится

Мы быстро определяем свое отношение к вещам, которые видим. Если это «фу» опыт, его можно просто отбросить.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - В защиту Dribbble и нереальных интерфейсов

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

Это ловушка для некоторых клиентов – их привлекает блестящее, идеальное до пикселя творение, и они начинают проект, чтобы получить что-то «красивое», но не функциональное. В итоге они уходят из бизнеса.

Но ловушка работает в обе стороны

Существуют компании, которые всецело посвящают себя UX-процессу, но не конечному продукту. Это обычно заканчивается напыщенными разговорами и небрежными вайрфреймами. В итоге конечный продукт уродлив и не слишком функционален, потому что статистика в любом случае искажает юзерфлоу от ориентированного на пользователя.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - В защиту Dribbble и нереальных интерфейсов

Как тогда исправить Dribbble?

Я считаю, что Dribbble важен для дизайнерского сообщества. Он не может повлиять на практику удержания клиентов или продвигать бизнес-цели цифровых продуктов. Однако, он обеспечивает восторг пользователя. Он сфокусирован на ряде первостепенных потребностей и желании быть окруженным «красивыми вещами».

Это влияет на все реальные продукты, созданные настоящими дизайнерами с использованием реальных (длительных) процессов. Они заимствуют ряд визуальных идей из презираемых ими «произведений искусства». Затем обновляют их, чтобы они стали удобнее, с более высоким контрастом и лучшими юзерфлоу.

И это хорошо. Medium – отличное место для чтения подробных UX кейс-стади и следования этим ориентированным на пользователя трендам. Объедините эти знания с рекомендациями Dribbble, как сделать прямоугольники красивыми, и вы сможете создать нечто действительно потрясающее.

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - В защиту Dribbble и нереальных интерфейсов

Видите, плавность линии графика на шоте? Это не связано с вашими расходами – они довольно линейны. Но есть ли смысл делать график для «презентации» на 100% точным?

Получайте удовольствие от дизайна

Последние несколько лет я в основном работал над более крупными проектами.

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

Никто не хочет этого.

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

Цель состоит в том, чтобы сделать что-то новое как по стилю, так и по категории.

Это позволяет нам оставаться свежими, игривыми и получать удовольствие от «перемещения прямоугольников».

Ведь, если вам не нравится заниматься дизайном, какой в этом смысл?

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - В защиту Dribbble и нереальных интерфейсов
Верните веселье в редизайн, но сделайте так, чтобы он имел смысл, протестировав жизнеспособность компонентов

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

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

png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABAQMAAAAl21bKAAAAA1BMVEUAAP+KeNJXAAAAAXRSTlMAQObYZgAAAAlwSFlzAAAOxAAADsQBlSsOGwAAAApJREFUCNdjYAAAAAIAAeIhvDMAAAAASUVORK5CYII= - В защиту Dribbble и нереальных интерфейсов
Хотите продукты, которые выглядят одинаково?

Не будьте слишком серьезны

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

Не делайте стандартные и заурядные продукты. Радуйте людей.

Dribbble – важная часть индустрии дизайна. Хотя он не влияет на юзабилити или информационную архитектуру, он влияет на визуальный выбор во многих реальных продуктах. Вот почему его нельзя сбрасывать со счетов или рассматривать как «площадку для не дизайнеров».

Это определенно дизайн.

Теперь объедините эти красивые визуальные эффекты со своими знаниями о том, как создавать замечательные, ориентированные на пользователя продукты.

И не забудьте подписаться на  ? Dribbble автора! ♥️

Свежие вакансии
                        MYTONA MYTONA Game UI/UX Designer Удаленно Санкт-Петербург По договоренности ₽
                        ООО "Компания В.И.К." ООО "Компания В.И.К." Дизайнер (в офис) Офис Краснодар 35 000 ₽
                        ООО РЖД-Технологии ООО РЖД-Технологии Графический дизайнер Офис Москва
                        Ак Барс Цифровые Технологии Ак Барс Цифровые Технологии UI/UX дизайнер Офис Казань от 70 000 ₽
                        Kodix Kodix UX/UI Designer Офис Москва (Moscow, Russia)
Все вакансии

Оригинал: uxdesign.cc

Если вы нашли ошибку, выделите фрагмент текста и нажмите Ctrl+Enter

Похожие записи

Как создавать темные темы. Руководство от Superhuman

В этой статье мы расскажем, как создавать темные темы, которые будут читабельными, сбалансированными и восхитительными

10 золотых правил UI дизайна

Когда вы сомневаетесь, обратитесь к этому списку стандартных приемов UI дизайна, которым нужно следовать

Дизайн и проектирование лучших кнопок

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