[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"general-list":3,"footer-feature-tags":4,"slate-glossary-term-cognitive-load":66},true,[5,14,20,29,34,40,46,52,56,62],{"id":6,"name":7,"hex":8,"translations":9,"count_pages":13},8,"Компания","#f40925",{"ru":10,"en":11},{"name":7},{"name":12},"Company",9,{"id":15,"name":16,"hex":17,"translations":18,"count_pages":6},26,"Главная страница",null,{"ru":19},{"name":16},{"id":21,"name":22,"hex":23,"translations":24,"count_pages":28},2,"Проекты","#3027ff",{"ru":25,"en":26},{"name":22},{"name":27},"Project",15,{"id":30,"name":31,"hex":17,"translations":32,"count_pages":21},33,"ИИ",{"ru":33},{"name":31},{"id":35,"name":36,"hex":17,"translations":37,"count_pages":39},34,"Комментарии",{"ru":38},{"name":36},4,{"id":41,"name":42,"hex":17,"translations":43,"count_pages":45},25,"Задачи",{"ru":44},{"name":42},24,{"id":47,"name":48,"hex":17,"translations":49,"count_pages":51},27,"Рабочие пространства",{"ru":50},{"name":48},3,{"id":45,"name":53,"hex":17,"translations":54,"count_pages":6},"Kanban-доска",{"ru":55},{"name":53},{"id":57,"name":58,"hex":17,"translations":59,"count_pages":61},23,"Диаграмма Ганта",{"ru":60},{"name":58},1,{"id":28,"name":63,"hex":17,"translations":64,"count_pages":61},"Календарь",{"ru":65},{"name":63},{"detail":67,"more":144},{"id":68,"slug":69,"translations":70,"category":84,"tags":92,"letter":110,"og_image":17,"cover":17,"author_name":17,"author_position":17,"author_avatar":17,"faqs":111,"related":125,"views_count":141,"helpful_yes_count":114,"helpful_no_count":114,"created_at":142,"updated_at":143,"published_at":17},338,"cognitive-load",{"ru":71},{"title":72,"short_definition":73,"tldr":74,"full_explanation":75,"when_to_apply":76,"when_not_to_apply":77,"examples":78,"tips":79,"synonyms":80,"translation_en":81,"seo_title":82,"seo_description":83},"Когнитивная нагрузка","Объём умственной работы, который интерфейс возлагает на пользователя при решении задачи.","Когнитивная нагрузка — это сколько усилий уходит у пользователя на то, чтобы понять интерфейс и выполнить задачу. Высокая нагрузка — это много элементов, непонятные термины, многоступенчатые формы, требование держать в голове предыдущие шаги. Хороший интерфейс снижает когнитивную нагрузку: один экран — одна задача, понятные подсказки, минимум выбора в каждой точке. Психологи различают внутреннюю, внешнюю и продуктивную нагрузку.","\u003Cp>Концепция когнитивной нагрузки пришла из педагогики и образования. В дизайне её используют, чтобы понять, почему пользователи устают и ошибаются.\u003C\u002Fp>\u003Ch3>Три вида нагрузки\u003C\u002Fh3>\u003Cul>\u003Cli>\u003Cstrong>Внутренняя\u003C\u002Fstrong> — сложность самой задачи. От неё никуда не деться, но можно разбить задачу на части.\u003C\u002Fli>\u003Cli>\u003Cstrong>Внешняя\u003C\u002Fstrong> — лишняя нагрузка из-за интерфейса: запутанный язык, лишние шаги, плохая структура. Это то, что дизайн может убрать.\u003C\u002Fli>\u003Cli>\u003Cstrong>Продуктивная\u003C\u002Fstrong> — нагрузка, которая помогает учиться и формировать навык. Не всегда плохо.\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>Как снижать внешнюю нагрузку\u003C\u002Fh3>\u003Cul>\u003Cli>Один экран — одна задача.\u003C\u002Fli>\u003Cli>Использовать привычные решения, а не выдумывать оригинальные.\u003C\u002Fli>\u003Cli>Подсказки и заполнение по умолчанию вместо пустых полей.\u003C\u002Fli>\u003Cli>Прятать продвинутые настройки, пока они не нужны.\u003C\u002Fli>\u003Cli>Использовать слова из мира пользователя, а не из внутреннего жаргона.\u003C\u002Fli>\u003C\u002Ful>","\u003Cul>\u003Cli>При проектировании сложных форм и многошаговых сценариев\u003C\u002Fli>\u003Cli>В административных и корпоративных интерфейсах с десятками функций\u003C\u002Fli>\u003Cli>В банковских и медицинских сервисах, где цена ошибки высока\u003C\u002Fli>\u003C\u002Ful>","\u003Cul>\u003Cli>В простом контентном сайте, где сценарий — почитать статью\u003C\u002Fli>\u003C\u002Ful>","\u003Cp>Банк переделывает форму открытия счёта. В старой версии — 18 полей на одной странице. На тестах юзабилити пользователи останавливаются и не понимают, какие поля обязательны, а какие нет. Команда разбивает форму на 4 шага по 3–5 полей, добавляет понятные подсказки и заполнение по умолчанию там, где это возможно. Конверсия в завершение открытия вырастает почти вдвое, а число вопросов в поддержку «как заполнить эту форму» падает.\u003C\u002Fp>","\u003Cp>Правило, которое работает почти всегда: на одном экране — одна главная задача и одно главное действие. Когда команде хочется «впихнуть ещё одно», стоит честно ответить, не сделает ли это интерфейс хуже для типичного пользователя. Обычно сделает.\u003C\u002Fp>","когнитивная нагрузка, умственная нагрузка, нагрузка на внимание, Cognitive Load","Cognitive Load","Когнитивная нагрузка в интерфейсе: как её снижать | Shtab","Когнитивная нагрузка — объём умственной работы, которую интерфейс перекладывает на пользователя. Виды нагрузки и приёмы, снижающие лишнюю нагрузку в продукте.",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":88},12,"ux-design","#ec4899",{"ru":89},{"title":90,"description":91},"UX и дизайн","Понятия дизайна пользовательских интерфейсов и пользовательского опыта: исследования, юзабилити, доступность, IA, прототипы, дизайн-системы, методологии и тёмные паттерны.",[93,101],{"id":94,"slug":95,"kind":96,"hex":87,"order":97,"translations":98},47,"ux-research","tool",110,{"ru":99},{"title":100},"Исследования UX",{"id":102,"slug":103,"kind":104,"hex":105,"order":106,"translations":107},51,"ux-pattern","other","#cc5649",114,{"ru":108},{"title":109},"UX-паттерны","К",[112,119],{"id":113,"order":114,"translations":115},1434,0,{"ru":116},{"question":117,"answer":118},"Это связано с законом Хика?","\u003Cp>Да. Закон Хика говорит, что время выбора растёт логарифмически с числом вариантов. Это одна из конкретизаций общей идеи когнитивной нагрузки: больше вариантов — выше нагрузка. Поэтому в хороших интерфейсах число одновременных альтернатив стараются ограничивать.\u003C\u002Fp>",{"id":120,"order":61,"translations":121},1435,{"ru":122},{"question":123,"answer":124},"Как измерять?","\u003Cp>Прямых метрик когнитивной нагрузки в массовом продукте нет, но есть косвенные: время выполнения задачи, доля ошибок, частота возвратов, NPS, прямые отзывы. На тестах юзабилити часто используют шкалу NASA-TLX — субъективную оценку сложности задачи.\u003C\u002Fp>",{"related":126},[127,134],{"id":128,"slug":129,"translations":130},323,"heuristic-evaluation",{"ru":131},{"title":132,"short_definition":133},"Эвристическая оценка (эвристики Нильсена)","Метод экспертной проверки интерфейса по списку устоявшихся принципов юзабилити, прежде всего 10 эвристикам Якоба Нильсена.",{"id":135,"slug":136,"translations":137},322,"usability-testing",{"ru":138},{"title":139,"short_definition":140},"Тестирование юзабилити","Метод исследования, при котором пользователи выполняют реальные задачи в продукте под наблюдением исследователя.",116,"2026-05-11T20:33:08.060480+03:00","2026-05-11T20:33:08.060496+03:00",[145,174,203],{"id":146,"slug":147,"translations":148,"category":153,"tags":156,"letter":172,"cover":17,"updated_at":173,"published_at":17},332,"atomic-design",{"ru":149},{"title":150,"short_definition":151,"translation_en":152},"Atomic Design (атомарный дизайн)","Подход Брэда Фроста, в котором интерфейс собирается из иерархии «атомов», «молекул», «организмов», «шаблонов» и «страниц».","Atomic Design",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":154},{"ru":155},{"title":90,"description":91},[157,163],{"id":61,"slug":158,"kind":158,"hex":159,"order":61,"translations":160},"methodology","#5e79ec",{"ru":161},{"title":162},"Методология",{"id":164,"slug":165,"kind":166,"hex":167,"order":168,"translations":169},50,"design-system-tag","framework","#14b8a6",113,{"ru":170},{"title":171},"Дизайн-системы","A","2026-05-11T20:33:05.908305+03:00",{"id":175,"slug":176,"translations":177,"category":182,"tags":185,"letter":201,"cover":17,"updated_at":202,"published_at":17},335,"mobile-first",{"ru":178},{"title":179,"short_definition":180,"translation_en":181},"Mobile-first (сначала мобильная версия)","Подход к проектированию, при котором сначала продумывают мобильную версию, а уже потом расширяют её до десктопа.","Mobile-first",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":183},{"ru":184},{"title":90,"description":91},[186,194],{"id":187,"slug":188,"kind":96,"hex":189,"order":190,"translations":191},48,"ui-design","#7c5ce6",111,{"ru":192},{"title":193},"UI-дизайн",{"id":195,"slug":196,"kind":158,"hex":159,"order":197,"translations":198},49,"design-process",112,{"ru":199},{"title":200},"Процесс дизайна","M","2026-05-11T20:33:07.021925+03:00",{"id":204,"slug":205,"translations":206,"category":211,"tags":214,"letter":227,"cover":17,"updated_at":228,"published_at":17},319,"ux-vs-ui",{"ru":207},{"title":208,"short_definition":209,"translation_en":210},"UX и UI: в чём разница","UX — про общий опыт взаимодействия с продуктом, UI — про внешний вид и поведение конкретного интерфейса.","UX vs UI",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":212},{"ru":213},{"title":90,"description":91},[215,221,224],{"id":6,"slug":216,"kind":104,"hex":217,"order":6,"translations":218},"concept","#4b5370",{"ru":219},{"title":220},"Концепция",{"id":94,"slug":95,"kind":96,"hex":87,"order":97,"translations":222},{"ru":223},{"title":100},{"id":187,"slug":188,"kind":96,"hex":189,"order":190,"translations":225},{"ru":226},{"title":193},"U","2026-05-11T20:33:01.213551+03:00"]