С развитием Интернета в России и во всём мире наблюдается рост активности в области онлайновой торговли. На сегодняшний день через Интернет можно приобрести практически любые товары и услуги.

Электронная коммерция (e-commerce) - это ускорение большинства бизнес-процессов за счет их проведения электронным образом. В этом случае информация передается напрямую к получателю, минуя стадию создания бумажной копии на каждом этапе. Таким образом, электронную коммерцию можно характеризовать как ведение бизнеса через Интернет. В современном обществе всё больше компаний переносят значительную часть делового общения в Сеть [5].

Среди отличительных особенностей онлайн коммерции перед традиционной торговлей можно отметить:

· отсутствие географических, временных и языковых барьеров, что позволяет продвигать товары и услуги на новые рынки сбыта;

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

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

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

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

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

· предоставление рекламных мест;

· прямые продажи товаров, услуг и информации;

· техническая поддержка;

· предоставление инструментов для ведения бизнеса.

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

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

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

Предоставление инструментов для ведения бизнеса, или ASP (Application Service Providers - провайдер услуг доступа к приложениям, расположенным на удаленном от пользователя сервере), - относительно новый, но активно развивающийся вид получения прибыли. Так же как и техническая поддержка через Интернет, ASP позволяет более экономно расходовать средства, выбирая необходимые приложения для использования и внося за них небольшую ежемесячную плату, вместо того, чтобы покупать дорогостоящие решения. ASP решает проблему постоянного обновления приложений, которые обновляются на сервере провайдера и загружаются по мере необходимости, а не приобретаются компанией отдельно [5].

Интернет-приложения условно можно разделить на два вида: использующие и не использующие интерфейс с пользователем.

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

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

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

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

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

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

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

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

Задачами дипломной работы являются:

1) анализ и изучение основных видов электронной коммерции;

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

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

4) выявление и формулирование основных рекомендаций по разработке и оптимизации дизайна интернет-магазина;

5) изучение и применение на практике технических аспектов разработки интернет-магазина;

6) рассмотрение существующих в Сети торговых систем и разработка собственного интернет-магазина с учетом всех составленных рекомендаций.

интернет магазин расход доход

Глава 1. Теоретическое обоснование

1.1 Торговля в Интернете

1.1.1 Преимущества и недостатки электронной торговли

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

Подобный вид коммерции получил название системы "Бизнес-Потребитель" (Business-to-Customer - B2C). К системам В2С относятся:

· web-витрина - оформленный средствами web-дизайна прайс-лист торговой компании, не содержащий бизнес-логики торгового процесса;

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

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

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

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

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

· web-витрина не предусматривает оформление заказа со склада;

· использование web-витрины не уменьшает затраты продавцов на содержание штата и операционные расходы;

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

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

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

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

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

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

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

Подводя итоги, выделим основные преимущества интернет-торговли:

· создание альтернативных каналов продаж;

· увеличение оперативности получения информации, особенно при международных операциях;

· сокращение цикла производства и продажи;

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

· легкое и быстрое информирование партнеров и клиентов о продуктах и услугах.

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

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

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

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

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

1.2.2 Потребительская аудитория

1.2.3 Функциональные возможности интернет-магазина

1.3 Понятие веб-дизайна

Веб-дизайн (англ. Web design, веб проектирование) - разновидность дизайна, который занимается проектированием пользовательских веб-интерфейсов для сайтов и веб-приложений [7]. Понятие веб-дизайна включает в себя два аспекта: технический и творческий. С технической точки зрения, веб-дизайн является проектированием, использующим верстку посредством гипертекстовой разметки (HTML), языка описания внешнего вида документа (CSS), языков программирования (PHP, JavaScript, Ajax). С творческой точки зрения веб-дизайн является художественным оформлением электронных ресурсов. Оба эти аспекта являются неделимым целым, так как невозможно исполнение веб-разработки без художественного оформления, и также невозможно разработать функциональный дизайн сайта без проектирования. Таким образом, веб-дизайн можно условно назвать художественным конструированием [10]. Качество созданного веб-дизайна определяется многими факторами, которые необходимо учитывать при создании сайта, здесь важны не только технические, но также социальные, психологические и другие аспекты.

1.3.1 Факторы, влияющие на качество веб-дизайна

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

Характеристики монитора (размер экрана, разрешающая способность, количество цветов), его качество. Наиболее рациональным веб-дизайном считается тот, который не теряет своего качества при разрешении от 600х800 до 1240х1024 (от 15" ЭЛТ до 19" ЭЛТ или 17" LCD). Основное разрешение, на которое следует ориентировать веб-дизайн - 1024х768 пикселей. Основной режим мониторов, на которые ориентируется веб-дизайн: 15 разрядов цветов и выше (число цветов 65536 и выше).

Установка или отключение возможности просмотра графики при просмотре сайта. При возможном отключении графики, веб-дизайн не должен сильно страдать. Должны быть прописаны атрибуты "alt" Аlt - альтернативное текстовое описание изображения. у всех значимых изображений (тогда текстовое значение картинок будет заменять графическое). Вместе с использованием фоновых изображений для блоков следует определить и фоновый цвет.

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

Настройки системы безопасности компьютера посетителя. Например, настройки безопасности могут отключить некоторые JavaScript - скрипты, блокировать всплывающие окна.

Настройки браузера (размер шрифта, тип шрифта и пр.). Обычно размер шрифта сайтов в браузере интерпретируется как 10-12 пунктов. Оформление (размер шрифта, гарнитура, стиль) заголовков, названий страниц и пр. определяется разработчиком при создании дизайна сайта.

Версия операционной системы, установленная на компьютере посетителя. Версия ОС может влиять, например, на отображение цветовой гаммы.

Местоположение принимающего компьютера: город, страна. От этого параметра зависит отображение кодировки. В России стандартно применение "windows-1251"-кодировки. С некоторых пор, в мире осуществляется переход на универсальную кодировку "utf-8", одинаково хорошо отображающуюся на разных языках [9].

Социальные факторы.

1.3.2 Технические аспекты создания веб-страницы

1.3.3 Языки разметки и таблицы стилей

Традиционный HTML существует в трех основных версиях (HTML 2, HTML 3.2 и HTML 4).html 4.01 является наиболее современной и пока окончательной версией HTML [20].

Хотя многие теги и правила HTML довольно хорошо определены, большинство производителей браузеров предоставляют расширения к этому языку, выходящие за рамки описания стандартного обобщенного языка разметки. Однако, несмотря на это, HTML следует использовать, прежде всего, для структурирования документа; функции HTML, связанные с форматированием, в конечном итоге, будут полностью вытеснены каскадными таблицами стилей (Cascading Style Sheets, CSS).

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

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

XML (англ. Extensible Markup Language, расширяемый язык разметки) расхваливается как революционная технология разметки, способная изменить облик web-страниц. Тем не менее, несмотря на эту рекламу, лишь немногие в точности понимают, что на самом деле представляет собой XML. Вкратце, XML является разновидностью SGML (Standard Generalized Markup Language - стандартный обобщённый язык разметки), модифицированной для Web; таким образом, он позволяет разработчикам задавать их собственный язык разметки. Значит, с помощью XML можно изобрести YML (Your Markup Language, Ваш язык разметки).

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

CSS (англ. Cascading Style Sheets, каскадные таблицы стилей) - язык описания внешнего вида документа, написанного с использованием языка разметки. CSS используется для описания параметров оформления разметки электронного документа. Они могут задавать цвет, шрифт, размер, расположение объектов [19].

CSS решает проблему отделения содержимого документа (написанного на HTML) от его представления (заданного таблицами стилей). Подобное разделение увеличивает доступность документа, предоставляет больше возможностей для управления визуальным оформлением документа, уменьшает сложность структурного содержания. Благодаря таблицам стилей интерпретация внешнего вида становится более универсальной: теперь можно отдельно описать внешний вид документа для показа на устройствах с различными техническими возможностями, тем самым сохранив стабильность качества предоставления информации.

Источники таблиц стилей для отображения документа различны:

· авторские стили (информация стилей, предоставляемая автором страницы) в виде: локальных стилей: в HTML-документе информация стиля для одного элемента указывается в его атрибуте <style>; встроенных стилей-блоков CSS внутри самого HTML-документа, заключенных в теги <style></style>; внешних таблиц стилей - отдельного CSS-файла, на который дается ссылка в документе;

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

· cтиль браузера: стандартный стиль, используемый браузером по умолчанию для представления элементов.

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

Теги можно разделить на граничные и унарные. Унарные теги представляют собой определенные операции, предписывающие браузеру совершить определенное действие по достижению данного тега при обработке html - документа. Например, тег <br /> осуществляет перевод на новую строку.

Граничные теги определяют, как будет выглядеть на экране пользователя часть текста, заключенная внутрь этого элемента. Например, тег <p></p> определяет вид абзаца текста.

Элементы могут содержать атрибуты, определяющие те или иные их свойства (например, размер шрифта для тега <font>). Атрибуты указываются в открывающем теге.

В HTML не имеет значения регистр, в котором набраны имена тегов и их атрибутов (в отличие от XHTML). Элементы могут быть вложенными.

Кроме элементов, в HTML-документах есть и сущности (англ. Entities - специальные символы). Сущности имеют следующий вид: "&имя; " или "&#NNNN;", где "NNNN" - код символа в Юникоде в десятеричной системе счисления (например, &nbsp - символ неразрывного пробела).

HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <! DOCTYPE…>, которая обычно выглядит примерно так:

<! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "http://www.w3.org/TR/html4/strict. dtd">

Указание этой строки помогает добиться корректного отображения документа в браузере.

Теги <html></html>, внутри которых находится вся основная информация HTML-документа. Информация вне этих тегов будет игнорироваться, либо некорректно интерпретироваться.

Внутри этих тегов документ подразделяется на две части:

· заголовок, ограниченный тегами <head></head>; как правило, содержит дополнительные данные о странице, такие как META-теги, заголовок страницы внутри тегов <title></title>, внутренние таблицы стилей внутри тегов <style></style>, скрипты внутри тегов <script></script>;

· тело документа, заключенное внутрь тегов <body></body>, содержит всю несущую страницей информацию, выводимую в главном окне браузера.

Области <head> и <body> не пересекаются. Любая информация вне данных тегов, но внутри <html>-области игнорируется, если не несет с собой управляющий характер (например, является java-скриптом).

Структура CSS.

1.3.5 Языки сценариев и программирования

1.3.6 Web-сервер