Студия дизайна «Разумный подход» Владимира Соловьёва, podhod.ru

14 заметок c тэгом «интерфейс»

Сложные пароли в Скайпе

Владимир Соловьёв, 27 июля, 2017

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

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

Если вы забыли пароль, решили его сбросить а потом вспомнили — уже поздно, назад дороги нет, система не даёт использовать старый пароль.

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

Предсказание развития UI из 2007 в 2017 году

Владимир Соловьёв, 28 марта, 2017

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

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

Про будущее

2007-05-28 01:09:00
  1. Поисковая строка в операционной системе, командная строка, поисковая строка в браузере и адресная строка должны стать одним и тем же. Все связанные с этим проблемы языковых команд надо сделать везде одинаково решаемыми.
  2. Клавиатура — отстой, на ней слишком много кнопок. Мышка/точпад должны решать 80% всех задач. 20% для только для тех, кто собрался набрать текст. Точпад должен перестать быть плоским, по которому надо водить пальцем — отслеживать перемещения можно ala терминвокс, и для обеих рук. Будущее интерфейса за жестами, особенно этого не хватает в операционной системе у мышки.
  3. Давно пора по-честному отделить программу от оформления в ПО. Ровно также, как на вебе CSS.
  4. Долой графический дизайн из интерфейсов — вечные папочки-листочки-стрелочки. Надо выработать однозначную пиктографческую систему, которая облагораживается не заменой изображений а сменой скина — стиля линий, цветов и деталей.
  5. Буквы в шрифтах должны обрести свою сверхформу, в которой обозначены где какие капли и перекладины, какие толщины и изгибы. Чтобы можно было собирать буквы из простых элементов. Соответственно, изготовление шрифта превратится в вырисовывание капель, засечек, штрихов и прочих штук из которых состоят буквы. К совсем декоративным шрифтам, это, понятно, не относится.
  6. Уже давно пора забыть про растр и перейти во всём на вектор — видеокарты у всех позволяют. Особенно на вебе, с этой вечной резиновой вёрсткой и разными разрешениями экранов мониторов. Измерение в px надо уничтожить, как ересь.

Итак, как эти пункты выглядят сегодня, в 2017 году.

  1. На консервативных десктопах поисковая строка и адресная строка стали одним и тем же отдельно попарно и в ОС и в браузерах. Движение в сторону сращения ОС и браузера идёт, но медленно. На мобильных устройствах это сращение полостью случилось (на сколько можно говорить о командной строке в мобильном устройстве).
  2. Все тачпады поддерживают множество различных жестов. Где-то это реализовано на уровне ОС, где то на уровне производителя тачпада. В объём жесты над тачпадом массово не вышли, экспериментальные модели есть. Поскольку большинство ОС обросло поддержкой жестов, мышке перепало несколько новых принципов.
  3. Программы от оформления не отделились, поскольку сохраняется старый зоопарк средств разработки. Но в зоопарк добавился новый зверь — веб-приложения, в которых оформление отделено от ПО.
  4. Флэт стиль в паре с Thin шрифтами и естественными общими принципами UI, которые приняли на вооружение все крупные платформы, сделал все интерфейсы похожими, но всё же не одинаковыми. Пиктографическая система очень многообразна, но всё же сформулирована. Кроме того появились метаморфозы. Например, Emoji, стандартизованный набор пиктограмм, которые на разных платформах каждый производитель рисует по своему.
  5. Не внедрён, но реализован стандарт OpenType Font Variables (OT1.8), в котором появляется интерполяция по заложенным критериям. Таким образом в одном шрифте существует та самая сверхформа и возможность модификации результата, по параметрам, которые предусмотрел заранее автор.

  6. В особо больных местах появилось и устоялось использование SVG, упаковок иконок в шрифты. Экраны высокой чёткости переосмыслили понятие px, в прежней, неудобной, форме его уже нет. Но глобально и принципиально на вектор так и не перешли. Низкая архитектура по прежнему существует на спрайтах, как самых дешёвых в отображении элементах, при том что мощности железа выросли многократно.

Внутренний интерфейс «Медузы»

Владимир Соловьёв, 8 февраля, 2017

Новостной сайт «Медуза» рассказала в своём блоге какой стала система управления редакции к 2017 году. Иными словами, как выглядит CMS у интернет-СМИ.

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

Подобный рассказ о первой версии системы был опубликован в 2015 году.

Большие отступы в интерфейсе Скайпа

Владимир Соловьёв, 26 декабря, 2016

В Skype 7.30 совершенно не используется место на экране. В программе для общения, на одном экране, при обычном сегодняшнем разрешении 1920×1200, умещается около 6–12 сообщений среднего размера и 18 контактов в столбике-списке. Это очень мало.

Причины, которые привели разработчиков Скайпа к такому виду, такие:

  • Огромные плашки и высокие строчки в списке контактов. Видимо, чтобы иметь достаточный размер для тач-интерфейса;
  • Огромные отступы по по бокам от сообщений. Видимо, чтобы ограничить ширину строки, для удобства чтения;
  • Желание обязательно показывать баннер в правой колонке. Видимо, чтобы извлекать прибыль.

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

Различимый зелёный для людей с проблемами восприятия цвета

Владимир Соловьёв, 5 декабря, 2016

В приложении Google Play зелёный цвет плашек, кнопок и иконок изменился с травяного на изумрудный. Такой сдвиг тона, в сторону синего цвета, помогает людям с дальтонизмом воспринимать цвет отчётливее.

Было:

Стало: