Метафоры в интерфейсе

190 вебинар UX Russia

О чем пойдет речь

• Как можно использовать метафору в проектирование интерфейсов;

• Зачем это нужно;

• Как это сделать правильно.

О метафоре

«Метафора исключительно практична…»

Р. Хофман

«…метафора пронизывает всю нашу повседневную жизнь и проявляется не только в языке, но и в мышлении и действии».

Дж. Лакофф

Please, sit in the

apple-juice seat!

Преимущества использования метафор

Метафора поможет пользователю:

• Понять абстрактные понятия и сложные системы;

• Мотивировать действовать определенным образом;

• Чувствовать себя комфортно;

• Вызвать эмоции;

• Направить внимание.

Преимущество 1

Метафора помогает понимать

и интерпретировать информацию

Ошибка 404

Использование иконок

Использование иконок

Преимущество 2

Метафоры могут мотивировать действовать определенным образом

Интерфейс Xerox Star

Виртуальная выставка

Интерфейс опирается на

опыт взаимодействия

пользователя с реальным

миром

Приложение для рисования

Преимущество 3

Метафора позволяет чувствовать себя, «как дома»

Преимущество 4

Метафора вызывает эмоции

Преимущество 5

Метафора управляет вниманием

Как найти нужную метафору

• Сфокусироваться на задачах пользователя в системе

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

Как найти нужную метафору

Как найти нужную метафору

Признаки хорошей метафоры:

• Структурность формы

• Применимость содержания (не сформирует у пользователя ложное представление)

• Ясное визуальное отображение

• Подходит для конкретной аудитории

Чего нужно опасаться

• «Переборщить»

• Быть непонятыми

Вопросы и ответы

Обсуждение