Taking A Customer From Like To Love
http://uxdesign.smashingmagazine.com/2011/08/26/taking-a-customer-from-like-to-love-the-ux-of-long-term-relationships/
Есть вещи, относящиеся к впечатлениям от пользования, которые нельзя заранее указать в прототипе. Вещи, которые необходимы для того, чтобы посетители испытывали приятные ощущения во время «общения» с интерфейсом. Об этом идет речь в статье.

Improving The Online Shopping Experience, Part 1: Getting Customers To Your Products
http://uxdesign.smashingmagazine.com/2011/09/15/improving-the-online-shopping-experience-part-1-getting-customers-to-your-products/
Как расположить пользователей к своему интернет-магазину и какими на первый взгляд обычными, но на самом деле важными элементами, должен обладать интернет-магазин.

The S.M.A.R.T. User Experience Strategy
http://uxdesign.smashingmagazine.com/2011/09/13/the-s-m-a-r-t-user-experience-strategy/
Прекрасно, когда цель достигается за счет дружбы целей посетителей с бизнес целями. Что такое S.M.A.R.T. в контексте посетителя и для бизнеса.

Веб

7 Best Practices for Improving Your Website’s Usability
http://mashable.com/2011/09/12/website-usability-tips/
Что делать с текстовым контентом на сайте, чтобы его с удовольствием читали. Советы с примерами можно найти в статье.

Business Web Application Design
http://designmodo.com/business-web-application-design/
Как создавать приложение для бизнеса: какими требованиями руководствоваться, что учитывать при создании, когда идти на компромисс и много другое.

Мобильные девайсы

Поддержка мобильными платформами и браузерами технологии HTML5
http://mobilehtml5.org/
Проектируя интерфейс не стоит забывать какждый из последующих этапов разработки. Таблица, которая определяет возможности мобильных платформ и браузеров в технологии HTML5.

This is the Magazine Grid
http://grid.asidemag.com/
Полезный ресурс, который рекомендует сетку для приложения под iPad печатного издания.

10 Mobile Usability Testing Tips
http://answerlab.com/blog/2011/02/03/10-mobile-usability-testing-tips/
Полезная информация о том, чего ожидать от тестирования приложения для мобильного устройства и как его эффективно проводить.

Инструменты

Iconza
http://iconza.ru/
Часто для прототипирования не хватает иконок. Разные иконки разного цвета можно найти по ссылке.

• Полезные ссылки выпуск №8
• Полезные ссылки выпуск №3
• Виды usability-специалистов

Конференция UX Ukraine 2011

Конференция прошла на «ура» и  собрала специалистов с разных стран, которые готовы получать знания и делиться ими.

1. Место проведения

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

2. Доклады иноСтранных гостей

После приветственного слова начался доклад Дэйва Рота (MISI Company ltd.) под названием «The Kings are Dead».
Основной идей доклада было необходимость перестать думать понятием «пользователь» и чаще использовать «ЛЮДИ». Вся функциональность продукта должна быть направлена на человека. А не как часто бывает — создается удобный, но бесполезный продукт.

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

Второй доклад начался со слов Эрика Райса(FatDUX): «Дэйв Рот как всегда не прав!» Его доклад назывался «Users, Experience, and beyond». Эрик выступал очень энергично и даже театрально, что дало ему преимущество и внимание всего зала. Основные тезисы, которые я записал:
1. «Без содержания, нет контекста». Необходимо понимать, где и в каких обстоятельствах находится ваш человек.
2. Решение потребности человека можно описать с помощью параметров: отношения, ожидания, наличия времени, окружающей средой, происхождением потребности. Хороший пример о поиске отпуска для себя или босса, объяснил, как эти параметры используются.
3. Взаимодействие с продуктом делятся на активные, пассивные и второстепенные.

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

3. Каждый попал в поток.

Далее всех разделили на 3 потока: аналитики, менеджеры и проектировщики.

Я был в потоке проектировщиков нашим модератором стал Андрей Сикорский (UsabilityLab). Андрей — зануда проектирования, в хорошем смысле этого слова ) Он заставил нас побегать и показал, как работают социологи для определения аудитории.
Потом вкратце рассказал о вводных данных, которые необходимы для проектирования нового продукта и «табуретке» Нормана.

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

4. Вечерний бриз

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

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

5. Потребности кроликов и мини-доклады.

На следующий день параллельно с работой над проектом мы прослушали несколько интересных докладов о майндмепинге, как создали Viasat, секреты в Axure, SEO в юзабилити и социальный анализе от userreport. От Евгения Мусиенко (ТурумБурум) узнали, что такое deliverable и как его произносить.

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

6. Финальные прототипы и юзабилити-тестирование

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

На примере интерактивного прототипа созданного с помощью Axure провели наглядное тестирование для всех участников.

7. Результаты и выводы

Итоги конференции подводили в автобусе, там же были вручены книги самым «облайканым» участникам.

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

Конференция помогла правильно получить и закрепить опыт работы с проектами, добавила энтузиазма и желания получать и делиться опытом со всеми. Не хватило доклада Дмитрия Сатина (мем «сатинамало») и Андрея Сикорского, но они с радостью отвечали на вопросы и делились опытом при личном общении. За что им спасибо! )

От чистого сердца благодарю главного организатора Ольгу Горенко (UsabilityLab) и её помощников: Дарью Иващенко, Владимира Сахарова, Юрия Грановского и Марию Томин.

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

• Конференция «User Experience 2009»
• User Experience Ukraine-2011
• Юзабилитилаб (Usabilitylab) — будущее юзабилити

Всё начиналось достаточно хорошо.

Сообщите об изменениях на сайте

Создатель connect.ua Сергей Коркин, заранее сообщил об будущих изменениях в проекте с помощью баннера (в виде взрыва от атомной бомбы).
В описании «новых возможностей» сообщалось, что в новой версии не будет большей части популярных разделов.

«Новый Коннект — это место общения позитивных, интересных и открытых людей. Новый Коннект для тех, кто хочет получать удовольствие от общения. Мы не гонимся за количеством людей и не сможем угодить всем. Мы хотим дать возможность интересным людям знакомиться и общаться друг с другом.» (из обращения к пользователям)

В новой версии будут отсутствовать:

• Заработанные и накопленные бонусы (коннекты)
• Загруженную информацию (фото, музыку, видео, аудио, персональные данные)
• Элементы для общения (подмигивание, микроблог, рейтинг, эмоций)
• А также разделы Новости, Ответы …

Пользователей попросили оставить только 9 фотографий, иначе они будут удаленны.

Профайл пользователя в социальной сети connect.ua

Вот как выглядел профайл в старой версии сайта:

Переход на новую версию

Лучшим переходом на новую версию является её запуск параллельно старой и постепенно завлекать на неё пользователей. Когда большая часть перейдет — установить её по умолчанию. Хорошим примером является обновление главной страницы портала bigmir.net.

В проекте connect.ua всё происходило комичней. В один «прекрасный день» пользователи вместо привычного сайта увидели надпись «Ведутся технические работы, а мы общаемся ». Потом добавился блок комментариев Вконтакте, что позволило общаться пользователям и распространять информацию о Connect на свои стены.

Потом происходили странные вещи на сайте. Появился телефон Коркина, его профайл ВКонтакте, единороги, ночь....

Всё это создало сверхожидания новой версии.

Новая версия connect

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

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

Профайл пользователя в новой версии

Вот так выглядит профайл нового сайта, для нового пользователя:

Выводы и советы

После запуска новой версии, пользователи начали атаковать страницу Коркина с пожеланиями вернуть всё обратно. Многие просто уходили с сайта.

Статистика посещаемости сайта connect.ua

Через день после запуска новой версии количество посетителей и просмотров сократилось в 3 раза!!!

Советы для редизайна сайта:

1. Проанализируйте вашу лояльную аудиторию.
2. Не забирайте у пользователя созданный им контент;
3. Не убирайте популярные сервисы, если им нет альтернативы
4. Внедряйте постепенно
5. Вовлеките пользователей в процесс создания новой версии

• Эволюция bigmir)net
• Новый дизайн главной страницы bigmir.net
• Регистрация на Точке

Новая главная страница bigmir.net

Первые впечатления

Первые впечатления от просмотра новой главной страницы портала bigmir.net— положительные. В первую очередь заметны огромные изменения  в дизайне.

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

Наконец-то ядреный синий цвет логотипа заменили на более спокойный и избавились от «колхозного» белого свечения. А вот расположение и размер девиза вызывает вопрос: «Чем больше, тем лучше?!»

"Шапка" сайта

Позиционирование шапки, которая ранее была ярко выражена и являлась логическим и визуальным центром страницы, изменилось. Он стала более «легкой» и приятной, но менее акцентированной. Большое внимание привлекает желтая плашка поиска.

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

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

Вот еще интересная вещь :

Подозрительное название кнопки. Будем считать. Что это баг.

Сервисы

Строка кнопок сервисов тоже потеряла свою четкость:

Кнопочки стали аккуратнее, приятнее визуально, но менее заметны.  Старые иконки гораздо лучше цепляли взгляд, а ICQ вообще «поставили в угол».

Блок новостей

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

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

Не так постно стал смотреться блок новостных ссылок

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

Очень странно приклеился блок курсов валют, прямо к блоку новостей. Из-за того что он никак не выделен  он теряется.

Учитывая его расположение, не спасает даже цветовое кодирование динамики изменения валюты.

Регистрация и почта

Очень интересное решение с кнопкой почты:

Двойная кнопка с подсвеченной секций «ВХОД» по-умолчанию. Смотрится незатасканно и свежо.

Сервисы

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

Дизайнеры решили обойтись одним блоком «Рекомендуем»:

Он смотрится более менее понятно и логично. Но потом начинаються вопросы: «Видео, описание к видео справа? В чем разница между фотографией, приколом и статьей из Корреспондента? Где чье название?»   Эти все и вносит повод для легкого недоумения.

Итог

Сайт, как и следовало ожидать, стал более современным по дизайну и морально свежим. Все за счет графики и упрощений. Правило KISS (keep is simple, stupid) использовали по максимуму и даже перестарались.

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

Иконки сервисов стали меньше, тусклее, незаметнее.

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

Добавились интересные элементы, такие, как кнопка почты.

Одним словом, новый дизайн и интерфейс — без сомнений — шаг вперед.

Но есть огромное «НО»

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

Акценты сделаны именно на новостях, остальные разделы остались немного в тени. Посвященный им блок «Рекомендуем» внизу страницы выглядит скорее как реклама от партнеров. Кроме того на большинстве разрешений мониторов этот блок будет скрыт.

Возможно изменились стратегические цели страницы... время покажет.

Просим вас высказать свое мнение по поводу главной страницы, а также задавать вопросы по поводу редизайна. Мы выберем лучшие, зададим их дизайнерам bigmir.net и опубликуем в блоге. )

• Принципы проектирования
• Эволюция bigmir)net
• Оптимизация показателей конверсии с помощью юзабилити.

Настройка громкости

Старый: Громкость всплывает над видео, тем самым закрывая его часть. Для её настройки необходимо водить курсором вверх-вниз

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

Ползунок видео

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

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

Дизайн

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

• Видеоплеер. Конец фильма.
• Особенности психологии человека при проектировании сайтов (обновлено)
• Олег Карапузов: Как мы выиграли DOU Startup mixer.

Всё делается людьми для людей.

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

Итак,  вот эти принципы:

1. Самоосознание

Всегда носить одну и ту же шляпу.

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

2. Понимание целей

Делать то, что правильно, а не то что хорошо для карьеры.

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

3. Самостоятельность

Тот, кто подметает пол вправе выбирать веник.

Мы должны избавиться от правил, писаных и неписаных, и поощрять самостоятельное мышление в себе и других.

4. Чуткость

Забота должна быть не поддельной

Чуткость — признак не слабости, а, необорот, силы, и её нельзя имитировать ни внутри организации, ни по отношению к клиентам. Без доверия и заботы никогда не узнать, что можно было бы осуществить. Без свободы от страха нельзя мечтать, а значит, реализовывать свой потенциал.

5. Умение слышать правду

У вещей есть голос

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

6. Откровенность

Только правда звучит правдоподобно

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

7. Активность

Мыслить как человек действия, действовать как человек мысли

Найди наилучшее соотношение энтузиазма, целеустремленности и постоянства. Чувствуй, действуй, думай.

8. Противостояние трудностям

Мы прежде всего люди

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

9. Авторитет

Спокойный негромкий голос посреди оглушительного шума

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

10. Смелые мечты

"Да!" — самое могущественное слово на свете

Смелые мечты — это велики цели, большие надежды и радости. Скажите им «да», радуйтесь тому, что делаете, и помогите другим испытать такую же радость!

• 7 решений, которые помогут успешно продавать юзабилити
• Конференция «User Experience 2009»
• Новый плеер YouTube

Название сайта я прочитал как «Осени», посомтрел за окно, точно оcень...

Первое впечатление:

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

Захотел какуе-то 7-ми звездочную «Teka Centroval», что это по картинке понять тяжело, но выглядит забавно )

Навигация:
_ Добавить. Что добавить? Оценку, товар, фотографию.... не понятно.
 — Карта категорий. Там наверно будет перечень всех категорий, который есть справа.
Ну это для СЕО, но название странное. Можно назвать проще — КАТАЛОГ )
 — Мнения. В принципе понятно
 — Люди. Тоже ясно что там будет.

Навигация по категориям сделанна достаточно хорошо.
Нашел самый активный блок! Прямой ефир!
В нем увидел следующее «Anni > Siemens VS07G1890 5». Можно только догадываться что сделал Анни с Сименсом и при чем 3 раза )))

Решил посомтреть оценки на телефон нокиа 6300. Ввел в поиск «Nokia 6300» в результате 1-м в списке получил «Ноутбук Apple MacBook Pro (MacBook Pro Z0ED)». Хорошая реклама
В результатах был даже миксер! )

Страница товара Nokia 6300:

Снова пугает кол-во звезд! Сайт предлагает в первую очередь оценить.
Оцениваю можно одновременно сказать что у телефона хороши и плохой дизайн )
Свое мнение у меня никто не спрашивает. Хотел написать что он очень эргономичный.

Оценка товара

Выбрал для чего я его использую а обнаруживаю в поле «Статус» по умолчанию выбранно «Имел», возникли странные ассоциации...

Нажимаю «Оценить» благодарности не дождался (((
Под оценкой есть возможность нажать на ссылку «Хочу иметь»... может лучше оставить просто «Хочу»?

Напоследок решил «Чего-то добавить».

Добавь что-то

• Интерфейс для таблетки
• Будущее цифрового мира от Nokia + критика
• 14 советов для создания приложения для iPad

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

Почему?
Всему есть причина. И вероятнее всего, что глупые и нелогичные диалоговые окна («Вы хотите закрыть этот файл? Да/Нет/Отмена», «Вы точно хотите закрыть этот файл? Да/Нет/Отмена», «Вы на сто процентов уверены, что хотите закрыть этот файл? Да/Нет/Отмена») впервые появились именно после звонка разгневанного пользователя, который убил четыре часа, попиксельно рисуя цветочек в MS Paint, а потом потерял все за десять секунд. Как же так, — возмущается пользователь, — вы что, не могли предвидеть, что я закрою программу, не сохранившись?!

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

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

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

Да/Нет/Отмена, проблема намного глубже.

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

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

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

Иногда доходит до смешного — Джефф Безос, рассказывая о том, как в Amazon внедряли систему 1-Click, вспомнил о первом разговоре с программистами, которым было поручено реализовать новую модель взаимодействия с покупателями (1-Click отличается от обычной системы покупок в интернет-магазине тем, что в ней купить товар можно с помощью одного щелчка мыши). Программисты внимательно выслушали маркетологов, сказали, что технических проблем возникнуть не должно, и отправились кодировать. Когда через некоторое время они решили показать черновой вариант, выяснилось, что на покупку требуется не один, как требовали маркетологи, а два клика. Возникли непредвиденные технические трудности? В ряды амазоновских программистов затесался саботажник? Один из программистов — заика? Нет, нет и еще раз нет. Они создали двухкликовую систему потому, что так было проще, и им показалось, что один или два клика — совершенно неважно. В конце концов, два клика тоже не очень много. Ну щелкнет покупатель лишний раз, рука не отвалится.

Вместо заключения

Попробуем подытожить. Проектировщику современных интерфейсов приходится иметь дело с:

• программистами, у которых есть свое мнение о том, как должна выглядеть программа, и есть сроки, в которые они должны уложиться;
• пользователями, которые, как правило, не могут объяснить, что им нужно, но без проблем определяют, что им не нужно, после того как программа уже закончена;
• творческими ограничениями, потому что миллионы леммингов не хотят и не будут переучиваться.

Даже удивительно, что проектировщикам интерфейсов удается добиться хоть каких-то результатов. Да? Нет? Отмена?

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

из журнала "Компьютерра Автор: Сергей Задорожный

Читайте также:
• Проектировать сайт для новичков или для продвинутых?
• Баннерная слепота. Как лечить?
• Не слушайте пользователей (правило юзабилити)

• На что люди смотрят перед тем как купить, или 10 принципов для интернет магазинов
• Используйте доступное пространство на экране
• Google хочет захватить весь мир Интернета.

Портал bigmir)net

Был основан в 2000 году и создавался как каталог украинских сайтов отсортированных по собственному рейтингу. Портала предлагал такие основные услуги:

• каталог сайтов;
• завести почту «Bigmir)mail -твоя бесплатная почта»;
• узнать последние украинские новости «КОРРЕСПОНДЕНТ.NET»;
• принять участи в «ЧА-ЧА-ЧАТЕ»;
• познакомится с «девушкой дня», почитать «Библиотеку Мошкова» и др.

Все остальные сервисы грозовой красной тучей зависли под логотипом. Для выделения важных блоко использовался CapsLock и желтый фон.

Рождение bigmir)net

После 2 лет жизни портала главная страница преобразовывается. Более четко выделили блок «Поиска», добавили рекламы и разделили сервисы из «красной тучи» по типам.

bigmir)net — 2 года и 5 месяцев

Через 5 лет bigmir)net валяется на пляже роскошного океана. Не знаю с чем это связано, но выглядит свежо и по-домашнему. Сервисы снова слились в кучу и к ним ещё добавили кучу «Магазинов». Сделали более быстрый и удобный вход на почтовый ящик. Сделан упор на знакомства, общение в чате и фотоальбомы. Точнее решили это всё совместить. Новости перенесли на 2-й план прямо под баннер. Количество сайтов в каталоге и пользователей в Интернете стремительно растет.

bigmir)net 5 лет и 10 месяцев

Уже на следующий год главная страница потерпевает сильных изменений. Теперь сайт растянут на всю ширину экрана. На 1-м месте у сайта стоит реклама, она занимает около 50% страницы и магазины. Для основных сервисов портала нарисовали иконки, теперь их намного легче найти. Новости и каталог сайтов можно увидеть только после прокрутки страницы

Следующие изменение происходит через 2 года. Порталу уже почти 8 лет. На главной страинице произошли кардинальные изменения. Дизайнеры постарались на славу. Полность пересмотрели структуру страницы, вернули заданную ширину страницы в 950 пикселей. Сделали пользовательский блок с основными сервсами (Почта, Знакомства, Погода, Гороскоп, Видео). Новостям выделили почетное место посредине страницы к главной новости теперь показывается картинка. Информация стала более структурированной и собранной по сравнению с предыдущими версиями.

bigmir)net 7 лет и 9 месяцев

Не проходит и года и снова главная bigmir)net изменяют. Шапка портала сочетает в себе навигацию по основным сервисам портала, поиск и вход на почту. Теперь страница делится на 2-колонки (меньше на 1 в сравнении с предыдущей версией). Новости стали занимать ещё больше места, также выводятся полезные статьи. Bigmir)net становиться порталом с качественными новостями и статьями.

bigmir)net 8 лет и 6 месяцев

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

Спасибо за хорошую идею Кулакову Максиму, а за изображения Интернет-архиву.

Читайте также:    
• Создание эффективных сайтов
• Баннерная слепота. Как лечить?
• Когнитивное сопротивление

• Новый дизайн главной страницы bigmir.net
• Регистрация на Точке
• Видеоплеер. Конец фильма.

Если вы не знаете, как люди реально работают в Интернете ваши продукты будут терпеть неудачу.

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

Вы спрашиваете себя, снова и снова, почему? Почему мой продукт не получает такой же успех, в отличии от аналогичных?
Однозначного ответа нет, но некоторые из них похожи на эти:

• Обычно пользователи, которые впервые ознакомившись с сайтом или программой привыкают к её использованию. Они могут терпеть неудобства и продолжать использовать его, не смотря на то, что есть продукты на много лучше. (Пример: браузер Internet Explorer, сайт Одноклассники). Большая часть времени пользователи проводят в Сети не посвящая изучению новых сайтов. Напротив, пользователи, идут на тот же сайт снова и снова. И у них нет достаточно оснований для его изменения.
• Ваш продукт не будет лучше, чем у конкурентов только потому, что вы сделаете больше функций. Большое количество функций можно использовать для хороших маркетинговых компаний, а также для того чтоб запутать и разочаровать пользователей. Большинство пользователей никогда не станут экспертами, которым необходимы более продвинутых функции. Основная часть пользователей, быстро становится пользователями среднего уровня, и остаються на этом уровне.
• Выполнения задач в вашем приложении, заставляет пользователя «бороться» с программой для их достижения.

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

Источник: «Designing the Obvious», Robert Hoekman, Jr.

Читайте также:  
• Проектировать сайт для новичков или для продвинутых?
• Пользователь, кто ты?
• Не слушайте пользователей (правило юзабилити)

• Отдых с блондинкой от uatravel
• Сегодня Всемирный День Юзабилити
• Полезные ссылки выпуск №8