Почему интерфейс — зло и что с этим делать
Вам подарок как читателю бесплатной рассылки Главреда: еще один урок из платного продвинутого курса. Это важный урок, и мы хотим, чтобы его прочитали все.

Текст в интерфейсе

Здравствуйте!

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

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

Бывают еще машинные интерфейсы: когда не человек взаимодействует с машиной, а одна машина взаимодействует с другой. Например, АПИ Главреда — это машинный интерфейс. В машинном интерфейсе редактура не нужна, потому что там нет людей.

Снобизм. Я предпочитаю использовать слово «интерфейс» только в единственном числе, как «вода», «любовь» или «текст»:
Нет Да
Тексты интерфейсов Текст интерфейса
Отредактировать эти интерфейсы Отредактировать эти экраны
Отредактировать эти элементы интерфейса

Мне так больше нравится. Но к делу.

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

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

Кнопка пожарной сигнализации — интерфейс пожарной команды. Уралсиб-Азия

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

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

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

А еще лучше — если бы мебель, стены и пол были сделаны из негорючих материалов. Пожара бы просто не было.

А теперь наоборот. Допустим, МЧС модернизировало систему пожарной сигнализации и вместо кнопок повесили везде вот такие смарт-мобайл-диджитал-веб-2.0-экраны:

Делаешь «слайд ту анлок», а там:

Заполнил все поля с экранной клавиатуры, нажал «Вызвать», но нет:

Пока боролся с интерфейсом, задохнулся дымом и сгорел.

Я надеюсь, что если МЧС будет модернизировать пожарную охрану, то не с помощью такого веб-интерфейса. И я намеренно утрирую, чтобы показать, как от хреновых интерфейсов могут зависеть жизни людей.

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

Каждый раз, когда вы избавляетесь от интерфейса, вы повышаете работоспособность системы:

Мобильные операторы оказывают вам услуги — например, передачу СМС. Но в телефоне нет кнопки «купить СМС». Ты просто пишешь и отправляешь, деньги списываются автоматически. В телефоне нет кнопки «Купить минуты разговора». Если бы была, мы бы звонили реже. 

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

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

В Гуглдоке нет кнопки «сохранить» — все сохраняется автоматически. Нет такого, что «ААА!! Я тут написал, а он мне ничего не сохранил!!!»

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

См. также: Интерфейс — зло

Как избавляться от интерфейса

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

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

Поле для номера телефона — это интерфейс. Люди правильно смекнули, что такой интерфейс — зло. Давайте раскопаем, зачем нам номер телефона.

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

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

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

Технозависимость

Иногда разработчики создают интерфейс, исходя из того, как устроена их информационная система. Вот, например, поиск в «Рутрекере»:

Живые раки с доставкой! В 2015 году можно заказать раков с доставкой! Раков!

Эта форма поиска такая, потому что так устроена база данных: у нее есть поле «раздел», поле «автор», «название», поля статуса «открытая раздача», «новая раздача». Все эти поля вытащены в форму поиска. Фактически я тут занимаюсь конструированием запроса в базу данных. Система устроена так, потому что разработчику так удобнее реализовать поиск.

Это все равно что у смарт-кнопки вызова пожарных был бы такой интерфейс, потому что так удобно диспетчеру:

Понятно, что «Рутрекер» — сервис для продвинутых компьютерщиков, которые разберутся. Но простому человеку хочется что-то такое:

Рекламу раков надо обязательно оставить

Человек должен вводить в поле поиска что угодно, в любом виде. Хоть «Фильм уно-уно-уно-моменто», хоть «Фильм Абдулов статуя», хоть «Марк Захаров про волшебника». И система уже должна сама решить, где это и как искать, что пользователь имел в виду и в каком порядке это вывести.

Из этого следует важный принцип интерфейса, машин и, как следствие — редактуры:

Пусть потеет машина

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

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

— Люди вводят телефон в неправильном формате. Нужно им объяснить, в каком формате правильно.

Это нарушает принцип «Пусть потеет машина». Не человек должен подстраиваться под правила системы, а система — под то, как удобно человеку:

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

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

Кто еще скажет это Дженкинсу, если не вы, редактор?

Нет никакого интерфейса

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

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

Нет Да
Форма заказа доставки Доставить по Москве
Обратная связь Чем можем помочь?
Помощь
Получение информации из базы данных... Ищу...
Переполнение стека. Процесс остановлен В программе произошла ошибка. Ваш документ сохранен. Перезапуск...
Сервис недоступен. Превышен лимит запросов. Повторите позднее Перегрузка: слишком много человек сдают отчеты. Попробуйте сдать отчет через 15 минут
Текущая сессия истекла по причине неактивности пользователя в течение 10 минут. Будет произведен выход из системы Последние 10 минут вы ничего не делали в интернет-банке. Мы закрыли доступ, чтобы защитить деньги. Вернуться по паролю...

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

Словарик

Вот, собрал для вас еще немного таких слов для примера:

Меню
Ссылка
Кнопка
Главная страница
Архив
Форма
Перейти
Подождите
База данных
Запрос
Превышен лимит ожидания
Некорректный
Сессия
Введите, заполните
Идентификация
Авторизация
Капча
Префикс
Код
Модуль
Функция
Возможность
Операция
Интеграция
Синхронизация
Обновление
Сущность
Конфигурация
Документ
Файл
Папка, директория
Навигация
Шлейф
Шлюз
Терминал
Транзакция

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

Голос скептика

— Позвольте! Но ведь все мы знаем, как устроены компьютеры. Люди не тупые. Почему мы не можем использовать технические термины?

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

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

Вот вам зеркальный пример: химия. Допустим, смеситель у вас дома покрылся тонким белым налетом. Трете налет тряпочкой — не сходит. Идете в магазин и ищете там средство от налета. Но вместо «Силита» и «Доместоса» там сульфаминовая кислота, ортофосфорная кислота, еще пять каких-то кислот, три разных спирта, щелочь в порошке, две щелочи в растворе.

Вы пишете в интернете «Что за фигня, что мне покупать?», а вам говорят: «Вы что, химию в школе не учили? Это же каждый должен знать. Делаете раствор...»

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

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

Уберите из интерфейса
технические термины

Промежуточный итог

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

  1. Интерфейс — зло. Там, где его можно убрать — лучше убрать.
  2. Интерфейс должен быть о том, что нужно пользователю, а не о том, как устроена машина.
  3. Потеть должна машина, а не пользователь. Пользователь должен вводить данные так, как захочет, а машина уже должна анализировать, что он имел в виду. А лучше — чтобы ничего вводить не нужно было.
  4. Пользователь не должен ничего знать об устройстве машины. Исключите технические слова из интерфейса.
  5. Пишите «интерфейс» и «текст» в единственном числе.

Реклама

Я смотрю на интерфейс как редактор: удаляю лишнее и исправляю надписи. Более полно интерфейсу и представлению информации посвящена целая дисциплина в Школе редакторов и Школе стажеров. Эту дисциплину преподает Илья Бирман, автор советов об интерфейсе.

Набор в Школу редакторов закроется 1 декабря. Это для тех, кто хочет получить профессию редактора и много на ней заработать. О деньгах читайте статью «Рынок, расценки и справедливая цена».

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

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

До скорого!
Главред Максим Ильяхов.

См. также советы Бирмана об интерфейсе
Дружелюбный интерфейс
Сокращение длинной формы
Фильтры

Двадцать девятый выпуск продвинутого курса написан в Москве с 13 по 21 ноября 2015 года. Теперь хочется вареных раков.

Рассылка Главреда. Подписка на сайте glvrd.ru