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

Россия+7 (495) 960-65-87
Дорогая Редакция
0 4842
Шрифт:

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

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

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

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

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

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

Читайте нас в Telegram - digital_bar
Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
    ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
    32 инструмента в помощь SEO-специалисту
    Игорь
    1
    комментарий
    0
    читателей
    Полный профиль
    Игорь - отличная подборка, сам многим из этих сервисов пользуюсь (ETXT, TEXT.RU, Адаптивность, Pingdom Website Speed Test, Google PageSpeed Tools, 2IP, Whois, Букварикс) Правда не мог найти достойного кластеризатора, но потом наткнулся на вот этот seoquick.com.ua/keyword-grouping/ не сочтите за рекламу:) Было бы интересно услышать ваше мнение о нем. Мне очень даже зашел, из-за скорости работы. Как говорит автор - 100 000 запросов за несколько минут. Я с такими цифрами правда не работал, обычно это до 30 000 точно, но работает очень быстро и в правду. Ну и бесплатно, думаю, это был еще один решающий фактор для меня
    Исследование: влияние smart-ссылок на продвижение по СЧ-запросам
    Анатолий Шевчик
    1
    комментарий
    0
    читателей
    Полный профиль
    Анатолий Шевчик - +1097988
    Не очень удачный кейс продвижения сайта по услуге «Трезвый водитель» в Москве
    Александр Селенков
    1
    комментарий
    0
    читателей
    Полный профиль
    Александр Селенков - Работа проделана огромная. Интересный кейс, все детально и понятно изложено.
    SEO глазами клиентов 2018
    Evgenius Evgenius
    1
    комментарий
    0
    читателей
    Полный профиль
    Evgenius Evgenius - Хороший рейтинг. Постоянно совершенствуется. Предлагаю делить компании ещё и по городам. Хотя бы по основным. Тогда может получиться, что одна компания первая в Спб, вторая в Мск. Третья вторая в обоих городах. А четвёртая на 10 месте в целом по всему рейтингу. Так бы было интереснее для всех.
    Два идеальных способа разориться на старте интернет-магазина
    Стас
    4
    комментария
    0
    читателей
    Полный профиль
    Стас - Seonews в последнее время такую чушь несет! Где вы таких афторов находите? Статья ничего не стоит и несет чушь! Кто хоть немного понимает в этом так вам и скажет, и такие де комментаторы горе-сеошники, просто смешно читать, вы хоть модерируете ваши статьи или просто для воды на сайте?! Бред сивой кобылы эта статья до самой последней точки!!!
    Яндекс перестал индексировать сайты, созданные на Wix
    Константин Даткунас
    3
    комментария
    0
    читателей
    Полный профиль
    Константин Даткунас - Было бы интересно посмотреть саму выборку из 10 000 и методику анализа.
    4 способа быстро собрать теги для сайта
    Рустем Низамутинов
    5
    комментариев
    0
    читателей
    Полный профиль
    Рустем Низамутинов - Расписал и закинул в Google Docs, а то здесь в комментариях ссылки на активны. docs.google.com/document/d/1r0TZLNrQyYLdIzDQsD5YKlMG41HUGQgEep3bxE_ij-M/edit?usp=sharing
    Яндекс: как мы модерируем объявления
    Гость
    5
    комментариев
    0
    читателей
    Полный профиль
    Гость - Это ж Яндекс, чего вы ожидали-то? Коммерческая структура с раздутым штатом, задачей которой является заработать больше денег. Любыми методами. Задача всех пользователей посадить на Директ, даже если придется разрушить суть рунета, реализуется по полной программе. Все возражающие караются и выпиливаются. И каждый из сотрудников делает все возможное и невозможное, чтобы реализовать любую дурацкую идею - за это еще и премию выхватить можно. Даже если потом придется выполнять "откат", премиальные уже заплачены. Так было с одним из фильтров Яндекса, так было с купленным им сайтом Кинопоиска, который из русскоязычной энциклопедии кино был превращен за безумные деньги в банальный платный онлайн-кинотеатр.
    Как мы разработали и вывели в ТОП сайт курсов рисования
    Иван Стороженко
    25
    комментариев
    0
    читателей
    Полный профиль
    Иван Стороженко - Добрый день. 1)Чаще всего основная проблема заключается, в согласовании с клиентом добавляемого контента и то как он будет отображаться. На данном сайте фото и услуги конечно предоставлял клиент, все остальное уже делали мы. 2)Да в принципе, когда есть команда и понимание, что нужно делать, все идет быстро (опять же основная заминка идет на согласовании с клиентом) 3)Смысла делать новый в данном случает нет. В принципе доделывался полноценный сайт. 4)Когда клиент уже не предоставляет информацию, приходится искать у конкурентов (например с других стран или регионов). Но чаще всего клиент, хоть что-то "подкидывает".
    Эксперимент: как уникальность контента влияет на продвижение сайта
    Гоша
    4
    комментария
    0
    читателей
    Полный профиль
    Гоша - Ну да! Тырить легче, чем самому писать... Или хотя бы заказать. Ещё и хвастаемся. Поисковики - не дураки - найдется фильтр и на тех, что воруют чужой контент. Еще немного... еще чуть-чуть. Получается, если ты украл в магазине - ты вор, а если в интернете - ты предприниматель. Успеха!
    ТОП КОММЕНТАТОРОВ
    Комментариев
    910
    Комментариев
    834
    Комментариев
    554
    Комментариев
    540
    Комментариев
    483
    Комментариев
    373
    Комментариев
    329
    Комментариев
    262
    Комментариев
    235
    Комментариев
    171
    Комментариев
    156
    Комментариев
    137
    Комментариев
    121
    Комментариев
    97
    Комментариев
    97
    Комментариев
    95
    Комментариев
    86
    Комментариев
    80
    Комментариев
    67
    Комментариев
    60
    Комментариев
    59
    Комментариев
    57
    Комментариев
    55
    Комментариев
    54
    Комментариев
    53

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