Начение дизайна с точки зрения удобства использования сайта

роектирование стартовой страницы рекламного сайта

Стартовая (домашняя) страница — страница, загружаемая в окно браузера по умолчанию при каждом его запуске или при нажатии кнопки Домой или выделенного сочетания клавиш. Обычно в качестве стартовой применяются специализированные страницы, содержащие набор наиболее часто используемых ссылок на каталоги ресурсов, веб-почту, новостные издания и др., а также ряд популярных служб: поиск в интернете, проверка на вирусы, онлайн-перевод, отправка SMS. Эти страницы значительно облегчают жизнь рядовых пользователей интернета.

Существуют несколько типов стартовых страниц, это или специализированные сайты которые содержат ссылки на наиболее популярные сайты и сервисы (например: www.istartpage.info) , или стартовые страницы которые встроены непосредственно в браузер (например: Opera или Chrome)

Нашей задачей было создать стартовую страницу для собственного рекламного сайта. Для начала нужно было спроектировать страницу на бумаге, что бы понять ее внешний вид и удобна ли она будет в использование. (Смотреть приложение А) После этого можно было уже приступать к созданию страницы.

остановка задачи

Требуется создать сайт для рекламного агентства полного цикла «Didlayn». На страницы необходимо отобразить краткую информацию об агентстве, разместить панель навигации и анимированный баннер рекламного агентства. Баннер разработать, используя программный пакет Macromedia Flash. С помощью программы Macromedia Dreamweaver создать шаблон стартовой страницы с последующим заполнением и получением готового к размещению в сети Интернет HTML-документа.

Macromedia Flash – это мультимедийная платформа компании Adobe для создания веб-приложений или мультимедийных презентаций. Широко используется для создания рекламных баннеров, анимации, игр, а также воспроизведения на веб-страницах видео- и аудиозаписей. Позволяет работать с векторной, растровой и ограниченно с трёхмерной графикой, а также поддерживает двунаправленную потоковую трансляцию аудио и видео.

Macromedia Dreamweaver – это WYSIWYG HTML-редактор компании Adobe. Изначально разработан и поддерживался компанией Macromedia, вплоть до 8-й версии (2005 год). Следующие версии, начиная с Dreamweaver CS3 (2007), выпускает Adobe. Богатый инструментарий, открытость приложения для всевозможных настроек, удобный интерфейс и другие особенности сделали Dreamweaver одним из наиболее популярных HTML-редакторов в мире [1].

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

Рассмотрим значение дизайна, структуры, контента, навигации с точки зрения удобства использования сайта.

1. Дизайн сайта не должен препятствовать пониманию всей системы и быстрому доступу к нужным функциям. Сейчас в Интернете господствует мода на так называемый шрифтовой дизайн, когда красивый внешний вид сайта создается в первую очередь за счет искусно подобранных шрифтов, удобной структурной организации, умело сформированных сss-cтилей. Это способствует максимально быстрой загрузке страниц. Графика обоснована тогда, когда она несет какое-то значение для отражения информации, представленной на сайте (внутренние имиджевые баннеры, иллюстрация текстовой информации, услуг компании).

2.Структура сайта и навигация - важнейшие составляющие успешно работающего ресурса. В эти понятия входят не только меню, но и другие элементы.

Основные моменты сайтостроения и последние тенденции:

- отказ от заставочных страниц (часто это просто какая-то рекламная или имиджевая картинка, появляющаяся при загрузке сайта). Заставка - это, во-первых, лишняя загрузка страницы, причем, как правило, очень долгая, что может сразу оттолкнуть пользователя, который не хочет ждать. Во-вторых, сайты сейчас строятся в основном на системах управления, которые позволяют владельцам ресурса самостоятельно развивать меню, добавлять новые пункты и подпункты навигации;

- блочная организация главной страницы сайта.
Поскольку пользователь при поиске информации в Интернете просматривает параллельно большое количество ресурсов и не находит интересующей его информации на первых двух-трех страницах открывшегося сайта, то закрывает его и переходит на следующий. Цели посещения сайта пользователем могут быть очень различными, поэтому возникла необходимость разместить на главной странице максимум информации, которая может заинтересовать пользователя, заставит его задержатся на сайте и пойти дальше по разделам. Для этого на главной странице сайта организуются структурные блоки, содержащие краткую информацию о компании и ее услугах, новости, специальные предложения, баннеры, рекламирующие какие-либо акции или события, опросы для посетителей, а также любые другие сведения, которые в первую очередь могут быть нужны посетителю сайта;

- удобная навигация.

Удобство подразумевает четкую структуру построения разделов.

Задача любой навигационной системы на сайте, чтобы пользователь в максимально короткий срок нашел необходимую ему информацию не только на главной странице, но и в любом разделе сайта [3].

3.Текстовое содержание сайта.

Контент сайта - это содержание (информационное наполнение) сайта: текстовая информация, графические материалы, мультимедийные файлы и др. Контент не должен быть статичным: информация на сайте должна регулярно обновляться. Для обновления контента можно вести:

• ленту новостей,
• информационную рассылку,
• проводить опросы,
• конкурсы.

В тексте страниц обязательно надо использовать заголовки и подзаголовки. Заголовки и подзаголовки обязательно должны быть выделены визуально (цветом, шрифтом, размером, отступами и т.п.). Текст заголовка должен быть предельно кратким и в то же время максимально содержательным.

Ключевые слова текста должны быть выделены визуально (например, полужирным начертанием или цветом). В таком случае даже при "диагональном" просмотре текста посетитель будет воспринимать ту информацию, на которой Вы хотите заострить внимание.

Используйте маркированные списки там, где это возможно. При беглом просмотре структурированная информация воспринимается гораздо лучше, чем сплошной текст.

4. Механизмы обратной связи.

1. Контактные данные.
Как правило, контактные данные присутствуют на каждой странице сайта в подвале или в шапке, а также вынесены в отдельный раздел.

2. Форма обратной связи.
Суть ее в следующем: посетитель заполняет некоторые поля, в которых указывает данные о себе (имя, контактные e-mail и телефон, организацию и пр.) и излагает суть своего вопроса или заявки. После этого данные из формы отправляются на e-mail организации и могут быть обработаны ее сотрудником.

Для того, что бы создать хороший сайт, необходимо следовать вышеперечисленным замечаниям [2].