Главный принцип разработки интерфейсов

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

С энтропией кода бороться тяжело. С интерфейсами вопрос решить проще, если проектировать их по правильным принципам.

Главный принцип разработки интерфейсов

О технологической энтропии писали не раз:

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

Главный принцип разработки интерфейсов

Колесо прокрутки не заменяет скролл-бар. Во многих сценариях полоса прокрутки удобнее:

  • Листание быстрее. Особенно в бесконечных списках — еще одном изобретении, которое часто применяют не к месту
  • Нет колесика или сенсорного экрана
  • Проблемы с мелкой моторикой. Нередко бывают у пожилых
  • Нежелание работать мышью из-за болей в запястье, вызванных туннельным синдромом
  • Нет полноценной поддержки клавиатуры. В настольной версии Telegram можно листать вниз стрелкой вниз ↓, но при нажатии стрелки вверх ↑ активируется редактирование твоего последнего сообщения в чате. Кто до такого додумался?
  • «Рваное» пролистывание колесиком
Полосы прокрутки в почте Mail.ru, почте Yandex, настольном Telegram и платном SaaS для маркетологов
Полосы прокрутки в почте Mail.ru, почте Yandex, настольном Telegram и платном SaaS для маркетологов

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

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

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

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

Сравним интерфейс почты крупнейших интернет-компаний рунета. У Yandex пустая папка спама неактивна. У Mail.ru она почему-то всегда активная. Зачем? Чтобы терять время на проверку пустой папки?

Главный принцип разработки интерфейсов

Чем меньше энергии уходит на решение задачи, тем лучше интерфейс.

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

Энергоэффективные решения всегда выигрывают. Корабли дешевле грузовиков и поездов, потому что перевозка грузов по воде более энергоэффективна. Электромобили эффективнее автомобилей на ДВС, потому что обладают более высоким КПД. Telegram-каналы как источник новостей отбирают трафик у сайтов, потому что все в одном месте, грузится быстрее браузера и меньше замусорено рекламой. Простые и ясные тексты работают лучше, чем длинные и косноязычные.

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

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

Самый лучший интерфейс — это самый энергоэффективный интерфейс.

2121
23 комментария

Меня яндекс задрал предложениями поставить яндекс домашней страницей.Зачем вы лезете все время с этим вопросом? Захочу поставлю

9

Яндекс еще "радует" постоянными всплывающими предложениями что-то докупить, подключить, попробовать, когда я уже заплатил за Плюс, чтобы избавиться от рекламы и пользоваться сервисом. Очень бесит, когда открываю кинопоиск или яндекс музыку.

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

2

мне он выводит два окна, какое второе даже не помню, на автомате уже закрываю

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

1

В этом есть позитив. Спустя 20 лет все же перешел на гугл.

Telegram-каналы как источник новостей отбирают трафик у сайтов, потому что все в одном месте

Хех, Телеграм по части обвеса ненужностями скоро обгонит некоторые сайты

3

@ мне не нужно

@ значит никому не нужно