Пт, 17/02/17 – 3:54 | No Comment

Что 2017-й год вносит нового в Веб? Каких главных направлений и трендов в веб-дизайне, стоит ожидать? Сейчас все выясним – в формате емкого …

Читать статью »
CSS верстка

Оформление веб-страницы: css3 html5 приемы верстки сайтов

Дизайн

Веб-дизайн: правила создания и лучшие примеры дизайна сайтов

Wordpress

Wordpress сайту: современные и креативные, шаблоны вордпресс

Интернет-маркетинг

О маркетинге в сети Интернет и web-эффективности

Свой сайт

О создании оформления сайта, как сделать свой сайт лучше

Главная » UX и Юзабилити

Что есть UX-дизайн для web-сайта? Примеры дизайнов

17 ноября 2013 4 комментария

Для современного интернет проекта UX-дизайн играет немаловажную роль и во многом определяет успешность его развития. Учитывать его ключевые моменты нужно на всех этапах разработки. UX дизайн (User eXperience Design) — применение методов проектирования, направленных на достижение максимально эффективного взаимодействия пользователя с системой (в данном случае это дизайн сайта).

UX дизайн

UX(общение с системой): ожидания на основе опыта взаимодействия с подобным

При этом пользователь вовлечен в формирование того, что мы называем опытом его взаимодействия с веб-сайтом. Более того, он имеет какой-то предыдущий опыт и определенные ожидания. Если учесть, что плохое быстрее забывается, все это можно выразить так: UX = UX + получение нового пользовательского опыта от взаимодействия с данным (Вашим) проектом. UX — «опыт взаимодействия» это много больше, чем просто качественный дизайн или красивое оформление.

Что же такое UX-дизайн для WEB?  Что нужно рассматривать в UX аспекте? Прежде всего, это:

  • графический дизайн
  • проектирование опыта взаимодействия посетителей с сайтом
  • информационная архитектура
  • контент сайта

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

UX-дизайн, с его нацеленностью на пользователя, имеет большое значение для сайта. Но UX — это не часть web-дизайна. User eXperience намного более широкое понятие, затрагивающее и WEB. Подразумевает хорошую эргономику и удобство использования (например ресурса, продукта)

Пример лучших ux-дизайнов: starbucks.com или barnesandnoble.com изначально создавались с учетом удобства использования.

UX в веб-дизайне — это комбинирование UI дизайна (User Interface — интерфейс пользователя) c интерактивным дизайном (IxD, Interaction Design). Чтобы улучшить «опыт взаимодействия» стоит уделить внимание буквально всему, что имеет смысл. Излюбленные приемы в разработке UX включают возможности:

  • получение большей информации скроллингом вместо использования кнопок NEXT (далее) или Load More (загрузить еще)
  • просматривать содержимое страниц и делать переходы, перелистывая их курсором и прокруткой
  • использование клавиатуры (стрелки право/лево) для постраничного вывода, вместо кликов на страницах с пагинацией

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

Читайте также:  Дизайн меню сайта: идеи, советы, примеры

Веб-сайты над которыми поработали UX-дизайнеры

Подобранные примеры сайтов с элементами хорошего User Experience дизайна наглядно показывают преимущество UX оптимизации.

k2

user experience дизайн

Andrew Jackson

UX дизайн

David Bastian

ux design

Defringe

UX дизайн

Design Embraced

Что есть UX-дизайн для сайта

Eskimo

UX дизайн

Raffer

пример отличного ux-дизайна

Grow Interactive

UX дизайн

Harry’s

UX дизайн

Herrlich Media

UX дизайн

Moorgate Exchange

UX дизайн

The One Club

ux дизайн

Ony Agency

UX Design российского сайта

Venables Bell & Partners

ux дизайн

Koendemuynck

пример отличного UX дизайна

Ronikco   

пример отличного UX дизайна

 Luca Casati

UX/UI пролистывание курсором и прокруткой

Читайте также:  Веб-дизайн умирает? Скорее, эволюционирует в UX дизайн