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

интерфейс

Матрёшка: Яндекс в Додо

Захожу такой в приложении Додо посмотреть где расположены пиццерии:

Отвлекаюсь, нажимаю что-то, бац, и я уже в ЯндексКартах:

Хотя подождите… заголовок то почему-то все еще «Все пиццерии».

Можно заказать такси или войти в свой аккаунт Яндекса:

Полный функционал одного приложения в другом.

 217   8 мес   интерфейс   наблюдение

Прочитал «Хороший интерфейс — невидимый интерфейс»

В октябре издательство «Питер» выложило для скачивания книжку 2016 года. Прочитал перед новым годом за несколько вечеров.

О чем книга

Суть — в названии. Кришна рассказывает о том, как не плодить экранно-ориентированные интерфейсы там где они не нужны и предлагает другой подход к взаимодействию. Много неизвестных ранее примеров.

Книга напомнила «Дизайн для реального мира». Ее так же с некоторой условностью можно разделить на две части: проблема и решение. А некоторые места напоминают Рому Воронежского:

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

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

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

Во второй описаны принципы другого подхода с реализованными примерами.

Три принципа

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

Фокусируйтесь на типичных процессах, а не на экранах

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

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

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

Используйте компьютеры, а не служите им

О человечности и принципе «пусть потеет машина» (© Бюро) при создании интерфейсов.

Пример: подшлемник Reebok Checklight и IFTTT.

Адаптируйтесь к индивидуальности

О интерфейсах, изучающих и адаптирующихся к пользователям. Кришна описывает персональный интерфейс, который на основе собранных данных будет моделировать свое поведение и страхи пользователей, связанные со сбором информации и этику. Такая personal big data. И это интересная мысль, будет здорово возложить на машины многие задачи. Например еще никто не создал дневник, не требующий заполнения: машина могла бы сама составлять текстовое описание произошедшего за день.

Пример прообраза: My Life Bits, разработанный Микрософтом. Работающий пример: термостаты Nest собирают данные о предпочтительной влажности и температуре а автоматически подстраивают ее под пользователя.

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

* * *

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

 234   9 мес   интерфейс   книга   конспект   прочитал

Big Sur и пропавшие точки в доке

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

Вот этот флажок:

Индикаторы в доке (насколько помню) не убирали еще никогда, и по мне это очень сомнительное решение — убирать то, к чему люди привыкали годами. Как теперь понять какая программа открыта?

Открыт файндер и огнелис, но кто это заметит?
 177   11 мес   macOS   интерфейс   наблюдение

Спросить немного

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

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

  1. Комбинирование всех последующих экранов;
  2. Информирование пользователя — особенно полезно если предложение непривычное или неизвестное, как анкета на ипотеку — ее не заполняют каждый день. Показ кусочка поможет составить представление о следующих шагах и увеличит доверие;
  3. Иногда можно тут же в форме «на лету» и мягко решить задачи, которые обычно делаются через модальные окна — авторизация и регистрация, подписка.

Вот например как в Альфа-Банке заполняется заявка на ипотеку:

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

А вот как выглядит заполнение ипотечной анкеты на сайте Пика:

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

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

 24   2020   интерфейс

Хорошая пипетка в браузере

Оказывается в Firefox есть быстрая и легкая встроенная пипетка, копирующая цвет в буфер обмена:

Можно быстро посмотреть и захватить цвет со страницы не залезая в инспектор. Назначил на нее сочетание клавиш ctrl + С, как в скетче или фигме. Браузерные расширения типа Color Picker становятся нужны все реже, для особых случаев.

 39   2020   интерфейс
Ранее Ctrl + ↓