Статья в газете Теком-Ростов

Проектирование информационной архитектуры сайта. Курс выживания.

(начало в №№7-13) Навигация Как аудитория будет пользоваться сайтом? Как посетители попадут из одного места в другое? Как сделать так, чтобы они не заблудились? В процессе работы над системой навигации вам придется найти ответы на все эти вопросы. Взгляните на иерархию разделов сайта. Видите основные разделы (“корни” дерева)? Это превосходные кандидаты в систему глобальной навигации, которая доступна на всех страницах сайта и позволяет пользователям быстро переходить из одного раздела в другой. Лучше, если таких разделов будет около пяти-семи. Неплохо так же включить логотип фирмы в систему глобальной навигации в качестве ссылки на домашнюю страницу. Локальная система навигации может принимать различные формы. Это может быть список тем, как на Yahoo!. Либо локальная навигация может быть организована в виде выпадающего меню, либо как ряд ссылок, как, например, отображаются результаты поиска в поисковых машинах. Главное — документ должен содержать не только глобальную систему навигации, но и достаточное количество систем локальной навигации. Например, сайт Webmonkey имеет навигационную систему, которую можно описать следующим образом: “Система глобальной навигации содержит ссылки на все главные разделы сайта: дизайн, HTML, программирование и т.д.”. Локальную систему навигации на этом же сайте можно описать так: “В случае, когда статья разбита на несколько частей (страниц), внизу каждой страницы появляется список частей, каждый из элементов списка является ссылкой на соответствующую часть статьи. Названием элемента списка служит название части (главы) статьи”. Концепция сайта: Структура сайта Пора вернуться к основному документу! Резюмируйте метафорическое описание сайта. Добавьте иерархию разделов. Если список разделов слишком длинный, используйте неполный вариант, а полный вынесите в приложение. Добавьте также архитектурные планы, опишите глобальную и локальные системы навигации. Как обычно, опубликуйте результаты своей работы. Например: 4. Структура сайта. 4.1. Иерархия разделов сайта (или резюме этого документа). 4.2. Архитектурные планы. 4.3. Глобальная и локальные системы навигации. Пришло время заняться визуальным дизайном. Смысл проектирования визуального дизайна состоит в том, чтобы дать пользователям “чувство места”. Посетители должны понимать, где они находятся на сайте, где они уже побывали и как попасть туда, куда им нужно. Четкая структура сайта совместно с эффективным визуальным дизайном позволяют посетителю мысленно представлять себе карту сайта и не заблудиться на нем. Цель этого этапа проектирования информационной архитектуры сайта заключается в том, чтобы визуально представить структуру сайта. Первый шаг: необходимо нарисовать сетки дизайна (layout grids), которые представляли бы структуру с навигацией на уровне одной отдельной страницы. Затем эскиз дизайна поможет представить, как все это будет выглядеть. Сетки и эскизы приводят к созданию предварительных страниц (так называемая “рыба”), из которых, в свою очередь, получается окончательный вариант. На этом этапе вам понадобится помощь дизайнеров, арт-директоров, креативных директоров и команды разработчиков. Сетки дизайна Сетки — это своего рода макеты, описывающие содержание веб-страницы, а не представляющие его, как, например, эскиз дизайна. Элементы содержания должны быть размещены именно в нужных местах. Необходимо также отвести место для глобальной и локальной систем навигации и интегрировать другие элементы, которые могут не являться структурными элементами самого сайта (например, реклама). Бренд компании обязан присутствовать на каждой странице. Реклама и спонсорские ссылки также должны быть где-то размещены. Вот пример сетки: Для начала возьмите список разделов сайта и сделайте из него список страниц всех возможных типов. Отдельные страницы сайта должны быть выполнены в одном стиле в пределах всего сайта. Просмотрите инвентарный список элементов содержания и попытайтесь отобрать два-три основных типа содержания. Вы начнете со страниц этих типов, остальные будут созданы на их основе. (продолжение следует) По материалам John Shiple “Squishy’s Crash Course in Information Architecture” Андрей Тихонов
Весь номер

Новости партнеров:


Тесты, обзоры, статьи, аналитика
Инновации в медицине
Тема инноваций в области медицинских товаров является актуальной и касается каждого. Сегодня использование больших данных, искусственного интеллекта и других технологий стимулирует внедрение медицинских новшеств по всему миру. Новые методы профилактики, диагностики и контроля заболеваний, а также инновационные препараты и техники для мониторинга и лечения обещают значительно улучшить качество жизни людей.
CRM системы для повышения B2B продаж
CRM – оченеь эффективный инструмент для повышения продаж в сегменте B2B. Платформа удобна менеджерам для фиксации каждого шага работы с клиентом, руководителю – для контроля работы сотрудников и получения оперативной аналитики.
Обзор лучших QLED телевизоров, которые есть в наличии в 2023 году
Любите посмотреть кино или поиграть? Для этого созданы QLED-телевизоры. В его основе – технология квантовых точек, которая позволяет достичь максимально точной цветопередачи и делает цвета более яркими, насыщенными и живыми. В результате вы получаете невероятное изображение, которое намного превосходит возможности других ТВ.
Гиперконвергентные инфраструктуры
С постоянным развитием информационных технологий и расширением объемов данных компании сталкиваются с необходимостью улучшить свои IT-инфраструктуры, чтобы обеспечить эффективное хранение, управление и обработку данных.
Бесплатные мероприятия в Москве Cоветы Путешественникам —
как мы переехали
в Мексику
Свежий номер газеты Телеком

«ТелеКом» уходит в интернет!

Как вернуть исчезнувшие контакты на iPhone после обновления iOS?

Мобильный телефон в отпуске – особенности использования и вероятные поломки

Brosco - модные аксессуары для вашего телефона

EmailMarket – онлайн платформа для поиска лучших специалистов в email маркетинге

Большие возможности при разумной цене смартфона Lenovo A Plus

Квадрокоптеры – история вдохновения

Больше возможностей для email-рассылок за умеренную стоимость с SendPulse

Mestel MO900 – семейная микроволновка

Сколько стоит ремонт ноутбуков и куда стоит обращаться в первую очередь?

Заряд бодрости и оптимизма

Внешние зарядные устройства для мобильных телефонов и девайсов

Аккумуляторы для фотоаппаратов и видеокамер

Как выбрать недорогой китайский смартфон

Возврат обеспечения заявки на участие в тендере

Оптические делители

Восстанавливаем потерянные данные программой EaseUS Data Recovery Wizard

Бронебойный высокопроизводительный смартфон Blackview BV 8000 PRO

Autodesk Vault – компоновка и возможности

Как защитить сайт от вирусов

SSL сертификат – зачем он нужен и какой тип выбрать

Как выбрать проектор для домашнего кинотеатра

Коротко о электрогриле Wollmer S807

Керамика в электротехнике и энергетике

Ремонт планшета Леново

В чем преимущество серверной стойки перед шкафом

Прочный деловой смартфон с неплохими характеристиками и стильным дизайном - Doogee T5S

Запчасти для ноутбуков: плюсы оригинальных комплектующих

Такие разные чехлы и аксессуары от Apple

От яичницы с беконом до шокера. Какими бывают чехлы для смартфона

Причины для замены дисплея на iPad Air 2

Картриджи для ленточной библиотеки – выход для хранения данных

Спидтест интернета с инструкцией устранения проблем представлен на новом ресурсе

Выбираем портативное зарядное устройство

Лучшие смартфоны от производителя Homtom

Выбор мастерских по ремонту гаджетов

Сопровождение 1С: быстрый способ избавиться от проблем

Риски использования одноразовых номеров

Как правильно построить и организовать техническую поддержку ИТ инфраструктуры компании?

Можно ли заправить картридж принтера самостоятельно?

Обмен Perfect Money: возможности собственного обменника и альтернатива порталов мониторинга – что выбрать?

Аренда звука – правильное решение при организации мероприятий

VK70604N: продуманная фильтрация и максимальная практичность

Winter is coming: как выбрать снегоуборочную машину для дома

Особенности выбора сервера 1С

Как ускорить старый ноутбук

Продвигаете сайт? Загляните в соцсети. 5 причин важности маркетинга в социальных сетях

Феноменальная история эволюции WordPress. Путь самой используемой системы управления контентом

ТОПовые игровые ноутбуки

Подписка на новости


Информация

Copyright © 2005-2017
technograd.com


Разработка проекта: Издательский дом RMG

E-mail:
[email protected]

Редактор:
[email protected]

Реклама:
[email protected]

Тел. +7 (863) 272-66-06

о проекте>>

Рейтинг@Mail.ru