UXPUB 🇺🇦 Дизайн-спільнота

Cover image for 4 способа создать отличный продукт без навыков визуального дизайна
Редакція
Редакція

Опубліковано • Оновлено

4 способа создать отличный продукт без навыков визуального дизайна

#ui

Меня, как дизайнера с более, чем 7-летним стажем, привлекают визуальные эффекты. Я слепо голосую за проекты ProductHunt с красивыми лендингами. Я трачу часы на сохранение шотов Dribbble, которые не имеют практической ценности.

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

Взгляните на эти два твита:

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

Вспомните не только Zoom, CraigsList и Hacker News, но и первые дни Google...

Google, первая официальная домашняя страница (сентябрь 1998 г.)

Домашняя страница Google просто необычайно полезна. Она хорошо справляется со своей задачей.

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

Центры Amazon Fulfillment похожи. Сначала они кажутся воплощением хаоса и беспорядка. Утомительно яркие огни, мигающие сирены, жужжащие конвейерные ленты и абсурдные 100-футовые потолочные вентиляторы. Но через тридцать секунд вы понимаете, что каждый из этих раздражителей служит определенной цели: направлять товары от продавцов к покупателям с безжалостной эффективностью (подробнее об этом). Не красиво, но чрезвычайно полезно.

Так что это значит для ваших собственных продуктов? Ниже представлены 4 предложения на случай, когда у вас нет дизайнера.

1. Поговорите с клиентами

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

Это так просто. И вам не нужно много пользователей. Протестируйте 5 пользователей и проведите итерацию.

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

2. Украдите

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

Что делать, если вы делаете что-то новаторское, и у вас нет прямых конкурентов, у которых можно украсть идею? На самом деле мы редко изобретаем вещи из воздуха. Чаще всего вы пытаетесь быть «Uber от X» или «Netflix для Y», и вы всегда можете узнать о Uber, Netflix и отрасли, в которую вы пытаетесь войти.

3. Удалите все варианты

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

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

4. Оставьте визуальный дизайн в покое

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

Мне грустно, но ничего страшного! Просто запомните одно правило дизайна: меньше значит больше.

Если вы не хотите вкладываться в визуальный дизайн, не делайте этого. Используйте элементы интерфейса iOS по умолчанию, используйте Bootstrap или Foundation. Платите за тему, если хотите, а затем сопротивляйтесь желанию что-либо изменить в ней.

Если черный, белый и цвет темы по умолчанию слишком скучный, хорошо, вы можете выбрать один цвет бренда / темы, который имеет коэффициент контрастности 4,5: 1 по отношению к белому, если у вас светлая тема, и черному для темной темы. Используйте только этот цвет и оттенки серого, и используйте цвет экономно – по большей части зарезервируйте его для кнопок призыва к действию и ссылок.

Остальное доверьте профессиональному дизайнеру. (Читайте: не более двух шрифтов, никаких изменений размера шрифта по вашему усмотрению, никаких 4-5 цветов на одной странице, никаких случайных неоновых кошек, бегающих по экрану. НЕТ.)

Создано на imgflip.com, еще один отличный пример чрезвычайно полезных вещей :)

Если вы не знаете, что делаете, визуальные «улучшения» могут быстро превратиться в беспорядок и в конечном итоге ухудшить качество опыта конечных пользователей.

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

Помните, что создание хорошего продукта – это всегда многомерное уравнение. Если ваш продукт важен, как Zoom в пандемию, не беспокойтесь о стиле иконок. В первую очередь обеспечьте его работу.

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

Удачи в создании чего-то чрезвычайно полезного!


Перевод статьи samanthaz.me

Найновіші коментарі (0)