Pull to refresh
  • by relevance
  • by date
  • by rating

Исследования пользователей. Секрет фокуса. Часть 3: Исследования, как инструмент политики.

Interfaces
Translation
Bowser
Картинка справа: «Проектировщик перед боссом.»
Когда в следующий раз вы будете читать статью об успехах юзабилити исследований, задайте себе для начала такой вопрос: «А какие из результатов являются чем-то большим нежели просто здравый смысл (или как минимум здравый смысл в понимании проектировщиков интерфейсов)?» Спросите еще: «Не способен ли хороший проектировщик прийти к тому же самому решению?»

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

Как объяснить стратегию проектирования заказчикам, коллегам, начальству, которые могут иметь свой взгляд и свои личные предубеждения? Вот тут-то и могут пригодиться исследования.
Читать дальше →
Total votes 15: ↑14 and ↓1 +13
Views1.1K
Comments 2

Два интервью с Рольфом Моликом

Interfaces

Представляю вашему вниманию мой перевод интервью с Рольфом Моликом — известным специалистом в области оценки качества пользовательских интерфейсов, опубликованного в издании UPA Voice. Ссылка на второе интервью в самом низу статьи.


Рольф Молик чрезвычайно любопытен. Он говорит, что именно любопытство привело к идее CUE – это английская аббревиатура сравнительной юзабилити-оценки (Comparative Usability Evaluation). В этом довольно известном исследовании рассматриваются варианты проведения юзабилити-тестирований и экспертных оценок и вопросы воспроизводимости их результатов. Однако деятельность Рольфа не ограничивается только CUE.
Читать дальше →
Total votes 24: ↑19 and ↓5 +14
Views577
Comments 17

Проектирование сетевых протоколов

Website development
Поискал по хабру статьи о проектировании протоколов и к своему удивлению ничего не нашел. Пожалуй, стоит тогда поделиться своими соображениями по сабжу. Сразу скажу, что деление на типы сугубо мое и может не совпадать с тем, что вы найдете в справочниках. Также заранее условимся, что используется язык С/C++.
Читать дальше →
Total votes 70: ↑63 and ↓7 +56
Views21.4K
Comments 74

WUD 2008: фото, видео, презентации

Interfaces
13 ноября, вот уже третий раз в подряд, в рамках «Всемирного дня юзабилити» в Москве прошла открытая конференция WUD 2008. Мероприятие посетило около 200 специалистов. От лица организаторов конференции — сообщества юзабилити-специалистов RusCHI — мы благодарим всех за интерес к вопросам юзабилити и человеко-компьютерного взаимодействия. Конференция традиционно была бесплатной и прошла в помещении компании 1С.

Посмотреть фотографии c WUD 2008 (Flickr)

Сайты авиакомпаний и агентств путешествий: текущее состояние и тенденции (Иван Бурмистров)

Презентация на Slideshare

Юзабилити и транспорт: вести с полей (Екатерина Умнова, Анна Тихонина, Иван Дегтяренко)

Презентация на Slideshare
Читать дальше →
Total votes 31: ↑29 and ↓2 +27
Views600
Comments 6

Деятельностный подход в юзабилити и его сравнение с методикой персонажей

Interfaces
Как сообщалось ранее, 18 декабря 2008 г. в 19:00, в конференц-зал «1С» состоялся круглый стол членов RusCHI «Деятельностный подход в юзабилити и его сравнение с методикой персонажей». Участники круглого стола обсуждали и сравнивали два подхода: теорию деятельности (школа советской психологии, основанная А.Н. Леонтьевым и С.Л. Рубинштейном) и метод персонажей (разработанный американцем Аланом Купером), вспоминали марксистские корни теории деятельности и роль проектирования взаимодействия в развитии технологий.

Знакомы ли Вы с теорией деятельности и методом персонажей? Применяете ли Вы эти подходы в разработке своих проектов и продуктов?

Часть 1
Читать дальше →
Total votes 30: ↑22 and ↓8 +14
Views1.9K
Comments 14

Открыта регистрация на Юзабилити-марафон

Interfaces
Как мы и обещали, анонсируем начало регистрации на второй Юзабилити-марафон. Там же доступна подробная программа мероприятия.

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

Не валяйся на печи — юзабилити учи!
Total votes 29: ↑24 and ↓5 +19
Views911
Comments 12

Всемирный день юзабилити в Москве

Interfaces


14 ноября (в субботу) в Москве состоится праздник — Всемирный день юзабилити (WUD). Тема нынешнего дня — «Дизайн для устойчивого развития» (Designing for a Sustainable World). Событие традиционно пройдет в конференц зале компании «1С» по адресу г. Москва, Никоновский пер., 26, стр.6 (метро Новослободская). Будет вестись видеотрансляция мероприятия. Программа насыщенная, кроме основного потока с докладами, будет поток с мастерклассами. Если будете твиттерить, то не забудьте хэштег #wudru.

«Глядя на программную сетку можно понять, что день предстоит насыщенный. За 8 часов пройдут: 11 докладов, 2 мастер-класса, 3 блиц-выступления (т.н. Lightning Talks) и это не считая конкурсов с призами, общения в перерывах за чаем и печеньем, тестирования макинтошей и прочие сладости (в прямом смысле)! Регистрируйтесь и приходите участвовать!»

Да, и самое главное — участие бесплатно (надо только зарегистрироваться), приглашаем всех!

WUD в Москве
WUD в Беларуси
WUD в мире
Total votes 56: ↑49 and ↓7 +42
Views852
Comments 20

Привязка модели данных к представлению на javascript

JavaScript
Я думаю многие пользуются DataBinding`ом в .NET, она же привязка данных. Она позволяет, при выделенной модели данных и независимом визуальном представлении, забыть о синхронизации данных с формой. Привязав один раз properties модели к элементам представления, мы избавляемся от десятков обработчиков onChange и подобных для изменения полей модели, а в случае изменения поля вне gui-интерфейса (например синхронизация модели с базой), мы не будем мешать уровни абстрации, чтобы обновить textBox.text. Давайте данные будут отдельно, gui отдельно. Плюс мы получаем наглядный, легко переносимый код на asp.net или даже на другой язык/платформу.

 databinding

Синхронизация может быть как в двух направлениях, так и в одном, причем в любую сторону.
С развитием уровня web-ориентированных приложений, появилась возможность реализации подобного решения и на JavaScript. Ну думаю преимущества разделения данных от представления уже много где рассматривались и не раз приводили к холивару, так что упустим этот момент.
Читать дальше →
Total votes 39: ↑33 and ↓6 +27
Views2.6K
Comments 9

Миф об обязательном поле

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

Речь пойдет о практически любых системах, использующих для ввода информации формы. Обязательное поле — это поле формы, без заполнения которого система не примет у вас информацию. Среди подавляющего большинства разработчиков ПО бытует мнение, что обязательными полями должны быть:
  1. Все необходимые с точки зрения предмета поля (например, ФИО и дата рождения человека, если речь о паспортном столе);
  2. Все необходимые для функционирования системы поля (те, без которых не будут работать алгоритмы — например, дата, с которой начинается предоставление услуг, чтобы делать по ним начисления);
  3. Важные поля — такие, которые не необходимо, но желательно заполнить (например, обоснование вносимого изменения) — с той мотивацией, что пусть лучше пользователь попотеет, когда не нужно, чем забудет ввести значение, когда будет нужно.
Как видите, тут целый комплекс мифов, развеивать которые нужно скрупулезно и планомерно. Поэтому начнем с двух других заблуждений.
Читать дальше →
Total votes 138: ↑92 and ↓46 +46
Views14.9K
Comments 322

Покажи мне свои настройки, и я скажу, кто ты

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

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

Чтобы разобраться, давайте задумаемся, откуда берутся настройки? Теоретически, настройки — это способ для разработчика приспособить программу под разные сценарии использования. Пользователи разные, одному нужно одно, другому другое, и если различия в сценариях незначительные, выбор между ними отдается на откуп пользователю. Отсюда следует, что чтобы сделать правильный экран настроек, надо знать цели и задачи пользователей. Это в теории. Что же происходит на практике?
Читать дальше →
Total votes 150: ↑131 and ↓19 +112
Views3K
Comments 119

Критический взгляд

Interfaces
Translation
Вольный перевод статьи Азы Раскина How To Critique An Interface.

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

Сложно ответить на эти вопросы в такой короткой статье, но я приведу хотя бы несколько советов:
Опять одно и то же
Total votes 60: ↑50 and ↓10 +40
Views1.3K
Comments 39

Как фотографии людей удваивают конверсию

Interfaces
Translation
Хорошо изучен научный факт, что глядя на сцену или картину, состоящую из множества различных объектов, люди подсознательно обращают внимание на человеческие лица. Даже малыши и обезьяны смотрят на лица дольше, чем на другие объекты.

Это было подтверждено двумя независимыми экспериментами


Я проанализировал результаты двух A/B тестирований пользователей сайта Visual Website Optimizer и пришёл к выводу, что верный способ привлечь внимание посетителей — это разместить людские фотографии на сайте.

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

Давайте рассмотрим оба эксперимента.
Читать дальше →
Total votes 78: ↑73 and ↓5 +68
Views2.4K
Comments 74

Постепенное вовлечение пользователей вместо формы регистрации

Interfaces
Translation
Недавно (весной этого года) Твитер перепроектировал процесс регистрации, чтобы увеличить количество новых пользователей. И хотя в новой версии в регистрацию добавилась ещё одна страница, то есть дополнительный шаг, конверсия всё равно выросла на 29%. Почему это произошло? Благодаря постепенному вовлечению.

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

Правильное постепенное вовлечение рассказывает пользователю об основной сущности сервиса путём простых взаимодействий. Если вы при этом осчастливите человека — даже лучше. Уилл Райт, создатель Sims & Spore, верит, что игры должны позволять человеку выигрывать в течении первых 5 секунд. Это хорошая философия, чтобы добиться постепенного вовлечения. На самом деле вы можете позволить людям за одно-два простых взаимодействия сделать то, в чём смысл вашего сервиса. Это наилучший вариант.

Термин «gradual engagement» я перевожу как «постепенное вовлечение». По-моему он точно отражает суть, но вы можете указать в комментариях свой вариант.
Читать дальше →
Total votes 63: ↑58 and ↓5 +53
Views1.7K
Comments 40

Даже иллюзия прогресса повышает мотивацию

Interfaces
Translation
Статья из цикла «100 вещей, которые вы должны знать о человеках».

кофейная карта

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

Карта А: на карточке 10 квадратов для штампов, и когда вы её получаете, все они пустые
Карта Б: на карточке 12 квадратов для штампов, и когда вы получаете карточку, то два уже проштампованы.
Вопрос. Сколько времени у вас займёт, чтобы заполнить карточку? Произойдёт это быстрее по сценарию А или Б? В конце концов, вам надо купить 10 чашек кофе в обоих случаях, чтобы получить одну бесплатно. Так если разница, какую карточку вы используете?

По-видимому ответ — да, есть. Вы быстрее заполните карточку Б, чем А. Это называется эффект приближения к цели («goal-gradient» effect).

Он был изучен Кларком Халлом в 1934 году на крысах. Он обнаружил, что крысы тем быстрее бегут по лабиринту с едой, чем ближе они к концу лабиринта, где находится еда (сыр).

Эффект приближения к цели говорит, что вы ускоряете свою деятельность по мере приближения к цели. Сценарии, которые выше описал автор, были частью исследования Рена Ривеца, Олега Урминского и Юхуанг Женга. Они решили посмотреть, поведут ли себя люди как крысы :) И ответ — да, поведут.
Читать дальше →
Total votes 159: ↑153 and ↓6 +147
Views2.1K
Comments 76

Желание выбирать и управлять у нас с рождения

Interfaces
Translation
Этот перевод 31 статьи из цикла «100 вещей, которые вы должны знать о человеках». В ней мы поговорим о невином человеческом желании управлять и иметь возможность выбора.

Я только начала читать новую книгу Шины Ингар «Искусство выбора». И стала поклонником её работы. Она автор известного «вареньевого исследования» (я напишу о нём ниже — переводчик).

Парадокс выбора
В своей книге «Парадокс выбора. Почему больше значит меньше» Барри Шварц рассказал о том, как сильно мы хотим иметь множество вариантов. Парадокс состоит в том, что когда у нас слишком много выбора, то мы, как правило, не выбираем вообще. В своей книге «Нейро веб-дизайн: Что заставляет их кликать» я посвятила целую главу нашей потребности иметь выбор и, как результат, неспособности выбирать.

Врождённое желание управлять
Желание управлять окружающей средой живёт внутри нас, мы с ним родились. Это имеет смысл, т.к. контролируя окружение, мы скорее всего повышаем свои шансы на выживание. Прочитав рассуждения Шины о выборе, я задумалась об управлении и связи между возможностями выбирать и управлять. Желание контролировать связано с желанием иметь выбор.
Читать дальше →
Total votes 55: ↑47 and ↓8 +39
Views3.4K
Comments 61

Проклятье веб-сайтов и волшебный UX design

Design
Представьте себе обычного директора, который решил сделать обычный сайт для своей не менее обычной компании. Он нашёл ближайших веб-разработчиков с честными глазами и в двух словах на одной салфетке описал им стандартные пожелания обычного корпоративного сайта. А может быть он поступил проще — указал на похожий сайт и сказал: “Мне надо тоже самое, только круче!”. Разработчики привычно сами себе написали техническое задание и с честью его выполнили. Потом как смогли наполнили сайт контентом и запустили, помолясь. За месяц работы на сайт зашло десяток роботов и несколько случайных посетителей. Директору рассказали о SEO, на которое ему, скрепя сердце, пришлось выделить на три месяца по 50 тыс. руб. — “чтобы попробовать” и “чтобы наверняка”. Благодаря раскрутке сайт начал появляться в поисковой выдаче и счётчик стал показывать почти тысячу посетителей в день. За это время к менеджерам звонило по 5-10 человек в месяц, говоривших что они смотрят сайт и у них есть вопросы о товарах. Реальным клиентом стал только один, да и то, по-мелочи.

Убитый печалью директор отменил всё это бессмысленное SEO и с негодованием отказался от предложений потратить ещё денег на услуги “партизанского” и “социального” маркетинга со “100% результатом”. Попытки выяснить причину неудачи ни к чему не привели — все эксперты только разводили руками и опять советовали потратить денег на SEO, контекстную рекламу и маркетинг. Или заказать новый сайт у новых разработчиков — вдруг на этот раз он получится лучше. И вот поиск причин неудачи перешёл из области разума в область метафизики. Ведь неизвестно — может у разработчиков сайта отрицательная карма (на хабре), или хостинг сайта расположен на старом индейском кладбище, или сервер не окропили святой водой, или сглазили по ftp, или это конкуренты заплатили денег энергоинформационному экстрасенсу и он с помощью генератора акустического резонанса (модель бубен) взял, да и сайт весь ПРОКЛЯЛ!
Читать дальше →
Total votes 82: ↑51 and ↓31 +20
Views11.3K
Comments 54

Семь принципов успешного социального продукта, которые вам надо знать

Social networks and communities
Translation
Социальные продукты — это весьма интересная птица. Даже для самого опытного продакт-менеджера, социальные продукты остаются неуловимыми. И хотя есть много очевидных истин про них, существует масса способов продумать их неправильно. Особенно если вы глубоко в текущем моменте, принимаете решения на уровне пикселей, стараетесь помнить что же именно важно, — и общая картина размывается.

Есть единственная магия, которую я обнаружила в дизайне привлекательных социальных продуктов, которые отлично прорываются через шум и овладевают временем и деньгами людей. Это тотальное следование следующим ключевым принципам дизайна, архитектуры продукта.
Читать дальше →
Total votes 65: ↑49 and ↓16 +33
Views2.3K
Comments 51

Доклад «Золотые правила создания успешных веб-сайтов» на конференции IT2Days Usability

Interfaces
image
В Москве 11 и 12 апреля организация AIESEC совместно с User Experience Russia проводит конференцию IT2Days, посвященную юзабилити.

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

Слайды: Золотые правила создания успешных веб-сайтов для конференции IT2Days

P.S. Организаторы обещали предоставить видео на этой неделе.

P.P.S. Прислали фотку с оценками доклада. Оценка производилась по двухсмайльной системе от :( – не очень понравилось, до :) – просто восторг!
Оценка участниками конференции доклада
Total votes 16: ↑11 and ↓5 +6
Views2K
Comments 4

Процессный подход к проектированию интерфейсов

System Analysis and Design
На хабрахабре регулярно публикуются статьи о юзабилити. Некоторые вещи, которые в них говорятся обычно достаточно очевидны, некоторые требуют серьезной подготовки. Однако во всех них чего-то не хватает.

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

Если вам интересна такая проблематика, пойдем дальше и рассмотрим процессный подход к проектированию информационных систем, куда конечно же относятся и вопросы юзабилити.
Читать дальше →
Total votes 57: ↑51 and ↓6 +45
Views5.4K
Comments 20

Проектирование посетительского поведения приема дисконтной карточки в интернет-магазине

Lumber room
Сейчас у меня есть клиент (я об этом уже упоминал), который хочет вывести в Украину новую бонусную систему. Потихоньку она перерастает в платежную. Планы чрезмерно амбициозные, а делается все на коленке. Деньги у клиента большие, но человек старой закалки и привык все делать на лету. Особенно это касается IT.

Как следствие, при тестировании процесса активизации карточки потенциальным владельцем возникла куча проблем. Кратко — 3 шага с возвратом на один шаг, 2 шага для дальнейшего входа в систему, неудобный ввод неудобного пароля. В итоге прогнозируемая эффективность — максимум 10%. Это все следствие отсутствия проектирования посетительского поведения.

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

Я же окрестил это «проектированием посетительского поведения», разбил на три части: посетитель без карточки+оформление оператором карточки, посетитель зачисляет бонусы на карточку, посетитель расплачивается карточкой.

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

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

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

Для себя я поставил задачу сделать процесс работы с карточкой в интерфейсе интернет-магазина максимально простым, защищенным от ошибок и вредительства, четко описать поведение операторов на местах. И ОБЯЗАТЕЛЬНО таким, чтобы в случае каких-либо проблем посетитель мог оперативно, без истерик решить их. Ведь проблемы напрямую влияют на конверсию в магазине, если процесс взаимодействия с окном для ввода карты будет затруднителен — это незамедлительно скажется на конверсии. И клубная система, вообще, будет терять участников.

Получилось, что в спроектированном поведении (далее кратко буду называть «логикой»), есть 3 группы, так называемых, заинтересованных лиц. То есть субъекты, которые принимают участие в процессе. Оператор, посетитель и скриптик. Последний тоже производит в логике важные действия, поэтому я и его зачислил в группы заинтересованных лиц.

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

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

Читать дальше →
Total votes 7: ↑5 and ↓2 +3
Views1.2K
Comments 1