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