Павел Моисеенко

интерфейс

Форма оплаты картой

Об этом не рассказывают на UI/UX-вебинарах. Имя держателя карты необязательно для заполнения:

unitpay
Unitpay.ru

rocketbank
Рокетбанк

5 комментариев

, ,

Сервис «Releadgion»

cover releadgion@2x

Сервис над которым я работал в 2015–16 годах. Здесь рекламщики заводят рекламные кампании и оптимизируют их сразу в нескольких источниках (Май Таргет, Гугл, Фейсбук, РТБ).
дашборд@2x

таблица@2x

МТ@2x

тариф@2x

О сервисе

Нет комментариев

,

«Хороший интерфейс — невидимый интерфейс» Голдена Кришны (2015)

no_interface

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

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

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

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

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

О том как футурологи видели будущие офисы без бумаги. И они стали без бумаги. Но с интерфейсами:

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

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

Когда-то мы мечтали о безбумажном мире. Сейчас настало время мечтать о мире без экранов.

О голосовых интерфейсах. К модным ботам телеграмма эта механика применима так же:

Компании, занимающиеся голосовой разработкой, например Nuance, создавшая движки для Siri и SVoice в телефонах Samsung да и другие популярные сервисы, добились огромного прогресса. Их достижения невероятны. Но опыт взаимодействия с их продуктами подозрительно напоминает компьютерные анахронизмы вроде этого:

С:\>_

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

Скептично о тотальной автоматизации. О проблемах с кассами самообслуживания в супермаркетах:

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

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

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

Я думаю, что на самом деле происходит нечто другое. Спросите только Криса Матыщика, который написал для CNET следующее.

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

Доля краж, связанная с установкой касс самообслуживания, возможно, попросту связана с растерянностью покупателей. Зачастую мы все не понимаем, что делаем.

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

Отлично используется книжный формат. Вот откровенно издевательский рассказ на 10 (!) страницах о том, как разблокировать дверь автомобиля с помощью приложения:
no_interface_inside

Или на нескольких страницах перечислено как человек использует свой смартфон в течении дня:
smartphone_use

Книга что надо.

1 комментарий

, , ,

Чему стоит поучится у Гугла: поиск авиабилетов

1. Пункт назначения и отправления человеческим языком
Интерфейс поисковиков оперирует кодами аэропортов. С точки зрения интерфейса, я лечу в SVO (код аэропорта Шереметьево). Но в одном городе бывает много аэропортов (Домодедово, Шереметьево и Внуково в Москве), поэтому есть отдельный код города (Москва — это MOW). Эта агрегация помогает быстрее найти рейс: достаточно указать Москву и я буду искать во всех трех аэропортах. Гугл пошел дальше. Он агрегирует аэропорты на всех уровнях: город, область, страна, континент.

А вот автобусные кампании еще толком не научились агрегировать остановки. На сайте перевозчика Люксэкспресс предлагают выбрать одну из восьми остановок. Откуда я знаю!
luxeexpress
Я был вынужден просмотреть по порядку все варианты, чтобы найти нужный автобус

Зачем нужна агрегация. Например, я хочу на Корсику. Я понятию не имею какие города есть на Корсике. Я, конечно, не знаю, что там 4 аэропорта и тем более не знаю в какой лететь дешевле. Стандартная форма поиска оставляет один на один с моим незнанием:

Ты ничтожный болван! Это же BIA, CLY, AJA и FSC, глупое создание!

Гугл все поймет:

И даже так:

2. Отображение на карте
google_flight_map
Самый естественный формат визуализации перелетов. Карта наглядна и информационно насыщенна.

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

Карта поможет найти более выгодные билеты в окрестностях моего пункта назначения:
google_flight_map
Как-то дорого в Касабланку. Лучше прилететь в Марракеш, а оттуда в Касабланку на автобусе

3. Показ результатов поиска без заполнения формы
В Бюро этот принцип называется «сначала данные, потом фильтры».

Чтобы найти авиабилет, поисковику надо скормить параметры:

  1. аэропорт отправления,
  2. аэропорт прибытия,
  3. дата,
  4. количество пассажиров,
  5. класс (эконом, бизнес и т.д.).

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

  1. аэропорт отправления: определяет город по айпишнику и выбирает все аэропорты в этом городе
  2. аэропорт прибытия,
  3. дата: через две недели,
  4. количество пассажиров: один,
  5. класс (эконом, бизнес и т.д.): эконом.

Гуглу необязательно скармливать аэропорт прибытия, потому что он все покажет на карте.

Нет комментариев

, , , , , ,

Редизайн Кинопоиска

Я активный пользователь Кинопоиска. Сижу часами, чтобы найти интересное кино, ставлю оценки просмотренным фильмам (3114 фильмов!), растасовываю их по тематическим папкам. У меня там даже есть френды — кинокритики и киноманы знакомые еще со времен ЖЖ. В общем, я пользователь-задрот.

Яндекс в вакансии дизайнера Кинопоиска предлагает перерисовать страницу о Мартине Скорсезе. Кинопоиск — сложный сервис. Я не знаю как его используют другие люди. Поэтому те дизайнерские решения, которые я предлагаю, решают мои задачи. Понимаю, что для массового использования они могут не подойти. Кинопоиск помогает мне ответить на вопрос: «А какой бы фильм посмотреть?». Это станет мерилом всех решений: если оно помогает ответить на вопрос — решение хорошее, не помогает — в мусорку.

Карточка персонажа

Посмотрим на существующую карточку персонажа. Уберу из нее все, что не помогает в выборе фильма — рост, знак зодиака, супруги:
kinopoisk_persone_card_old@2x

Добавлю биографию:
kinopoisk_persone_card@2x

Чтобы начать. Представим такую ситуацию: я слышал, что Мартин Скорсезе выдающийся режиссер и захотел что-нибудь у него посмотреть. У Скорсезе 56 фильмов. С чего начать? Очевидно, с самого известного и значимого. Кинопоиск может посоветовать эти фильмы. Алгоритм такой: высокая оценка пользователей Кинопоиска и imdb (зрительская симпатия) + количество оценок (популярность) + нахождение в списках лучших фильмов, участников кинофестивалей (значимость) + можно скачать (доступность) – просмотренные фильмы (не показывать то, что я уже видел).

Если я уже отметил все основные фильмы как просмотренные, то показываются редкие:
kinopoisk_persone_card_rarefilms@2x

Биография. Я изучаю творчество режиссера так: в одной вкладке смотрю фильмографию на Кинопоиске, в другой читаю Википедию. Неплохо бы их совместить. Из биографии я узнаю, что на Скорсезе оказали влияние Кинг Видор, Джон Хьюстон и другие. Узнаю, что Таксисит считается самым резонансным фильмом режиссера. Чем больше таких культурологических связей, тем лучше.

На карточку персонажа поместим лид из Википедийной биографии: так называют один, два абзаца выжимки из статьи. Полная биография на отдельной странице. О! Интересная идея: биография, рассказанная фильмами. У Кинопоиска солидная база фотографий. Но смотреть их просто так неинтересно. Объединим их с потоком текста:
kinopoisk_persone_bio

В той же статье из Википедии я узнаю 12 любимых фильмов Скорсезе. Удачный для привлечения внимания формат:
kinopoisk_persone_card_likefilms@2x
Недостаточно вывалить на человека 12 названий фильмов. Если название не знакомо, то оно ни о чем не говорит. Универсальный формат записи: название фильма, режиссер, страна, год

Фильмография

Модуль фильма в списке:
kinopoisk_film_card1@2x
Симпатичные иконки фестивальных наград я взял с нового Кинопоиска

Если я пометил фильм как просмотренный, подсветим модуль и напишем мою оценку:
kinopoisk_film_card2@2x

Название фильма на оригинале нужно из-за странностей перевода. Кинопрокатчики, порой, переводят так:
kinopoisk_film_originname

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

Рутрекер. Пробежавшись взглядом по фильмографии я отмечаю фильмы, которые есть в интернете. Уже из них выбираю что посмотреть. Рутрекер — реально крупная база. Амедиатека, Иви и прочие он-лайн кинотеатры, которые вставляет Яндекс в качестве партнера — полное фуфло. Вконтакте подойдет в качестве альтернативы, если не хочется скачивать.

Малые жанры. Скорсезе снимал клипы, рекламу, короткометражки, но не это сделало его киношной знаменитостью. Поэтому Кинопоиск выделяет короткометражки иконкой и надписью. Получается, что короткометражка приобретает больший визуальный вес в сравнении с полнометражными фильмами:
Снимок экрана 2016-04-02 в 17.01.38

Должно быть наоборот:
kinopoisk_film_format

Соберу все вместе:
kinopoisk_film_card3@2x
Мне ближе естественная хронология — от старых к новым

Из фильмографии я убрал оценки пользователей (на странице фильма они останутся). Вот почему. Большинство фильмов пользователи оценивают на 6–7 баллов. Это нейтральная оценка, которая ничего не сообщает. А сообщает отклонение. Оценка в 1–4 балла говорит, что фильм, скорее всего трешовый, и не стоит тратить на него время. Слишком высокая оценка (8–10) тоже настораживает. Как правило, ее ставят рядовым, но недавно вышедшим в прокат фильмам. Со временем их оценка упадет. Или безмерно сентиментальным киношкам, бьющим наотмашь по чувствительному зрителю.

kinopoisk_film_rate@2x

Рекомендации

Подборки. Кинопоиск уже давно составляет тематические подборки фильмов. Это замечательно, потому что они помогают узнать новое. Осталось придумать систему благодаря которой подборки будут контекстно выводиться на страницах персонажей и фильмов. Например, я нахожусь на карточке Казахского фильма. Сбоку выводиться подборка:
kinopoisk_podborki1@2x

Связи. В моей голове существует два типа фильмов, которые я хочу посмотреть:
1. Фильмы о которых я знаю. Это простой сценарий — с ним нет никаких проблем.
2. Фильмы о которых я не знаю. Например, я увлекаюсь отечественным кинематографом 90-х годов. Я посмотрел всплывающие сразу в памяти фильмы (Балабанова, Хотиненко, Месхиева). Прошелся по списку режиссеров-ветеранов и посмотрел, снимали ли они что-нибудь в 90-е. Гуглю, читаю Википедию, нахожу статьи в киножурналах. Что дальше? А дальше я изучаю связи. Кинопоиск мне может помочь в этом.

Допустим, мне понравился фильм «Гонгофер». Очевидное — посмотреть другие фильмы режиссера. Куда копать дальше? Стоит прошерстить фильмографию сценариста и продюсера, изучить публикации киноведов (в них, как правило, есть отсылки к другим фильмам). Киностудия может иметь значение, особенно, для советских фильмов. «Грузия-фильм» — это анклав своего особенного кино, а студия ПИЭФ — знак качества. Свой корректирующий балл вносят оценки друзей (чем выше оценка, тем выше приоритет в рекомендации), год (современники выше в приоритете), страна. Кинопоиск должен агрегировать эти связи:
kinopoisk_link_sheme@2x

Связи показываются на странице фильма:
kinopoisk_link@2x

И еще

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

Снимок-экрана-2016-04-06-в-21.09.03

Отзывы. Повысить в приоритете профессиональные отзывы. Это публикации критиков, статьи в прессе, аналитика от киноведов. Любительские отзывы понизить в приоритете. Авторами отзывов движет сильное впечатление, поэтому они склонны к радикализму — либо перехваливают фильм, либо слишком ругают.

kinopoisk_text

8 комментариев

, , , ,

Приемы верстки сложных форм

Несколько приемов, которые я использую при работе с длинными формами. Эти приемы помогают сделать форму аккуратнее.

1. Форма читается как связное предложение. Такой подход помогает быстрее считывать содержимое. Еще это хорошо для порядка — все поля формы устроены одинаково.
Group 5@2x
Если пункт начинается с предлога, пишу его с маленькой буквы

Усложним. Добавим инпут:
Group6@2x

Еще усложним. Добавим вложенность:
Group7@2x
Заголовок «Интересы» объединяет все пункты формы

Такую форму можно наращивать слой за слоем. Крепкая конструкция выдержит.

Запутанные формулировки — частая беда форм. Антипример:
Снимок экрана 2016-03-28 в 13.02.19
Три раза сказали одно и то же, но понятнее не стало. Гугл Эдвордз

booking_form
Расплывчатая подпись к чекбоксу дезориентирует. Что произойдет по нажатию? Букинг

Мой вариант:
booking_form_after

2. Управляющие элементы скрыты пока не нажат чекбокс. Удобно когда надо спрятать необязательные функции.
screencast 2016-03-24 00-19-09
Формулировка начинается с действия (показать, расширить, указать, исключить)

Свитч-переключатель — это тот же чекбокс:
ios_switch

3. По дефолту предзаполнены максимально широкие настройки. Протыкивая форму, человек уточняет параметры. Такую форму, вообще, можно не заполнять, если человек согласен с дефолтной настройкой.
пол_возраст@2x
Максимально широкая настройка по дефолту. Если человеку надо, он уточнит пол и возраст

По похожему принципу устроены настройки на Маке:
macos_setting
Все уже нормально работает, но, если надо, можно уточнить настройку

Прием работает не во всех предметных сферах.

4. Чередование ритма. Эстетически мне нравится сбивать ритм однообразных чекбоксов и радиобатонов нестандартным контролом. Чтобы выделение было осмысленно, нужно взять наиболее важный пункт.
Group3@2x
Способ траты бюджета — важная опция. От нее существенно зависит ход рекламной кампании. Поэтому выделяем контролы выбора (по логике — это обычный радиобатон) и пишем подсказки

Какие знаете примеры хорошо сделанных форм?

11 комментариев

, , ,

Прогресс-бар поездки в транспорте

Прогресс-бар в автобусе из аэропорта в город. Тут есть все, что нужно: место отправления и прибытия, время прибытия, а главное, шкала оставшегося пути.
IMG_4515
Швеция

Прогресс-бар в поезде.
IMG_8670
Франция

Нет комментариев

, , , , , ,

Вторая ступень школы бюро Горбунова

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

Некоторые работы
Верстка якорных объектов на странице. Нужно было придумать и сверстать страницу о себе. Разместить все объекты в нужные места.

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

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

Проектирование сервиса, который хранит документы. Сервис помогает людям хранить и искать данные своих документов — паспорта, ИНН, страховки и других.

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

Про то, как было на первой ступени.

4 комментария

, , ,

Школа стажеров Бюро Горбунова

Поступил в школу Бюро Горбунова. По коллективной оценке бюрошников, моя вступительная работа заняла 14-е место из 100.

Вступительное задание звучало следующим образом:
«Спроектируйте страницу записи на приём к доктору в крупной универсальной клинике. Пациент должен попасть к нужному специалисту, не разбираясь в медицине — у него заболел живот или беспокоят кошмары. Кто-то идёт к знакомому врачу. Удобное для пациента время может быть занято.
Результат будет оцениваться по простоте, удобству пациента и реалистичности. Смелость сценария приветствуется, но не стоит наделять сайт интеллектом доктора Хауса и ставить диагноз. Оцениваем интерфейс, а не знание медицины: анализ предмета улучшит оценку, но „медицинские“ огрехи простительны».

Мое вступительное задание

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

Нет комментариев

, , ,

«Проектируем время» Стивен К. Сеова (2009)

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

proektiruem-vremya

Я законспектировал выдержки, показавшиеся мне наиболее полезными и применимыми в работе.

Закон Вебера — Фехнера (правило 20%)
Задача: поиск требуется сделать быстрее. Уменьшить время отклика на одну секунду — это быстрее? А на две? Ответ простой: чтобы человек заметил разницу, она должна быть больше 20%.

Zakon_Vebera

Правило 20% дает нижнюю и верхнюю границы интересующей нас длительности (на рисунке 20 с) при рассмотрении улучшения характеристик и допустимой регрессии.

Например, если функция поиска показывает результаты в течение 20 секунд, то будет разумным добиваться нового значения времени отклика меньше 16 секунд. И наоборот, увеличение времени отклика на 20% не будет замечено пользователями.

Выбор правильной индикации выполнения

indikacija_vremja

Индикация времени

Единицы продвижения выполнения: время или работа

Edinicy_prodvizhenija_vypolnenija

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

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

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

Якоря времени
В оценках длительностей, не превышающих нескольких часов, люди тяготеют к числам 1, 2, 3, 5, 10, 15, 20 и 30. Это значит, что, когда требуется оценить малую длительность, люди склонны использовать в своих оценках одно или более из указанных чисел, например «примерно десять секунд» или «от двух до трех минут».

1   2   3   5   10   15   20   30

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

Есть два способа выражения временных границ, и они сильно различаются по своему назначению. Нижние границы несут в себе информацию о том, что конкретное событие будет длиться по меньшей мере X единиц времени. Верхние границы говорят о том, что конкретное событие будет длиться не более X единиц времени. Нижние границы следует применять осмотрительно, потому что, по существу, это предупреждение о неотвратимом ожидании и такие объявления обычно делаются для того, чтобы человек набрался терпения: дорога в Ванкувер займет не менее трех часов. Багаж окажется в Сингапуре не ранее чем, через неделю. Осмотр дома займет больше двух часов. Верхние границы, напротив, гарантируют завершение: вы будете в Ванкувере не позже полуночи. Вы получите багаж в течение месяца. Осмотр дома будет выполнен в течение одного часа. Нижние границы предупреждают, а верхние обнадеживают. Если установить диапазон невозможно или сложно, используйте верхнюю границу для объявления наибольшей из возможных длительностей, например, так: «меньше пяти минут». При установлении верхней границы производите округление сверху до следующей цифры из якорей времени. Например, если мы уверены, что некий процесс закончится не более чем через 7 мин 50 с, мы скажем, что процесс займет около 10 минут.

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

Uprezhdajushhij_zapusk
В то время, когда пользователь вводит информацию для установки программы, процесс установки уже начался. Пользователь же считает началом установки тот момент, когда он явно запускает процесс щелчком по кнопке OK.

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

Diablo3_install
Установщик Diablo III дает возможность начать играть, до того как установит все компоненты игры.

Нелинейная индикация выполнения

Nelinejnaja_indikacija_vypolnenija

Для продолжительных процессов, взамен линейной индикации выполнения (50% означают ровно половину работы), сообщайте о продвижении работы нелинейным образом. Этот метод, основан на том факте, что люди склонны наблюдать окончание выполнения длительных задач.

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

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

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

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

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

4 комментария

, , , ,