Web-портал для пользователей -- сайт в компьютерной сети, который предоставляет пользователю различные интерактивные сервисы (интернет-сервисы), которые работают в рамках этого сайта. Web-портал может состоять из нескольких сайтов, если они объединены под одним доменным именем. Также порталы функционируют как точки доступа к информации в Интернете или сайты, которые помогают пользователям в поиске нужной информации через Интернет. Такие порталы представляют информацию из различных источников в единообразном виде, их также называют навигационными сайтами. Все порталы выполняют функции поиска, а также предоставляют интернет-сервисы, например: электронная почта, лента новостей и т. д.

Тематический портал -- это очень большой Web-ресурс, который предоставляет исчерпывающую информацию по определённой тематике.

Создание интернет порталов не является большой технической сложностью. Создание портала - это объединение в одну систему нескольких сайтов и различных сервисов. Портал может быть рассчитан как на широкую аудиторию (СМИ, сообщества, массовые сервисы), так и на определенный тематический сегмент (отраслевые порталы), например строительный или музыкальный портал.

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

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

При создании порталов нужно использовать только стандартные системы и решения, или содержать собственный штат web-разработчиков. Любые самописные решения для Интернет-портала, могут поставить на нем “крест” как только уволится ключевой сотрудник вашей компании, либо сотрудник компании разработчика. В Интернет портал, по желанию всегда можно добавить или удалить дополнительные расширения, модули и сервисы. Создание отраслевого Интернет портала может вывести компанию на преимущественные позиции в своей сфере деятельности. Популярный и посещаемый портал привлечет и партнеров и конкурентов, повысит имидж компании, сократит издержки на рекламу и принесет значительную прибыль.

Из всего вышеперечисленного можно выделить некоторые особенности, которыми должен обладать тематический портал:

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

- основной акцент делается на групповую работу с сайтом (много ролей и администраторов);

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

- необходим производительный хостинг (услуга по размещению сайта), который подбирается индивидуально.

Чтобы портал набирал популярность, нужно вносить в него некие «фишки» - улучшения, нововведения. В сети уже имеется громадное количество порталов, которые заняли свое место в рейтинге пользователей. Каждый из них имеет что-то свое, что-то интересное и притягивающее. Чтобы развитие web-портала не остановилось на стадии его создания, нужно сразу спланировать его тему, понять, какой контент будет взят за основу, какие особенности вашего портала сразу приглянуться посетителям (табл. 1).

Табл. 1 «Что должен содержать хороший портал»

В действительности Интернет используется не так, как хотелось бы разработчикам. Большинство людей тратят намного меньше времени на просмотр Web-страниц, чем хотелось бы.

Создавая сайты, мы думаем, что пользователи будут скрупулезно проходить по каждой странице, внимательно прочитывать все тексты, разбираться в структуре сайта и тщательно взвешивать все плюсы и минусы перед тем, как щелкнуть мышью по той или иной ссылке. В действительности, большую часть времени пользователь только пробегает глазами по каждой странице, проскакивает по какому-то участку текста и щелкает по первой ссылке, которая заинтересовала его или хотя бы отдаленно напомнила то, что он ищет. Большая часть страницы обычно остается просто незамеченной. Если вы хотите создавать эффективные Web-страницы, следует учитывать три факта, определяющие реальное использование Интернета:

«Мы не читаем Web-страницы, мы их просматриваем».

Люди стараются меньше тратить время на чтение страниц. Вместо чтения мы бегло просматриваем текст, как бы сканируя его, ища слова и выражения, которые привлекли бы ваше внимание.

«Наш выбор не всегда оптимален, но мы довольствуемся тем, что есть».

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

1. «Мы не задумываемся над тем, как оно работает, мы просто делаем «как получится».

Сталкиваясь с какой-то техникой, очень немногие находят время для чтения руководств и инструкций. Очень часто люди используют «что-то», совершенно не имея представления, как оно работает. Подход такой - «как получится» (для нас не важно, каким образом что-то работает).

3. Построение портала

Рис. 1 «Схема к созданию сайта»

1. Составьте список содержимого сайта. Это делается на стадии формирования концепции.

2. Сгруппируйте элементы списка. Разбейте содержимое списка на логические группы.

3. Создайте категории. После разделения содержимого на группы станет просматриваться некая схема. Отдельные группы будут похожи, их следует объединить в категории. По возможности число категорий должно быть минимальным.

4. Постройте структуру. Категории представляют собой первый уровень, группы - второй, подгруппы - третий.

Структура, созданная на основе хорошо организованного списка содержимого сайта, - это основная часть работы.

Рис. 2 «Диаграмма узла служит эскизом его карты»

4. Визуальный интерфейс

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

-ограниченная палитра смотрится лучше, чем вся радуга.

Создайте палитру не больше, чем из семи цветов и последовательно используйте ее для всех страниц сайта.

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

Шрифты с засечками - маленькими черточками по краям букв - создают впечатление стабильности, безопасности, профессионализма и долговечности - лучший выбор для серьезного Web-узла. Такие шрифты также хороши для больших фрагментов текста.

Шрифты без засечек создают впечатление передового мышления, чистоты и стремительности - прекрасный выбор для сайта по продаже новейшего оборудования. Эти шрифты подходят для заголовков и небольших фрагментов текста.

Используйте шрифты умело. В пределах сайта не обязательно пользоваться шрифтами только одного типа. Лучше всего использовать несколько шрифтов в зависимости от назначения: один - для заголовка, другой - для подзаголовков, и еще один - для основного текста. Но применять больше трех-четырех шрифтов нецелесообразно. Определите стиль для каждого из описанных выше элементов, и последовательно используйте его для всех страниц узла. Например, для заголовка страницы выбирайте всегда один и тот же шрифт одного и того же размера. Например, книга выйдет удачной, если для заголовков использовать шрифт без засечек, а для основного текста - шрифт с засечками.

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

Разбивайте страницу на части с помощью графических элементов. HTML-средства и графические элементы - прекрасный способ разделить страницу на части и привлечь внимание пользователя к отдельным ее деталям.

Создайте фоновый рисунок, превосходящий Web-страницу по размеру. Многие рассматривают фоновый рисунок как нечто небольшое, размером примерно 1/1 дюйм, которым как плиткой, выкладывается все пространство страницы. Это совершенно не обязательно! При желании можно создать фоновый рисунок, превышающий по размеру Web-страницу, который будет выходить за пределы окна обозревателя и не будет повторяться по мере пролистывания. Создав такой фон, можно разгрузить Web-страницу.

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

Чтобы фон быстро загружался, используйте как можно меньше цветов. Чем меньше используется цветов, тем меньше размер файла (не выходите за пределы 15 Кбайт).

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

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

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

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

Размещение этих элементов в стандартных местах позволяет быстро и без усилий определять их положение, а их унифицированный вид дает возможность быстро их различать на странице.

Например, мы привыкли видеть дорожные знаки на углах улиц, мы знаем, что для того, чтобы их увидеть, нужно смотреть вверх, а не вниз, и мы привыкли к тому, что они устанавливаются как обычно - горизонтально, а не вертикально.

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

В Интернете тоже быстро появились свои условности для навигации. Web-дизайнеры используют термин постоянная навигация для описания навигационных элементов, которые появляются на каждой странице. Факт того, что навигация появляется в одном и том же месте на каждой странице и имеет при этом одинаковый вид, служит для пользователя мгновенным подтверждением того, что он находится на том же сайте.

А унификация внешнего вида навигации дает возможность пользователю только один раз узнать, как она работает, и затем уже использовать ее не задумываясь.

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

Название сайта выполняет для сайта ту же роль, что и вывеска на входе в какое-либо учреждение. В Интернете эту «вывеску» нужно видеть на каждой странице. Логотип сайта находится в верхней части страницы, обычно в верхнем правом углу. Это объясняется тем, что логотип представляет весь сайт в целом, и, следовательно, он занимает самую верхнюю позицию в логической иерархии сайта.

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

Кроме того, логотип должен выглядеть как логотип, т.е. иметь все полагающиеся атрибуты: особый стиль шрифта и графики, узнаваемый при любом размере изображения.

Ссылка на начальную страницу должна быть в каждом портале и расположена на видном месте. Кнопка начальной страницы дает пользователю уверенность, что, даже заблудившись в недрах сайта, с ее помощью он всегда сможет начать все сначала.

Имеет смысл помещать само окно поиска или соответствующую ему ссылку на каждой странице сайта. Если на вашем сайте действительно есть что искать, то поместите на нем поисковое окно. Формула окна поиска действительно проста: окно поиска, кнопка и слово «Поиск».

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

Названия Web-страниц можно сравнить с дорожными указателями: когда все идет нормально, их можно совсем не замечать. Но если у вас возникает ощущение, что вы двигаетесь не в том направлении, то нужно посмотреть на название страницы, чтобы определить собственное местонахождение.

Что нужно знать относительно названий страниц:

Каждая страница должна иметь название. Недостаточно всего лишь выделить название страницы в навигации.

Название страницы должно находиться в правильном месте. Название страницы должно занимать в ее визуальной иерархии такое место, чтобы оно «обрамляло» расположенное на ней содержание.

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

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

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

Один из наиболее популярных способов использования постоянной навигации - представление ссылок на разделы в виде вкладок.

Вкладки являются превосходным навигационным устройством для больших сайтов, потому что:

Вкладки «самоочевидны». Никто, взглянув на интерфейс со вкладками не воскликнет: «А что это такое?»

Вкладки трудно не заметить. Они визуально очень выделяются, их трудно просмотреть. Кроме того, их трудно принять за что-либо еще кроме навигации, поэтому они создают заметное с одного взгляда разделение.

Вкладки приятны для глаз. Web-дизайнеры всегда стремятся сделать свои страницы визуально более привлекательными, но не в ущерб скорости загрузки страниц. Грамотно разработанные вкладки делают страницы красивее и интереснее и при этом не увеличивают общий объем страниц.

Вкладки создают эффект физического пространства. Они создают ощущение физического продвижения вперед. Вкладки вызывают сильное ощущение того, что сайт состоит из разделов и вы находитесь внутри одного из них.

Основные требования к вкладкам:

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

Вкладки должны быстро загружаться.

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

Одна из вкладок должна быть выбрана. Если ни одна из вкладок не оказывается уже выбранной, когда я захожу на сайт, то нужное воздействие вкладок теряется в первые же секунды.

6. Содержание страниц

Текст приветствия - краткое описание сайта, оформленного в виде заметного блока и размещенное на видном месте (без прокручивания экрана). Но не используйте описание назначение сайта в качестве приветственного текста.

Речь идет не о том, что эти два элемента будут обязательно рассматривать, их могут и не заметить на странице.

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

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

Навигация на начальной странице имеет следующие отличия:

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

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

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

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

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

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

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

Один из известных способов - это использование всплывающих элементов, которые содержат пояснительный текст, «всплывающий» в момент, когда вы наводите курсор на название раздела. Они позволяют дать дополнительную информацию о содержании раздела, не загромождая основное пространство страницы.

Другой способ расширения начальной страницы - это использование выпадающих меню.

Недостатки выпадающих меню:

Необходимость полного просмотра. Для того, чтобы увидеть список меню, вам нужно сначала по нему щелкнуть мышью.

Таким образом, вы не можете увидеть элементы списка, если будете просто просматривать страницу. Естественно, это затрудняет показ информации о содержании сайта.

Затрудненность просмотра. Разработчики страницы не могут регулировать шрифт, пробелы и другие параметры форматирования списка меню в том случае, когда нужно сделать его более удобным для чтения. Отсутствует хорошая возможность разделения списка на подгруппы.

Неустойчивость восприятия. Как и всплывающие элементы, списки быстро появляются и исчезают, что также затрудняет их чтение.

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

Списки менее удобны в тех случаях, когда я ищу что-то, название чего мне неизвестно, особенно когда список не алфавитный или просто он настолько длинный, что его нужно прокручивать.

К сожалению, разработчики, стремясь сэкономить место на странице, обычно делают списки длинными.

В большинстве случаев недостатки таких меню перевешивают их достоинства.

Заключение

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

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

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

Список литературы

1. Круг С. Web-дизайн [Текст]: руководство / Стив Круг; Библиотека дизайнера: Символ-плюс, 2008 - 224с.

2. Лопак Л. Web-дизайн для чайников [Текст]: пособие для начинающих дизайнеров / Л. Лопак; ? М., СПб., К.: Диалектика, 2003 - 312с.

3. Кирсанов Д. Web-дизайн [Текст]: руководство / Д. Кирсанов; Cимвол-плюс, 2006 - 368с.

4. Гендина Н.И. Лингвистические средства проектирования контента web-сайтов [Текст] / Н.И. Гендина; Научные и технические библиотеки. - 2008 - №3 c. 5-14.

Размещено на Allbest.ru