Кошелёк Миллера, а также ООП, API, Ui и React

Когда мы говорим о разработке интерфейсов, мы обычно думаем про кнопки, цвета, компоненты React, анимации. Но самое интересное начинается в другом месте. Там, где психология человека встречается с кодом.

Есть один принцип, который это очень хорошо показывает — кошелёк Миллера (Miller’s Law). На первый взгляд кажется: «Ну и что общего между памятью человека, ООП и дизайном интерфейсов?» Вот тут как раз и есть подвох.

Все три области решают одну и ту же задачу: 👉 как не перегрузить человека слишком большим количеством информации Немного контекста.

В 1956 году психолог Джордж Миллер выяснил: человек может удерживать в голове примерно 7 ± 2 элемента одновременно Позже цифру уточнили до 4 элементов, может это повальное влияние клипового контента и рассеянного внимания современного человека, но это только теории.

Но сама идея осталась. 👉 мозг плохо работает с длинным списком несвязанных вещей Представьте ситуацию. Вы заходите в интернет-магазин. И видите меню:

Каталог Мужская одежда Женская одежда Детская одежда Обувь Аксессуары Новинки Акции Блог Доставка Оплата Программа лояльности Партнёры История компании Контакты

Мозг в этот момент: «Я просто хотел купить футболку с Че Геварой или носки для занятия паделом…»

И вы начинаете теряться. И вот здесь появляется UX.

Хороший UX — это не про «красиво». 👉 Это про то, чтобы мозгу было легко принимать решения

Представим банковское приложение.

Экран: Карты Кредиты Вклады Инвестиции Страхование Обмен валюты Бонусы История операций Настройки Поддержка Новости банка Партнёры Акции

Всё есть.

Но пользователь думает только об одном: 👉 «Где мои бабки деньги?»

Теперь делаем простое изменение. Группируем смысл:

Главное — 💳 Карты — 💰 Баланс — 📊 История

Деньги — Вклады — Кредиты — Инвестиции

Сервисы — Страхование — Бонусы — Поддержка

И внезапно… Бинго!

👉 мозгу стало легче Казалось бы, это просто про интерфейсы.

Но вот вопрос: 👉 почему тот же принцип идеально работает в коде?

Попробуем разобраться чуть позже, тема очень длинная и одним постом все не уместишь...) Пока что резюмируем - эталон 4 (+-2) оптимальная формула для наших когнитивных потоков абстракций

Кошелёк Миллера, а также ООП, API, Ui и React | Сетка — социальная сеть от hh.ru