Эмоциональный дизайн с примерами

Сегодня мои друзья блога из МотоДизайнБлог решили рассказать нам про эмоциональный дизайн. И подготовили огромную статью, перевод материала Smashing magazine. За что им большое спасибо. Начнём.

«О, привет, Smashing Magazine!» — зто одно из десятка приветствий, которые Flickr использует каждый раз при входе на сайт. Эту деталь легко упустить из виду, и без нее сервис все равно будет продолжать свою работу. Но она является частью дизайна и вы заметите ее отсутствие.


Вот как Flickr приветствует своих пользователей, каждый раз меняя язык.

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

Немного теории

Термин «эмоциональный дизайн» был определен Аароном Уолтером. В своей книге «Эмоциональный веб-дизайн» он описывает это понятие, опираясь на известную иерархию потребностей Маслоу, исходя из которой, людям для элементарного существования необходимы здоровье и безопасность, прежде чем думать о потребностях более высокого уровня, к примеру, о самореализации. И правда, больным людям, чувствующим себя в опасности, будет сложно думать о самореализации, творчестве и решении различного рода проблем.


Слева иерархия потребностей Маслоу, а справа пирамида эмоционального дизайна Аарона Уолтера — снизу вверх: функциональность, надежность, удобство пользования, внешний вид.

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

Стратегия эффективного эмоционального дизайна имеет два аспекта:

1. Вы создаете нечто уникальное, то, что связано только с вашим продуктом и вызывает положительный отклик пользователей.

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

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

Элементы эмоционального дизайна

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

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

Ниже приведен список способов (на основе личных наблюдений) как вызвать эти положительные эмоции. Конечно, люди будут реагировать на вещи по-разному в зависимости от их возраста, знаний и т.д., но эти психологические факторы должны работать в целом:

  • Радость
  • Неожиданность (сделайте что-то неожиданное и приятное);
  • Уникальность (отличие от других подобных продуктов);
  • Внимание (предложение помощи, даже если вы не обязаны);
  • Привлекательность;
  • Ожидание (расскажите что-то интересное о продукте перед самым его запуском);
  • Эксклюзивность (предложите что-то эксклюзивное определенной группе людей);
  • Оперативная реакция (покажите умение быстро реагировать на ситуацию своей аудитории, особенно если они не ожидают ничего).

А теперь рассмотрим вышеперечисленные принципы, воплощенные в жизнь на примере реальных продуктов.

Реальные примеры эмоционального дизайна

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

Помните, что слепое копирование какого-либо примера не сделает ваш продукт более индивидуальным.

Мимика

Улыбка

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


Сайт Highrise

Счастье

Улыбка также работает в абстрактной форме.


Корзина товаров Threadless выглядит счастливой только когда она полная.

Корзина товаров этого онлайн-магазина грустная, если она пустая, и, наоборот, счастлива, когда полная. Эта деталь заставит вас улыбнуться. Даже если вы уйдете из сайта ни с чем, все равно вы запомните эту мелочь.

Удержание пользователя

Внимание

Удержание пользователя является еще одним моментом, на который стоит обратить внимание.

Некоторое время назад, если кто-то пытался отказаться от сервиса Audible по той причине, что у него нет устройства, совместимого с сервисом, этот человек получал в подарок код на 100$ для покупки соответственного устройства в интернет-магазине Amazon. Это неожиданность, которую вы не забудете, даже если в конечном итоге, уйдете.

Музыка

На сайте Etsy, когда вы пытаетесь отписаться от обновлений, появляется клип на песню Пола Янга «Каждый раз, когда ты уходишь» (“Every Time You Go Away”, Paul Young). Песня вряд ли помешает вам отписаться от писем, но вы ее вспомните, проходя мимо этого сайта или при виде его рекламы.


Etsy поет песню Пола Янга «Каждый раз когда ты уходишь», если вы пытаетесь отписаться от обновлений.

Остроумие

Groupon, скорее всего, не изменит мнение того, кто хочет покинуть их сайт, но это видео определенно подходит игривому тону сайта. (Видео-ссылка на Youtube, так как сейчас по каким-то причинам оно не доступно. Но было такое видео.)


Этот парень считал, что вам нравилось получать письма от Groupon

Тексты

Тексты — это самый простой способ создать и менять индивидуальность, стиль вашего сайта. Ваш сайт, скорее всего, содержит много текстовой информации, а слова очень хороший инструмент для создания индивидуальности. Вы хотите, что ваш бренд стал игривым, серьезным или смешным? Разнообразные стили речи могут вам помочь.

Легкомыслие

У приложения Everyday своя фишка: если вы не поместите в библиотеку изображение (которое нужно, чтобы воспроизвести видео), вы получите милое дружеское напоминание сделать несколько снимков вашего «красивого» лица — одно слово может полностью изменить тон общения.


Приложение Everyday располагает к себе легкомысленным неформальным общением

Контрастность

Обратите внимание на фразу «Pssst…!». И это слово не просто выделено визуально другим цветом, вы произносите его в голове, когда читаете.


Политика конфиденциальности Skitch

Похожая деталь есть и на сайте OK Cupid — когда вы указываете свое местонахождение. Фраза Ahh, Prague («Аx, Прага..») может значить «Как это прекрасно» или «Да, теперь мы поняли. Добро пожаловать».


«Аx, Прага..»

Текстовка

Авторы Hunch говорят иногда то, о чем другие молчат. Эта особенность может заставить вас подписаться на их обновления. Они говорят, что спам — это зло и вы не получите ни одного подобного письма от них.


Способ Hunch убедить своих потенциальных пользователей в сохранности их данных.

Текстовка 2

Интересная деталь сайта Milk заставит вас подписаться на их обновления. Подход такой же, как и на сайте выше, убеждение людей в том, что они свяжутся с вами только тогда, когда это будет действительно важно.


Milk обещает редкие письма и дразнит предварительным доступом.

Текстовка 3

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


Тут говорится, что ваш почтовый адрес в полной безопасности.

Также обратите внимание, что на кнопке написано не «Подписаться», а «Отправить приглашение». Это добавляет некую эксклюзивность в форму регистрации.

Страницы ошибок и вынужденного ожидания

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

Простые изменения

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


У Flickr перерыв на массаж.

Скажите, что вам жаль, и предложите решение проблемы

А вот лучшая фишка Flickr. Когда речь идет о более серьезных проблемах, выплывает окно, где говорится, что трубы забиты и им очень жаль. Но вместо того, чтобы оставить все как есть, Flickr предлагает принять участие в соревновании за бесплатный PRO-аккаунт.


Соревнование за PRO-аккаунт проходит, когда трубы Flickr забиты.

Нам очень жаль, но …

… в жизни есть более важные вещи. Когда сервис Tumblr «падает», в последнее время он говорит пользователям, что ему тяжело справляться с данной проблемой. В следующем абзаце, он напоминает пользователям, что есть более серьезные проблемы в жизни, чем это краткосрочное «падение» Tumblr.

Неприятности

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


Hipmunk приправляет загрузку полезной информацией.

Юмор

Капча сегодня встречается на многих сайтах, но это не значит, что она нравится пользователям. Да, она может раздражать. Сайт Stack Overflow, по крайней мере, оправдывает надоедливую капчу смешной графикой.


Stack Overflow объясняет пользователям, почему они должны пройти через это испытание с капчей.

Персонализация

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


Thermo определяет ваше месторасположение, не прося вводить никакие данные.

Вам, может быть, и не нужно такое количество информации о пользователях. Сайт 37signals демонстрирует простой способ, чтобы привлечь пользователей, без знания каких-либо их персональных данных.


37signals желает вам хорошего дня, не зависимо от того, какой сегодня день недели (определяется автоматически).

Дизайн email-писем

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

Рассказ

Zaarly освещает самые интересные объявления в своих письмах. Вас обязательно заинтересует, что еще придумали разработчики на сайте и заставит вас использовать сервис чаще.


Zaarly рассказывает о самых любопытных событиях на сайте.

Персонализация

Quora обладает достаточным количеством информации о пользователях, чтобы показывать им статьи, которые действительно будет интересно читать. Знание о пользователях можно использовать с пользой. Говоря о персонализации, проверьте, как добавление имени в строку получателя увеличит количество ответов.


Quora расширяет вашу социальную графу и предлагает чтение с учетом ваших интересов.

Неожиданные фразы

Уведомления по электронной почте уже никого не удивляют. Но когда кто-то тратит время на что-то особенное, как, к примеру, письмо на картинке ниже и CD с детским шоу, люди обязательно кому-то об этом расскажут. Строка “private CD Baby jet” выдает более 20 000 результатов в Google. Этот пример показывает всю силу «сарафанного радио».


То самое электронное письмо CD Baby

Истории

Мы все знаем, что люди любят слушать истории. К примеру, история о Ben the Bodyguard. Это приложение на iPhone, которое защищает ваши персональные данные на телефоне. Это приложение было разработано с учетом характера Бена. Перед выходом приложения, был запущен сайт, на котором Бен шагал по улице, если вы перематывали скролл вниз, рассказывая о том, что вскоре он сможет защитить ваши персональные данные.


Скриншот тизер-приложения Ben the Bodyguard.

Такой характер Бена, французского телохранителя, отражается в каждом бите приложения.


Уведомление от Бена.

Пасхальные яйца

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


Напишите в Google фразу «Let it snow». (Как я понял, бонус был зимний и сейчас не работает. При вводе фразы экран заметало снежинками.)

Let it snow

Был прикол с Let it snow и похожий с a barrel roll. Пасхальные яйца, как правило, не относятся к сервису. Они существуют в виде сюрприза для пользователей. А счастливые пользователи делятся этой «фишкой» с друзьями. (чтобы убедиться в этом, попробуйте набрать google a barrel roll, впечатляет)

Персонажи

На сайте MailChimp есть персонаж, который определенно заслуживает внимания и привлекает. Вам стоит это увидеть.

Шуточный персонаж

Отличительной чертой эмоционального дизайна MailChimp http://mailchimp.com является его обезьяна по имени Фредди. Фредди поднимает пользователям настроение, пока загружается ваша страница. А также вставляет свои шуточки, где надо и где не надо.


Она из ремарок Фредди.

Используя такой вид эмоционального дизайна, есть шансы ошибиться. Вы помните скрепочку-помощника в Microsoft Office, которая все время раздавала советы? Шимпанзе Фредди, в отличии от скрепки, не вмешивается в ваш рабочий процесс.

Страница авторизации

Даже страницы авторизации могут быть интересными. Такая страница на MailChimp изменяется по определенным дням, как дудлы Google. Их довольно много, можете посмотреть в их галерее на Flickr


Одна из страниц авторизации MailChimp.

Вам не нужно лезть вон из кожи, чтобы выдумать что-то особенное. Сайт Pocket http://getpocket.com/l/ радует пользователей огромной красивой фотографией на бэкграунде, вместо монотонного, скучного фона.


Страница авторизации Pocket.

Будьте внимательны к деталям и удивляйте

Много вещей, о которых мы говорили сегодня, демонстрируют внимание к деталям, и соответственно, к ним все и сводится. Уровень внимания к мелочам показывает, насколько вы любите продукт и уважаете своих клиентов. Посмотрите на этот прелоадер в недавно выпущенном приложении Quip.


Прелоадер Quip.

Помните, такие детали не должны вредить юзабили, ни в коем случае.

Внимание к деталям и неожиданность везде. Еще одной причиной шума вокруг Dropbox было вот это видео, размещенное на сайте Digg под названием «Киллер Google придет из проекта MIT». Это было тщательно приготовлено, с массой недосказанных фраз, чтобы удерживать аудиторию в постоянном ожидании (включая шутки о том, что пользователь Digg простят и поймут). Вы можете узнать больше об этом периоде в истории роста Dropbox здесь (англ.).


«Горячий» файл Keira. Случайное сообщение во время демонстрационной версии Dropbox.

Если вас интересуют детали, то вам сюда (англ.).

Три ярких примера проявления индивидуальности

До сих пор мы рассматривали различные аспекты эмоционального дизайна. Ниже приведены примеры эмоционального дизайна в различных областях: два с веб-сайтов и один из iPhone-приложения.

Пример 1: Gidsy

Gidsy является рынком для мероприятий, осуществляемых пользователями.

Основой цветовой палитры Gidsy является синий и белый, сочетание, как известно, которое все любят и доверяют. Не является случайностью и то, что Facebook, Twitter, LinkedIn множество других брендов использовали некоторые оттенки синего. Взгляните на инфографику BaseKit о психологии цвета.

Персональный стиль Gidsy определяется использованием старых и проверенных образов, беззаботное подражание и элементы удивления.

Передача чувств: изображения в стиле винтаж просто заполнили сайт. Они используются для того, чтобы подчеркнуть эмоции и тематику.


404 страница сайта Gidsy, отображающая его индивидуальность.

Сюрприз: когда вы достигнете футера сайта, вы найдете призыв к действию: создайте аккаунт бесплатно. При наведении курсора мыши на иконку, появится радуга. В этом и есть сюрприз. Наблюдение за тем, как легко посетители становятся пользователями, забавляет.


Радуга, появляющеюся при наведении на иконку «Узнайте больше».

Текст: простой текст с долей юмора: «Ну, здравствуй великолепная! — вы успешно загрузили фото» и «Бууум! Ваша фотография была удалена».


Страница, на которой люди могут загрузить аватар.


Страница, на которой люди могут удалить изображения.

Вы также можете просмотреть и на справочник. Gidsy сделал это в разделе справки. Справочники, как правило, скучные, но не этот. Он уже сделал немало шума и ссылки на него можно найти не в одном сообществе дизайнеров, возможно, вы его уже видели. Обратите внимание на тонкий намёк на приложение IAWriter.


Справочник Gidsy.

Письма с новостями: закончим наш обзор Gidsy с писем с новостями, которыми они забрасывают пользователей.


Видите скромные please-reply (пожалуйста, ответьте) в названии почтового ящика?

Gidsy использовал другой старинный кадр, чтобы подчеркнуть свое сообщение. Кроме того, обратите внимание на скромное название адреса электронной почты отправителя, please-reply@gidsy.com, дружеское напоминание о том, что компания внимательна к деталям. (такая фишка использовалась и раньше в другом проекте).

Пример 2: Automattic

Automattic не нуждается в представлении себя. Это прекрасный пример того, как можно интегрировать юмор в абсолютно не смешную среду: кодирование. Он исповедует мантру Мэтта Муленвига (Matt Mullenweg) «Кодирование это поэзия» везде, где только может. Далее наглядный пример.


Страница Automattic «О компании» с долей юмора.

Юмор: в разделе «О компании» представлены биографии людей в достаточно добродушной манере. Биография Mullenweg:

«Как главный тестер барбекю в Automattic, Мэтт путешествует по миру, пробует различные кухни и сравнивает их с золотыми стандартами барбекю Техаса. Хотя изначально он мечтал стать джазовым саксофонистом, Мэтт начал изучать экономику, которая и привела его в Вашингтон […]»

Похоже, это забавное место работы. Хотя, это не совсем то, что большинство людей хотели бы увидеть в разделе «О компании».

Слоган: «В кодировании мы разбираемся намного лучше, чем в написании хокку». Этим шутливым тоном пропитан весь сайт и все, что компания делает.


Вот что такое Automattic.

Текст: люди обращают внимание на детали. Например, в футере главной страницы WordPress есть подпись, которая меняется каждый раз, когда страница перезагружается. Она говорит, поочередно, что WordPress является «Automattic [Продуктом]», «Automattic [Смесью]», и т.д. Это небольшое изменение в описании показывает любовь компании к своей продукции.


WordPress это An Automattic Medley (как я понимаю, что-то вроде Automattic-смесь).


Jetpack будет доставлен на ваш электронный адрес помощью Automattic Авиалиний :) (очередной плагин для WP).

Сюрприз: на сайте Automattic Jetpack три реактивные ранца парят на экране всякий раз, когда страница загружается, делая акцент на названии продукта, показывая любовь к деталям.


Крошечные реактивные рюкзачки пересекают пространство бэкгранда.

Пасхальные яйца: одна замечательная деталь WordPress — пасхальное яйцо «самосравнения». Возможность сравнить пост, вместо того, чтобы удалить его. Automattic создал механизм, который превращает серо-белый холст в черно-зеленый, напоминающий эффект Матрицы.


Опция самосравнения WordPress.

Итак, когда вы нажмете на эту кнопку, случайно или нет, вся страница становится серой и имитирует самоуничтожения в стиле Матрицы. В конце концов, WordPress напоминает вам, что не стоит допустить этого снова.

TechFleece имеет подробное описание, как найти в WordPress бонус с Матрицей. Automattic представляет собой отличный пример того, как проявить свою индивидуальность в нелегкой работе хакера.

Пример 3: Clear App (приложение для создания списков)

Эмоциональный дизайн может превратить пользователей в евангелистов, которые делятся своим полезным опытом с другими. Люди любят обмениваться интересностями, вам просто нужно подкинуть им такую интересность.

Рассмотрим недавний успех программного обеспечения Realmac, создавшего приложение для создания списка дел для iPhone. Это уже далеко не первое приложение для создания списка дел, но оно успешно достигло пользователей iPhone, благодаря своему гладкому, минималистичному интерфейсу и простым действиям. Все любители iOS пускают слюни от него .

Ожидание: Realmac опубликовал видео задолго перед выпуском продукта, что усилило интерес пользователей к продукту. Видео распространились в рамках сообщества довольно быстро.

Люди так ждали этого продукта не только из-за привлекательного дизайна, но и из-за парочки спрятанных сюрпризов.

Игра: приложение задает настроение игры просто и быстро.


Игривый тон приложения: «Давай исследовать»

Сюрприз: При открытии страницы с настройками темы, люди, установившие приложение Tweetbot получают такое сообщение и дополнительную минималистичную тему в подарок. Высоки шансы того, что людям понравится такое приветствие.


Если вы установили популярное приложение Tweetbot, вы получите тему в качестве бонуса

Сюрприз 2: если вы являетесь читателем Твиттер аккаунта Clear, вы будете вознаграждены еще одной темой за вашу социальную активность. Это разработанное с умом пасхальное яйцо вызвало взрыв положительных отзывов от благодарных пользователей, которые с энтузиазмом делились этой новостью со своими друзьями.


Если вы зафолловили Твиттер аккаунт одного из создателей Clear, вы получите еще одну бонусную тему

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


Радостные люди, которые получили бесплатную тему от Clear

Детали сюрприза: когда ваш список дел пуст, Clear дает вам совет по его заполнению.


Иногда Clear делится жизнеутверждающими и мотивирующими фразами

Несколько финальных слов о преимуществах и рисках

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

Мы не рассматривали неудачные случаи использования эмоционального дизайна, но вот вам совет: не бойтесь показаться причудливыми и смешными, самое главное следить за реакцией пользователей и держать все под контролем. Если что-то не работает, извиняйтесь и совершенствуйтесь. Докажите, что вы умеете слушать и готовы учится, это показывает вашу человечность, снова таки, проявление эмоционального дизайна. К примеру, компания MailChimp просто сделала специальный переключатель, который может убрать все шуточки и сделать сайт строгим — это называется у них «режим веселого простофили».


Включите «режим веселого простофили»

Если вам действительно не нравится шимпанзе, вы можете запросто отключить его. Это не так уж сложно (англ.).

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


Это и есть главная цель эмоционального дизайна: заставить людей любить что-то больше. Настолько, чтобы им захотелось рассказать о вас друзьям и знакомым

Делитесь своими мыслями

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

via

Читателям также нравится:

Обратите внимание!

Запущена новая версия сообщества для творческих людей — TopCreator, которое мой блог всячески поддерживает. Мы верим, что проект нужен российским дизайнерам, иллюстраторам и фотографам — мы хотимы быть вам полезны! Очень интересный проект, будьте среди первых. Заходите сюда

Комментарии

  1. 22 Авг
    Дмитрий

    Спасибо! Шикарная подборка!

  2. 23 Авг
    Олег

    Ну, по-моему, добавлять к «надоедливой капче» еще и «смешную графику» — это уже слишком. Уже после первого неудачного набора капчи пользователь раздражается. А тут еще и «смешная» картинка будет маячить.

  3. 23 Авг
    naikom

    @Олег
    Что-то мне подсказывает что вы себе все немного не правильно представили.. посмотрите как у них сделано

  4. 23 Авг
    Олег

    Хм, ну зашел на их сайт Stack Overflow. Оставил тестовый комментарий, никакой капчи не вылезло (может где-то в другом месте).

    Я сужу по картинке в вашем сообщении: стоят два чувака с коробками на голове, а под картинкой трудная капча (с двумя словами). ИМХО, это издевательство к трудной капче еще и «смешную» картинку делать (особенно если с первого раза не введешь правильно слова).

    Мне больше логические капчи нравятся (собрать какую-нибудь фигурку), вот там уместны «смешные» картинки.

  5. 24 Авг
    Вадим

    Классная статья, спасибо!

  6. 09 Сен
    Не Кот

    Еще креативная страница у Твиттер, когда он падает. Помните — птички и большой кит?

  7. 20 Сен
    мастер клипартов

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

  8. 27 Сен
    Vector

    Спасибо за статью!

    Исправьте пожалуйста в подписи к пирамидам: «reliable» — это надежный, а не удобочитаемый.

  9. 27 Сен
    naikom

    @Vector
    Спасибо!

  10. 29 Окт
    Теодор Захариев

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

  11. 14 Фев
    Дмитрий Валерьевич

    Михаил, доброго времени суток!
    Давно хотел поблагодарить Вас за такой интересный и полезный блог! Спасибо Вам огромное, читаю Вас уже почти 2 года!)))
    Статья очень «четкая» по своему содержанию, хотя, на мой взгляд, самой статье нехватает некоторой «эмоциональности» и «яркости» самих примеров! Но, как всегда, очень качественно и полезно! Спасибо!!!

  12. 16 Июл
    Aram

    Спасибо за статью!

    Хорошие и оригинальные советы начинающему веб-дизайнеру… и не только

Оставить комментарий:

Anti-Spam Protection by WP-SpamFree


  • Kevin Durant Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Nike Lebron James Shoes
  • Derrick Rose Shoes
  • D Rose Shoes
  • KD 7 Shoes
  • Kobe X Shoes
  • Kobe 10 Shoes
  • KD 7
  • Kevin Durant Shoes
  • KD Shoes
  • Nike KD Shoes
  • Kobe 10 Shoes
  • Discount Kobe Shoes
  • Kobe Shoes
  • Kobe Bryant Shoes
  • KD 7 Shoes
  • Kyrie Irving Shoes
  • Lebron 12
  • Lebron James Shoes
  • Lebron Shoes
  • Nike Free
  • Nike Free Run
  • Air Max Shoes
  • Cheap Air Max Shoes
  • Lebron James Jersey
  • Kobe Bryant Jersey
  • Kevin Durant Jersey
  • Air Jordan Shoes
  • Michael Jordan Jersey
  • Blake Griffin Shoes
  • Russell Westbrook Shoes
  • Rose Shoes
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Shoes
  • Kyrie 1 Shoes
  • Nike Free 5.0
  • Nike Free 5
  • kevin durant shoes
  • kd 7
  • kd new shoes
  • KD Shoes
  • Kyrie 1
  • Jeremy Scott shoes
  • Jeremy Scott Adidas
  • Tenis Adidas Springblade
  • Kevin Durant Shoes
  • Kobe Bryant Shoes
  • KD Shoes Store
  • KD Sneakers
  • Lebron Basketball Shoes
  • Adidas Porsche Design
  • kd shoes
  • Cheap Herve Leger Dress
  • Cheap Lebron Shoes
  • Adidas Porsche Design
  • Lebron James Shoes
  • Coach Retail Store
  • nba jerseys
  • louis vuitton handbags
  • Cheap Lebron 11
  • Kobe Bryant Shoes
  • Kevin Durant Shoes
  • louis vuitton belts
  • kobe shoes
  • Lebron James Shoes
  • Kevin Durant Shoes
  • Los Angeles Clippers Jerseys
  • Toronto Raptors Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • KD Shoes
  • Lebron James Shoes
  • KD 7
  • Westbrook Shoes
  • Lebron Shoes
  • Lebron James Shoes
  • Air Max Shoes
  • kobe bryant shoes
  • Derrick Rose Shoes
  • Rose Shoes
  • KD 7
  • Kobe X
  • Kobe 10
  • Lebron Shoes 12
  • kyrie irving shoes
  • Nike KD Shoes
  • Cheap Nike Free
  • Nike Free
  • Lebron 12 Shoes
  • Cheap Air Max
  • Cheap Lebron Jerseys
  • Kobe Bryant Jerseys
  • Kevin Durant Jersey
  • Kobe Shoes
  • Griffin Shoes
  • Michael Jordan Jerseys
  • Kobe Jerseys
  • Lebron Jerseys
  • Kobe Bryant Jerseys
  • Lebron James Jerseys
  • Cheap Supra Shoes
  • Supra Shoes
  • Nike Kyrie 1
  • Nike Free Shoes
  • Nike Free Run
  • KD shoes
  • Kyrie 1 Shoes
  • Kevin Durant Shoes
  • Jeremy Scott Wings
  • Jeremy Scott Shoes
  • Lebron James Shoes
  • Adidas Porsche Design
  • Kobe Shoes
  • Cheap Kevin Durant Shoes
  • Kevin Durant Shoes
  • Lebron 11
  • Porsche Design Adidas
  • Cheap KD Shoes
  • Lerbon James Sneakers
  • Cheap KD Shoes
  • Herve Leger Dress
  • Lebron Shoes
  • Porsche Design Shoes
  • Lebron Shoes
  • Nike Shoes
  • Cheap Coach Bags
  • louis vuitton purses
  • cheap nba jerseys
  • Lebron James Shoes
  • Cheap Kobe Shoes
  • Kobe Shoes
  • KD Shoes
  • KD Shoes
  • Sacramento Kings Jerseys
  • Washington Wizards Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Lebron 11
  • Kobe Shoes
  • cheap kobe shoes
  • lebron 12 shoes
  • James Shoes
  • Lebron Shoes
  • Rose Shoes
  • Derrick Rose Shoes
  • Kobe 9
  • NIke KD
  • KD VII
  • KD Shoes 2015
  • kyrie shoes
  • Air Max 90
  • Air Max Shoes Sale
  • Nike Free Shoes
  • Nike Free Run 2
  • Lebron 12
  • Lebron Jerseys For Sale
  • Cheap Kobe Jerseys
  • KD Jersey
  • Jordan Jersey
  • Jordan Griffin Shoes
  • Kobe Bryant Jersey
  • Lebron James Jersey
  • Supra Footwear
  • Supra Shoes
  • KD Shoes
  • Kyrie irving Shoes
  • Nike Free Run Shoes
  • nike free run 5.0 women
  • KD Shoes
  • Kyrie Irving Shoes
  • Kevin Durant Shoes
  • KD Shoes
  • Kobe Shoes
  • Kobe Shoes
  • Adidas Wings
  • Kobe Bryant Shoes
  • Porsche Design Adidas
  • Cheap Kobe Shoes
  • KD 6
  • Cheap Westbrook Shoes
  • Kevin Durant Shoes
  • Adidas Porsche Shoes
  • Cheap Lebron James Shoes
  • Kevin Durant Shoes
  • Herve Leger Outlet
  • Lebron James Shoes
  • Adidas Porsche Design Bounce
  • Nike Lebron Shoes
  • Coach Outlet
  • nba jerseys for sale
  • louis vuitton bags
  • Air Jordan 29
  • Nike Lebron Shoes
  • Nike Kobe Shoes
  • Cheap Kobe Shoes
  • Cheap KD Shoes
  • KD 6
  • Utah Jazz Jerseys
  • Philadelphia 76ers Jerseys
  • Air Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron New Shoes
  • James Shoes
  • Cheap Lebron 11
  • Lebron James Shoes
  • KD 7
  • Adidas Rose Shoes
  • Rose 5
  • NIke KD 7
  • irving shoes
  • KD Shoes
  • Kobe 9
  • Air Max 95
  • Air Max 2014
  • Nike Free 3.0
  • Nike Free Run 3
  • lebron shoes for sale
  • kobe 2014
  • Cheap Lebron James Shoes
  • Kobe Jerseys
  • Kevin Durant Jerseys
  • Jordan Jerseys
  • Cheap Griffin Shoes
  • Jordan Westbrook Shoes
  • Kobe Jersey
  • Lebron Jersey
  • Supra Online
  • Supra Shoes
  • Kyrie 1
  • Irving Shoes
  • Kyrie Shoes
  • Nike Kyrie 1
  • KD Shoes 2015
  • Kobe Shoes 2015
  • Kobe Shoes 2015
  • Kevin Durant Shoes
  • Nike KD Shoes
  • Nike Kobe Shoes
  • Nike Kobe Shoes
  • Adidas Jeremy Scott
  • Adidas Jeremy Scott
  • KD Shoes
  • Adidas Springblade Shoes
  • Kevin Durant Shoes
  • nba jerseys 2015
  • Porsche Design Shoes
  • KD 6
  • KD Shoes Sale
  • Lebron James Shoes
  • Lebron James Shoes
  • Cheap KD Basketball Shoes
  • Herve Leger Bandage Dress
  • Adidas Porsche Bounce Shoes
  • Cheap Lebron Shoes
  • Cheap Coach Handbags
  • Louis Vuitton Bags Women
  • louis vuitton outlet
  • Kobe Shoes
  • Cheap Jordan Shoes
  • Lebron Shoes
  • Lebron Shoes Sale
  • Kobe Shoes Sale
  • Kobe Bryant Shoes
  • Lebron James Shoes
  • KD 6 Shoes
  • Boston Celtics Jerseys
  • New Orleans Pelicans Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Lebron James Shoes
  • Lebron 12
  • Cheap Lebron Shoes
  • Lebron Basketball Shoes
  • Cheap Lebron Shoes
  • D Rose Shoes
  • Rose 5.0
  • KD Shoes
  • kyrie irving shoes
  • Nike Air Max Shoes
  • Nike Air Max
  • Nike Free 5.0
  • Nike Free Womens
  • nike lebron 12
  • kobe shoes 2014
  • Cheap Lebron Shoes
  • KD 7 EP
  • KD 2014
  • Kevin Durant Shoes
  • Lebron Jerseys
  • Lebron James Jerseys
  • Kobe Bryant Jersey
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • KD Jerseys
  • Cheap Jordan Jerseys
  • Hyperdunk Griffin Shoes
  • Westbrook Shoes 2015
  • Nike Kobe Jersey
  • Lebron Jersey For Sale
  • Nike Supra
  • Supra Shoes
  • Kyrie 1
  • nike free run 5.0 women
  • nike free run women
  • Cheap Kyrie 1
  • Cheap Kyrie Shoes
  • Kyrie Shoes 2015
  • Adidas Shoes
  • Lebron Shoes
  • Porsche Design Shoes
  • Kobe 8
  • KD Shoes
  • Cheap Kevin Durant Shoes
  • Lebron Shoes
  • nba jerseys 2014
  • kd Shoes nba
  • Herve Leger Bandage Dress
  • Nike Lebron 11
  • louis vuitton sale
  • Kobe Bryant Shoes
  • Air Jordan Shoes
  • Cheap Lebron James Shoes
  • Kobe Shoes Sale
  • Lebron Shoes
  • Miami Heat Jerseys
  • Los Angeles Lakers Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Westbrook Shoes Sale
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Cheap Lebron Shoes
  • Lebron James Shoes
  • Lebron James Shoes Sale
  • Lebron James Jerseys
  • Cheap Rose Shoes
  • Rose 5 Shoes
  • Nike Free 6.0
  • Nike Free Sale
  • Kyrie Shoes Sale
  • KD Shoes
  • Air Max 2014
  • Air Max 90
  • cheap lebron shoes
  • lebron shoes
  • Lebron James Jersey
  • Lebron Shoes
  • Cheap KD Jerseys
  • Kevin Durant Jersey For Sale
  • Kobe Shoes
  • Jordan Jersey sale
  • Jordan Blake Griffin Shoes
  • Russell Westbrook Shoes Sale
  • official supra shoes
  • Porsche Design Shoes
  • Cheap Jeremy Scott Wings
  • Kobe Shoes sale
  • Lebron Shoes
  • Herve Leger Sale
  • nba jerseys sale
  • Coach Wallets
  • cheap louis vuitton handbags
  • Air Jordan
  • Nike Lebron Shoes Sale
  • Kobe 9
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • nike free run 5.0 men
  • nike free shoes on sale
  • Supra Shoes
  • LV Handbags Men
  • Kevin Durant Shoes
  • KD VI
  • Adidas Shoes
  • San Antonio Spurs Jerseys
  • Chicago Bulls Jerseys
  • kd 6
  • kd 7
  • kobe 9
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1
  • Kevin Durant Shoes
  • Lebron Shoes Sale
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron James Shoes
  • Rose New Shoes
  • Rose Shoes 2015
  • Lebron Shoes 2015
  • Lebron 12
  • Lebron Jerseys sale
  • Nike kyrie shoes
  • Adidas Derrick Rose
  • Adidas Store
  • Adidas Shoes
  • Adidas Derrick Rose
  • lebron james shoes
  • Nike Kyrie Shoes
  • Kyrie irving Shoes For Sale
  • Lebron James Jersey
  • Kobe Bryant Jerseys
  • Kobe Jerseys For Sale
  • Kobe Jerseys Sale
  • Supra Shoes
  • Russell Westbrook Shoes
  • Kobe Jersey Sale
  • Cleveland Cavaliers Lebron Jersey
  • OKC Jersey
  • Nike Lebron Shoes
  • Lebron James Basketball Shoes
  • Kevin Durant Shoes
  • Herve Leger Bandage
  • Griffin Shoes Sale
  • nba jerseys store
  • Lebron Shoes 2014
  • cheap louis vuitton bags
  • Cheap Kobe Jersey
  • Lebron Jersey 23
  • Jordan Shoes
  • official nba jerseys
  • NBA Stars Basketball Shoes
  • KD Shoes
  • Air Max Shoes 90
  • Air Max 95
  • KD 2014 Shoes
  • KD For Sale
  • Nike Shoes
  • Nike Free
  • Kyrie 1
  • Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving Shoes
  • Irving Shoes
  • Phoenix Suns Jerseys
  • Customized NBA Jerseys
  • Jordan Shoes
  • kd 6
  • kd 7
  • kobe 9
  • Bulls Jordan Jersey
  • Kyrie 1
  • Nike Kyrie 1
  • Kyrie 1 Shoes
  • Kyrie Irving 1