40 лет в мире дизайна и юзабилити

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

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

Чем юзабилити отличается от дизайна?

На данный вопрос у меня есть специально заготовленные ответы. Существуют специальные термины, описывающие то, что мы делаем, над чем работаем, и как мы работаем. Итак, дизайн/проектирование – может обозначать действие, входящее в синонимическую группу слова "разрабатывать": планировать, исследовать, анализировать, проектировать, осуществлять, оценивать, документировать - приблизительно в такой последовательности. Теперь существительные: метафоры, ментальные модели, навигация, взаимодействие, воздействие (визуальное, устное, слуховое/звуковое, тактильное).

Так вот, мы проектируем и оцениваем метафоры и иерархии меню (навигация). Успех нашей работы определяется такими параметрами как юзабилити, практичность и воздействие. Международная Организация Стандартов в Швейцарии определила юзабилити такими понятиями как эффективность, действенность и удовлетворенность. Надеюсь, что эти комментарии помогут Вам отличать эти два термина.

В чем на ваш взгляд особенности юзабили вебдванольных проектов? Нa что стоит обращать наибольшее внимание?

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

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

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

С точки зрения юзабилити сайты Майкрософт и Гугл и Яндекса имеют серьезные ошибки? Какие? Заранее спасибо

Около года назад мы оценивали некоторые сайты Google Adsense и вот какие ошибки обнаружили – часто непоследовательное расположение, противоречивость терминологии, и многое другое, что влияет на эффективное функционирование и привлекательность сайтов. Мы говорили об этом с командой Google, но тогда их это мало заботило. Казалось, они не хотели или не могли повлиять на группу, занимающуюся проектированием дизайна, и нежелающую представлять его на оценку кому-то еще. Это естественный результат их корпоративной культуры, в рамках которой каждый сотрудник Google считается гением, способным делать все, что захочет. Однако это не всегда дает хорошие результаты.

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

К сожалению, я не знаком с Яндексом. Я попытался его проанализировать, но языковой барьер не позволил сделать это должным образом.

Как ведущий эксперт в web 2.0, не могли бы Вы предположить, когда ждать наступления web 3.0? Что такое web 3.0? Спасибо за ответ!

Я понимаю веб 3.0 как абсолютное распространение семантического веба в интернете, когда информация в Глобальной сети не просто аккумулируется, но и понимается, осмысливается. Это новая философия, ряд принципов, положенных в основу разработки, позволяющей строить взаимодействие в группах людей и являющейся основой новых технологий. Эти принципы определяют будущее Web 3.0, где программное обеспечение будет обладать удивительными возможностями собирать, систематизировать, анализировать и представлять информацию людям в таких форматах, о которых вчера мы не могли и мечтать. Определения веб 3.0 варьируются от источника к источнику. Предлагаю остановиться на варианте Википедии:

«Веб 3.0 – термин, используемый для описания будущего Всемирной Паутины. Концепция, гипотетически предполагающая дальнейшее инновационное развитие Глобальной сети. Веб 3.0 начнется сразу после Веб 2.0.

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

Что касается времени его наступления, я полагаю, где-то лет через 7. Если честно, это мой классический ответ на вопросы, касающиеся календарных прогнозов (смеется). Это достаточно долгий период, поэтому к моменту фактического свершения определенного события, большинство людей уже забудут мои предсказания.

Сейчас существует множество социальных сетей. Если взять, к примеру, одноклассники.ру и вконтакте.ру. На мой взгляд, сайт одноклассники.ру менее юзабильный, если не сказать вообще не юзабильный, нежели вконтакте. Однако же эта неюзабильность не мешает привлекать на сайт всё новых и новых пользователей. Чем это можно объяснить? Получается, что юзабильность вовсе не влияет на предпочтения пользователей при выборе определённого ресурса (в данном случае развлекательного)

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

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

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

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

Что касается очень плохих сайтов... их можно найти почти везде. Существует столько же способов быть хорошим, сколько и быть плохим. Возможно, способов быть плохим несколько больше, но я не уверен. Например, старые версии сайта paypal.com были очень плохи, они очень медленно работали. Сегодняшний сайт намного лучше. Плохими сайтами с точки зрения юзабилити являются первые версии многих ныне популярных ресурсов. Другие примеры можно найти в книге Джефа Джонсонса «Web Blooper», которую называют каталогом ошибок, многие из которых весьма курьезные.

Важнее ли дизайн чем юзабилити?

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

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

Так вот, интернет-проекты не должны утрачивать свою практическую значимость, должны быть и красивыми, и действенными. Если их разработка тщательно продумывалась, совместить эти два качества возможно. Яркими примерами этого являются Apple i-Pod и i-Phone. К сожалению, такие случаи бывают нечасто.

Оцените usability проекта seonews, пожалуйста.

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

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

Как с вашей точки зрения лучше поступать при создании сайта (нового, без дизайна и четко определенной изначальной структуры):
1) Вписывать функционал (юзабилити) в тот дизайн который был создан 2) На основе фукционала (структуры) давать задание дизайнеру для работы.
Возможно, вы можете подсказать последовательность действий (идея -> реализованный проект)

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

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

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

Новый "видео" тег HTML (HTML-тег, позволяющий проигрывать видео) должен позволить размещать видео в контент сайта так же просто, как через общую структуру. В Сети огромное количество видеоформатов, и пользователям необходимо устанавливать различные кодер-декодеры, которые не всегда обеспечивают качественную работу видеофайлов.
Среди видеоформатов все большую популярность набирает флеш. Отличным выбором остается Quicktime H.264. Учитывая повсеместное распространение широкополосного интернета, уже скоро мы увидим высококачественные видеофиды. К спецификации HTML5 это не имеет отношения, небольшое отступление.

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

Можете привести примеры интернет-магазинов в стиле WEB 2.0 с хорошим юзабилити? Как Вы оцениваете юзабилити Amazon.com?

Примеры веб 2.0 онлайн-магазина с хорошим юзабилити можно назвать www.target.com и www.ikea.com. У каждого сайта свой подход к навигации, использованию изображений, делению на разделы, набору программного обеспечения, позволяющему посетителю управлять купленными товарами. И тот, и другой имеют простую и негромоздкую структуру, четко представленную информацию, хорошие фото товаров и минимальное число pop-up и анимированной рекламы.

Что касается Amazon.com, нововведения добавляются небольшими количествами, и часто качество их оставляет желать лучшего, например, сложная навигация pop-up пунктов в меню, что они пробовали запустить около года или два назад.

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

Aaron, how do think what are the key usability elements for each type of sites - e-market site, content project, entertaining portal. Thanks a lot for your reply.
(Как вы думаете, что является ключевыми элементами юзабилити для сайтов, занимающихся электронной коммерцией, информационных и развлекательных порталов?)

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

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

хм... проектирование eBay говорите! А в чем фишка его интересно, ведь с точки зрения пользователя навигация и подача информация неудобная?!

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

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

В последнее время наблюдается стремительный рост популярности и конкуренции в области создания RIA-приложений (Microsoft, Adobe etc.).
Как Вы считаете, является ли данная тенденция устойчивой и что стоит ожидать от нового вида конкуренции

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

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

А раскройте смысл вашего колпака, ибо он привалирует на всех ваших фотографиях... Кстати, колпак у вас не один...

Спасибо за оригинальный вопрос. На свои лекции по культуре я часто надеваю еще более необычную шляпу, она похожа на шлем скандинавского викинга из буливудских фильмов. Впервые я надел шляпу в 1999 году на конференции ACM SIGCHI, потом еще несколько раз. И если я уже приходил без головного убора, люди спрашивали меня: «Где ваша шляпа?». Я понял, она хорошо всем запоминается и может стать частью моего образа, моей визитной карточкой.

Однако есть в этом и культурологический аспект. Разные культуры по-разному реагируют на необычные явления, например, необычную шляпу. У разных людей она может вызывать разную эмоциональную реакцию, например, что-то привлекательное, что-то таинственное или что-то пугающее. Вот и одно из ее предназначений. У меня много шляп из разных стран, которые я посещал: Финляндия, Корея, Канада, Китай и др. Не знаю точно, сколько их, думаю, около 100. Иногда я предлагаю гостям своего офиса примерить понравившуюся шляпу, желающие находятся всегда, мы обязательно запечатлеем это. Во время путешествия по России и Украине я рассчитываю пополнить свою коллекцию и найти парочку необычных шляп.

Отдельную благодарность за помощь в организации выражаем Елене Арсеньевой, руководителю направления "Академия Гуру" учебного центра edu)itonline.

Прямую линию подготовила Анна Макарова, редактор-переводчик SEOnews