Чужие мысли

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

Антон Вакуненко — Sat, 04 Apr 2009 11:00:14 +0000

How I Learned to Love Middle Managers
Автор: Joel Spolsky
Источник: Inc.com

Десять лет назад, когда я работал в Juno, интернет-провайдере в Нью-Йорке, мой босс поставил меня на позицию технического менеджера. Название новой должности не означала, что мне будут больше платить, и у меня по-прежнему было два человека в подчинении. Juno подпитывалась инвестициями из D.E. Shaw – компании, в которой работал Джеф Безос до того, как основал Amazon. Я с гордостью стал получать огромное количество писем, которые циркулировали между менеджерами.

Вскоре я заметил, что примерно половина сотрудников компании получает эти письма.

Вопрос на 3 миллиарда

Антон Вакуненко — Thu, 19 Mar 2009 14:00:06 +0000

The Magic Behind Amazon’s 2.7 Billion Dollar Question
Автор: Jared Spool
Источник: User Interface Engineering

С момента выхода в 2007 году последняя книга из серии про Гари Поттера – «Гарри Поттер и Дары Смерти» – получила 3286 отзывов от покупателей с Amazon.com. Хотя подавляющее большинство отзывов были положительными, несколько сотен пользователей оценили книгу как «посредственно» или «ужасно».

Amazon позволяет делать лучшими как положительные, так и отрицательные отзывы и благодаря этому и те и другие легко находить. И эта функция, по нашим расчетам, приносит Amazon дополнительно $2700000000 в год. Неплохо для простого вопроса: «Был ли этот отзыв полезным для вас?».

Удобные формы с помощью jQuery

Антон Вакуненко — Tue, 24 Feb 2009 09:16:47 +0000

Валидация

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

Для таких полей можно задавать ограничения, не позволяющие вводить пользователю неправильные данные.

Alphanumeric – позволяет указывать, какие символы можно вводить в каждое поле в форме (например, «только символы», «только числа», «только числа, пробелы и тире» и т.д.).
jVal – поддерживает проверку длины полей, регулярные выражения, сравнение значений в разных полях (например, пароль и подтверждение пароля).
Validation – самый известный и продвинутый плагин для валидации.

Визуальная коммуникация в контекстно-зависимых полях

Антон Вакуненко — Sun, 01 Feb 2009 06:37:45 +0000

Visually Communicating Selection Dependent Inputs
Автор: Luke Wroblewski
Источник: Functioning Form

Контекстно-зависимые поля требуют от пользователя ввести дополнительную информацию в зависимости от первоначального выбора, чтобы завершить заполнение формы. В статье Selection-Dependent Inputs (Контекстно-зависимые поля) я описал ряд способов решения этого вопроса.

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

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

Кнопка на 300 миллионов

Антон Вакуненко — Thu, 15 Jan 2009 12:16:58 +0000

The $300 Million Button
Автор: Jared Spool
Источник: User Interface Engineering

Как изменение кнопки увеличило годовой доход сайта на 300 миллионов долларов

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

Полями были «Адрес электронной почты» и «Пароль». Кнопки – «Вход» и «Регистрация». Ссылка – «Напомнить пароль». Это была форма авторизации на сайте. С такими формами пользователи сталкиваются все время. Какие у них могут быть с ней проблемы?

Размещение стрелок рядом с текстовыми ссылками

Антон Вакуненко — Wed, 29 Oct 2008 14:03:53 +0000

Should Arrows be Placed Before Link Text or After?
Автор: Dmitry Fadeyev
Источник: Usability Post

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

Сегодня рассмотрим вопрос о том, как располагать стрелки: перед текстом или после.

Почему дизайнеры терпят неудачи

Антон Вакуненко — Thu, 23 Oct 2008 13:31:10 +0000

Why designers fail: the report
Автор: Scott Berkun
Источник: scottberkun.com

На прошлой неделе я анонсировал исследование вопроса о том, почему дизайнеры ошибаются – изучение причин того, почему дизайнеры и люди, которые работают с дизайнерами, считают, что дизайнеры не добиваются того результата, к которому стремятся. Я презентовал результаты на прошедшем UIE 13 и, как и обещал, публикую отчет.

Введение

Опрос состоял из 41 вопроса, разделенных на три категории: психологические, профессиональные и организационные. Участники выставляли каждому вопросу оценку от 1 до 5 по следующей схеме: 5 – вопрос имеет большое значение при объяснении, почему дизайнеры терпят неудачи, 1 – минимальное значение (3 было выбрано как нейтральное значение).

Размещение кнопок «Вперед» и «Назад» в формах

Антон Вакуненко — Mon, 22 Sep 2008 08:17:45 +0000

Previous and Next Actions in Web Forms
Автор: Luke Wroblewski
Источник: Functioning Form

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

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

На пути к новому интерфейсу Microsoft Office (часть 8): Точки на графике

Антон Вакуненко — Wed, 27 Aug 2008 05:30:52 +0000

Grading On the Curve
Автор: Jensen Harris
Источник: An Office User Interface Blog

В предыдущих публикациях я рассказал о Программе улучшения качества ПО и о некоторых данные, которые были собраны в ходе этой программы. Как мы используем эти данные при работе над дизайном и организации пользовательского интерфейса Office 2007?

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

Многие люди говорят, что необходимо оптимизировать интерфейс так, чтобы он совпадал с данными об используемости. На первый взгляд, это кажется разумным; вы можете определить значение отдельных функций в зависимости от того, в каком месте кривой они находятся. Но есть одна проблема: такой продукт уже существует и это – Office 2003.

Другими словами, если мы хотим создать продукт, дизайн которого будет в точности соответствовать модели используемости, делать вообще ничего не придется – Office 2003 полностью соответствует кривой используемости.

На пути к новому интерфейсу Microsoft Office (часть 7): Вставка в лидерах

Антон Вакуненко — Mon, 25 Aug 2008 02:23:09 +0000

No Distaste for Paste
Автор: Jensen Harris
Источник: An Office User Interface Blog

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

Для меня наиболее интересно было обоснование предположений. Вот некоторые из них:

Ctrl-Z (отменить) должна занимать одно из первых мест в пятерке. Полужирность и курсив также должны быть там.
Сохранение используется очень редко. Большинство пользователей, насколько мне известно, отрицательно относятся к идее частого сохранения.
Я не согласен со всеми. Моя мать не может вырезать, копировать и вставлять, я она больше похожа на обычного пользователя, чем любой из нас.
Нормальный человек не станет использовать Предварительный просмотр.

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