[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"general-list":3,"footer-feature-tags":4,"slate-glossary-term-information-architecture":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":145},{"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":142,"helpful_yes_count":114,"helpful_no_count":114,"created_at":143,"updated_at":144,"published_at":17},326,"information-architecture",{"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>Иерархия разделов и подразделов.\u003C\u002Fli>\u003Cli>Главная и второстепенная навигация.\u003C\u002Fli>\u003Cli>Названия разделов — слова, по которым пользователь узнаёт нужное место.\u003C\u002Fli>\u003Cli>Связи между разделами: ссылки, перекрёстные пути, цепочки задач.\u003C\u002Fli>\u003C\u002Ful>\u003Ch3>Методы проектирования\u003C\u002Fh3>\u003Cul>\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>На маленьком сайте из 3–5 страниц — там структура сводится к здравому смыслу\u003C\u002Fli>\u003C\u002Ful>","\u003Cp>Команда продукта собирается переделать структуру личного кабинета. Раньше её просто рисовал дизайнер. В этот раз проводят карточную сортировку с 10 пользователями и видят: собственные группировки команды заметно расходятся с тем, как разделы группируют сами клиенты. Структуру переписывают, и число обращений в поддержку «где найти» падает в несколько раз.\u003C\u002Fp>","\u003Cp>Самые дорогие ошибки в структуре приходят из внутреннего жаргона компании. Раздел «Биллинг» очевиден финансистам и непонятен клиенту, который ищет «оплату» или «счета». Перед тем как зафиксировать названия разделов, проверьте их на людях из целевой аудитории, а не на коллегах.\u003C\u002Fp>","информационная архитектура, структура продукта, Information Architecture, IA","Information Architecture (IA)","Информационная архитектура (IA): что это | Глоссарий 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},49,"design-process","methodology","#5e79ec",112,{"ru":108},{"title":109},"Процесс дизайна","И",[112,119],{"id":113,"order":114,"translations":115},1643,0,{"ru":116},{"question":117,"answer":118},"Чем информационная архитектура отличается от навигации?","\u003Cp>Навигация — это видимая часть архитектуры: меню, хлебные крошки, ссылки, кнопки. Сама архитектура — общая логика: какие разделы вообще существуют, как они связаны между собой и как называются. Сначала проектируют структуру, потом отражают её в навигации. Поэтому переделка меню без пересмотра структуры почти никогда не снимает жалобы «ничего не найти».\u003C\u002Fp>",{"id":120,"order":61,"translations":121},1644,{"ru":122},{"question":123,"answer":124},"Кто отвечает за информационную архитектуру в команде?","\u003Cp>Чаще всего — исследователь или продуктовый дизайнер. В крупных компаниях встречается отдельная роль информационного архитектора, особенно в сложных порталах и интернет-магазинах. В небольших командах работу делят между менеджером продукта и дизайнером, а проверять структуру полезно вместе с поддержкой: там лучше всех знают, чего люди не находят.\u003C\u002Fp>",{"child":126,"related":134},[127],{"id":128,"slug":129,"translations":130},327,"card-sorting",{"ru":131},{"title":132,"short_definition":133},"Карточная сортировка (Card Sorting)","Метод исследования информационной архитектуры: участники группируют карточки с понятиями так, как это логично им.",[135],{"id":136,"slug":137,"translations":138},320,"user-research",{"ru":139},{"title":140,"short_definition":141},"Пользовательские исследования (User Research)","Систематическая работа по изучению пользователей: их задач, контекста, мотивации и проблем с продуктом.",113,"2026-05-11T20:33:03.803071+03:00","2026-05-11T20:33:03.803087+03:00",[146,172,197],{"id":147,"slug":148,"translations":149,"category":154,"tags":157,"letter":170,"cover":17,"updated_at":171,"published_at":17},332,"atomic-design",{"ru":150},{"title":151,"short_definition":152,"translation_en":153},"Atomic Design (атомарный дизайн)","Подход Брэда Фроста, в котором интерфейс собирается из иерархии «атомов», «молекул», «организмов», «шаблонов» и «страниц».","Atomic Design",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":155},{"ru":156},{"title":90,"description":91},[158,162],{"id":61,"slug":104,"kind":104,"hex":105,"order":61,"translations":159},{"ru":160},{"title":161},"Методология",{"id":163,"slug":164,"kind":165,"hex":166,"order":142,"translations":167},50,"design-system-tag","framework","#14b8a6",{"ru":168},{"title":169},"Дизайн-системы","A","2026-05-11T20:33:05.908305+03:00",{"id":173,"slug":174,"translations":175,"category":180,"tags":183,"letter":195,"cover":17,"updated_at":196,"published_at":17},335,"mobile-first",{"ru":176},{"title":177,"short_definition":178,"translation_en":179},"Mobile-first (сначала мобильная версия)","Подход к проектированию, при котором сначала продумывают мобильную версию, а уже потом расширяют её до десктопа.","Mobile-first",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":181},{"ru":182},{"title":90,"description":91},[184,192],{"id":185,"slug":186,"kind":96,"hex":187,"order":188,"translations":189},48,"ui-design","#7c5ce6",111,{"ru":190},{"title":191},"UI-дизайн",{"id":102,"slug":103,"kind":104,"hex":105,"order":106,"translations":193},{"ru":194},{"title":109},"M","2026-05-11T20:33:07.021925+03:00",{"id":198,"slug":199,"translations":200,"category":205,"tags":208,"letter":222,"cover":17,"updated_at":223,"published_at":17},319,"ux-vs-ui",{"ru":201},{"title":202,"short_definition":203,"translation_en":204},"UX и UI: в чём разница","UX — про общий опыт взаимодействия с продуктом, UI — про внешний вид и поведение конкретного интерфейса.","UX vs UI",{"id":85,"slug":86,"hex":87,"icon":17,"order":85,"translations":206},{"ru":207},{"title":90,"description":91},[209,216,219],{"id":6,"slug":210,"kind":211,"hex":212,"order":6,"translations":213},"concept","other","#4b5370",{"ru":214},{"title":215},"Концепция",{"id":94,"slug":95,"kind":96,"hex":87,"order":97,"translations":217},{"ru":218},{"title":100},{"id":185,"slug":186,"kind":96,"hex":187,"order":188,"translations":220},{"ru":221},{"title":191},"U","2026-05-11T20:33:01.213551+03:00"]