Домашняя » UI / UX » Четыре UX Design Technique для привлечения пользователей

    Четыре UX Design Technique для привлечения пользователей

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

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

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

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

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

    1. Используйте контраст, чтобы привлечь внимание

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

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

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

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

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

    2. Со вкусом UI / UX Анимация

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

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

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

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

    3. Адаптивный дизайн как требование

    Справедливо сказать, что значительная часть интернет-пользователей просматривает свои мобильные телефоны. Ссылки на социальные сайты, такие как Facebook и Twitter, часто посещаются прямо на смартфонах и планшетах..

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

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

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

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

    4. Упростите процесс взаимодействия

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

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

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

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

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

    Для связанных чтения на тему активность пользователя, проверить эти сообщения:

    • Нарушение правил веб-дизайна = Нарушение взаимодействия с пользователем
    • Юзабилити и пользовательский опыт архивов на Smashing Magazine
    • Концепции веб-дизайна для привлечения пользователей

    Заворачивать

    Нет единого ответа на вопрос о том, как разработать (или исправить) веб-сайты для повышения удобства использования. Да, есть некоторые вещи, которые вы можете попробовать, но каждый сайт немного отличается, и изучение UX-дизайна очень сложно.

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