Десять эвристик юзабилити Якоба Нильсена

ux
ux

Отображение статуса системы

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

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

Свобода действий и контроль

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

Единообразие и стандарты

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

Профилактика ошибок

Лучше всякого сообщения об ошибках будет тщательная работа по их предотвращению. Помните об этом в первую очередь.

Видимость, а не переходы

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

Гибкость и эффективность использования

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

Эстетика и минимализм

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

Помогите пользователям распознавать, диагностировать и исправлять ошибки

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

Помощь и документация

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

Тренды веб дизайна и UX 2016 года

тренды

Для увеличения конверсии

  1. Большие и полноэкранные изображения и видео, синемаграф
  2. Разделение экранов
  3. Монохроматические цветовые схемы с контрастным призывом к действию
  4. Приоритеты навигации
  5. Минималистичные формы
  6. Хорошо сделанное видео
  7. Фиксированая кнопка с призывом к действию
  8. Плиточный дизайн (Pinterest)
  9. Одноколоночная секция с призывом к действию
  10. Персонализация

Не плохое видео от Вес МакДаул про тренды и пути развития таких отраслей как веб дизайн и ux дизайн.

Read more

Особенности flat-дизайна

flat design

Особенности создания дизайна в стиле flat

flat designНи одна индустрия не стоит на месте, а тем более такая отрасль как дизайн. Постоянно приходят новые направления, которые диктуются той или иной потребностью людей.

flat design

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

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

Особенности flat-дизайна

Главные цели

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

флэт3

Типографика

На фоне упрощенного дизайна — более тщательного внимания требует типографика. Шрифты должны соответствовать общей стилистике, что подразумевает отсутствие засечек (пример — Calibri), не желательно использовать в начертании наклон (italic), но можно «играть» с жирностью (начертанием шрифта в bold, или псевдополужирностью ), выделяя важные по смыслу заголовки или информационные блоки. Шрифты в этом виде дизайна должны быть такими же простыми и понятными, как и другие элементы дизайна, нацеленные на повышение интерактивности.

флэт

Цвет

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

Пример оформления в стиле flat (*depositphotos)

 

флет

На сегодняшний день, тенденцией развития веб-дизайна в этом направлении можно считать:

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

Смотреть все новости

Читайте также:

«Полигональная стилистика» в дизайне