Как выбрать общий вид интерфейса
На что будет похож интерфейс в целом — на почтовый клиент или на интернет-магазин? Ответ не всегда очевидный и не всегда единственный. Важно, чтобы на старте обсуждения было много разных вариантов, а сами обсуждения шли конструктивно, в терминах пользовательских сценариев.
Три главных предмета в фокусе внимания
-
Лендинг
Если вы не приложите специальных усилий к структурированию интерфейса, то получите лендинг. А в профинтерфейсах — табличку.
-
Конкуренты
Не стыдно подсмотреть хорошее, главное, не копировать бездумно.
-
Привычки пользователей
Радикально менять организацию существующего интерфейса — это неоправданная нагрузка на пользователя.
5 советов,
как делать хорошо
- Явно договоритесь, что задача — уйти от стандарта
Если этого не сделать, то рано или поздно кто-нибудь скажет «а давайте таблицу» или «а давайте лендинг».
- Набросайте от руки 10 разных вариантов компоновки экранов
После пятого они действительно начнут получаться разные.
- Используйте метафоры известных интерфейсов
«Это как в Pinterest, а это как операционная система». Так и заказчик поймет, и проще будет набросать действительно разное.
- Тестируйте по сценариям
Прикиньте, как будут реализованы ключевые сценарии в каждом варианте. Все сценарии проверять не надо, универсальной компоновки экрана не существует.
- Разным экранам — разные общие виды
Принципиально разные сценарии лучше поддерживаются разными родительскими паттернами. Смело используйте 2-3 разных паттерна для одной системы. Иногда это помогает разрулить конфликт между профилями пользователей (например, между профи и новичком или начальником и исполнителем)
Например
Концептуальные решения по компоновке экрана появлялись как дополнение к смысловым концептам.
Несколько концептов с понятной метафорой (например, «а-ля Вконтакте») позволила обсуждать наброски осмысленно и без вкусовщины.
Так делать не надо
Хочу систему электронного документооборота как у Apple, и пусть там будет еще фейсбучная лента и дашборд.
Инструменты
Черно-белый режим на мониторе
Цвет сбивает восприятие и мешает обсуждать рамки интерфейсов.
Как вообще проектировать пространство экрана.
Ручка, бумага, доска
Наброски проще и быстрее делать от руки.
Подборка интерфейсов
Те, которыми пользуются люди в вашей команде. Проще оперировать знакомыми примерами.
Поиск общего вида — одна из самых неблагодарных задач, потому что здесь требуется креатив, насмотренность, глубокое понимания структуры еще не созданного интерфейса, навыков презентации и фасилитации, работы с документами… Но в конечном счете все сводится к привычкам заказчика и навыкам исполнителя (особенно дизайнера). И большинство команд идут по простому пути и выбирают что-то максимально безопасное. В этом нет ничего дурного, это тоже способ сделать нормальный интерфейс.
Ольга Павлова, директор по развитию «Собаки Павловой»
Другие шпаргалки
Ищете подрядчика или команду?
Давайте обсудим вашу задачу.
Хотите у нас научиться?
1000+ упражнений по дизайну интерфейсов.
eduhund.com
Собака Павлова
На сайте есть упоминания социальных сетей, признанных на территории РФ экстремистскими организациями
Кое-что показываем и рассказываем на весь интернет
, интересное в 
, полезное на 
Санкт-Петербург • Подгорица • Хайфа
Адрес для почтовых отправлений: 194291, Санкт-Петербург, ул Руднева, д. 9 к. 3 литера А, кв. 169