Информационная архитектура
Время на чтение: 7 минут
Время на чтение: 7 минут
После того как сформирована карта сайта, можно приступать к следующему уровню детализации.
1
Карта сайта
2
Информационная архитектура
3
Вайрфреймы и логическая схема
4
Макеты
5
Прототип
В информационной архитектуре вы должны показать уже названия блоков, которые находятся на странице.
Это все равно что создавать дизайн текстом. Ключевые преимущества в том, что вы не тратите время на саму отрисовку дизайна, но у вас уже появляется первый документ, который можно показать в качестве задания разработчикам или дизайнерам.
Это все равно что создавать дизайн текстом. Ключевые преимущества в том, что вы не тратите время на саму отрисовку дизайна, но у вас уже появляется первый документ, который можно показать в качестве задания разработчикам или дизайнерам.
Дорабатывать карту сайта до уровня информационной архитектуры - это все равно что уже на сформированный скелет сайта начать наращивать мышцы.
Что должна содержать в себе информационная архитектура:
Название каждого блока внутри страницы
Что должна содержать в себе информационная архитектура:
Название каждого блока внутри страницы
Ключевые элементы внутри блока
Какие кнопки и какие логические переходы должны произойти в случае нажатия этих кнопок.
Стрелки, которые показывают, куда именно будет осуществлен переход после нажатия/взаимодействия с элементом
Вы должны прописать какие заголовки должны быть на сайте. Какой текст должен размещаться, какие кнопки и какие логические переходы должны произойти в случае нажатия этих кнопок.
В конечном итоге у вас должно получиться что то похожее:
Вы должны прописать какие заголовки должны быть на сайте. Какой текст должен размещаться, какие кнопки и какие логические переходы должны произойти в случае нажатия этих кнопок.
В конечном итоге у вас должно получиться что то похожее:
Еще один неочевидный плюс, это то что теперь вам не надо рассказывать о вашем продукте на пальцах или рисовать какие то схемы на бумажках. Вы можете фиксировать все комментарии разработчиков, дизайнеров, заказчиков на этой информационной архитектуре.
В случае если у вас есть дизайнер в вашей команде, то уже на этом этапе даже можно передавать все на отрисовку макетов.
Если же дизайнера в команде нет, то желательно пройти следующий этап: создание wireframes и прорисовку всего клиентского пути. А следовательно построение клиентского опыта UX.
В случае если у вас есть дизайнер в вашей команде, то уже на этом этапе даже можно передавать все на отрисовку макетов.
Если же дизайнера в команде нет, то желательно пройти следующий этап: создание wireframes и прорисовку всего клиентского пути. А следовательно построение клиентского опыта UX.
Расскажи как тебе этот блок?
Все блоки: