UXPUB 🇺🇦 Дизайн-спільнота

Cover image for Принципы дизайна: Организация информации в дизайне интерфейсов
Редакція
Редакція

Опубліковано • Оновлено

Принципы дизайна: Организация информации в дизайне интерфейсов

Как 5 шляп могут сделать данные понятными пользователю.

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

Среди множества способов отображения данных один выдержал испытание временем и оказался эффективным даже сегодня. Этот принцип называется “Пять шляпных полок” (Five Hat Racks).

Концепция “Пяти шляпных полок” была первоначально разработана Ричардом Солом Вурманом в его книге Information Anxiety. Позже он написал книгу “Information Architect”, где он пересматривает концепцию “Пяти шляпных полок”, чтобы сформировать принцип LATCH.

“Информация может быть бесконечной, однако… Организация информации ограничена, поскольку может быть организована только с помощью LATCH: Местоположение (Location), Алфавит (Alphabet), Время (Time), Категория (Category) или Иерархия (Hierarchy).” — Вурман, 1996

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

“Я пытался тысячу раз найти другие способы организации, но я всегда использую один из этих пяти.” — Вурман, 1996

Давайте взглянем на 5 способов организации информации.

Определенное местоположение

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

Организация местоположения важна, когда информация имеет несколько разных источников и мест.

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

Организация информации в дизайне, Pokemon go

Pokemon go – хороший пример приложения, которое организует информацию по местоположению

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

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

Когда это использовать?

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

В сочетании со способом организации по принципу “Время” мы можем самым удобным образом отобразить нужные пользователям ответы.

Алфавит

Как следует из названия, упорядочение информации в алфавитном порядке – это отличный способ обеспечения произвольного доступа к данным. Это один из лучших способов организовать информацию, когда объем данных велик.

Например, словарь или большая телефонная книга в цифровом или печатном виде.

Организация информации в дизайне, Алфавит

Источник / Yao Liu

Мы все использовали этот метод и знаем, что так как пользователи знакомы с алфавитом, этот метод организации данных эффективен.

Когда это использовать?

Когда информация носит ссылочный характер (словари, энциклопедии, книжные индексы и т.д.). Когда требуется эффективный нелинейный доступ к определенным элементам. Это также хороший способ, когда информация не может быть отсортирована с помощью другого метода.

Время

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

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

Организация информации в дизайне, время

Приложение прогноза погоды от Javi Pérez

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

Когда это использовать?

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

Категория

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

Этот метод организации информации используется в физическом и цифровом мирах. От торговых товаров и отраслей до категорий на Pinterest и хэштегов в Twitter.

Организация информации в дизайне, категория

Выбор категорий в дизайне от Paul Flavius Nechita

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

Когда это использовать?

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

Мы должны помнить, что люди не всегда одинаково группируют вещи! Особенно, когда свойства информации попадают под несколько категорий. Например, если мы возьмем Bluetooth-динамик, который водонепроницаемый и может использоваться в душе. К какой категории его следует отнести? Аксессуары для ванной комнаты или аудио?

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

Другая потенциальная проблема с организацией информации по категориям – это размер. Чем больше информации, тем больше вероятность того, что будут подкатегории или под-подкатегории. В таком случае поиск информации будет очень раздражать.

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

Иерархия или континиум

Когда информация может быть организована путем сравнения вещей по общей мере. Если информация должна быть организована по величине.

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

Организация информации в дизайне, Иерархия или континиум

Размер футболки от Dann Petty

Когда это использовать?

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

Ношение 5 шляп

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

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

Мысли в заключение

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

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

Эта статья была вдохновлена книгой “Универсальные принципы дизайна” пера Уильяма Лидвелла.

Призыв к действию

Спасибо за внимание! Пишите мне в LinkedIn и Twitter.

Другие принципы дизайна


Перевод статьи Anton Nikolov

Топ коментарі (0)