Проектирование взаимодействия с пользователем начинается с выявления и понимания людей, которые будут использовать ваш продукт. В частности, основывайте свои решения на том, какие действия могут совершать пользователи, чего они ждут от работы с приложением, каковы их знания в предметной области, а также насколько высок их уровень технической подготовки.
Список элементов, представленный в форме строк одного столбца. Когда пользователь выбирает элемент, подробные сведения о нем выводятся прямо внутри списка, раздвигая соседние элементы (рис. 7.7). Необходимо обеспечить, чтобы элементы можно было открывать и закрывать независимо друг от друга.
Список элементов в отдельном окне или на отдельной странице. При выборе элемента список заменяется подробным представлением этого элемента, как показано в примере на рис. 7.5.
Two-Panel Selector or Split View (Двухпанельный селектор, или Раздельный просмотр)
Что это
Также известный как Split View (Раздельный просмотр), данный паттерн состоит из двух расположенных рядом панелей интерфейса. В первом отображается список элементов, которые пользователь может выбрать по своему желанию; во втором — содержимое выбранного элемента, как показано на рис. 7.1.
Прежде чем перейти к дизайну списков, полезно проанализировать их практическое применение. Что пользователи будут делать со списком? Представьте следующие возможные сценарии. • Обзор контента. Что список может рассказать пользователям? Иногда им необходимо пролистать его целиком, чтобы понять, что в нем содержится. Для этого полезно дополнить текстовые списки изображениями или наглядной визуальной организацией. • Просмотр элементов списка. Будет ли пользователь изучать отдельные элементы списка по порядку или вразнобой? Будет ли он нажимать или щелкать на них, чтобы открыть? Если да, то необходимо предусмотреть простой способ, чтобы либо вернуться к списку и выбрать другой элемент, либо перейти сразу к следующему элементу. • Поиск конкретного элемента. Пользователь ищет что-то конкретное? Поиск должен быть простым, с минимумом нажатий, прокруток и переходов вперед-назад по страницам. • Сортировка и фильтр. Эти функции полезны, если пользователь ищет элемент или группу элементов с заданными характеристиками (например, события в интервале времени от Х до Y) либо анализирует закономерности набора данных. • Добавление, удаление, изменение порядка или категории элементов. Элементы в списке необходимо поменять местами? Пользователь является владельцем списка? В большинстве приложений и на большинстве сайтов владельцы списков могут сами перемещать элементы внутри списка, располагая их в желаемом порядке или формируя группы. Необходимо также предусмотреть функции редактирования и удаления: либо с использованием возможностей платформы (множественный выбор элементов при зажатой клавише Shift или касание в режиме редактирования), либо добавив к элементам поле для флажков, которые можно устанавливать, чтобы выбирать необходимые элементы
Richly Connected Apps (Тесно связанные приложения)
Что это
Использование функций мобильного устройства. Например, переадресация на другие приложения, такие как камера, набор номера, карта или браузер; и предварительное заполнение форм хранения паролей и информации кредитных карт актуальными данными пользователя
