Время на прочтение: 3 минуты
2024
Неряшливая карта сайта – это признак непрофессионализма. Часто к такому виду приводят стандартные ошибки. Научитесь распознавать их, чтобы избежать в будущем.
Неаккуратные соединения
Линии нарисованы небрежно, выглядят неопрятно и создают впечатление, что работу делал дилетант. Во многих программах есть средства, которые оптимизируют соединение между блоками. Используйте их и не пренебрегайте ими.
Неравномерно распределенные и невыровненные элементы.
В любой программе могут возникнуть проблемы с распределением и точным выравниванием. Избежать их просто.
Включите сетку. Если в программе нет автоматического выравнивания, вы сможете подсчитать количество делений и выровнять элементы. Когда вы строите карту на листке бумаги, используйте миллиметровку.
Текст размещен небрежно
Кажется, что красиво разместить текст несложно. Но подобная ошибка встречается часто. Сначала вам нужно подумать, как разместить текст на фигурах гармонично. Проследите, чтобы все текстовые метки хорошо и понятно соотносились с элементами.
Качественное размещение заметно упростит чтение и работу с документами.
Нет нумерации страниц
Присвойте каждой странице номер. Схема нумерации должна предполагать возможность внести изменения при создании новых версий проекта.
Обычно домашней странице присваивают 0.0.0.0 или 1.0. Поймите, какой способ представления подходит вам больше всего. Нумерацию можно использовать для:
- Диаграммы потоков задач.
- Макетов.
- Матрицы контента.
- Документов контроля качества.
- Графического дизайна.
Обратите внимание на общую структуру. Это поможет лучше организовать работу и облегчить вам жизнь.
Простая карта сайта
Создать такую карту сайта относительно просто. Обычно она не занимает больше листа.
На ней есть базовые элементы визуальной номенклатуры:
- Блог
- Портфолио
- Домашняя страница
- О компании
- Контакты
Такая карта сайта четко представляет навигацию, условия переходов, расположение страниц для пользователя и заказчика.
Расширенная версия
Простая карта помещается на одном листке. Более сложные могут занимать больше. Как создать такую карту сайта?
На первой странице представляют все действия, которые нужны для перехода на главную. Здесь же представляют элементы верхнего уровня, подвал и глобальную навигацию. Документ начинается с обзора структуры сайта высокого уровня. Такая организация позволит вашему коллективу и клиенту четко представлять проект.
Уместными будут условные обозначения. Они пригодятся в дальнейшем.
Все остальные страницы должны иметь логичный переход к первой. Заведите один документ, в котором перечислите все элементы, переходы для сайта и приложения. Сшивать бумаги вместе – хороший шаг. Если ваша карта сайта выходит за пределы одного листа, это нормально.
Нетрадиционные версии
Классические примеры подходят для решения стандартных задач большинства реальных ситуаций. Но они не должны мешать вам искать те методы, которые подходят лично вам. Вы можете изобразить на листах ту информацию, которая выходит за пределы традиционной архитектуры.
Такие модели, например, показывают приоритеты и маршруты разных пользователей и дают представление об их поведении.
Диаграммы потоков задач
Чтобы построить диаграмму, нужно понимать цели посетителей. В одном случае вы получите документ, который описывает требования. В другом – типичный сценарий использования. Обычно последний – несколько фраз, которые кратко суммируют цели и задачи. Но он позволяет преобразовать представления о системе в реальный опыт.
Так выглядит типичный сценарий:
- Система выдает все заявки.
- Пользователь выбирает одну.
- Система выводит режим правки, где показывает информацию о заявке.
- Идет проверка наличия незакрытых задач. Задачи есть – появляется сообщение об ошибки.
- Если их нет, система начинает проверку счетов, которые не оплатили.
- Такие счета найдены? Появляется сообщение об ошибке.
- Если их нет, то система выведет сводную информацию.
Сама диаграмма показывает, вывод информации шаг за шагом с зависимостью разных условий типичного сценария пользователя. Она дает представление о возможных маршрутах пользователя.
Схема процессов
Первая фаза состоит из:
- Исследования рынка и пользователей.
- Тестирования юзабилити.
- Анализа конкурентов.
- Контекстного и этнографического исследовании.
- Анализе логов.
- Культурного анализа.
- Анализа рынка.
После каждой процедуры составляют отчет. Его содержимое используют в последующих работах. На их основе заинтересованные лица определят масштаб, сроки и приоритеты до того, как запустить проект.