27
сайт должен вызывать визуальный интерес, а не отталкивать пользователей.
Профессиональная студия веб - дизайна может это гарантировать.
Содержание сайта и его дизайн должны находиться в полной гармонии,
поскольку только таким образом можно привлечь внимание покупателя к
продукции. При этом огромное значение играют цвета, об этом говорят
различные психологические тесты. Специалисты утверждают, что каждый цвет
вызывает у человека определенный вид эмоций, и все это происходит на
подсознательном уровне. Темный цвет обычно воспринимается более
спокойно, светлый – наоборот. Именно поэтому при создании веб - дизайна
настоящие мастера стараются уделять огромное внимание психологическому
фактору [2, с. 72].
Можно привести несколько проверенных фактов, каким именно должен
быть веб - дизайн и фирменный стиль, чтобы привлекать посетителей:
1. Веб-дизайн должен разрабатываться с ориентированием на фирменную
цветовую гамму компании или организации, для которой оформляется заказ
создания сайта. Такие решения всегда положительно воспринимаются
посетителями.
2. Дизайн сайта должен легко адаптироваться к типу устройств.
3. Дизайн должен четко гармонировать с контентом, не доминируя, а
эффектно дополняя его.
4. Лучшее решение для сайта – стильный ненавязчивый дизайн,
продуманная функциональность, простая структура и полезный контент.
Графика должна занимать как можно меньше места на странице по
сравнению с той информацией, которую необходимо донести до посетителя.
Также она должна быть максимально качественной. В этом смысле новые
шаги в развитии дизайна и позволяют достичь необходимого результата. Все
элементы, любое оформление рисуется от руки и затем доводится до
совершенства. Сегодняшние дизайнеры способны сделать все, чтобы у
пользователя не было возможности рассеивать свое внимание на
28
несущественные детали. Стремление сделать сайт чрезмерно оригинальным
часто может навредить [2, с. 158].
Интересная технология обработки графики – создание объемных
реалистичных иллюстраций на основе коллажа, которые выглядят очень
натурально, но не являются фотографиями. Эффект получается за счет
визуализации изображений при помощи 3D - программ, позволяющих по
определенной модели создавать объемные изображения с определенной точки
освещения и наблюдения. Для создания таких иллюстраций необходимо
огромное количество подготовительного материала. Возможно наложение на
детали натуральной текстуры, использование теней и искусственного
солнечного света.
Возможно создание любого настроения, отображения погоды. Возможна
реализация почти всего, что угодно заказчику. Отдельные элементы
прорисовываются, затем соединяются воедино и в финале получается красивая
фотореалистичная картинка, которая сильно привлекает внимание посетителей,
легка для восприятия, не перегружает внимание и способствует созданию
нужного настроения на сайте. Веб - дизайн отделился от дизайна как такого,
содержащего в себе ранее и дизайн сайта и дизайн этикетки, и превратился в
полностью самостоятельную отрасль. Причём можно проследить тенденцию: в
университетах увеличилось число поступающих на специальность «Веб -
дизайн», что говорит о возрастании конкуренции в данной сфере деятельности,
а также об улучшении качества конечного продукта. Ведь хороший дизайн
этикетки продукта говорит о том, что у компании хорошо идут дела.
Сегодня профессиональный веб - дизайнер ориентируется, прежде всего,
на своего заказчика, тщательно изучая не только все аспекты заказа, но и
обращая внимание на его социальные, психологические и физиологические
особенности. Это делается с одной целью – создать исключительно уникальный
дизайн, максимально подходящий заказчику. Сегодня разработка
качественного сайта во многом зависит от уровня профессионализма веб -
дизайнера. Ведь оформление веб-страницы – это своего рода визитная карточка
29
компании, и специалист должен обеспечить максимально частое её посещение.
По сути веб-дизайн включает: создание структуры сайта, определение целевых
пользователей, оформление нескольких вариантов дизайн - макета и другие
элементы.
1.4.2 Язык разметки гипертекстовых страниц HTML
Когда речь заходит об интернете, то мы говорим, прежде всего, об
общении, а оно было бы не возможно без языка HTML. А говоря об HTML,
следует вспомнить, что прообразом его был SGML (Standard Generalized
Markup Language – стандартный обобщенный язык разметки), разработанный
для возможности совместного использования читаемых машиной документов.
В 1989 году Тим Бернерс-Ли упростил этот язык, создав HTML, который
пришел на смену предшественника. Поскольку язык и программы для разбора
SGML были сложны, и потребляли очень много ресурсов и вычислительной
мощности, а пришедший ему на смену новый HTML – легковесный и
скромный, то язык быстро стал популярным. Консорциум Всемирной паутины
(W3C) положил конец диалектическим изысканиям, утвердив стандарт HTML
2.0.
Стандарт гарантировал, одинаковое отображение страниц в разных
браузерах. В начале 1997 года был утвержден стандарт HTML 3.2, который
содержал в себе теги, поддерживающие форматирование и работу с таблицами.
В конце 1997 года был утвержден HTML 4, который ввел в стандарт
технологию каскадных таблиц стилей CSS (Cascading Style Sheets),
позволяющий веб-дизайнеру настроить стиль страниц по своим творческим
задумкам.
В 1999 году выходит HTML 4.1, его главной задачей было предоставить
совместимость с прошлыми версиями этого языка. Чтобы браузеры не путались
в несколько разных стандартах, W3C предложил в начале документов
объявлять тип документов. 15 Целых 10 лет стандарт HTML 4.1 закрепился и
был использован web-дизайнерами. Разработчики браузеров, в погоне за
пользователями, принялись активно оживить контент. Так появилась
30
поддержка Java и Flash. Эти технологии динамического медиаконтента
привносили разнообразие в web-страницы. Поэтому W3C утвердил
спецификацию языка DHTML(Dynamic HTML – динамический HTML),
который, используя набор API-функций браузера, мог потеснить те же
технологии Java и Flash. В 2004 году специалисты в разработке браузеров, как
Google, Opera и Apple модернизировали существующий стандарт HTML 4.1.
Главная цель данной модернизации была выжать максимум, чтобы язык
стал сравним с языком программирования. Результатом данной работы стало,
включение в 2007 WHATWG в HTML – команду, а сами работы были признаны
черновиком HTML5. В 2014 году появился HTML 5 как новая открытая
платформа, предназначенная для создания веб-приложений использующих
аудио, видео, графику, анимацию и многое другое без использования
дополнительных плагинов.
Произошло уменьшение дополнительных компонентов, которые
используются при создании документа. А технологии WebGL и CSS3 3D в
HTML5 позволяют отображать трехмерную графику непосредственно в
браузере. На данном этапе развития это один из самых распространенных
языков. И преемственность играет здесь большую роль, она поддерживает
разработчиков и пользователей, давая простор для дальнейшего развития.
1.4.3 Обеспечение доступности WEB-страницы
Обеспечение доступности WEB-страницы возможно при соблюдении
определенных принципов.
Эти принципы включают в себя требования к структуре, которые помогут
сделать веб-представительство современным, удобным в использовании и
конкурентоспособным.
Категории и подборки. Для удобного просмотра и навигации по сайту,
услуги (продукты) необходимо разделить на категории. Для того, чтобы
подтолкнуть к покупке или навести на идею, хорошо иметь подборки разных
разделов для разных потребителей с учетом их предпочтений.
31
Простой и логичный дизайн и структура. Структура сайта должна быть
спроектирована таким образом, чтобы для доступа к любой странице
пользователю не пришлось совершать более трех переходов. Это сделает
ресурс более удобным для посетителей. Следует четко разбивать страницу на
участки таким образом, чтобы посетитель мог сразу увидеть, где находятся,
например, анонсы последних новостей, основной текст страницы или меню для
переходов к другим разделам сайта. При этом желательно расположить
информацию таким образом, чтобы на странице не оставалось пустых участков.
Пустые места можно заполнять тематическими схемами и рисунками.
Удобная и безопасная оплата. Одной из главных проблем, тормозящих
развитие российского электронного бизнеса, является безопасность данных при
онлайн-покупках, что следует из опроса.
По этой причине 70% потребителей оплачивают товары наличными при
получении, только 47% – при помощи дебетовой карты, а 45% – через
электронные платежные системы. Поэтому необходимо позаботиться о том,
чтобы покупателям было легко оплатить выбранный товар.
Для этого необходимо продумать несколько способов оплаты, например,
наличными курьеру, банковской картой, наложенным платежом либо
безналичный расчет. Подключить сайт к системе онлайн-платежей, например,
WebMoney или PayPal. Чем больше способов оплаты будет поддерживаться,
тем больше шансов, что клиент примет решение купить услугу (продукты)
именно на сайте компании. Отметим, что законодательство предписывает
использование хотя бы одного вида безналичных платежей.
Доставка. Необходимо создать страницу, где будут подробно расписаны
все условия доставки и возврата приобретенной услуги (продукта). В
навигационном меню сайта обязательно должна быть ссылка на страницу с
условиями доставки и возврата услуги (продукта).
Необходимо указать все возможные способы доставки приобретенной
путевки. Желательно, чтобы таких способов было несколько: самовывоз,
доставка силами турфирмы, услуги почты, курьерской службы или других
32
перевозчиков. У покупателя должен быть выбор. Обязательно указать
стоимость каждого способа доставки. Подробно описать условия возврата и
возможность урегулирования спорных вопросов. Возможно, в рамках акции
периодически предлагать бесплатную доставку или гарантированный возврат
денег при возврате.
Описание услуги (продукта). После анализа deal.by, выяснилось, что до
95% покупателей ищут не компанию-производителя, а конкретный товар. В
70% случаев товарная позиция с обобщенным названием (например, просто
«телевизор») не рассматривается. Товары без описания 80% пользователей
попросту игнорирует. Именно поэтому для владельцев интернет-ресурсов
важно составлять полные и уникальные описания услуги (продукта), указывать
полное описание, размещать как можно больше фотографий.
При этом, составляя описание услуги, не стоит слишком увлекаться SEO-
оптимизацией текста. Перенасыщая текст ключевыми словами для поисковых
систем, мы, наверняка, отпугнем потенциального покупателя, который не
сможет понять написанного.
Статьи Грамотный и простой стиль изложения. Если тексты на страницах
сайта полны орфографических и стилистических ошибок, то выглядеть это все
будет в лучшем случае небрежно. В худшем – вопиюще непрофессионально.
Посетитель задумается, стоит ли ему вообще обращаться к тому, кто так
небрежно относится к своей работе.
О нас. Описать, чем занимается компания, как давно существует на
рынке, сделать акцент на конкурентных преимуществах фирмы. Указать
актуальные контактные данные. Указать все адреса партнеров. Эта информация
нужна, чтобы убедить посетителя – особенно, если он собирается оплачивать
услугу (продукт) до его доставки, в том, что компания действительно
существует. Дать посетителю почувствовать, что фирма – надежная.
Мобильное приложение. Потребители уже привыкли использовать свои
телефоны для изучения особенностей различных товаров до и после
совершения покупки. Однако сейчас наступает время, когда потенциальные
33
покупатели все чаще обращаются за покупками к специальным приложениям
или мобильным версиям сайтов.
Поэтому, несомненно, необходимо, чтобы у веб-представительства
фирмы была мобильная версия.
Цены. Необходимо постоянно мониторить цены на сайте и наличие
услуги (продукта), а также быть уверенными в актуальности информации. Цена
услуги (продукта) ни в коем случае не должна увеличиваться во время
подтверждения заказа. Если это произойдет, то покупатель, скорее всего, сочтет
продавца обманщиком и уже никогда не вернется на его сайт.
Турпродукты – это не особо дешевое удовольствие, поэтому необходимо
использовать различные промо-акции или специальные цены, так как в
условиях кризиса, покупатель все чаще сравнивает варианты и ищет самое
выгодное предложение.
1.5 Анализ имеющегося WEB-представительства турфирмы ООО
«Мир путешествий»
Анализ сайта, который в данный момент является веб-
представительством турфирмы ООО «Мир путешествий» позволяет учесть все
минусы и исключить их при создании нового сайта. При внутреннем анализе
существующего сайта мы также определим все минусы, которые мешают ему
быть эффективным и влияют на низкую посещаемость, а также выявить
причину, почему посетители покидают сайт в короткие сроки, просмотрев
только первую станицу либо навигацию сайта.
Если бы требовалось провести небольшие изменения, например изменить
шрифты, изменить картинки, логотип, тексты, ссылки или просто добавить
какую-то функцию, то в этом случае подошел бы вариант переделать старый
сайт. Но так как мы планируем глобальные изменения: добавить новые вкладки
изменить дизайн, переделать блоки и их расположение, исправить функционал
сайта. В этом случае экономичнее сделать новый сайт.
34
Для полноценного анализа нами будет проведен также анализ успешных
сайтов как турфирм, так и других организаций. Необходимо для полного
вывода провести и анализ сайтов других фирм, которые также являются не
эффективными. Необходимо провести также анализ ошибок не только в
структуре сайта, но и в его наполнении.
Анализ сайта необходимо провести в комплексе с
конкурентоспособностью фирмы, что и было нами сделано ранее.
Данный подход позволяет полноценно подготовить максимально
эффективный сайт, который будет реально работать и привлекать посетителей,
а следовательно повышать конкурентоспособность и рентабельность фирмы [3,
c. 201].
Скриншот главной страницы сайта представлен на рисунке 1.5.
Рисунок 1.5 – Скриншот главной страницы сайта турфирмы «Мир
путешествий»
В результате анализа были выделены все отрицательные стороны сайта:
1. Дизайн сайта не соответствует оптимальным требованиям, что
приводит к проблемам при его использовании. Очень много ярких цветов,
ненужной информации, навигация является неудобной.
35
2. В текстовом содержании сайта присутствуют грамматические и
орфографические ошибки.
3. Присутствуют и технические проблемы. Скорость загрузки низкая,
присутствуют неработающие ссылки. Наблюдается проблема совместимости с
некоторыми браузерами.
4. Навигация не совсем четкая, плохо структурированная.
5. Ключевые слова не соответствуют наполнению сайта.
Анализ существующего сайта фирмы также позволил определить то, что
он является статическим. Это является самым главным недостатком. Новый сад
фирмы должен быть динамичным и исключить все указанные ошибки.
Выводы по разделу 1
В первой главе выпускной квалификационной работы нами были
исследованы понятие, задачи и методы проектирования WEB-
представительств. Необходимо отметить то, что в результате рассмотрения
теоретических аспектов проектирования WEB-представительств были сделаны
следующие выводы:
– в современном мире для развития конкурентноспособности любой
фирмы, организации или предприятия необходимо иметь персональный сайт в
сети интернет. Это может быть сайт-визитка, может и корпоративный сайт, а
может любой другой. Но самое главное требование к любому WEB-
представительству – сайт должен быть эффективным.
Будет недостаточно того, чтобы просто создать сайт и разместить его на
просторах Рунета. В подтверждении наших слов приведен анализ
существующего сайта, который не отвечает всем требованиям по
функциональности и эффективности и практически не несет ни какого
полезного действия для развития фирмы.
36
2 Проектирование Web-представительства для турфирмы ООО
«Мир путешествий»
2.1 Описание архитектуры WEB-представительства для турфирмы
ООО «Мир путешествий»
Как мы уже отмечали выше архитектура сайта должна быть понятна
пользователю, удобна в использовании, навигация должна быть простой.
Архитектура веб-сайта включает клиентскую, программную и
административную части (рис. 2.1).
Рисунок 2.1 – Архитектура WEB-представительства
Операционная и серверная части составляют в своем взаимодействии
программную часть. Операционная составляющая включает среду разработки
веб-сайта. Серверная – указание на размещение на сайте провайдера, при этом
поддерживает технологии, которые используются при создании веб-
представительства.
WEB-представительство
Программная часть
Операционная часть Серверная часть
Администрирование
Инструменты
управления
Клиентская часть
Интерфейс ,
диалоговые окна