Интерфейс Интернет-магазина. 
Проектирование и продвижение в сети Интернет-магазина

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

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

Чем проще выполнена верхняя часть страницы, тем легче запомнить название сайта и саму фирму.

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

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

Рисунок 3 Каталог товаров Товары должны быть распределены по группам. Необходимо обеспечить возможность поиска товаров по части названия и описания. Для каждого товара обычно предусмотрены: краткое и полное описание, плюс несколько фотографий.

При оформлении заказа покупатель должен ввести контактную информацию: ФИО, адрес доставки, телефон и т. д. После чего покупателю отправляется по электронной почте письмо с сохраненными данными. (рис. 5).

Рисунок 4 Оформление заказа Расчёт стоимости и вывод цен со временем будет осуществляться в двух валютах, рублях и долларах. Так как цена виниловых наклеек зависит от курса доллара. Чтобы сэкономить время заказчика на оплату товара, неплохо иметь в магазине готовую квитанцию для оплаты через Сбербанк.

В электронном магазине имеются и информационные разделы:

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

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

Рисунок 5 Форма обратной связи Обратной, невидимой покупателю, стороной Интернет-магазина является система управления. Вход в систему администрирования осуществляется только после ввод администратором логина и пароля (логин и пароль администратор может менять). Администратор имеет возможность полностью управлять содержимым Интернет-магазина: (см. приложение Д).

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

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

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

Руководствуясь данными принципами разработки интерфейса, было решено сделать ставку на простоту и информативность, что бы пользователь, попадая на сайт «StickForYou», получал четкую информацию о товаре, новинках, предстоящих релизах. Так же о том, как он сможет оплатить заказ, каковы условия и сроки доставки и т. д.

Цветовая гамма ориентирована на бежевые тона, удачно гармонирующие с черным цветом текста.