Цитаты из книги «Дизайнер интерфейсов. Принципы работы и построение карьеры»

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

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

14. Ограничения Все современные банкоматы, прежде чем выдать наличные, навязчиво просят забрать карту. Таким образом они минимизируют вероятность того, что вы уйдете без нее, забрав деньги. (Их вы вряд ли забудете, так как это цель вашего визита.)

13. Группировка Пользователь не всматривается и не вчитывается в каждый блок. Он сканирует. И чем лучше вы сгруппируете информацию, тем проще ему будет ориентироваться на странице.На уровне форм и модальных окон вы группируете схожие по типам поля. Например, выносите в блок «Контакты» ссылки на соцсети, сайт и номер телефона.На уровне структуры страницы – объединяете схожие элементы в блоки. Например, для отображения одних сущностей используете таблицы, а фильтры выделяете в отдельный блок. На уровне структуры всего сервиса вы продумываете навигацию. Пользователь должен сразу понимать, в каком разделе искать необходимую информацию.

Например, при сильном нажатии на экран iPhone реагирует вибрацией, подтверждая, что действие совершено. Наведение курсора на объекты интерфейса может изменять длину и контрастность тени, как будто элемент поднимается или опускается в реальном мире. Помимо этого, не стоит бросать пользователя после совершенного действия. Предложите ему варианты продолжения работы (к примеру, создать еще одно письмо или перейти во «Входящие») или как минимум покажите, что действие прошло успешно («Письмо отправлено», «Заказ создан»). Качественная обратная реакция создает эмоциональную связь человека с интерфейсом, благодаря чему пользователь чувствует, будто всё у него под контролем. Таким образом создается доверие и лояльность к продукту.

12. Обратная связь Пользователь должен понимать, в каком состоянии находится интерфейс и его сущности. Это может отображаться в виде статусов («Заказ в пути»), анимации или спиннеров загрузки («Письмо отправляется»).

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

11. Негативный сценарий Проектируя интерфейс, дизайнер должен задумываться, каким образом поведет себя система, если что-то вдруг пойдет не по плану. Такое рано или поздно непременно произойдет, поэтому лучше подготовиться заранее.• Что будет, если пропадет интернет-соединение?• Что вы предложите пользователю, если не пройдет оплата? • Что если пользователь введет некорректную информацию?

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

10. Распознавание Каждый день мы используем различные сервисы, на основе чего мозг формирует паттерны. Благодаря им он экономит энергию, выполняя повторяющиеся действия и контактируя со знакомыми элементами.