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

Интерфейсы без шелухи

Выпуск 33  •  23 марта 2017

Человеческого фактора не существует

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

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

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

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

Мой знакомый включил не ту конфорку на плите и сжёг кастрюлю. Виноват проектировщик: расположение ручек должно соответствовать конфоркам.

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

В заблуждении человека виноват интерфейс. Поэтому:

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

— Антон Жиянов

Интерфейсы

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

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

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

Павел рассказывает о сборке сложных форм:

  • Согласовать надписи, чтобы форма читалась как предложение. Упростить формулировки и не дублировать их.
  • Предложить варианты по умолчанию, чтобы человеку оставалось только исправить, если с чем-то не согласен.
  • Чередовать ритм, чтобы пользователь не скучал.
  • Скрывать необязательные элементы.

Хотя с плейсхолдерами Павел переборщил, как мне кажется.

🕑  3 минуты

 

Обвязка страниц

Сергей Кулинкович

Сергей пишет о развитии сюжета, которое предлагает интерфейс, когда человек прошел основной сценарий (например, прочитал статью или информацию о товаре).

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

Более сложные штуки идут от сценария: оплатил телефон — включи автоплатеж, зафрендил человека — отправь «привет», купил книгу — запишись на презентацию нового романа автора.

🕑  5 минут

 

Лучшие друзья дизайнера в продукте — разработчики. Если дизайнер смог их вовлечь, то вместо «нет», они чаще будут отвечать «да» — «мы можем». А через некоторое время и вовсе будут предлагать классные интерфейсные решения.

Артур Валиуллин

Переворот в мобильном интерфейсе

Илья Бирман

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

🕑  3 минуты

 
 ПРОЕКТ

Интерфейс управления погодой для Брюса Всемогущего

Илья Безымянный

Студия Чулакова, широко известная тем, что в ней на 40+ специалистов приходится 8 лет опыта, искала дизайнера интерфейсов. В качестве тестового задания предложили создать интерфейс для Брюса, чтобы ему удобней было управлять погодой.

Clymate для Брюса Нолана

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

🕑  5 минут

Продуктоводство

Паровоз, летящий в тупик

Макс Крайнов

Макс пишет о мелких продуктах, которые «цепляются» к большим, чтобы быстро вырасти. Как Zynga к Фейсбуку, Barametrics к Stripe или адблоки к браузерам. Ключевой момент — это очень, очень временная стратегия, поэтому рассчитывать сыграть «вдолгую» не стоит. Прокатился и быстро диверсифицировался / продался паровозу / сдох.

🕑  5 минут

 

Всячина

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

План на год: инструменты

Саша Бизиков

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

  • сначала задачи попадают в общую свалку;
  • главные переезжают в «квартал»;
  • 5 квартальных попадают в «неделю»;
  • на каждый день выбирается 1 основная задача;
План на год: инструменты

Интересно, что выполненные задачи Саша не удаляет, а складывает в отдельную колонку. Так визуализируется прогресс ツ

Как по мне, система сложновата. Но если вы любите основательный подход к делу — самое то.

🕑  10 минут

Жизнь дизайнера на удаленке. Инструменты и решения

Ольга Шаврина

Ольга пишет о программах, которые помогают ей продуктивно работать вне офиса. Слэк для общения, Гугл-драйв как хранилище документов, PivotalTracker для управления проектами, Monosnap для скриншотов, Balsamiq Mockups для прототипов (фууу), FontAwesome для готовых иконок, Тильда для промо-страниц и текстовый файлик с самым важным.

Я для себя взял на заметку RealtimeBoard — это бесконечная маркерная доска в интернете. На неё ещё интересно посмотреть с точки зрения «как не надо делать онбординг»: сервис так задолбал меня вопросами и попапами в первую минуту, что я чуть не сдался.

🕑  10 минут

 

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

Кэти Сьерра

Работаю быстро

Дмитрий Кучев

Короткая заметка о популярных шорткатах для макоси: операционная система, файндер, сафари, почта, текстовые редакторы.

🕑  1 минута

 

🎯 Телеграм без шелухи

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

Вот некоторые темы прошлых недель:

  • Волшебные чернила Брета Виктора.
  • Как хороший продукт «прокачивает» пользователей.
  • Редактура и голосовой интерфейс московского метро.
Подписаться на канал

◇ ◇ ◇
 

Понравился выпуск? Подписывайтесь на рассылку

твитнуть
поделиться
Антон Жиянов

Я работаю в компании престарелых программистов (ノ°益°)ノ

По любым вопросам пишите: antonz@dangry.ru