Cookie

предосторожность


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

В статье теперь полный перевод оригинальной статьи Питера Вукович появилась на блоге 99конструкции.

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

Это неизбежно означает больше работы на пользовательском интерфейсе. Давайте посмотрим, что напоминает нам в стадии разработки.

1. Закон ясности

Вы избежите элементов интерфейса, которые не имеют четкий смысл.

gmail_ui

использование Gmail? Я буду. До последнего обновления Gmail ясно показала меню в верхней части страницы: Календарь, Привод, Карты и другие службы Google только на расстоянии одного клика.

Google затем решил “упростить” и передвигаться за абстрактной иконы. результат? Большинство людей никогда не замечали, значок и Gmail начал получать заграждение просьб об оказании поддержки.

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

2. Закон любимец действия

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

NewTwitter1

Посмотрите на скриншот выше в Twitter. Как вы думаете, что новые пользователи могут понять, что они должны делать?

Очевидно, следует начать чирикать. Однако кнопка “Создайте новый твит” в верхнем правом углу Это не очень понятно (увидеть “Закон ясности”) и окно, чтобы написать сообщение в левой панели сливается с остальной частью страницы. С точки зрения дизайна, кажется, что Twitter хочет попробовать что-то пользователи, или предложить им некоторое содержимое из меню слева, потому что эти элементы являются видными.

Пользователи не должны задаться вопросом, что делать дальше, предпочтительное действие должно быть очевидно,.

3. Закон Context

Пользователь ожидает увидеть элементы интерфейса, аналогичные предметы быта.

LinkedIn

Как изменить имя на Facebook? Если вы планируете ваш “настройки” в верхнем правом углу, щелчок “Настройки учетной записи“, найти имя и нажмите “редактировать“. Как вы делаете то же самое на LinkedIn? Вы выбираете карандаш рядом с его именем.

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

Это не было бы очень удобно, если в инструкции микроволновки они планировали спуститься по лестнице, Открыть подвал, найти главный выключатель и включите один помечен как G-35, чтобы запустить программу попкорна (который он похож на изменение имени Facebook) .

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

4. Закон запрограммированный

Вы редко будете изменять настройки “завод”.

Звук знакомый рингтон выше? Конечно, вам – Это было когда-то самый популярный рингтон в мире. почему? Это была мелодия по умолчанию, и большинство людей никогда не меняется.

Значения по умолчанию являются важными:

  • У большинства людей есть обои по умолчанию, и мелодии звонка на своих телефонах.
  • Большинство людей (многие из вас, включая) не изменить заводские установки на своих телевизоров.
  • Большинство людей никогда не будет изменять температуру холодильника по умолчанию.

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

5. Закон привел действие

Легко пользователю сделать что-то, если просили.

linkedin2

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

Так, например,, Когда LinkedIn представила возможности подтвердить свои навыки, но он не ожидал, что пользователи поймут сразу, как использовать его. вместо, они создали видимые части “призыв к действию” появился в профиле.

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

6. Закон обратной связи

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

gmail_archiviata

Это логично – большинство пользователей считают, что интерфейс передачи действия, Вы будете чувствовать себя более уверенно.

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

7. Закон простоты

Вам будет предложено выполнить сложное действие, если она раздроблена на простые действия.

форма

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

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

Это закон об упрощении: люди предпочитают, чтобы завершить 10 меньшие цели, а не одной большой цели. Маленькие цели не запуганы и дают чувство выполненного долга, каждый раз, когда они будут завершены.

Прочитайте или рекомендации?

Существует причина, почему я решил использовать слово “закон” в этой статье: Я никогда не видел случай, когда не следует этому закону произвел более благоприятный результат.

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

серьезно, дизайн пользовательского интерфейса является деликатной задачей и ответственность. Эти законы помогут сделать лучше, и если вы решите “сломать их” Вы должны убедиться, что у вас есть хорошая причина.

Это не достаточно?


TheJoe

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

0 Комментарии

оставьте ответ

Ваш электронный адрес не будет опубликован. Обязательные поля помечены *

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