3 заметки с тегом

интерфейс

Интерфейс, тактильность, авиация.

Традиционный интерфейс кабины самолета: множество кнопок, рычагов, переключателей. Большой штурвал, педали, ручки управления двигателями. Приборы, которые можно трогать, управлять руками. Форма интерфейса зависит от функции и может подсказывать назначение.

Осторожно!
Уберите громкость до минимума!
На видео громко шумят двигатели.

Место пилота грузового Ан-12:

Сравнение кабин Боинг-737 и Эйрбас-A320:

(топят за Эйрбас, но сейчас не про это)

Немного панели Су-25:

В последние годы в авионике появляются экраны с тач-интерфейсом. Компания Талес (Thales) создает и продвигает авиационные панели управления на тач-скринах.

Вот менеджер по маркетингу говорит о том, что они предлагают ставить в кабины пилотов большие тач-скрины:

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

Но вот про какую интересную деталь хочу сказать:
по-французски он говорит 100 % tactile.
Tactile — тактильный, осязаемый (фр).

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

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

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

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

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

В новом 777X устанавливают большие тач-скрины, но сохраняют большой набор традиционных механических элементов управления.

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

Продолжение следует.

16 ноября   авиация   дизайн   интерфейс   прибор   самолет

Как не терять набранные вручную тексты

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

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

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

2017   Notes   заметки   интерфейс   сохранение   текст

Визуализация данных на Яндекс-карте

Яндекс опубликовал данные о количестве людей на остановках:
https://yandex.ru/company/researches/2017/public_transport_stops

Пользователи фейсбука покритиковали:
https://www.facebook.com/groups/geoviz/permalink/1242448052516342/

Да, чего-то не хватает. Но здорово, что такие данные начинают публиковать, и неплохо публиковать. Яндекс — молодцы.

Пара слов о визуализации на примере этой карты.

Сплошной цвет и прозрачность.

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

Этого можно избежать, если показывать круги не сплошным цветом, а полупрозрачным. Сравните, как работает закраска 100 % и 50 %. Появляются данные, которые были не видны:

Прозрачность полезно применять для визуализации пересекающихся данных, в динамической визуализации неизвестных данных.

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

Отображение распределения во времени

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

Для переключения между часами авторы сделали переключатель:

Данных много. Отображается всегда 1 часовой диапазон из 24. Более 95 % данных скрыты. Поэтому способ перехода между данными должен быть легким и быстрым.

У переключателя есть несколько проблем:

Главная функция — показать общее распределение в течение суток и удобно переключаться между часами. Авторы опубликовали данные, чтобы зрители их увидели. Для того, чтобы увидеть 95 % данных, приходится переключаться.

Что можно сделать ценой относительно малых затрат, если не говорить что «тут всё надо переделать»:

Увеличить максимально активную область временного промежутка, независимо от высоты отдельных столбцов:

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

Пользуясь случаем, напомню, что Сбертех приглашает начинающих дизайнеров в свою «Дизайн-кухню»: https://special.habrahabr.ru/sbertech/dk/. Мы с коллегами поделимся опытом: Даниил Захаров, Алина Ермакова, Михаил Николаев, Павел Лаптев, Даниил Мелких, Андрей Тиханов, Илья Михайлов, Антон Алексеев, Алексей Павлов и другие. Я буду рассказывать в этот раз не о визуализации. В частности, буду говорить о том, как разобраться в целях большого проекта, как их хорошо сформулировать и понятно оформить цели для себя и других участников. Подавайте заявки.