Блог про рекламу и маркетинг в интернете
Поделитесь этой статьей с друзьями


Получайте новые посты первыми!


Юзабилити

Размещено Июл 25, 2012 avatar Автор: Комментариев: 4

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

Хороший вариант, чтобы помочь пользователям понимать абстрактную информацию, – это создать у них чувство знакомого, воздействовать на эмоции, привлечь внимание и побудить к действию, т.е. использовать метафоры.

В своей часто цитируемой книге «Метафоры, которыми мы живем» (Metaphors We Live By), Лакофф и Джонсон показывают важную роль метафор в нашем языке и в нашей повседневной жизни. Наша концептуальная система в значительной степени метафорична, что означает, что мы используем метафоры для объяснения и понимания мира.

Давайте посмотрим, как включить метафоры в процесс взаимодействия с вашим сайтом. Ниже приведены пять причин, почему метафоры могут улучшить впечатления от пребывания на вашем сайте.

1. Метафоры могут представить абстрактную концепцию в виде конкретного выражения.

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

Давайте начнем с самых простых и общих примеров использования метафор в интернете: иконки. Эти маленькие символы помогают людям быстро понять суть и уловить идею. Иконки обычно имеют отношение к тому, что мы знаем из физического мира и что мы можем как-то связать с абстрактной концепцией в вебе.

Например, работая в онлайн-сервисе для управления бизнесом «Мегаплан», у пользователей не возникает трудностей, т.к. многие элементы представлены в виде понятных иконок («Помощь» – спасательный круг, «Сообщения» – конверт и др.).

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

Пруф: http://demo.megaplan.ru/desktop

Метафоры могут быть использованы творчески для объяснения сложных или редко встречающихся понятий. Например, 404 страница.
Многие пользователи интернета не знают о существовании 404 ошибки, и ее обычное представление может испугать их. Вместо технического объяснения того, почему запрашиваемая страница недоступна, пользователь получает юмористическое объяснение. Отличный пример из мира Рунета – cайт Vmirepozitiva.ru.

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

Пруф: http://vmirepozitiva.ru/404

2. Метафоры создают дружеское отношение.

Мы любим распознавать вещи. Когда мы не можем что-то распознать, наш мозг пытается сделать все возможное, чтобы понять смысл происходящего. В своей статье «Brains Agree: The Case for Website Usability Guidelines» Тодд Фоллансби объясняет, что мы используем уже сложившиеся у нас ментальные модели, чтобы получить представление о том, что мы ожидаем. Распознавание ментальных моделей помогает нам принять и понять новое и непривычное.

Недавно появившаяся в Рунете Карта Интернета хорошо дает представление о расположении «звезд» в сети.

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

Пруф: http://internet-map.net

3. Метафоры могут вызывать эмоции.

Вы можете использовать метафоры, чтобы получить эмоциональный отклик. Эмоции делают ваш дизайн не только привлекательным для людей, но и более эффективным, приятным и запоминающимся.

Как упоминалось раньше, иконки помогают нам понять абстрактные концепции. Однако если их усложнить и подойти к созданию с определенной индивидуальностью, то можно запросто вызвать ряд положительных эмоций. Пример: сайт музыкальной группы hum flying bullet proof noodle, где навигация по сайту воплощена в виде ярких картинок, способных вызвать положительные эмоции при взаимодействии с ними.

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

Пруф: http://humflyingbulletproofnoodle.com/main.html

4. Метафоры могут привлекать внимание пользователей.

Многочисленные приемы и техники могут помочь сделать некоторые элементы более привлекательными и заметными, чем другие. Метафоры могут использоваться для привлечения внимания как в общем, так и для отдельных элементов на странице. Вещи, которые мы узнаем, привлекают наше внимание, как если бы увидели знакомое лицо в толпе незнакомых людей.

Так, просмотр погоды на белорусском портале tut.by не ограничится для нас только цифрами, сообщающими температуру. Зачастую мы не смотрим прогноз, а просто выглядываем в окно посмотреть на людей, чтобы узнать, что за погода и стоит ли надевать куртку теплее. Такой пример метафоры привлекает внимание и здорово демонстрирует, как использовать полученную информацию.

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

Пруф: http://pogoda.tut.by/city/26850.html

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

Еще один интересный аспект использования метафор – это то, что они могут влиять на действия людей. Переводя взаимодействие, о котором мы обладаем знаниями, из реального мира в интернет, мы можем также перенести наши знания на экран. В таком случае метафоры могут быть очень притягивающими и побуждающими к действию, т.к. интуитивно понятно, что необходимо делать. Также метафоры могут вызывать решение о начале действия. При регистрации на сайте Minute Race пользователь видит таймер с обратным отсчетом. И, несмотря на то, что ничего не произойдет по истечению времени, пользователи здорово мотивированы, чтобы ввести свой электронный адрес и пройти регистрацию.

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

Пруф: http://minuterace.com/

Вывод

Метафоры могут быть мощным инструментом для улучшения процесса взаимодействия.
Метафоры:

  • Объясняют абстрактную или сложную концепцию.
  • Создают дружеское отношение.
  • Вызывают эмоции.
  • Привлекают внимание к вашему сайту или к отдельным элементам.
  • Мотивируют пользователей совершить действие.

Оригинал статьи.
Автор перевода – Александра Хадеко, юзабилити-аналитик ARTOX media.

Посты в тему:



Комментариев 4

  1. avatar

    Качество изображений очень плохое.

  2. avatar

    Что с картинками у вас не то, – размытые какие-то получились. Или так задумано?

Заполните поля, чтобы оставить комментарий

Внимание: все комментарии проходят модерацию.

Комментарий не должен противоречить правилам.

Добавляйтесь к нам в соцсетях!

Китаевская Анна

специалист по контексту ARTOX media

Все посты Анны.

Дудина Анастасия

копирайтер, руководитель контент-агентства

Все посты Анастасии.

Введите ваш E-mail:

  • ТОП комментаторов
  • Последние комментарии
avatar
Юлия
2 comments
avatar
Алёна
1 comment
avatar
Александр Тукай
1 comment

© 2010 - 2012 Блог о интернет-маркетинге. Карта сайта
Webmarketing рекомендует