Когда вы думаете о UX, вы, вероятно, думаете о том, как ваш продукт дает практические ответы на вопрос, почему, что и как это побуждает пользователя взаимодействовать с ним. Короче говоря, UX создает продукт, который нужен вашему клиенту (для выполнения конкретной задачи), понимает (благодаря его функциональности) и ему нравится (для ясности и удовольствия).
На каждом из этих этапов в пути пользователя содержимое его веб-сайта или приложения должно успокаивать, направлять и радовать его клиента. Чтобы достичь этого, ваш UX должен в полной мере использовать несколько концепций и способов общения со своим пользователем.
1. Дизайн – это визуальный язык вашего продукта.
Dreamstime Images
Когда вы разговариваете с кем-то, вы инстинктивно используете лучшие слова из своего словарного запаса, чтобы передать свои идеи и эмоции. Кроме того, в общем, вы стараетесь говорить так, как ваш партнер, вероятно, понимает. Это означает использование общего словаря и адаптация вашего тона и выбора слова к контексту, в котором вы оба.
Благодаря этому процессу вы действительно формируете и устанавливаете связь. То же самое с вашим дизайном. Каждый компонент вашего визуального интерфейса – это слово, жест или выражение лица в разговоре с вашими фактическими или потенциальными пользователями.
Определение того, кто является вашим продуктом, и постоянство в отношении него, важно привлечь вашу целевую аудиторию и обеспечить комфортное взаимодействие с вами. Для этого у него есть четкий бренд, который постоянно подтверждает и развивает его. Как и в здоровых отношениях, общение через ваш дизайн – это постоянное путешествие, а не разовое общение.
2. Изображения – это то, что вы говорите, когда не пишете.
Dreamstime Images
Начиная с вашей домашней страницы (эквивалент вашего «Здравствуйте, я …») и заканчивая дополнительными страницами и интерфейсом вашего продукта, изображения, сопровождающие письменный или интерактивный контент, оказывают большое влияние на ваши общие утверждения.
Изображения в разделе заголовка помогают создать хорошее первое впечатление, так же как изображения, встроенные в остальную часть контента на любой странице, помогают подтвердить это впечатление, а также предлагают быстрые перерывы на чтение для ваших посетителей. Яркие и занимательные образы (потому что мы склонны считать, что сильные образы отражают эту силу в нашем бренде, а всем нужен сильный партнер, верно?), Вам нужно ненадолго отойти от этой идеи и пересмотреть свою визуальную стратегию.
Соответствует ли этот образ тому, кто вы есть, и, что не менее важно, кто ваши клиенты? Вы используете смелые цвета при продаже деликатного продукта? Заполняете ли вы свой сайт промышленными тематическими изображениями при продаже страхования жизни? Возможно, вы выбираете сложные и метафорические композиции, когда ваши основные покупатели спешат? Также рассмотрите влияние ваших изображений на остальную часть контента. Вы нарушаете баланс между вашим письменным контентом, вашими интерактивными компонентами (формами, кнопками) и вашими изображениями? Какова конечная цель вашего сайта?
Всегда оценивайте, доминируют ли какие-либо компоненты вашего дизайна над другими или даже могут саботировать вашу конечную цель (например, непропорциональное изображение, которое может выбросить эту кнопку «Связаться с нами»). Будьте внимательны к типу и частоте ваших изображений и сосредоточьтесь на том, чтобы общение с вашими пользователями было простым и последовательным (без воплей на фотографии с изображением знака остановки 2000×2000 пикселей). Ваши изображения также должны быть функционально эффективными эмоционально.
Помните, что ваш дизайн должен не только представлять, кто вы есть (или кто хотел бы, чтобы вас воспринимали), но также сопереживать и отражать людей, которым вы пытаетесь помочь через ваш продукт или услугу. Дизайн – это диалог, а не монолог.
К счастью для нашего десятилетия, качество и разнообразие фондовых фотобиблиотек позволяют находить любые ресурсы, которые вам необходимы для создания вашей личности и вашего голоса правильным образом.
3. Ваш продукт должен быть доступен каждому.
Dreamstime Images
По мере развития сети и охвата планеты интернетом ее потенциальная аудитория растет и диверсифицируется. К разговору присоединяются люди любого происхождения и культуры, и вы должны спланировать свой дизайн так, чтобы канал был открыт для множества типов пользователей.
В последние годы много говорилось о доступности, и все больше брендов создают или перестраивают свои веб-сайты и продукты, чтобы обеспечить их соответствие различным потребностям.
Консорциум World Wide Web (W3C) имеет множество специфических стандартов, которые помогут вам создать доступный пользовательский интерфейс. Вот несколько основных рекомендаций, которые следует учитывать для вашего дизайна:
● четкость изображения
Качество изображений, представленных на веб-сайте или в приложении, всегда должно быть высоким. Это не только отвечает потребностям пользователей с различными условиями просмотра, но также дает вам гибкость в настройке контента для разных типов устройств и размеров экрана.
Библиотеки стандартных фотографий могут помочь вам в этом с изображениями, начиная от самых маленьких размеров (например, 480x200px и 72dpi) до полного качества сетчатки (более 4000px или 5000px и 300dpi).
● читаемый контраст
Будь то простые текстовые разделы или вы добавляете текст поверх изображения, всегда подумайте о том, чтобы дать вашей основной информации правильный контраст с фоном.
Вы можете проверить рекомендуемые коэффициенты контрастности, поддерживаемые W3C, в зависимости от типа текста:
- Небольшой текст – используйте контрастность не менее 4,5: 1 на фоне
- Большой текст (означает размеры, начинающиеся с 14 жирных точек / 18 обычных точек): используйте коэффициент контрастности не менее 3: 1 на фоне
Выберите дополнительные цвета для текста и изображений и просто используйте отфильтрованный поиск в библиотеке фотографий, чтобы найти наиболее подходящие изображения.
● использовать субтитры
Это полезный совет не только для целей SEO или для резервного копирования при возникновении ошибки отображения. Это в первую очередь требование доступности для слабовидящих, которые будут получать доступ к своему контенту с помощью программ чтения с экрана. Чтобы помочь им понять вашу информацию и использовать ваш продукт, обязательно включите альтернативный текст или заголовок для каждого изображения (или, по крайней мере, самые важные).
4. Хорошо иметь многогранную личность.
Dreamstime Images
Некоторые из самых захватывающих людей в мире демонстрируют сложные личности, с разноцветными аспектами, а не линейной типологией. Также известно, что это случается с брендами, большими или маленькими.
В зависимости от события, времени поездки пользователя или среды, в которой он общается со своей аудиторией, совершенно круто использовать несколько типов визуальных элементов. Другими словами, нет проблем или противоречий, если вы хотите объединить фотографии, иллюстрации, анимацию и инфографику на одном веб-сайте.
Фактически, многие дизайнеры используют комбинацию элементов, и есть только одна очень важная вещь, которая проводит грань между хорошим миксом и плохо выполненным: намерение.
Намерение означает, что вы разрабатываете, имея в виду, что каждый элемент, присутствующий на вашем сайте или в вашем приложении, должен быть релевантным и полезным для конкретной цели. Не добавляйте изображения или иллюстрации только для того, чтобы заполнить пробел (и рискуйте привлечь внимание пользователя к информации о продукте), и не размещайте инфографику только потому, что они все в моде. Всегда выравнивайте свои изображения с вашим брендом.
Используйте каждый элемент, чтобы поддерживать разговор с вашими пользователями и вовлекать их в процесс открытия своего продукта.
И, как правило, мы предлагаем использовать 3 наиболее популярных визуальных ресурса:
- Фотографии – Они действительно сияют, когда используются для выделения функций продукта (в зависимости от типа продукта), для представления определенных объектов (например, членов вашей команды) или для представления событий и историй.
- иллюстрации – Они являются исключительными, когда используются для представления концепций или метафор и в качестве микро-взаимодействий (кнопки мышления, переключатели, пустые состояния). Они также являются идеальным выбором для экранов приложений, поскольку они могут добавить волнение, не прерывая работу пользователя.
- источники – Да, источники также являются визуальными ресурсами. И они сделают или прервут ваш разговор с вашими пользователями, буквально (двойной каламбур). Шрифты также работают в парах, и есть общая рекомендация, что вы должны использовать только 3 или 4 в данном макете. Конечно, вы можете использовать разные шрифты для основного текста, заголовков и наложения текста, но убедитесь, что они согласованы, читабельны и эффективны на нескольких экранах.
И так же, как изображения должны выделять ваш письменный контент, источники должны выступать в качестве кристально чистого голоса для вашей информации.
Ищете ли вы ресурсы для интеграции в дизайн вашего бренда или ищете конкретные изображения для кампании или мероприятия, библиотеки стоковых фотографий теперь предлагают все виды ресурсов: фотографии, иллюстрации, шрифты, видео, элементы пользовательского интерфейса. и многое другое. Все, что вам нужно, это «стратегия покупки».
5. Держите свой фирменный голос подлинным, когда вы говорите на публике.
Dreamstime Images
Итак, мы поговорили о том, как создать свой дизайн на собственном домене или продукте. Но он также часто покидает свою территорию для привлечения более широкой аудитории – в социальных сетях, на форумах, в блогах, на сторонних сайтах.
Ваш дизайн должен быть расширен и адаптирован к этим случаям. Фирменный социальный контент был необходим в течение многих лет, и это тенденция, которую мы, вероятно, не увидим в ближайшее время. Однако, что изменилось за последние 2 года, так это предпочтительный формат общественного контента для публики. Эфемерное содержание, особенно истории (в Instagram, Facebook или YouTube) в настоящее время является наиболее потребляемым и наиболее эффективным видом социального контента.
И поскольку его характер – в его (эфемерном) названии, постоянное создание чрезвычайно отточенного контента для каналов социальных сетей может быстро стать тяжелым финансовым бременем.
Еще раз, есть простое и удивительно эффективное решение этой проблемы: фотографии, видео и шаблоны. Все, что вам нужно сделать, это сосредоточиться на своем реальном сообщении и сохранить свой дизайн и голос единообразными.
В конечном счете, пользовательский опыт – это непрерывный процесс. Он растет и изменяется вместе с вашим продуктом и вашей аудиторией, развиваясь по мере того, как вы узнаете больше о своих клиентах, создавая или перестраивая функции и интерфейсы. Его дизайн также может измениться, чтобы приспособиться к новой аудитории или новым людям бренда. Тем не менее, то, что должно оставаться неизменным, это его диалоги с пользователями и гибкость.
Когда вы разрабатываете пользовательский опыт, вы влияете на время, эмоции и результаты, которые ваши пользователи вкладывают в поиск вашего продукта или услуги. Глубже, чем когда-либо, разработка продуктов и создание UX является социальным и этическим элементом повседневной жизни. И хотя это может показаться немного пугающим, это необычайная возможность улучшить жизнь и сделать положительный след. Дизайн больше не о красивых упаковочных бумагах, это стало значительной силой.
Чтобы сосредоточиться на своей миссии и опираться на процесс взаимодействия с пользователем, рассмотрите возможность сосредоточения своих ресурсов на разработке продукта (тщательно изученном) и обращении к прибыльным источникам для управления вашим дизайном. И это именно то, где стоковые библиотеки фотографий адаптируются к вашему путешествию и делают его проще
Эта статья была написана Клифом Хейли, который является профессионалом SEO и в настоящее время работает в Dreamstime, одном из ведущих фотоагентств. Когда он не использует свой опыт SEO, он часто отправляется в поход и любит гулять на свежем воздухе.
