Лучшие места, где можно найти вдохновение для UX-дизайна

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

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

6 источников вдохновения для UX-дизайна

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

Вдохновение для стратегии

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

1. SaaS-сайты

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

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

• Страница ошибки 404
• Страница о нас
• Блог
• Страница карьеры
• Контактная страница
• Страница отзывов клиентов
• Страницы часто задаваемых вопросов
• Страница функций
• Страницы интеграции
• Целевая страница
• Юридические страницы
• Страница формы входа
• Страницы медиа-кита
• Страницы с ценами
• Страница ресурсов
• Домашняя страница SaaS
• Страницы результатов поиска
• Страницы регистрации
• Страницы поддержки
• Страницы команды

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

2. Посадочный фолио

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

• Бухгалтерский учет
• Бизнес
• Корпоративный
• Мероприятие
• Недвижимость
• SaaS
• Программное обеспечение
• Хранить
• Технологии
• Пользователи
• Вордпресс

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

3. Действительно хорошие электронные письма

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

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

Вдохновение для дизайна

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

4. Вдохновение веб-дизайна

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

5. Темы HubSpot CMS с Envato Market

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

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

6. Награды

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

Другие советы, о которых следует помнить при поиске вдохновения для UX-дизайна

При просмотре некоторых из вышеперечисленных сайтов и анализе сайтов в поисках вдохновения помните о следующих советах.

1. Проанализируйте намерение, стоящее за дизайном

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

Когда вы просматриваете сайты для вдохновения, всегда анализируйте намерение, стоящее за дизайном. Как пользователь, понимаете ли вы, чего хочет от вас создатель сайта? Есть ли дорожная карта, которой вы должны следовать? Это то, что каждый UX-дизайн должен расставлять приоритеты.

2. Подумайте о мобильном опыте

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

3. Загляните за кулисы

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

Дизайн с учетом UX

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

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