1. Анализ и проектирование

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

2. Написание контента

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

3. Креатив

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

4. Написание кода

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

5. Тестирование

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

6. Публикация покупка домена )))

7. Раскрутка регистрация сайта в поисковых системах, повышение посещаемости. Важно, поскольку о нем никто не узнает

8. Поддержка

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

Процесс разработки сайтов обычно состоит из следующих основных этапов:

3. Постановка задачи

4. Разработка технического задания (ТЗ)

5. Структуризация

6. Разработка дизайна веб-сайта

7. Размещение веб-сайта в сети Интернет

8. Постановка задачи

9. Методика составления технического задания

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

Техническое задание должно содержать следующие разделы:наименование и область применения; основание для разработки; назначение разработки; технические требования к программе или программному изделию; технико-экономические показатели; стадии и этапы разработки; порядок контроля и приёмки; приложения

86.Информационные модели Web-сайтов. Элементы навигации. Навигация Web-сайта. Юзабилити.

Виды сайов:

Визитная карточка компании (сайт-визитка)

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

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

Электронная витрина

Назначение: Продвижение товаров и услуг компании в Интернет. Электронная витрина. Пользователи "Электронной витрины" могут купить товар или ознакомиться с перечнем продукции. Каталог содержит информацию о компании, предлагаемых продуктах и услугах, поиска товаров. Задачи : доступ к ин-фе о предприятии , размещение каталога продукции, продвижение товаров и услуг, оперативного и делового обмена ин-фы с посетителями.

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

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

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

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

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

ИНФОРМАЦИОННЫЕ МОДЕЛИ: Последовательная (презентация), иерархическая, параллельная (гиперссылки в тексте), произвольная, матричная (когда все эл-ты на странице равноценны), увеличение (в галлереях).

Пример расположения инфо в сайте: - Образный элемент,- ссылки,- фото,- инфо

Навигация

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

ЭЛЕМЕНТЫ НАВИГАЦИИ

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

Горизонтальное меню вверху страницы./Вертикальное меню в теле страницы

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

- Дополнительные уровни. Более человечный и надежный способ показать дополнительные (нижние) рубрики каждого большого раздела – показать их в открытую в виде иерархического вертикального списка.

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

Панель иконок:

Навигационное меню (где пользователь находится сейчас)

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

87.Принципиальное отличие Web-сайта от других носителей информации. Образ, графический стиль Web-сайта. Преимущества и недостатки. Критерии оценки.

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

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

Критерии оценки web-сайтов

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

В первую очередь задайте себе вопросы на следующие темы:

Время загрузки.Оправдывает ли себя время загрузки страницы?

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

Не мешает ли графика пользователю воспринимать информацию?

Не "режут" ли цвета сайта глаза?

Легко ли читается текст? Не сливается ли он с фоном?

Ясно ли предназначение сайта?

Структура и навигация

Организовано ли содержание логически?

Все ли ссылки работают верно?

Понятна ли навигация пользователю?

И т.д.

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

Поиск концепции - образ

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

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

88.Корпоративный и фирменный стиль. Соотношение понятий.

Корпоративный стиль (англ. corporate identity) — набор графических форм и принципов построения визуальной коммуникации, объединённых одной идеей, основная задача которых — выделить компанию среди себе подобных и создать узнаваемый образ в глазах потребителей. «Корпоративный» или «фирменный» стиль часто понимается как набор словесных и визуальных констант, обеспечивающих единство восприятия товаров, услуг, информации, исходящих от фирмы или торговой марки к потребителю. Корпоративный дизайн наряду с корпоративной философией, корпоративной культурой и корпоративным поведением является одним из элементов корпоративной идентичности.

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

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

89.История возникновения проблемы фирменного стиля. Фирменный стиль Британской почты. Фирменныйстиль Венгерской почты.

Фирменный стиль нужен для того, чтобы посредством индивидуальности и единства графических и др. констант, выделиться среди конкурентов, стать узнаваемым (идентификация) и хорошо запоминаемым. Из-за хорошей узнаваемости уменьшается количество средств, потраченных на рекламные кампании. Наличие фирменного стиля (хорошего) значительно повышает эффективность рекламы. ИСТОРИЯ ВОЗНИКНОВЕНИЯ ФИРМЕННОГО СТИЛЯ Понятие фирменного стиля зародилось относительно недавно, ему еще нет и сотни лет, но еще в древности отдельные элементы фирменного стиля были использовались довольно часто. Кочевые народы накладывали знак собственности на скот, наиболее искусные ремесленники помечали свою продукцию личным клеймом, а покупатели, осведомленные о высокой профессиональной репутации этих ремесленников стремились приобрести товары с такими знаками. В средние века появились цеховые корпоративные торговые марки. По мере централизации производства и расширения географии рынков значение товарных знаков, других фирменных отличительных знаков постоянно росло. В середине XIX века в США и странах Западной Европы складываются предпосылки для возникновения общенациональных торговых марок. Крупных производителей, накопивших к тому времени значительный капитал, уже не устраивал полный контроль над сбытом со стороны посредников. В условиях растущей конкуренции и формирования единого информационного пространства производители товаров могли выделить непосредственно потенциальных покупателей в качестве целевой аудитории своих коммерческих коммуникаций. При этом первоочередной задачей крупного товаропроизводителя стала самоидентификация, выделение себя из общей массы непосредственных конкурентов. В постиндустриальную эпоху сфера услуг заняла позицию не менее прочную, чем производственная сфера. А для организаций, оказывающих услуги уже в начале своего существования наличие фирменного стиля является жизненно необходимым. Западные компании уже давно осознали эффективность фирменного стиля в борьбе за клиентов: достаточно вспомнить такие компании как Coca- Cola, McDonalds, Nike, Nivea, Sony, Samsung, как тут же возникает узнаваемый зрительный, а то и вкусовой образ. Первым официальным дизайнером, который создал фирменный стиль, считают Петера Беренса, архитектора, который в начале ХХ столетия, занимая должность художественного директора компании в Германии, создал определенное художественное лицо фирмы, которое соответствовало основным законам стилеобразования. Практическая работа Беренса имела огромное значение для формирования нового вида дизайна – деятельности, которая привела к упорядочиванию и стилизации промышленной продукции. Во второй половине ХХ столетия сложилось целое направление маркетинговых коммуникаций – формирование фирменного стиля.

Фирменный Стиль Британской почты Почта остается «титульной» частью государственных коммуникаций, превращаясь в своего рода имиджевый «маркер». Не смотря на фактическое вытеснение обычной почты электронными коммуникациями, она все еще остается важным элементом государственной идентичности. Главной проблемой почтовых стилей является их визуальная модернизация при сохранении традиционной символики. Эти символы (например, почтовый рожок) давно утратили фактическое значение, однако сохраняются как исторический и ностальгический знак. Почтовые стили Европы сохраняют традиционные символы, однако варианты дизайна — различны и демонстрируют стратегии решения одной и той же задачи их модернизации (особенно важен этот опыт в контексте ребрендинга Почты России). Современное графическое решение имеет знак почтовой службы Бельгии, где рожок с помощью агрессивной и динамичной графики превращен в «абстрактный» знак, без дословной или реалистической прорисовки. Схожим образом решен знак почты Австрии. Более «умеренная» модернизация производится в почтовых знаках Испании, Голландии, Швеции, Норвегии, где фундаментальный символ хотя и подвергается редизайну, но сохраняет узнаваемость и историческую преемственность. Впрочем, эти стили не менее современны и их никак нельзя упрекнуть в устарелости или архаичности. Почта России также сохраняет и традиционную символику (в отличие, например, от ребрендинга РЖД) в виде двуглавого орла, держащего в лапах почтовые рожки и фирменный цвет. Это было правильным решением: это очень ясный символ, однако в отличие от европейских почтовых стилей, он недостаточно решен визуально-графически (хотя и улучшен по сравнению с предыдущем вариантом). Ребрендинг знака Почты России слишком формален и является скорее «ведомственным», что мешает стать ему общенациональным. В почтовых стилях важную роль играет не только смысловой ряд (который достаточно однотипен), но и визуальный дизайн, от которого напрямую зависит привлекательность символа. Достаточно сравнить знак почты Болгарии со знаками почтовых служб Испании, Дании, Польши или Германии, чтобы увидеть насколько по-разному может быть реализован один и тот же символ. Символика сама по себе не может служить универсальным алиби, смыслы невозможно отрывать от визуального стиля. Например, почта Македонии и Сербии, обладает современным (не историческим) стилем, однако слабое выполнение полностью дезавуирует стиль. В этом смысле также поучителен провал ребрендинга британской Королевской Почты (вплоть до смены названия), столкнувшейся с полным неприятием нового бренда и вернувшейся через полтора года к старому названию и знаку. Следует понимать, что сам по себе отказ или консервация знаков не является залогом привлекательности бренда. Почтовые стили модернизируются прежде всего в системе комплексной программы фирменного стиля. Европейские почтовые коммуникации в большинстве своем отличаются зрелостью и осмысленностью, коммуникативная стратегия ясностью, а корпоративные стили — привлекательностью. Ведь даже минимальная модернизация невозможно вне четкой концептуальной программы. Те же самые требования необходимо предъявить и к ребрендингу Почты России.

90.Составляющие фирменного стиля. Характеристика и назначение.

Фирменный стиль составляют:

товарный знак (название или условное обозначение фирмы или товара, выполненное в определенной графической манере);

фирменные цвета (цвета, используемые фирмой и создающие ее образ);

фирменные шрифты (шрифты, используемые фирмой для оформления печатной продукции);

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

схема верстки (определенная компоновка всей печатной продукции);

слоган (короткая фраза, девиз фирмы или товара);

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

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

Среди основных функций фирменного стиля выделяют:

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

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

3. Реклама. Наличие фирменного стиля значительно повышает эффективность рекламы. Помимо этого, все объекты, содержащие элементы фирменного стиля фирмы, сами являются рекламой.

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