{"id":14287,"url":"\/distributions\/14287\/click?bit=1&hash=1d1b6427c21936742162fc18778388fc58ebf8e17517414e1bfb1d3edd9b94c0","title":"\u0412\u044b\u0440\u0430\u0441\u0442\u0438 \u0438\u0437 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0447\u0438\u043a\u0430 \u0434\u043e \u0440\u0443\u043a\u043e\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044f \u0437\u0430 \u0433\u043e\u0434","buttonText":"","imageUuid":""}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

0
23 комментария
Написать комментарий...
Антон Михальский

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

Ответить
Развернуть ветку
Илья Бабин

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

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

Ответить
Развернуть ветку
Oleg Izt

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

Ответить
Развернуть ветку
Петр В

"Яндекс" объясняет вам, что надо переходить на Google, а вы все никак не поймете ))

Ответить
Развернуть ветку
corki buchek

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

Ответить
Развернуть ветку
under construction

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

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

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

Ответить
Развернуть ветку
Сергей Плахин

@ мне не нужно

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

Ответить
Развернуть ветку
Yaroslav Khohlov

Запихнуть можно хоть миллион функций, и у каждой найдутся пользователи. Но это портит основу продукта

Ответить
Развернуть ветку
Mikhail Che

смотря как делать
Телега делает правильно - она не тычет тебе всем этим доп функционалом в лицо, он не очевиден, но те кому надо его найдут

Ответить
Развернуть ветку
Yaroslav Khohlov

Истории в телеге раздражают, они на самом видном месте. Донаты тоже надоело уже видеть в каждом канале.

Ответить
Развернуть ветку
Дэн Билзерян
Интерфейс — это просто прокладка

С точки зрения многих дизайнеров интерфейс - это средство самовыражения)

Ответить
Развернуть ветку
Bosse

И они так досамовыражались, что иногда тошнит от новых изменений: каждый раз - всё инстаграмнее и инстаграмнее.

Особенно, когда это касается EPR, CRM и разных личных кабинетов. А уж принцип зонирования - похерен везде и всеми 🤦‍♂️

Ответить
Развернуть ветку
Анна Жук

Все оказывается настолько глубинно

Ответить
Развернуть ветку
Ilya

Туннельный синдром, пенсионеры, «лично мне неудобно».

Автор, это не энтропия, это Big Data (или не очень big) и капитализм. Ты путаешь тёплое с синим.

Сейчас никто в здравом уме не будет делать UX, чтобы угодить пенсионерам - они денег не несут и их доля в аудитории 0,1%. Ну, кроме сбера, у которого вся аудитория пенсы :)

Если угодно - реверс инжиниринг, обратная инженерия в интерфейсах.

Ответить
Развернуть ветку
Антон Зайцев

Ого, чатджипити уже в комменты на виси заходит

Ответить
Развернуть ветку
Игорь Варнавский
Автор

Самый большой рынок — американский. И там 80% богатство принадлежит пожилым
https://www.wsj.com/articles/older-americans-35-trillion-wealth-giving-away-heirs-philanthropy-11625234216
https://www.self.inc/info/generational-wealth-gap/

На миллениалов приходится 5% богатства
https://www.cnbc.com/2020/10/09/millennials-own-less-than-5percent-of-all-us-wealth.html

Посмотрите также возрастную пирамиду и ее динамику.

Ответить
Развернуть ветку
Игорь Варнавский
Автор

https://habr.com/ru/companies/nlmk/articles/769316/

С Хабра:

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

Дизайнеры открыли для себя, что на сталелитейном производстве дизайн в стиле Apple никому не нужен :)

Ответить
Развернуть ветку
Игорь Суслов

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

Ответить
Развернуть ветку
Антон Зайцев

А откуда возьмется классический интерфейс ну нанпример в новых продуктовых категориях. Придумали айфон - где брать правила?

Ответить
Развернуть ветку
Саша Титов

Я скроллбар не чувствую)

Ответить
Развернуть ветку
Игорь Варнавский
Автор

Это вопрос к вашему браузеру. На https://simpleway.agency/ не используются кастомные полосы прокрутки. Только стандартные браузерые

Ответить
Развернуть ветку
Саша Титов

Ваша правда. Этим и подтверждается тема поста

Ответить
Развернуть ветку
20 комментариев
Раскрывать всегда