Паттерны дизайна для счастливых пользователей
5 Web Design Patterns for Happy Users
Источник:
Мгновенная обратная связь
Ели поле нуждается в валидации (например, при заполнении формы «Новый пользователь» нужно проверять, не занято ли имя), его необходимо проверять немедленно после того, как пользователь его заполнил. Большинство форм используют старое соглашение, отправляя пользователя на отдельную страницу, сообщающую, что «Извините, но вы неправильно заполнили это, это и это поле. Вернитесь и заполните их еще раз». Все это сбивает пользователя и ему может надоесть заполнять форму. На картинке выше показано, как может выглядеть мгновенная обратная связь.
Динамические подсказки в web-формах
Dynamic Help in Web Forms
Автор:
Источник:
Многие дизайнеры web-приложений стремятся уменьшить количество текста, использующегося в элементах интерфейса. Отчасти, это происходит из-за одного распространенного заблуждения – если для объяснения принципа работы требуется большая инструкция, то такой интерфейс обычно воспринимается как сложный, и, в таком случае, уменьшая количество текста, мы тем самым упрощаем работу. Есть и другое объяснение – пользователи просто не читают подсказки на экране, так же, как они не читают бумажные руководства (привет Джоэлю).
Пять принципов дизайна
Five Principles to Design By
Автор:
Источник:
Технологии обслуживают людей
Люди склонны брать на себя вину за ошибки в программах. Если их компьютер виснет, они говорят «Я что-то сделал не так». Если сайт плохо спроектирован, они говорят «Я, наверно, слишком глуп, раз не могу найти то, что нужно».
Это ужасно! Люди не должны считать себя причинами ошибок при использовании технологии. Пользователь, так же как и клиент, всегда прав. Если в программе ошибка, то это ошибка разработчика программы. Если на сайте нельзя найти нужную информацию, то это ошибка дизайнера.
Технологии обслуживают людей. Люди не обслуживают технологии.
Добро пожаловать в реальный мир
Stop making it look like a System
Автор:
Источник:
Одна из самых худших вещей, которые вы можете сделать, это дизайн, создаваемый без учета реальных людей. Это кажется очевидным, но, тем не менее, многие разработчики именно так и поступают.
Принципы дизайна пользовательского интерфейса web-приложений
User Interface Design Principles for Web Applications
Автор: Aral Balkan
Источник:
Клиент – это не пользователь
Клиент может думать, что он знает, что нужно его пользователям, но это не так. Все дело в том, что клиент не является пользователем.
Не спрашивайте клиента, что он думает по поводу того, что нужно пользователям
Если клиент не знает, что пользователям на самом деле нужно, а вы делаете то, что говорит клиент, то все закончится печально. Вы создадите приложение, которое не будет удовлетворять потребности пользователей. Ваш клиент сначала будет счастлив, ведь вы все делаете так, как он говорит, но останется ли он довольным, когда пользователи отторгнут продукт?
Я видел много дизайнеров и разработчиков, которые знали об этом принципе, но использовали его неправильно. А именно: они решали, что сами знают, что нужно пользователям.
Вы тоже не знаете, что нужно пользователям
Вы можете быть дизайнером или разработчиком с многолетним опытом, но и вы не знаете, что нужно пользователям. Именно тем пользователям, которые будут пользоваться разрабатываемым приложением. Почему? Каждое приложение уникально. Может быть, вы создавали подобное приложение в прошлом, но если вы не делали в точности такого же, вы не знаете, что может потребоваться пользователям.
Так кто же знает, что нужно пользователям?
Только пользователи знают, что им нужно
Это базовое понятие в нашей отрасли. Только пользователи вашего приложения знают, что работает, а что – нет. Обычно, наиболее простой решение при возникновении сложностей – спросить пользователей, что они об этом думают.
Инновации в дизайне пользовательского интерфейса
Innovative user interface design
Автор: Tim Fidgeon
Источник:
Увеличивается количество сайтов, использующих новые типы элементов пользовательского интерфейса, ориентированных на возрастающую сложность интернет-приложений. Новые элементы часто предназначаются для работы с большими объемами данных.
В этой статье мы коротко расскажем о новых интересных идеях в дизайне пользовательского интерфейса. Нашей целью не является продвижение какого-то из этих интерфейсов.
Бумажные прототипы
Paper Prototyping
Автор:
Источник:
По мере того, как интерфейсы становятся все более универсальными, а описывающие их спецификации все более короткими, может оказаться полезным заменить моделирование пользовательского интерфейса чем-то более простым. Все что для этого потребуется – бумага, ручка, ножницы и ваше воображение.
Контекстно-зависимые поля
Selection-Dependent Inputs
Автор:
Источник:
Среди успешных сетевых приложений наблюдается тенденция – по мере роста проекты стремятся наращивать функционал и повышать сложность существующих функций. Такое усложнение отражается и на интерфейсе приложений – увеличивается количество элементов в формах (поля, подписи, подсказки), увеличивается количество вариантов в выпадающих списках и радио-кнопках, из которых требуется выбрать одно значение. В таких случаях уместно использовать контекстно-зависимые поля.
Фильтрация данных в таблицах
Refining Data Tables
Автор:
Источник:
Множество статей посвящено самому распространенному элементу интерфейса web-приложений – формам. Формы по праву заслужили такое внимание: от дизайна форм напрямую зависит успешность их заполнения пользователем. Чтобы получить почтовый ящик нужно заполнить регистрационную форму. Чтобы купить товар в интернет-магазине, нужно заполнить форму заказа. Но не все данные можно организовать при помощи форм.
Таблицы занимают второе место по частоте использования в web-приложениях после форм. При работе в сети пользователям часто требуется работать с элементами в списках (контакты, товары, письма, сообщения) – искать, добавлять, редактировать, удалять. И от дизайна таблиц напрямую зависит удобство работы с ними. Однако, в отличие от дизайна форм, к удобной в использовании таблице можно прийти по нескольким путям.
В этой статье основное внимание будет уделено удобству поиска в больших таблицах.
Редизайн простой таблицы
Redesigning a Simple Table
Автор:
Источник:
Продуманная структура взаимодействия является ключевым элементом при построении эффективного интерфейса: глядя на интерфейс, пользователь должен понимать, что программа может сделать и как этого добиться. Создание удобных в использовании программ зависит от наших способностей общаться с пользователями. Чем лучше мы общаемся, тем легче пользователи понимают то, что мы хотим им сообщить. И, соответственно, легче разбираются и работают с нашими программами.