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

интерфейс

Неудобный кран

Чтобы вымыть посуду, мне надо включить тёплую воду. Этот процесс настройки крана напоминает управление самолётом.

Мне нужна вода только двух температур: тёплая для мытья посуды и ледяная для готовки. Почему я должен каждый раз «сажать Боинг»?

Мечтаю о кране, который сам льёт воду, какую мне надо.

2017   интерфейс   кран   кухня

Пустой пододеяльник. Продолжение

В пятницу я написал, что ненавижу, когда одеяло выходит из пододеяльника:

В комментариях мне посоветовали специальные булавки:

Такой способ работает, но это додизайн. Сильное решение выполняет полезное действие без дополнительных средств.

Я вспоминаю похожий случай из дизайна урн для мусора.

Если на урне не закрепить пакет, он упадёт:

Так же с одеялом: если его не зафиксировать — съедет.

Чтобы мусорный мешок не провалился в урну, его закрепляют, например, прищепками:

Так же одеяло зажимают булавками.

Но сильный дизайн не требует булавок, прищепок — пакет прижимает часть урны:

Мечтаю о пододеяльнике, который держит одеяло и не мешает спать.


См. также: Как закреплять пакет на урне

Пустой пододеяльник

Ненавижу, когда из пододеяльника выходит одеяло. Хочу, чтобы оно закреплялось один раз и никуда не слазило.

2017   интерфейс   постельное бельё

Ложная связь

Я создаю письма для ежедневной рассылки книги «Круг чтения».

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

Крестик намекает на ошибку, хотя операция прошла успешна

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

2017   интерфейс   путаница   теория близости

Джеф Раскин «Интерфейс»

Три вкусных цитаты

1. Кушать, ходить или печатать вслепую лучше всего получается, если об этом не думать. Как только задумаетесь — собьётесь.

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

3. Запаздывания скрывают. В карточной игре на создание каждой новой раздачи требуется несколько секунд. Игра кажется быстрее, если в это время воспроизводить звук тасуемых карт. Ценность такой маскировки обнаруживается, если звук отключить — задержка станет раздражать. 

Следующий выйдет 16 декабря на «E-mail маркетинг» Дмитрия Кота.

2016   интерфейс   книги   конспект   Раскин

Создание таблицы в Гугль-доке

Мне нужна таблица размером 7×15. Я кликаю в меню и вижу поле 5×5. Как сделать таблицу моего размера? Наверное, создать «пять на пять» и добавлять ячейки?

Оказывается, всё проще. Мне нужно переместить курсор:

Вот так выглядит создание таблицы в любимом Гугль-доке. О нём у меня есть ещё один пост.

2016   Гугль   гугль-док   интерфейс   наблюдение   таблица

Пишите проще

Сайт «Решу ЕГЭ» напоминал авторизоваться, чтобы люди получили доступ ко всему сервису:

Некоторые читали уведомление и шли писать в службу поддержки:

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

Пишите проще

Секрет иконки «Солнышко»

Иконка солнышка выглядит живее и веселее, если повернуть на 15 градусов. И это справедливо для всех пиктограмм, симметричных относительно центра: спасательного круга, снежинки, шестерёнки.

Секрет раскрыл Рома Воронежский, а я узнал об этом из лекции Анастасии Ларкиной

2016   иконка   интерфейс   лайфхак   пиктограмма

Вы не заполнили поля, поставьте прочерки!

Людвиг Быстроновский советует книгу «Поток» Михайя Чиксентмихайи. Хочу её прочитать, нахожу в интернет-магазине, нажимаю «Купить», и на меня вываливается куча полей:

Сайт заставляет делать какие-то непонятные вещи. Я уже хотел читать, как перевести обыденную работу в приятное состояние, когда не ощущаешь времени, когда вместо усталости — постоянный прилив энергии. А вижу 19 полей, 2 чекбокса и 1 выпадающий список.

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

Ему не понравилось, что я оставил поля со звёздочкой пустыми. Оказывается, мало заполнить пять полей, надо поставить прочерки в остальных. Иначе машина не пропустит дальше.

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

Исправит ситуацию упрощение формы. Например, такое:

Всё равно девушка из колл-центра позвонит, чтобы подтвердить заказ,— вот и спросит всё, что нужно.


См. также, как Илья Бирман в совете упрощает форму

2016   интерфейс   форма

Гугль не думает о сценариях пользователей

Люблю Гугль-документы. Пишу в них всё по дизайну: проектирование, описание персонажей, процесс проекта,— собираю макеты для вёрстки. Классный сервис.

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

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

Уместно вспомнить Джефа Раскина, проектировщика интерфейса Макинтоша:

Хорошая программа
открывается там,
где в последний раз закрыли

Почему дизайнеры стесняются слова «пользователь»

Константин Горский из Яндекса говорит «люди» вместо «пользователи». Шутит, что на слайде места не хватило. Потом объясняет, что это унизительное отношение, а тех, кто говорит «юзвери», нельзя допускать к проекту:

В чём проблема

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

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

Как писать по-другому

Если аудитория понятна, абстрактный пользователь превращается в конкретного. Например, я делаю сайт для подготовки к ОГЭ. Вместо «пользователь» пишу «девятиклассник».

Не пользователь, а инженер-конструктор 48 лет

2016   интерфейс   пользователь