Редизайн магазина цифрового дизайна интерьера (кейс)

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

У меня есть клиент под названием Design Cafe (назовем его DC). Это инновационный магазин дизайна интерьера, основанный парой очень талантливых архитекторов. Они производят модели на заказ для индийского рынка и продают их через Интернет.

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

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

Подать мяч

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

Интервью с заинтересованными сторонами

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

Их основные болевые точки:

• Сайт не отвечал.
• Не было четкого разграничения между новыми, постоянными и потенциальными клиентами.
• Торговые точки DC не были четко сообщены.

У них были планы на будущее по превращению веб-сайта в центр идей дизайна интерьера. И, наконец, что не менее важно, DC хотел привлечь свежие дизайнерские таланты.

Определение целей

Мы перечислили все наши цели для проекта. Наша главная цель состояла в том, чтобы объяснить в понятной и привлекательной форме, что DC делает для существующих и потенциальных клиентов, таким образом, чтобы побудить их связаться с DC и пойти в магазин. Некоторыми второстепенными целями были:

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

Ключевые метрики

Нашей ключевой метрикой номер один было преобразование пользователей в потенциальных клиентов, которые посещают магазин , что измеряет основную цель. Сначала нам нужно было улучшить это как минимум на 5% — реалистичное число, которое мы согласовали с нашими заинтересованными сторонами. Для этого нам нужно было:

• сократить время конверсии (время, необходимое пользователю, чтобы связаться с DC),
• увеличить скорость применения формы,
• увеличить общее удовлетворение пользователей от веб-сайта.

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

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

Открытие

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

Полезный совет: вам нужно знать, для кого вы разрабатываете дизайн и какие исследования проводились ранее. Заинтересованные стороны рассказывают вам свою историю, но вам нужно сравнить ее с данными и с мнениями, ожиданиями и потребностями пользователей.

Данные

Мы могли бы сослаться на некоторые данные Google Analytics с веб-сайта:

• Большинство пользователей пошли на кухню, потом в спальню, потом в гостиную.
• Высокий показатель отказов 80%+, вероятно, был вызван непониманием сообщения бренда и нечеткими потоками и призывами к действию (CTA).
• Трафик был в основном мобильный.
• Большинство пользователей попали на домашнюю страницу, 70% из них с рекламы и 16% напрямую (в основном постоянные клиенты), а остальные были поровну разделены между Facebook и поиском Google.
• 90% трафика в социальных сетях приходится на Facebook. Расширение узнаваемости бренда в Instagram и Twitter может быть полезным.

Конкуренты

В этом секторе большая конкуренция на местном уровне. Вот несколько повторяющихся шаблонов:

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

Пользователи

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

Мы поговорили с пятью пользователями (тремя существующими и двумя потенциальными клиентами) и разослали опрос еще 20 (смешанные существующие и потенциальные клиенты; см. Анкету Design Cafe).

Интервью с пользователями

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

Все пользователи были сбиты с толку основной целью сайта. Некоторые из их мнений:

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

Все были достаточно хорошо проинформированы о конкурсе. Они пробовали другие компании до округа Колумбия. Все узнали о ДК либо по ссылке, гуглу, рекламе, либо физически проходя мимо магазина. И, мальчик, они любили магазин! Они относились к нему как к Apple Store для дизайна интерьера. Оказывается, DC действительно отлично справился с этим.

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

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

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

Опросы

Результаты опроса в основном совпали с интервью:

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

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

Планирование

Обзор пути пользователя

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

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

Результатом стали семь формулировок проблемы с точки зрения , для которых мы решили разработать:

1. Новому клиенту нужно больше информации о DC, потому что ему нужно доказательство надежности.
2. Постоянный клиент нуждается в быстром доступе к дизайну, потому что он не хочет терять время.
3. Все клиенты должны иметь возможность просматривать проекты в любое время.
4. Все клиенты хотят просматривать дизайны, соответствующие их вкусам, потому что это сократит время их поиска.
5. Потенциальным лидам нужен способ связаться с DC , чтобы приобрести дизайн.
6. Все клиенты, сделавшие заказ, должны быть в курсе статуса своего заказа , потому что им нужно знать, за что они платят и когда они это получат.
7. Все клиенты хотят читать тематические исследования об успешных проектах, потому что это убедит их в том, что DC знает свое дело.

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

Онбординг

Предыдущая домашняя страница Design Cafe сбивала с толку. Нужно было предоставить больше информации о бизнесе. Отсутствие информации вызвало замешательство, и люди не знали, о чем DC. Мы разделили главную страницу на несколько разделов и спроектировали ее так, чтобы каждый раздел мог удовлетворить потребности одной из наших целевых групп:

1. Для новых посетителей (фиолетовый поток) мы включили краткую экскурсию по основным уникальным торговым точкам (УТП) сервиса, тому, как он работает, несколько историй успеха и возможность начать викторину по стилю.

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

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

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

Просмотр дизайнов

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

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

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

По сравнению с ним викторина по стилю была относительно простой функцией:

1. Он начинается с вопросов о цветах, текстурах и дизайнах, которые вам нравятся.

2. Он продолжает спрашивать о типе номера.

3. В конце концов, он отображает кураторский список дизайнов на основе ваших ответов.

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

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

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

Связь

Связаться с DC нужно было максимально просто. Мы реализовали три способа сделать это:

• через чат, показанный на каждой странице — самый быстрый способ;
• открыв страницу контактов и заполнив форму или просто позвонив в ДЦ по телефону;
• нажав «Записаться на консультацию» в заголовке, который запрашивает основную информацию и запрашивает встречу (после отправки отображаются следующие шаги, чтобы пользователи знали, что именно произойдет).

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

Статус заказа

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

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

Тематические исследования

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

Подготовка к визуальному дизайну

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

Данные показали, что большинство людей открывают веб-сайт со своих телефонов, но опросы показали, что большинство из них охотнее совершали покупки через компьютер, а не через мобильное устройство. Кроме того, пользователи настольных компьютеров и ноутбуков были более заинтересованными и лояльными. Итак, мы решили сначала разработать для настольных компьютеров и перейти к меньшим (мобильным) разрешениям в коде.

Визуальный дизайн

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

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

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

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

Типография

Изначально мы выбрали комбинацию Raleway и Roboto для типографики. Raleway — отличный шрифт, но им немного злоупотребляют. Второй итерацией были Abril Fatface и Raleway для копии. Abril Fatface напоминает великолепие Дидо и делает всю страницу намного более тяжелой и претенциозной. Это было интересное направление для исследования, но оно не резонировало с современным техническим духом DC. Последней итерацией была Nexa для названий, которая оказалась лучшим выбором из-за ее современного и резкого ощущения, с Lato — оба отлично подходят.

Полезный совет: поэкспериментируйте с вариантами шрифта. Перечислите их рядом, чтобы увидеть, как они сравниваются. Зайдите на Typewolf, MyFonts или аналогичный веб-сайт, чтобы получить вдохновение. Ищите шрифты, которые имеют смысл для вашего продукта. Обратите внимание на читабельность и доступность. Не переусердствуйте со шкалой типов; держите его как можно меньше. Если сомневаетесь, ознакомьтесь с кратким изложением основных правил Баттерика.

Цвета

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

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

Вот что мы решили в итоге:

Мы представили все эти варианты шрифтов и цветов через итерации на главной странице.

Первоначальные макеты

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

У нас не было времени на разработку пользовательских иконок, но на помощь пришел NounProject. С форматом файла SVG очень просто изменить все, что вам нужно, и смешать это с чем-то еще. Это значительно ускорило нашу работу, и с визуальной итерацией номер 4 мы завершили дизайн главной страницы. Это позволило нам сосредоточиться на компонентах и ​​использовать их в качестве блоков LEGO для создания шаблонов.

Компоненты системы

Я перечислил большинство компонентов (см. PDF) на монтажной области Sketch, чтобы они были доступны. Всякий раз, когда дизайну требовался новый шаблон, мы возвращались на эту страницу и искали способы повторного использования элементов. Наличие визуальной системы, даже для такого небольшого проекта, как этот, обеспечивало согласованность и простоту.

Полезный совет: Компоненты, атомы, блоки — как бы вы их ни называли, все они являются частью систематического осмысления вашего дизайна. Дизайн-системы помогают вам глубже понять свой продукт, побуждая вас сосредоточиться на шаблонах, принципах дизайна и языке дизайна. Если вы новичок в этом подходе, ознакомьтесь с Atomic Design Брэда Фроста или Design Systems Аллы Холматовой.

Прототипирование с помощью кода

Полезный совет: сначала поработайте над прототипом. Вы можете сделать прототип, используя базовый HTML, CSS и JavaScript. Или вы можете использовать InVision, Marvel, Adobe XD или даже приложение Sketch или свой любимый инструмент для создания прототипов. Это действительно не имеет значения. Важно понимать, что только когда вы создадите прототип, вы увидите, как будет работать ваш дизайн.

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

Инструменты и процессы подбора

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

Вот некоторые из наиболее важных плагинов Gulp, которые мы использовали:

• gulp-postcss
  Это позволяет вам использовать PostCSS. Вы можете связать его с плагинами, такими как cssnext, чтобы получить довольно надежную и универсальную настройку.
• синхронизация с браузером
  Это настраивает сервер и автоматически обновляет представление при каждом изменении. Вы можете настроить его на запуск при запуске «gulp watch», и все будет синхронизировано при нажатии «Сохранить».
• gulp-compile-handlebars
  Это реализация Handlebars для Gulp. Это быстрый способ создавать шаблоны и использовать их повторно. Представьте, что у вас есть кнопка, которая остается неизменной на протяжении всего дизайна. Это будет символ в Sketch. Это в основном та же концепция, но завернутая в HTML. Всякий раз, когда вы хотите использовать эту кнопку, вы просто включаете шаблон кнопки. Если вы измените что-то в главном шаблоне, он распространит изменения на все остальные кнопки в дизайне. Вы делаете это для всего в дизайн-системе, и, таким образом, вы используете одну и ту же парадигму как для визуального дизайна, так и для кода. Больше никаких статических макетов страниц!

Компоненты и шаблоны

Нам пришлось смешать атомарный CSS с модульным CSS, чтобы получить максимальную отдачу от обоих миров. Атомарный CSS обрабатывал все общие стили, в то время как модули CSS обрабатывали крайние случаи.

В атомарном CSS атомы — это неизменяемые классы CSS, которые делают только одну вещь. Мы использовали Tachyons, атомный набор инструментов. В Tachyons каждый применяемый класс является отдельным свойством CSS. Например, .b означает font-weight: bold , а .ttu означает text-transform: uppercase . Абзац, выделенный жирным шрифтом в верхнем регистре, будет выглядеть так:

 <p class="b ttu">Paragraph</p>

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

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

Проектирование микровзаимодействий в браузере

Наш прототип был настолько точен, что стал основой для реального продукта — DC использовали наш код и интегрировали его в свой рабочий процесс. Вы можете ознакомиться с прототипом на https://beta.boyankostov.com/2017/designcafe/html (или в прямом эфире на https://designcafe.com).

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

Выйти

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

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

Выводы

• По возможности сотрудничайте с другими дизайнерами . Когда два человека думают об одной и той же проблеме, они предлагают лучшие идеи. По очереди делайте заметки во время интервью и вместе обдумывайте цели, идеи и визуальные эффекты.
• Наличие разработчика в команде полезно, потому что каждый может делать то, что у него получается лучше всего. Хороший разработчик потратит всего несколько минут на решение проблемы с JavaScript, на решение которой мне, вероятно, потребуются часы.
• Мы отправили рабочую версию сайта , и клиент сразу смог ею воспользоваться. Если вы не можете подписать код, постарайтесь максимально приблизиться к конечному продукту и визуально сообщите об этом команде вашего клиента. Задокументируйте свой дизайн — это результат, который будет использоваться всеми, от разработчиков до маркетологов и штатных дизайнеров. Выделите некоторое время, чтобы убедиться, что все правильно поняли все ваши идеи.
• Планирование интервью и написание хороших опросов может занять много времени. Вы должны планировать заранее и набирать больше людей, чем, по вашему мнению, вам понадобится. Наймите опытного исследователя для работы с вами над этими задачами и проведите некоторое время с вашей командой, чтобы определить ваши цели. Будьте осторожны при поиске участников. Ваш клиент может помочь вам найти нужных людей, но вам нужно будет придерживаться участников, которые соответствуют нужным демографическим характеристикам.
• Выделите достаточно времени для планирования. Цели проекта, процессы и обязанности должны быть понятны всем в вашей команде. Вам нужно время, чтобы учесть несколько итераций прототипов, потому что прототипы быстро улучшают продукты. Если вы не хотите возиться с кодом, есть разные способы прототипирования. Но даже если вы это сделаете, вам не нужно писать безупречный код — просто напишите код дизайнера. Или, как однажды сказал Алан Купер: «Иногда лучший способ для дизайнера донести свое видение — это запрограммировать что-то, чтобы его коллеги могли взаимодействовать с предлагаемым поведением, а не просто видеть неподвижные изображения. Цель такого кода не совпадает с целью кода, который пишут кодеры. Код предназначен не для развертывания, а для дизайна, [и] его назначение другое».
• Не сосредотачивайтесь на уникальном дизайне как таковом , если только он не является главной особенностью вашего продукта. Лучше потратить время на более важные дела. По возможности используйте фреймворки, значки и визуальные ресурсы или отдайте их на аутсорсинг другому дизайнеру и сосредоточьтесь на основных целях и показателях вашего продукта.