Зачем и, главное, как использовать метафоры в проектирование интерфейсов.

1. Метафоры в интерфейсе
190 вебинар UX Russia

2. О чем пойдет речь
• Как можно использовать
метафору в проектирование
интерфейсов;
• Зачем это нужно;
• Как это сделать правильно.

3. О метафоре
«…метафора пронизывает всю
нашу повседневную жизнь и
проявляется не только в
языке, но и в мышлении и
действии».
Дж. Лакофф
«Метафора исключительно
практична…» Please, sit in the
Р. Хофман apple-juice seat!

4. Преимущества использования метафор
Метафора поможет
пользователю:
• Понять абстрактные понятия и
сложные системы;
• Мотивировать действовать
определенным образом;
• Чувствовать себя комфортно;
• Вызвать эмоции;
• Направить внимание.

5. Преимущество 1
Метафора помогает понимать
и интерпретировать информацию

6. Ошибка 404

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

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

9. Преимущество 2
Метафоры могут мотивировать действовать
определенным образом
Интерфейс Xerox Star

10. Интерфейс опирается на
опыт взаимодействия
пользователя с реальным
миром
Приложение для рисования
Виртуальная выставка

11. Преимущество 3
Метафора позволяет чувствовать себя, «как дома»

12. Преимущество 4
Метафора вызывает эмоции

13. Преимущество 5
Метафора управляет вниманием

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

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

17. Как найти нужную метафору
Признаки хорошей метафоры:
• Структурность формы
• Применимость содержания
(не сформирует у
пользователя ложное
представление)
• Ясное визуальное
отображение
• Подходит для конкретной
аудитории

18. Чего нужно опасаться
• Быть непонятыми
• «Переборщить»

19. Вопросы и ответы
Обсуждение