Дизайн форм: почтовые индексы и адреса
Web Form Design: ZIP Codes & Locations
Автор:
Источник:
Человек должен проанализировать каждый вопрос, который задается ему при заполнении формы, сформулировать свой ответ и ввести его в соответствующие поля. Лучший способ ускорить этот процесс – не требовать обязательного ответа на все вопросы.
Например, если вы хотите определить географическое расположение клиента, вам достаточно узнать его почтовый индекс, а узнавать полный адрес не обязательно. Это значит, что пользователю не нужно будет заполнять четыре дополнительных поля: два поля с адресом, город и страну.
Однако если вам нужно будет отправить клиенту заказ, то одного индекса будет недостаточно. Хотя существует способ узнать адрес по почтовому индексу и номеру кредитной карты, я не знаю ни одного электронного магазина, который бы им пользовался. Исключение этих полей из формы не решает проблему. Значить, нужно придумать способ, чтобы побудить пользователя дать ответ.
Способы ориентирования пользователей на сайте
10 ways to orientate users on your site
Автор: Jonathan Webb
Источник:
Представьте, что из-за пробок перекрыли все основные дороги, и вы вынуждены свернуть в незнакомую часть города. Теперь вашими помощниками будут только дорожные знаки. Ориентируясь по ним, вы продвигаетесь в нужном направлении.
Но в какой-то момент знаки исчезают, и вы уже не знаете, куда нужно повернуть. Направо или налево? Похоже, что вы потерялись. Может стоит вернуться назад и попробовать поискать другой путь? Или продолжить двигаться вперед и надеяться на лучшее.
Независимо от конечной цели сайта, одна из основных его задач – показать пользователю путь к нужной ему информации (или сервису). Но часто случается, что в какой-то момент все указатели пропадают – пользователь теряется внутри сайта и не знает, куда двигаться дальше.
Итак, как же помочь пользователю сориентироваться на сайте.
Масштабируемый дизайн
Scalable Design
Автор:
Источник:
Вы провели последние шесть месяцев за разработкой дизайна для нового продукта. Последние недели были особенно напряженными – исправление оставшихся ошибок, проработка взаимодействия и графических деталей. И вот теперь, когда продукт готов, можно передохнуть, не так ли?
К сожалению, Брюс Стерлинг, писатель-фантаст и профессор дизайна, был прав, когда говорил: «Дизайн нельзя закончить». Не успеете вы закончить дизайн, как возникнет потребность в новых функциях, переходе на другие рынки или изменении контента.
Элегантный дизайн начинает рушиться под давлением новых возможностей, давать течь при переводе интерфейса на другие языки и практически идет ко дну под тяжестью информации, которую в него впихнули. Вскоре вы сдаетесь. Приходит время переделывать дизайн.
Фильтрация и сортировка: повышение эффективности поиска в интернет-магазинах
Filter & sort: Improving ecommerce product findability
Автор: Jonathan Webb
Источник:
Для того чтобы найти товар в каталоге, например, на сайте электронного магазина, пользователь может воспользоваться двумя способами: поиском и серфингом. Поиск предполагает явное использование механизмов для поиска, представленных на сайте. Серфинг означает последовательное движение вниз по рубрикам каталога до нужного товара.
Независимо от того, какой способ будет использоваться, в какой-то момент пользователю будет показан список товаров, из которого необходимо будет выбрать нужный. В этом списке могут быть сотни товаров, и найти среди них нужный может оказаться довольно сложно. Добавление инструментов для сортировки и фильтрации позволит пользователям быстрее найти нужный товар в списке (или убедиться, что его там нет).
Использование паттернов в web-дизайне
An Introduction to Using Patterns in Web Designs
Автор: Ryan Singer
Источник:
Самая большая проблема для web-дизайнера состоит в том, что существует огромное количество вариантов решения любой задачи. Обычно мы об этом не задумываемся и выбираем решение, основываясь на своих привычках и предыдущем опыте.
Однако, существует более эффективный способ поиска хороших решений, чем угадывание или перебор. Чтобы создавать лучшие сайты – сайты, которые будут функциональными, красивыми и удобными в использовании – нам нужно разделить проблему дизайна на небольшие, независимые проблемы, соотносящиеся с реальными потребностями пользователей. Кристофер Александр, придумавший этот метод, называет их паттернами.
Я собираюсь показать, как используя паттерны можно обойти собственные привычки и получить более эффективное дизайнерское решение.
Процесс разработки сайта
The Website Development Process
Источник:
Три наших персонажа: программист, дизайнер и клиент
Удобные пароли
The Usability of Passwords
Автор:
Источник:
Компании, занимающиеся безопасностью, постоянно говорят нам, что мы должны использовать сложные пароли. Это плохой совет, потому что на самом деле простые и легко запоминающиеся пароли могут быть очень надежными.
Золотые правила плохого пользовательского интерфейса
Golden Rules for Bad User Interfaces
Автор: Gerd Waloszek
Источник:
Поступайте нелогично
Запускайте резервное копирование или процесс индексирования, когда пользователи не ожидают этого. Сделайте так, чтобы этот процесс было трудно отменить (например, игнорируйте движения мыши или нажатия клавиш).
Избавьтесь от функциональности, которая облегчает жизнь пользователям
Если пользователь хочет добавить элемент в список, разрешайте ему добавить в конец списка и только затем разрешайте переместить на нужное место. Не давайте возможности добавлять элементы в любое место списка.
Не давайте возможности перемещать или удалять одновременно несколько элементов. Любую задачу можно решить, работая с каждым элементом в отдельности, правда, это может занять немного больше времени…
После добавления набора из нескольких элементов (например, в результате перетаскивания или копирования), не выделяйте их среди уже имеющихся. Особенно это понравится пользователям, если элементы будут автоматически сортироваться.
Не используйте предупреждения, если есть возможность отменить действие
Never Use a Warning When you Mean Undo
Автор:
Источник:
Попадали ли вы в ситуацию, когда через секунду после того, как вы нажали «Да» в каком-нибудь окошке, вы понимали, что нужно было нажать «Нет».
Да? Ну, тогда вы в хорошей компании – каждый хоть раз бывал в такой ситуации. На самом деле, это не ваша вина – это вина программного обеспечения.
Почему? Да потому, что программы должны знать, что у нас есть привычки. Программы должны знать, что после того, как человек десять раз подряд нажмет «Да», он, скорее всего, нажмет его и в одиннадцатый. Даже если и не собирался этого делать.
Почему программы должны знать эти вещи? Потому что разработчики программного обеспечения должны знать, что у людей развиваются привычки, хотят они того или нет.
Привычки иногда могут быть полезными: например, когда мы сталкиваемся с банальными интерфейсами, которые можно проходить на автомате. Когда в очередной раз появляется диалог «Вы действительно хотите выйти?» ваши руки сами движутся от кнопки закрытия окна к кнопке «Да» в этом диалоге. И это хорошо, потому что мы хотели бы больше времени тратить на выполнение действий, чем на размышления над подобными вопросами. К сожалению, наши привычки также заставляют нас ошибаться: довольно часто мы осознаем, что ошиблись уже после того, как совершили действие.
Итак, мы приходим к одному из основных принципов дизайна интерфейсов: хороший интерфейс должен учитывать привычки пользователей.
Инструкции и подсказки в пользовательском интерфейсе
Instructional Text in the User Interface: Some Counterintuitive Implications of User Behaviors
Автор:
Источник:
Помощь пользователю должна оказываться в пределах контекста действия (то есть, в приложении с которым работает пользователь) и располагаться в непосредственной близости от центра этого действия. Оптимальное место для размещения помощи – непосредственно на самом пользовательском интерфейсе. Мы называем такой вид помощи обучающим текстом (instructional text).