сервис аналитики звонков и оптимизации
бизнес-процессов
Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

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

Дорогая Редакция Дорогая Редакция 13 Февраля 2008, в 00:00
0 3381
Шрифт:

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

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

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

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

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

В чем на ваш взгляд особенности юзабили вебдванольных проектов? Н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

Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Как построить качественную ссылочную массу сайта
Айрат Рахимзянов
38
комментариев
0
читателей
Полный профиль
Айрат Рахимзянов - Спасибо Кирилл. Сейчас восстановилась работа сервиса: take.ms/ttXrw
Анализ ссылок: сравнение многофункциональных платформ по размеру их баз
Андрей Ольшевский - Очень неточная статистика, объясню почему. Довольно часто делаю анализ сайтов на качество и объём ссылочной массы. Всегда делаю выгрузку из трех источников – Вебмастера Яндекса, сервиса Мегаиндекс, сервиса Линкпад. Потом с помощи алгоритмов и функции Excel отсеиваются много дублей, битых ссылок, несуществующих урл и тп. Как показала практика, вебмастера Яндекса вполне достаточно, там вся информация и она самая актуальная, в других сервисах куча мусора, а нового, чтоб было найдено и проиндексировано ПС - очень мало. Поэтому мирятся количеством в данном анализе не профессионально.
Как создать интернет-магазин: сколько стоит открытие?
Пришел посмеяться
1
комментарий
0
читателей
Полный профиль
Пришел посмеяться - Я просто посмеюсь :D Даже не хочу ничего особо говорить :D Смех, а не статья.
ТОП-10 автоматизированных сервисов контекстной рекламы
Гость - Действительно, очень плохая статья. А у редактора Блондинки видимо слишком много свободного времени.
Кому и зачем нужен маркетплейс от Яндекса
Дарья Калинская
213
комментария
0
читателей
Полный профиль
Дарья Калинская - Максим, спасибо, рада, что статья оказалась полезной )
Конкурс: угадай победителя рейтинга «Известность бренда SEO-компаний»
Андрей
1
комментарий
0
читателей
Полный профиль
Андрей - Оптимизм Дэмис Кокос Ашманов и Партнеры Раш эдженси
Инструкция по применению: обзор сервиса обратного звонка Callbackhunter
Полина Ковальчук
1
комментарий
0
читателей
Полный профиль
Полина Ковальчук - Возможно, но не советую экономить на этом сервисе, функционал то тоже круче, чем у аналогов. Вы создаете сайт для получения денег и чем качественнее Вы выстроите продвижение, тем больше лидов Вы получите!
Тест: Какой ты интернет-маркетолог?
Петр - Мда уж, есть ряд очень и очень субъективных вопросов, например с картинками и ctr или с несколькими вариантами ответа, когда из 5 пунктов надо выбрать 4, что несерьезно. Поэтому, как минимум, к этому тесту нельзя относиться серьезно. Его надо очень серьезно дотягивать, а не вываливать отсебятину.
SEO-тренды на 2017 год: мнение специалистов
Olga Inventor
1
комментарий
0
читателей
Полный профиль
Olga Inventor - Хорошая статья. То, что SEO - антитренд, уже давно говорят. Нужен комплексный подход.
Чек-лист: SEO для B2B-бизнеса
Антон Зозуля
8
комментариев
0
читателей
Полный профиль
Антон Зозуля - Ваша цель вывести страницу, на которой будет только ваш товар (обычно это фильтр бренд/производитель в нужном каталоге) по СЧ запросам в ТОП. Например, вы продаете "велосипеды Елочка". В каталоге дилера велосипеды, вы выбираете Бренд - "Елочка" и должны получить страницу "велосипеды Елочка". Она должна быть на уникальном урл, иметь уникальные метатеги, лучше, чтобы был SEO-текст. После этого ваша задача получить на нее трафик по запросам: идеально: купить велосипед, цена велосипед хуже: велосипед дешево, китайский велосипед еще хуже (меньше трафика и ниже конверсия, но они есть): велосипед + [регион], велосипед + [фильтр другой]. Тут трудно без прямого влияния на содержимое страницы (метатеги и текст). ПС бренд елочка выдуман. :)
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
285
Комментариев
262
Комментариев
213
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
123
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
80
Комментариев
71
Комментариев
67
Комментариев
60
Комментариев
55
Комментариев
52
Комментариев
50
Комментариев
45
Комментариев
44

Отправьте отзыв!
Отправьте отзыв!