Как описать дизайн сайта


Основные этапы при создании дизайна сайта

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

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

Дизайн помогает делать людей лояльнее. Все мы хотим питаться вкусной и здоровой едой, носить красивую одежду и жить в роскошных домах. Не так ли? =) А еще мы хотим, чтобы все сайты тоже были красивыми, а еще лучше красивыми и удобными для пользователей. Поэтому при разработке дизайна сайта, в первую очередь стоит задуматься, как ни странно, не о дизайне. Каждый уважающий себя веб-дизайнер, должен быть и SEO-аналитиком, и UI/UX-разработчиком, и верстальщиком.

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

Анализ целевой аудитории (ЦА)

Данный анализ происходит еще на этапе UI/UX-проектирования** UI/UX-проектирование – создание прототипа сайта на основе данных пользователей. UI (User Interface) – система общения пользователя с сайтом; UX (User Experience) – опыт взаимодействия сайта с пользователем. , для дизайнера он является точкой опоры, тем, от чего стоит отталкиваться. «Дизайн создается для людей» — держим эту мысль в голове на протяжении всего времени работы над проектом. Как только дизайнер услышал тематику будущего сайта, он должен представить тех людей, которые будут им пользоваться.

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

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

Общий стиль и композиция

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

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

Следующее правило грамотной композиции — подчиненность. Любой элемент на сайте должен быть обоснован. Почему мы выбрали данный цвет? Зачем мы сделали шрифт такого размера? Для чего мы добавили вон ту маленькую черточку? И так далее. На все эти вопросы вы должны дать точный и ясный ответ.

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

Ни одна композиция не будет выполнять своих функций без расстановки акцентов и контраста.

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

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

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

Более подробно о типографике мы поговорим ниже.

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

Цвет

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

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

Какова цель вашего дизайна?

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

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

Какие эмоции вы хотите передать через дизайн?

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

Красный — смелость, опасность.

Зеленый — цвет жизни, умиротворенности.

Синий — свежесть, легкость.

Желтый — энергия, радость.

Белый — доброта, чистота.

Черный — стабильность, уверенность.

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

Какие цвета нам доступны?

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

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

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

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

Вот два полезных ресурса, которые помогут вам с подбором цветов для сайта:

Также можете воспользоваться цветовым кругом и подбирать цвета по схемам:

Типографика

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

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

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

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

  • Шрифты без засечек (Sans-Serif) смело можно использовать на сайтах с различной тематикой.

  • Акцидентные шрифты — графичные шрифты, почти всегда используются только для заголовков.

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

  • Шрифты-символы — шрифты, где буквы являются иконками.

У каждого шрифта есть свое семейство (Font Family) или гарнитура. Гарнитура — совокупность шрифтов, которые объединены определенным стилем и имеют различное начертание.

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

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

Далее отступим от терминов и перейдем к вопросам, которые нас всех так сильно волнуют.

Какой шрифт подобрать для сайта?

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

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

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

Сколько шрифтов использовать?

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

Какие цвета подобрать для текста?

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

Как создать выигрышное расположение текста?

В типографике существует правило: внутреннее ≤ внешнее. Расстояние между словами должно быть больше, чем расстояние между буквами. Расстояние между строками должно быть больше, чем между словами. Расстояние между абзацами должно быть больше, чем расстояние между строками. Все гениально просто =). Смотрите пример ниже:

Заключение

Создание дизайна — всегда очень сложная и ответственная задача. Даже если очень хорошо знать всю вышеизложенную информацию, не всегда удастся попасть в цель. Все люди разные, и всем не угодишь =). Дизайн — абсолютно субъективная вещь. Если бы все было так просто, мы бы уже давно забыли о дизайне и пользовались бы общедоступным сводом законов и правил.

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

Приступите к созданию дизайнов и сценариев сайтов SharePoint

  • 5 минут на чтение

В этой статье

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

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

Создайте скрипт сайта в JSON

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

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

  1. Загрузите и установите командную консоль SharePoint Online. Если у вас уже установлена ​​предыдущая версия оболочки, сначала удалите ее, а затем установите последнюю версию.

  2. Следуйте инструкциям в разделе Подключение к SharePoint Online PowerShell, чтобы подключиться к своему клиенту SharePoint.

  3. Создайте и назначьте JSON, который описывает новый сценарий, переменной, как показано в следующем коде PowerShell. Вы можете просмотреть и сослаться на последний файл схемы JSON здесь: https: // developer.microsoft.com/json-schemas/sp/site-design-script-actions.schema.json

      $ site_script = ' { "$ schema": "schema.json", "действия": [ { «глагол»: «createSPList», "listName": "Отслеживание клиентов", "templateType": 100, "субдействия": [ { "глагол": "setDescription", "description": "Список клиентов и заказов" }, { "глагол": "addSPField", "fieldType": "Текст", "displayName": "Имя клиента", "isRequired": ложь, "addToDefaultView": true }, { "глагол": "addSPField", "fieldType": "Число", "displayName": "Итого по заявке", "addToDefaultView": true, "isRequired": true }, { "глагол": "addSPField", "fieldType": "Пользователь", "displayName": "Контакт", "addToDefaultView": true, "isRequired": true }, { "глагол": "addSPField", "fieldType": "Примечание", "displayName": "Заметки о встрече", "isRequired": false } ] } ], "bindata": {}, «версия»: 1 } '  

Предыдущий сценарий создает новый список SharePoint с именем Отслеживание клиентов .Он устанавливает описание и добавляет в список четыре поля. Обратите внимание, что каждый из них считается действием. Сценарии сайта ограничены 30 кумулятивными действиями (для одного или нескольких скриптов, которые могут быть вызваны в дизайне сайта), если они применяются программно с помощью команды Invoke-SPOSiteDesign. Если они применяются через UX или с помощью команды Add-SPOSiteDesignTask, то ограничение составляет 300 кумулятивных действий (или 100 000 символов).

Добавить скрипт сайта

Каждый сценарий сайта должен быть зарегистрирован в SharePoint, чтобы его можно было использовать.Добавьте новый сценарий сайта с помощью командлета Add-SPOSiteScript . В следующем примере показано, как добавить сценарий JSON, описанный ранее.

  C: \> Добавить-SPOSiteScript -Заголовок «Создать список отслеживания клиентов» -Content $ site_script -Описание «Создает список для отслеживания контактной информации клиента»  

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

REST API для добавления нового скрипта сайта: CreateSiteScript .

Создание дизайна сайта

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

  • Выполните следующий командлет, чтобы добавить новый дизайн сайта. Замените идентификатором сценария сайта, полученным при добавлении сценария сайта.
  C: \> Добавить-SPOSiteDesign -Название «Отслеживание клиентов Contoso» -WebTemplate "64" -SiteScripts "" -Описание «Отслеживает ключевые данные клиентов в списке»  

Предыдущий командлет создает новый дизайн сайта с именем Contoso для отслеживания клиентов. Значение -WebTemplate выбирает базовый шаблон для связи. Значение «64» указывает шаблон сайта группы, а значение «68» указывает шаблон коммуникационного сайта.Если вы отключили создание современных групп (или ограничили их использование для определенной группы пользователей) и хотите, чтобы пользователи по-прежнему могли применять дизайн сайтов к «безгрупповому» современному шаблону сайта группы, опубликуйте дизайн своего сайта, используя значение -WebTemplate . "1" .

Ответ JSON отображает ID нового дизайна сайта. Вы можете использовать его в последующих командлетах для обновления или изменения дизайна сайта.

REST API для добавления нового дизайна сайта: CreateSiteDesign .

Воспользуйтесь новым дизайном сайта

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

Создание нового сайта

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

  2. Выберите Создать объект .

  3. Выберите Сайт группы .

  4. В раскрывающемся списке Выберите дизайн выберите дизайн вашего сайта заказы клиентов .

  5. В поле Имя сайта введите имя для нового сайта Отслеживание заказов клиентов .

  6. Выбрать Далее .

  7. Выберите Готово .

  8. Отобразится панель уведомлений, указывающая, что ваш сценарий применяется.Чтобы вызвать панель информации о дизайне сайта, щелкните ссылку Просмотр прогресса . После завершения сценария (-ов) сообщение баннера с уведомлением изменится на «Дизайн сайта». Обновите этот сайт, чтобы увидеть изменения. , позволяя либо вызвать панель, либо обновить страницу.

  9. Вы увидите настраиваемый список на странице.

Применить к существующему семейству сайтов

Вы также можете применить опубликованный дизайн сайта к существующему семейству сайтов с помощью командлета Invoke-SPOSiteDesign.

Опубликованный дизайн сайта можно применить к:

  1. Групповой сайт группы
  2. Сайт группы не подключен к группе Microsoft 365
  3. Узел связи
  4. Классический сайт группы
  5. Классический издательский сайт

Связь с узловым сайтом

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

См. Также

.

8 типов веб-сайтов и способы их создания

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

Иллюстрация от OrangeCrush

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

Вот 8 различных типов веб-сайтов:

1. Домашние страницы
-

Домашняя страница - это главный центр вашего сайта и лицо бренда.

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

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

Via Matcha Kari

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

2. Сайты журналов
-

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

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

Via Urban Omnibus

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

3. Сайты электронной торговли
-

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

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

Via Flipkart

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

4. Блоги

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

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

Via Nourish Eats

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

5. Сайты-портфолио
-

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

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

Via Gautier Maillard

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

6. Целевые страницы
-

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

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

Via Shopify

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

7. Сайты социальных сетей
-

Мы только что отправили вам ваш первый урок.

Около 2,77 миллиарда человек пользуются социальными сетями с десятками различных платформ. Независимо от того, кто ваша целевая аудитория, вы, вероятно, найдете их в Facebook, Twitter, Instagram, Snapchat или LinkedIn.Хотя вы не можете изменить дизайн самих платформ, у вас есть некоторый контроль над внешним видом своей страницы и вы можете создавать контент, который стимулирует публикации в социальных сетях.

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

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

Via Nutella в Facebook

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

8. Справочник и контактные страницы
-

Каталог или страница контактов - это место, где пользователи могут связаться с вами или другими людьми.

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

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

Via Manta

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

Выберите подходящий тип сайта для своей аудитории
-

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

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

.

Как описать ваши дизайнерские решения - O’Reilly

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

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

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

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

Бизнес

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

  • «Помогает достичь цели»
  • «Облегчает основной вариант использования»
  • «Устанавливает брендинг»

«ПОМОГАЕТ ДОСТИГНУТЬ ЦЕЛИ»

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

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

Чтобы сделать это эффективно, проясните эту связь и объясните, как ваше решение решает эту конкретную проблему. Поскольку вы уже записали каждую проблему вместе со своим решением (как я рекомендовал в главе 2), а часть вашей стратегии состоит в том, чтобы апеллировать к более благородным мотивам, нужно просто сделать заявление, которое ясно передает эти связи.Пример для выражения этого: «[дизайн] повлияет на [цель], потому что [причина]». Вот несколько примеров:

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

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

«ОБЕСПЕЧИВАЕТ ПЕРВИЧНЫЙ СЛУЧАЙ ИСПОЛЬЗОВАНИЯ»

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

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

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

«СОЗДАЕТ БРЕНДИНГ»

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

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

Дизайн

Часто у нас есть дизайнерские причины, по которым мы сделали то, что сделали. Я считаю, что есть три распространенных способа описания моего решения по причинам дизайна:

  • «Использует общий шаблон проектирования»
  • «Привлекает внимание пользователя»
  • «Создает поток для пользователя»

«ИСПОЛЬЗУЕТ ОБЩИЙ ДИЗАЙН»

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

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

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

«ПРИВЛЕКАЕТ ВНИМАНИЕ ПОЛЬЗОВАТЕЛЯ»

Есть части нашей дизайнерской работы, которые в большей степени управляются интуицией, чем другие, и это одно из тех общих объяснений, которые, как мне кажется, объясняют многие мои собственные выборы способами, которые я иначе не смог бы передать.Есть много психологии, которая учитывает то, куда пользователи смотрят, как они сканируют (не читают) веб-сайты и что заставляет их переходить с одного места на другое. Большая часть этих знаний воплощается в практике дизайна с помощью таких методов, как использование цвета, отрицательного пространства, баланса или размера шрифта. Эти идеи могут быть невероятно субъективными и их трудно оправдать среднему человеку, но часто достаточно просто объяснить, что комбинация элементов, которые они видят на экране, предназначена для перемещения пользователя из точки А в точку Б.

Вот несколько примеров:

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

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

«СОЗДАЕТ ПОТОК ДЛЯ ПОЛЬЗОВАТЕЛЯ»

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

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

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

Исследования

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

  • «Подтверждено данными»
  • «Выявлено при пользовательском тестировании»
  • «При поддержке других исследований»

«ПОДТВЕРЖДЕНО ДАННЫМИ»

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

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

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

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

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

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

  • «Согласно нашей аналитике…»
  • «У нас есть данные, которые позволяют предположить…»
  • «Мы отслеживаем эту метрику и…»

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

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

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

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

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

«ОБНАРУЖЕНО ПРИ ТЕСТИРОВАНИИ ПОЛЬЗОВАТЕЛЯМИ»

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

Проблема с наблюдением пользователя в качестве обоснования дизайнерских решений состоит в том, что оно может быть очень субъективным, основанным на том, что вы помните о сеансе, и его трудно задокументировать с целью встречи с клиентом.Обычно мы доносим их до заинтересованных лиц в форме воспоминаний - некоторых специальных знаний, которые могут находиться только в наших головах; например: «Во время нашего исследования юзабилити на прошлой неделе мы обнаружили, что люди путают кнопки« ОК »и« Отмена », потому что дизайн слишком похож». Несмотря на то, что это утверждение основано на нашем опыте общения с пользователями, оно, несомненно, омрачено нашей собственной памятью и выводами исследования. Тем не менее, это эффективный способ продемонстрировать, что вы взаимодействуете с пользователями и улучшаете свой дизайн, чтобы приспособить то, что вы узнали.Уже одно это очень ценно для общения.

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

Рисунок 1-3. Включение короткого видеоклипа или цитаты из сеанса пользователя в слайды - эффективный способ предоставить заинтересованным сторонам быстрый доступ к реальным пользователям.

«ПРИ ПОДДЕРЖКЕ ДРУГИХ ИССЛЕДОВАНИЙ»

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

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

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

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

Ограничения

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

  • «Недостаточно ресурсов»
  • «Ограничено технологией»
  • «Соответствует стандарту»

«НЕДОСТАТОЧНО РЕСУРСОВ»

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

Опора
Отсутствует поддержка, инфраструктура или внутренние процессы для обработки дополнительных требований.Даже если мы сможем создать и запустить наш проект, у нас не будет достаточной внутренней поддержки, чтобы поддерживать его в долгосрочной перспективе. Это может быть связано с тем, что служба поддержки клиентов не настроена для обработки дополнительных вызовов, что в бухгалтерском учете нет практики обработки платежей или что QA не имеет возможности протестировать другое приложение. Дело не столько в людях, сколько в процессе. Организация просто еще не оборудована для того, чтобы заниматься тем, чем мы хотим заниматься. Эти вспомогательные роли являются важным фактором при проектировании, и их учет в процессе принятия решений является важным моментом, который необходимо уточнить.
Люди
Недостаточно дизайнеров или разработчиков, которые действительно могли бы создать его в пределах заданного времени и ограничений. Проще говоря, то, что мы хотим делать, требует большего штата сотрудников, которых у нас нет. Это может быть проблема даже не в бюджете, а в вопросе найма: мы не можем нанять нужные таланты или не можем нанять достаточно быстро. Возможно, это временная проблема, но нехватка людей - законная причина для масштабирования наших проектов. Всегда учитывайте, как на ваш дизайн влияют нынешние и будущие сотрудники.
Деньги
Бюджета недостаточно для приобретения услуг или технологий, необходимых для этого. Независимо от того, сколько у вас денег, их почти никогда не бывает достаточно, чтобы продавать ваш продукт без ограничений. Всегда есть другое оборудование или новая услуга, которую мы можем использовать, чтобы улучшить наш продукт и вывести его на новый уровень. Но в отсутствие этих ресурсов мы должны ограничить наши проекты, чтобы учесть ограничение в финансировании. Важно сделать это явной причиной для ваших дизайнерских решений.
Время
Нет времени на реализацию проектов с учетом текущих требований. А когда у нас мало времени, мы обычно сокращаем наши идеи до приемлемого уровня. Именно об этом предполагаемом «понижении» важнее всего общаться. Каждая заинтересованная сторона хочет как можно скорее создать самое большое и лучшее приложение, поэтому многие команды начинают с минимально жизнеспособного продукта и со временем работают над ним. Теоретически нас ни в коем случае нельзя заставлять говорить заинтересованной стороне о том, что времени недостаточно, потому что наш процесс таков, что мы всегда создаем соответствующие уровни работы в течение каждого цикла.На самом деле мы всегда сокращаем идеи, чтобы они соответствовали текущему календарю.

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

«ОГРАНИЧЕННЫЕ ТЕХНОЛОГИЯМИ»

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

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

Это не всегда просто. Это могут быть самые трудные решения, которые помогут понять другим людям, не занимающимся проектированием (и разработчикам), поскольку причины часто носят сугубо технический характер. Заинтересованным сторонам не нравятся (или не понимаются) эти ограничения, и их может даже отпугнуть перспектива, что вы не сможете сделать то же, что и их конкурент. Я представляю, как руководитель достает свой телефон, показывает вам, как это делает кто-то другой, а затем спрашивает: «Почему мы не можем этого сделать?» Но эти ограничения реальны, и мы должны помочь нашим заинтересованным сторонам увидеть ограничения, чтобы они могли стать частью решения.

«СООТВЕТСТВУЕТ СТАНДАРТУ»

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

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

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

Умиротворение туземцев

Я консультировался с некоммерческой организацией по поводу мобильного веб-приложения. Хотя приложение могло работать во всех основных мобильных браузерах, клиент хотел, чтобы оно больше походило на собственное приложение. С этой целью их команда разработала серию взаимодействий и шаблонов проектирования, которые, будучи естественными для некоторых нативных мобильных приложений, на самом деле потребовали бы от нас перезаписать нативные функции браузера и потенциально нарушили бы некоторые веб-стандарты в этом процессе.Это не только создавало технические проблемы с реализацией, но также создавало ряд запутанных взаимодействий. Например, пользователи браузера не смогут выполнять прокрутку вверх и вниз (прокрутка) и смогут перемещаться по веб-сайту, только проводя пальцем влево и вправо. В конце концов, мне удалось убедить клиента, что оценка поведения собственного браузера важнее, чем сохранение восприятия собственного приложения в браузере. По крайней мере, для первой реализации они решили отказаться от всех настраиваемых жестов и придерживаться проверенных (основанных на стандартах) HTML и JavaScript.

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

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

.

Примеры описания продуктов + шаблон для их написания (2020)

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

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

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

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

Чем сильнее фантазия покупателя о владении продуктом, тем выше вероятность, что он его купит. Поэтому мне нравится думать об описании продуктов как о повествовании и психологии, включающем в себя элементы как прозаики, так и журналистики. «Хорошее» описание продукта не годится. Конкуренция становится слишком жесткой. Это должно быть здорово!

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

Вам нужно быстро вывести свой бизнес в Интернет?

Создавайте, управляйте и масштабируйте нужный вам онлайн-бизнес. С Essentials вы можете начать работу за меньшее время и с меньшими затратами.

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

Начать бесплатную пробную версию

Написание описания продукта для увеличения продаж

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

1. Прежде чем писать, подумайте, кто, что, где, когда, почему и как.

Журналисты используют метод «Кто, что, где, когда, почему и как» для разъяснения фактов своих статей, и следование этому процессу является первым шагом в создании убедительного описания продукта:

  • Для кого предназначен этот продукт? Целевая аудитория может быть половой (женщины или мужчины), возрастной группой (студенты колледжа, пенсионеры), демографическим образом жизни (молодые матери, автолюбители) или какой-либо другой определенной группой людей.
  • Каковы основные сведения о продукте? Сюда входят такие атрибуты, как размеры, материалы, характеристики и функции продукта.
  • Где бы кто-нибудь использовал этот продукт? Предназначен для использования в помещении или на улице, в машине или дома?
  • Когда следует использовать продукт? Предназначен ли он для использования в определенное время суток, сезонно или для определенного типа событий? Столь же важно указать, можно или нужно использовать продукт каждый день или круглый год, поскольку это будет говорить о его долгосрочной ценности.
  • Почему этот продукт полезен или лучше своих конкурентов? Это может быть что угодно, от качества до стоимости и функций - действительно подумайте о преимуществах, которые скажут покупателям. Также подумайте, как изображения могут дополнить текст вашего продукта.
  • Как работает продукт? Это может быть не обязательно для каждого продукта, но если вы продаете что-либо с движущимися частями или электроникой, это обязательно.

Эти вопросы отлично подходят для использования в качестве шаблона описания продукта, если вы хотите точно описать свои лучшие товары.

2. Определите лучший формат для описания ваших продуктов.

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

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

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

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

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

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

[Абзацы текста] + [Маркированный список характеристик или характеристик продукта] = [Привлекательное описание продукта]

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

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

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

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

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

4. Сделайте копию описания продукта краткой и понятной.

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

Страница продукта Onzie

5.Используйте рассказывание историй в своих интересах.

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

Сын моряка страница продукта

6. Не бойтесь хвастаться.

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

Вызовите это!

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

Страница продукта Kap7

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

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

Страница продукта Spectrum Audio

8. Знайте, когда показывать, а не рассказывать.

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

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

Страница продукта Solo Stove

9. Знайте, когда показывать, рассказывать и описывать.

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

10. Не бойтесь быть уникальными.

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

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

Страница продукта BPI Sport

11.Со щитом или на щите.

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

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

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

Вот как выглядит хоумран.

Страница продукта Joovy

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

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

Думайте визуально. Добавьте графику и оптимизируйте изображения продуктов. Тестовая копия A / B и персонализация на этих страницах.Посмотрите в Google Search Console, чтобы определить популярные термины, чтобы улучшить SEO-трафик на страницу продукта. Людям нравится покупать у людей, которым они доверяют, и построение доверия зависит от того, что вы продаете.

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

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

Последние мысли

Знайте свою аудиторию. Знайте свой продукт. А потом покажите и расскажите с описанием вашего интернет-магазина!

.

Смотрите также

Поделиться в соц. сетях

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

Оставить комментарий