Хорошие прототипы, улыбчивые безопасники и валидация по контуру.
Выпуск 31: пасхальное лицо

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

Выпуск 31  •  23 февраля 2017

 КОЛОНКА РЕДАКТОРА
Делайте пасхалки

«Пасхальное яйцо» в программе — это такая неочевидная для других деталь, которая приятно греет вам сердце. Если потребитель заметит пасхалку — порадуется, а если нет — ничего страшного. Главное, вы знаете, что она есть.

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

Пример: в ХФЛабс мы разрабатываем суровый корпоративный продукт для банков и страховых компаний. Я обычно пишу для него заметки к релизу. И в одном из релизов добавили новый тип документа, удостоверяющего личность: свидетельство о предоставлении временного убежища. Ну, я решил приложить картинку для наглядности:

Свидетельство о предоставлении временного убежища

Если читатель не заметит пасхалку, ничего — иллюстрация всё равно выполняет свою функцию. Но мне радостно знать, что она здесь ツ

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

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

По моей экспертной оценке, использование пасхалок повышает продолжительность жизни на 4,2%. Делайте пасхалки!

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

Интерфейсы

Сколько решений у дизайнерской задачи?

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

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

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

🕑 5 минут

 

Среди людей, обладающих навыками, но не имеющих денег — дизайнеры лидируют.

Лёша Рева

О пользе прототипов

Михаил Капанага

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

Решение — делайте прототипы. И чтобы слово не расходилось с делом, Михаил продемонстрировал это на весьма наглядном примере ツ

🕑 3 минуты

 

Интерфейс службы банковской безопасности   ПРОЕКТ

Собака Павлова

«Собака» выполнила интересный проект и классно о нём написала. Это интерфейс работы безопасника с продуктом, который анализирует записи разговоров в контакт-центрах и опознает подозрительные звонки.

Интерфейс безопасника

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

Как обычно у «Собаки», прототип интерфейса прилагается.

🕑 15 минут

Валидация форм

Контур.Гайды

Большая тема в обработке ошибок — проверка корректности заполнения формы. Её все делают по-разному, и большинство — криво (в том числе гранды вроде Гугла с Фейсбуком).

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

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

🕑 10 минут

 

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

Мастер-класс по видению продукта

Сергей Тихомиров

Сергей здорово замаскировал статью, поэтому она начинается с критики браузера Opera Neon. Я рекомендую эту часть пропустить и переходить сразу к разделу «Opera Neon. Что, если…»

Дальше начинается мастер-класс по формулированию видения продукта, не особо озабоченного традициями браузеростроения и техническими ограничениями (но без завиральни в стиле «все проблемы решает бог из машины»).

Opera Neon

Помимо того, что получился просто интересный концепт, мне кажется, что это отличное упражнение для продуктовода или дизайнера:

  1. Возьмите приложение, над которым работаете.
  2. Мысленно выкиньте всё, что сделано.
  3. Оставьте то, что вы знаете о пользователях: цели, привычки, окружение.
  4. Теперь придумайте для пользователей идеальное приложение.
  5. Подумайте, что из идеального продукта применимо у вас.
  6. Исправьте роадмэп ツ

🕑 10 минут, если пропустите лирику с критикой Оперы

 

Лучшие онбординги — те, где человек всё делает сам, а не читает ваш рассказ о продукте. Но не стоит на этом останавливаться. Дайте людям возможность активно воздействовать на продукт, преобразовывать его, а не только потреблять.

Пусть они классифицируют, ранжируют, создают новую ценность на основе того, что есть. Учат других, в конце концов. Тогда проект станет не только вашим, но и их тоже — и для большинства продуктов это лучшее, что только можно представить.

Михаил Калашников

Релизнотс: пользу — вперёд

Ника Троицкая

Ника советует в заметках к релизу вместо «веселой» или «заботливой» чуши писать суть изменений. Самая жесть — делать как фейсбук: поставить на все обновления одинаковый текст «ради вашего собственного блага мы релизимся каждые две недели» (= «идите к чёрту, не ваше дело»).

Нет слов, как я поддерживаю Нику. Пишите по делу. А шутите в твитере.

🕑 1 минута

 

Всячина

Что подарить дизайнеру интерфейсов

Что подарить дизайнеру интерфейсов

Антон Жиянов

Я провёл опрос, чего хотят дизайнеры интерфейсов в подарок. Сейчас праздники, может и вам пригодится — не всё же носки с цветами дарить ツ

🕑 3 минуты

 

Вертикальный и наклонный текст

Игорь Штанг

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

🕑 1 минута

 

Сначала скажите «нет»  КОНСПЕКТ

Игорь Адаменко

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

🕑 10 минут

 

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

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

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

  • Как взбодрить продакт-менеджера, не изгоняя его.
  • Как правильно рассказывать о своих проектах.
  • Правила гигиены для видео о продукте.
Подписаться на канал

◇ ◇ ◇
 

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

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

Оглянитесь вокруг, чтобы не налажать.

Оригинал комикса — xkcd.



Email Marketing Powered by Mailchimp