Как представить веб-дизайн клиенту

30

Успех вашего дизайна зависит не только от вашей способности создавать что-то визуально привлекательное, но и от вашей способности продавать это.

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

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

Сколько вариантов дизайна я должен представить?

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

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

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

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

Как очаровать клиентов своей презентацией

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

1 Сформулируйте проблему

Что вы должны сделать в первую очередь? Установите ожидания для вашей аудитории: объявите, что ваши клиенты увидят и что они получат от этого. Сформулируйте проблему, поставленную на вашей первой встрече, задание, над которым вы работали (например, создать быстрый и отличный дизайн для веб-приложения для фитнеса), и подходы, которые вы использовали для решения этой проблемы.

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

2 Обратитесь к бизнесу вашего клиента

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

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

3 Опишите процесс проектирования

Дайте краткое описание каждой отдельной фазы вашего процесса проектирования и расскажите о полученной информации. Вы также должны подчеркнуть, как вы использовали эту информацию для улучшения общего дизайна. Здесь очень важно представить компоненты дизайна как преимущества для бизнеса вашего клиента. Например, вы можете объяснить, что использовали больше красного цвета для веб-сайта быстрого питания, так как это повышает аппетит клиентов и может побудить их заказывать больше еды. Теперь тайна McDonald’s и KFC раскрыта.

4 Поддерживайте разговор

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

5 Соберите отзывы

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

Как правильно собирать отзывы

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

1 план вперед

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

2 Задавайте целенаправленные вопросы

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

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

3 Поймите истинный смысл

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

Всегда спрашивайте их, почему: «Почему вы хотите, чтобы эта кнопка была больше? Почему вы думаете, что больше зеленого будет лучше для вашего сайта?» Дастин Кертис, основатель Svbtle, задает своим клиентам как минимум три вопроса об их мнении.

4 Применяйте логику и цитируйте известные бренды

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

Представьте, что ваш клиент попросил вас уменьшить размер шрифта с 22 до 12 пунктов. В этом случае вы могли бы ответить что-то вроде «Это интересный момент. Но вы знаете, я недавно прочитал исследование, показывающее, что большие размеры шрифта могут вызвать более сильную эмоциональную связь с брендом. Кстати, в Medium тоже используется шрифт 22pt».

И не используйте фразы, которые попадают в стиль «я же говорил». Попробуйте проявить сочувствие: «Да, я тоже был в шоке, когда услышал это».

5 Уважайте мнение вашего клиента

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

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

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

Какой тип прототипа выбрать?

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

Ранняя стадия

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

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

Чтобы разработать прототип с низкой точностью, вы можете попробовать следующие инструменты:

  • Wireframe.cc — один из самых основных инструментов, которые дизайнеры могут использовать для создания каркасов. Его основными преимуществами являются простой интерфейс и возможность сразу приступить к проектированию каркасов без какой-либо регистрации.
  • Moqups.com — веб-приложение, которое помогает создавать каркасы, мокапы и прототипы. Moqups предлагает встроенную библиотеку с тысячами наборов иконок, облачное хранилище, функции комментариев и отзывов.
  • Pencil Project (pencil.evolus.vn) — бесплатный инструмент прототипирования с открытым исходным кодом для настольных и мобильных платформ. Pencil Project предоставляет встроенные коллекции (фигуры, элементы блок-схем и т. д.), поддержку рисования диаграмм и межстраничные ссылки.

С низкоточным прототипом нужно быть осторожным, так как можно столкнуться с непониманием и негативными замечаниями со стороны клиента: «Почему экраны такие простые? Почему вы использовали такую ​​плохую цветовую схему?» Если это произойдет, найдите время, чтобы объяснить своему клиенту, что такое UX и насколько он важен для их продукта — что UX — это сердце и душа их будущего веб-сайта — и что этот прототип далек от финальной версии.

Последний этап

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

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

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

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

  • InVision (invisionapp.com) — платформа для дизайна цифровых продуктов, позволяющая создавать интерактивные прототипы за считанные минуты. Используя InVision, вы можете создавать таблицы стилей и генерировать реальный код для любого элемента дизайна. Кроме того, InVision позволяет вашим клиентам, членам команды и заинтересованным сторонам комментировать ваши проекты напрямую.
  • Adobe XD (adobe.com/products/xd.html) — универсальное решение UI/UX, которое поможет вам превратить ваш статический макет в интерактивный прототип одним щелчком мыши. Используя Adobe XD, ваш прототип автоматически обновляется при каждом вносимом вами изменении: синхронизация не требуется.
  • Principle (principleformac.com) — инструмент для создания прототипов, который позволяет создавать анимированные и интерактивные пользовательские интерфейсы независимо от того, разрабатываете ли вы поток многоэкранного приложения или новые анимации и взаимодействия.

Готовы ли вы представить свой веб-дизайн?

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

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

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

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