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