6 заметок с тегом

интерфейс

Успешно

Осторожнее со словом «успешно».

Нет

Да

Платеж успешно отправлен

Платёж отправлен

Деньги ушли

10 000 ₽ отправлены

Отправили 10 000 ₽ Станиславу Миляеву (если он сдаст монтаж)

Данные успешно сохранены

Сохранено

Я успешно закончила МГУ

Я закончила МГУ

Я закончила МГУ с красным дипломом

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

Более 20 лет успешно проводит тренинги

Проводит тренинги 20 лет

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

Сотрудник МВД отчитался об успешном завершении операции → Операция завершена успешно, задержаны все женщины и дети

Мы успешно завершили год → В этом году мы выполнили план, прибыль выросла, а издержки сократились.

На иллюстрации — фрагмент гравюры «Ростовщики» Томаса Роуландсона, Лондон, 1784 г.

31 марта   интерфейс   редактура   русский язык   слово

Лимиты в интернет-банке

В Альфа-банке установка лимита выглядит так:

Если вы не введете число большее или равное нулю, вы лох:

Что тут непонятного:

Я сейчас отключу снятие наличных? Или я установлю лимит на все, кроме снятия наличных?

Какая разница между «ограничением на весь срок» и «сроком действия лимита»?

География — это где мне можно снимать деньги или нельзя?

Что сейчас произойдет?

Можно я не буду решать уравнение «больше или равно нулю»?

Сначала разберемся с переключалками. Если просто подружить их с заголовком и убрать слово «тип операции», уже будет понятнее. А если вставить числа в предложения, станет еще лучше:

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

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

Заодно добавили под кнопку объяснение, что сейчас произойдет.

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

Так-то мне нужно было отключить платежи в интернете. В Тиньков-банке это делается вот так:

На покупки в месяц лимит не установлен.
На снятие наличных в сутки лимит сто тысяч.
Операции в интернете выключены.
Чтобы сохранить, потребуется ввести СМС-код.

Спасибо, все ясно.

2016   интерфейс

«Не буду щас читать, попозже». Нужен совет дизайнера

В понедельник я в порыве прокрастинации выкатил четвертую версию «Советов».

Главная фишка новой версии — в рубрикаторе появились цитаты и картинки. Раньше была просто гора ссылок:

Стала гора ссылок с иллюстрациями:

По всем правилам, это должно было отразиться на кликабельности. Я ожидал какую-то такую карту кликов:

Вот подлинная карта кликов спустя 3 дня:

Сломалась статистика? Мало данных? Нет, на первом экране клики распределены ожидаемо — все кликают в «Что такое инфостиль» и в бургерную кнопку:

Отдельно отличилась незаметная навигашка, которая прилипла к верхнему краю экрана. Слово «Хвастается» — вторая по кликабельности ссылка на этом экране.

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

2016   дизайн   интерфейс   управление вниманием

Не ставьте ссылки на слова «здесь», «тут» и «тыц»

Нет

Да

Мои работы вы можете посмотреть тут

Мои работы — в портфолио на Бехансе

Как события развивались дальше, мы рассказываем здесь

Что было дальше — в репортаже Ильи Азара

Новый альбом «Холзи» качайте тут: тыц

Новый альбом «Холзи» на Саундклауде

2015   интерфейс   редактура

Интерфейс — все еще зло

Я с детства «компьютерный мальчик»: всем все чиню, настраиваю, собираю, чищу. Я знаю ХТМЛ, КСС, немного ПХП и Яавскрипта. В студенчестве за ночь поднимал и полностью настраивал сайт на Вордпрессе с нестандандартным дизайном. Могу поставить оптибей, воткнуть в ноутбук твердотельный диск и перелить на него системный партишен. На общем фоне я в компьютерах не беспомощный.

Но до чего же бесит. Вечер, хочу посмотреть сериал.

  1. Захожу на «Турбик». Говорит, нет денег на счете, сериал не покажу.
  2. Кликаю в трех местах, чтобы пополнить счет.
  3. Иду за телефоном, чтобы отправить СМС для пополнения счета.
  4. Отправляю СМС. Ответ: подтвердите, что вы хотите платить.
  5. Подтверждаю.
  6. Ответ: у вас не хватает денег.
  7. Иду в мобильный банк. Ввожу пароль.
  8. Выбираю свой шаблон для платежа. Решил пополнить на пять тысяч, чтобы до весны не мешал жить. Из-за необычной суммы просит ввести код безопасности.
  9. Жду код безопасности.
  10. Еще немного жду. Приходит
  11. Ввожу код безопасности.
  12. Повторяю СМС с оплатой.
  13. «Подтвердите, что хотите оплатить»
  14. Подтверждаю.
  15. Обновляю «Турбик»: деньги пришли.
  16. Иду в список сериалов. Минуту борюсь с тупым бесконечным списком сериалов.
  17. В итоге ищу через поиск по странице. Нашел.
  18. Захожу в сериал — Флеш-плеер устарел.
  19. Ах ты ж сука!
  20. Иду на сайт Адоба.
  21. Скачиваю установщик.
  22. Монтирую установщик, запускаю приложение.
  23. Со всем соглашаюсь, прокликиваю.
  24. «Закройте все браузеры, а то я не могу тут установиться».
  25. Закрываю. Кликаю «Продолжить».
  26. Установилось.
  27. Запускаю браузер.
  28. Захожу на Турбик, ввожу пароль
  29. Нахожу сериал, нахожу серию.
  30. Смотрю.

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

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

Адский алгоритм, через который я прошел, получился из-за цепочки плохих дизайнерских решений.

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

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

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

Интерфейс — все еще зло. Все, кто делают интерфейс невидимым — молодцы.

2014   интерфейс   работоспособная система

Вы невнимательное говно, попробуйте еще раз

Хочу купить книжку на Озоне. Заполнил анкету, ввел пароль, получаю вот такое:

Здесь плохо сразу всё.

Меня просят быть внимательным, как будто я допустил ошибку по невнимательности. Ошибку я не допускал. То, что у них в базе есть мой адрес, не мои проблемы.
Мне предлагают попробовать еще раз. Как будто если я еще раз заполню анкету, проблема решится.
Я не знаю, что делать дальше. Другой почтовый адрес я не хочу вводить, много чести. Что теперь делать, непонятно.

Давайте поможем Озону.

Обязательные поля

Все, кто был у меня на курсе, знают, что обязательные поля — моветон. Чтобы пользователь сообщил вам настоящие сведения о себе, объясните пользу в его мире:

Пароль пришлем письмом.

Ошибка

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

Другое дело.