close

Вход

Забыли?

вход по аккаунту

?

My rgr

код для вставкиСкачать

СОДЕРЖАНИЕ
ВВЕДЕНИЕ2
1.АНАЛИТИЧЕСКАЯ ЧАСТЬ3
1.1.Анализ пользовательского интерфейса3
1.2.Обзор программных систем схожего направления7
Выводы10
2.КОНСТРУКТОРСКАЯ ЧАСТЬ11
ЗАКЛЮЧЕНИЕ17
СПИСОК ЛИТЕРАТУРЫ18
ВВЕДЕНИЕ
Относительно удобный вид сервиса, предоставляемый сегодня покупателям, - приобретение товаров через Интернет с доставкой на дом или в офис. Активные, занятые люди, дорожащие своим временем, - это новое поколение потребителей. На сегодняшний день довольно просто и удобно можно купить товары, не выходя из дома. Интернет-магазин - это сайт, на котором при помощи web-браузера можно заказать необходимые товары, которые курьер доставит вам домой или пришлет почтой. Преимущества такого вида покупки очевидны:
* не надо никуда идти и стоять в очередях;
* не надо тратить большое количество времени на поиск интересующих товаров в магазинах; * всю подробную информацию о товаре можно легко найти без посторонней помощи менеджеров;
* простота и удобство оформления заказа;
В интернет-магазинах размещены полные списки товаров с фотографиями, составом и аннотациями, информация о проводимых рекламных акциях для покупателей интернет-магазина. В режиме online проводятся консультации специалистов. Одним из важнейших моментов деятельности такого предприятия является грамотное IT-обеспечение и бесперебойная работа оборудования [3]. В данной работе необходимо разработать удобный и понятный интерфейс интернет-портала для продажи компьютерной техники.
1. АНАЛИТИЧЕСКАЯ ЧАСТЬ
1.1. Анализ пользовательского интерфейса
С ростом интернета широкое распространение получили веб- интерфейсы позволяющие взаимодействовать с различными программами через браузер (например, управление своим заказом в интернет-магазине). Веб-интерфейсы удобны тем, что дают возможность вести совместную работу сотрудникам, не находящимся в одном офисе .
Интерфейс - в широком смысле - определенная стандартами граница между взаимодействующими независимыми объектами. Интерфейс задает параметры, процедуры и характеристики взаимодействия объектов.
Интерфейс пользователя - элементы и компоненты программы, которые способны оказывать влияние на взаимодействие пользователя с программным обеспечением. В том числе: * средства отображения информации, отображаемая информация, форматы и коды; * командные режимы, язык пользователь-интерфейс; * устройства и технологии ввода данных; * диалоги, взаимодействие и транзакции между пользователем и компьютером; * обратная связь с пользователем; * поддержка принятия решений в конкретной предметной области; * порядок использования программы и документация на нее. Есть несколько простых правил, позволяющих интерфейсу магазина быть понятым клиенту.
1. Чем проще, тем лучше. Это вовсе не значит, что должен быть только текст и контактная информация, но на сайте не должно быть бесполезной информации, шрифт должен легко читаться. Графические элементы должны быть были чёткими, выразительными и быстро загружаться. На сайте магазина недопустимо использовать анимацию и звук, которые долго загружаются и отвлекают внимание покупателя.
Человеческий глаз просматривает страницы сайта сверху вниз. Наибольшее внимание сосредотачивается на верхней левой части страницы. Поэтому в верхней части страницы сайта, как правило, размещается наиболее важная информация: название фирмы, логотип, само название сайта и т.д.
Чем проще выполнена верхняя часть страницы, тем легче запомнить название сайта и саму фирму.
Типовой ошибкой многих сайтов является нагромождение в верхней части страницы сайта авангардной и сложной композиции из многих рисунков, среди которых едва заметно располагается название фирмы и название сайта. В результате человеческий глаз, сканируя данную часть страницы сайта, не успевает распознать и запомнить нужную информацию. Происходит перенасыщение. Вместо увеличения запоминаемости, на таких сайтах, происходит снижение запоминаемости основных надписей (рисунков) сайта, названия фирмы и название сайта.
2. Покупатель должен без труда находить интересующий его товар и иметь возможность получить о нём исчерпывающую информацию (описание в виде текста и несколько фотографий). На витрине желательно разместить данные о деятельности фирмы-продавца (чем занимается компания, какие регионы обслуживает, адрес, контактную информацию и т. д.). 3. Товары должны быть распределены по группам. Необходимо обеспечить возможность поиска товаров по части названия и описания. Для каждого товара обычно предусмотрены: краткое и полное описание, плюс несколько фотографий. 4. При просмотре товарных предложений, у покупателя должна быть возможность сортировать товар по цене или по названию. 5. Для наглядности необходимо предусмотреть специальные разделы, содержащие товары, сгруппированные по маркетинговым признакам. Допустим: * "Новинки" (товары, недавно поступившие в продажу); * "Специальные предложения" (товары, на которые по каким-либо причинам снижены цены); * "Лидеры продаж" (наиболее покупаемые товары). 6. При оформлении заказа покупатель должен ввести контактную информацию: логин, пароль, адрес доставки, телефон и т.д. После регистрации покупателю отправляется по электронной почте письмо с сохраненными данными. 7. В электронном магазине могут быть и информационные разделы: - с данными о магазине (сфера деятельности, адрес, контактные телефоны и т.д.); * с информацией по доставке товара; * с информацией по скидкам; * новости магазина; * статьи (системы управления новостями и статьями предоставляют возможность использовать интернет-магазин как настоящий информационный портал); * прочая полезная информация. 8. Раздел "Вопросы и ответы" (FAQ), где покупатель может задать свой вопрос, а администратор магазина - ответить на него. Это способствует повышению качества обслуживания, удержанию старых клиентов и привлечению новых. 9. "Отзывы и вопросы" к товарам. Покупателю следует предоставить возможность просмотреть отзывы о товаре, оставить свой отзыв или задать вопрос - это способствует повышению качества описаний товаров. 10. Обратной, невидимой покупателю, стороной интернет-магазина является система управления. Вход в систему администрирования осуществляется только после ввод администратором логина и пароля (логин и пароль администратор может менять). Администратор имеет возможность полностью управлять содержимым интернет-магазина: * добавлять или удалять товары, описания и фотографии к ним, изменять их стоимость, условия доставки товаров и уровень скидок; * редактировать разделы магазина (новости, статьи, вопросы и ответы, отзывы и вопросы к товарам и пр.); * редактировать специальные разделы магазина (новинки, специальные предложения, товары дня, лидеры продаж); * редактировать контактную информацию интернет-магазина; * просматривать историю заказов и статистику покупателей. 11. Загрузка товарных предложений должна осуществляться из файла Microsoft Excel. Файл, в котором описаны все группы, подгруппы каталога, а также информация о товарах, создается на локальном компьютере (ограничений к количеству групп, категорий и самих товаров быть не должно). Затем файл загружается в интернет-магазин. После загрузки прайс-листа товары автоматически появляются на витрине. Таким образом, можно оперативно изменять данные о ценах и наличии товаров. 12. Аккуратная работа с цветом. Правильно примененный цвет может, например, передавать тонкие различия между однородными элементами. Неправильно примененный цвет может мешать работать с программой.
Особенно это относится к красному цвету. Так уж получилось, что для всех людей красный цвет ассоциируется с некой опасностью. Большое количество красного цвета в каком-либо месте на экране привлекает внимание, заставляет пользователя настораживаться, думая что что-то не так. В малых количествах красный цвет может исправно служить в качестве ненавязчивого указания наличия каких-либо проблем. Например, если получившееся в результате расчета число превышает норму.
Красный цвет может также использоваться в парах с другими. Существуют две метафоры - "термометр" когда красному противостоит синий, и "светофор" - зеленый. Обе они должны использоваться только, если это уместно [7].
1.2. Обзор программных систем схожего направления
На сегодняшний день большое количество интернет-магазинов функционирует в глобальной сети. Одним из аналогов интернет-магазина, продающего компьютерную технику, является компьютерный центр "Forum". Сайт компании находится по адресу www.forum3.ru. Рис.1. Главная страница "FORUM"
Данный магазин предназначен для дистанционной продажи компьютерной техники и комплектующих. Особое значение для компании имеет производство и продажа персональных компьютеров и серверов под маркой "FORUM" [1]. На сайте компьютерного центра "Форум" располагается и функционирует интернет-магазин, обладающий основными функциональными возможностями аналогичного интернет проекта. Зарегистрировавшись в качестве покупателя, пользователю предлагается выбрать интересующий его товар и поместить в корзину. После этого система автоматически формирует заказ и выдает покупателю запрос на подтверждение оплаты товара.
Выделим достоинства интернет-магазина "Forum":
* удобная регистрация покупателей;
* простое и понятное управление заказами;
* отсутствие излишней рекламы других интернет проектов;
* вывод общей и дополнительной информации о товаре;
* два вида выбора оплаты;
* составление и вывод отчетов о заказе;
* своевременное обновление базы данных.
Но кроме плюсов, в этой системе также можно увидеть ряд недостатков. К ним можно отнести:
* отсутствие форума покупателей, предназначенного для составления отзывов пользователей о товарах.
* отсутствие автоматического составления рейтинга товаров;
* некорректно работающий поиск товаров;
* недостаточное количество всплывающих подсказок;
* не реализовано изменение стиля текста для людей с плохим зрением.
* отсутствие построения графиков колебаний цены;
* узкий график работы интернет-магазина;
* отсутствие системы оплаты заказа электронными деньгами.
Другим аналогом является интернет-магазин "podberi-computer" [2]. Он обладает схожим функционалом с предыдущей системой, но в нем учтены многие недостатки.
Особенностью является наличие специализированного форума для пользователей, а оплата товара происходит только при помощи системы оплаты электронными деньгами Webmoney. Недостатком этого магазина, как и предыдущего, является отсутствие корректного поиска имеющихся товаров в базе данных компьютерной техники, неправильное расположение элементов сайта.
Рис.2. Главная страница www. podberi-computer.ru
Выводы
В первой части был проведен анализ интерфейса интернет - магазина. Проведено исследование программных систем-аналогов, определены требования к разрабатываемой системе и ее характеристикам. Руководствуясь вышеизложенными принципами разработки интерфейса, было решено сделать ставку на простоту и информативность, что бы пользователь, попадая на сайт, должен получать четкую информацию о товаре, новинках, предстоящих релизах. Так же о том, как он сможет оплатить заказ, каковы условия и сроки доставки и т.д.
В интернет - магазине должен быть реализован удобный и быстрый поиск необходимого пользователю товара. Да и утомительный просмотр каталогов мало кому по душе. Будет сделана простая и предельно удобной навигация, с тем чтобы пользователь оперативно получал ответы, на любые вопросы по тематике сайта. Не найдя нужной информации, посетитель может просто уйти, так и не получив четкого представления о вашем ресурсе. Также следует учесть все недостатки рассмотренных систем-аналогов и попытаться их устранить.
2. КОНСТРУКТОРСКАЯ ЧАСТЬ
Целью разработки дизайна интерфейса большинства программных систем является построение максимально удобного, наглядного и привычного для среднего пользователя интерфейса. При этом следует учитывать следующие факторы: * удобная регистрация;
* простое и понятное составление заказа;
* эргономичный дизайн; * информативность.
Структура пользовательского интерфейса представлена на рис.3.
Рис. 3. Структура пользовательского интерфейса
Ниже представлен интерфейс главной страницы.
Рис.4. Интерфейс главной страницы
Выбрав в меню вкладку прайс-листа, открывается окно с подтверждением сохранения файла:
Рис.5. Сохранение прайс-листа
В пользовательской части магазина представлен каталог товаров магазина. Пользовательская часть позволяет клиентам перемещаться по сайту и оформлять заказы. Товары в программе группируются по категориям. Доступ к категориям осуществляется двумя способами: - переходом по ссылкам в центре главной страницы; - через список категорий. Формирование вложений в категориях не ограничено, т.е. категории могут быть разбиты на подкатегории, а последние, в свою очередь, также могут быть разбиты на подкатегории и т.д. Рис.6. Каталог товаров
Выбрав название категории (кликнув по названию), посетитель магазина увидит список товаров, содержащихся в выбранной категории. Когда посетитель магазина заходит в какую-либо товарную категорию, ему будет показан список товаров данной категории. Рис.7. Список товаров
Просматривая список товаров (в категории и т.д.), кликнув на название товара, посетитель перейдет на страницу с полным описанием товара. Детализированная страница товара позволяет клиенту не только добавить товар в корзину, но и увидеть изображение товара, проголосовать и обсудить товар с другими пользователями.
Корзина
Добавление товаров в корзину происходит очень просто - одним нажатием на кнопку "Добавить в корзину". Эта кнопка находится напротив каждого товара в списке (при просмотре товаров внутри категории, результатов поиска, на странице с подробной инфорамцией о клиенте). Рис.8. Добавление товара
После нажатия кнопки "Добавить в корзину", пользователю открывается страница корзины.
Рис.9. Корзина покупателя
На странице корзины клиент видит заказанные товары, может выбрать и удалить товары, которые он передумал покупать, или очистить корзину. Состояние корзины отображается каждый раз, когда клиент добавляет товар в корзину. С этой страницы клиент может либо перейти на страницу оформления заказа, либо вернуться обратно к списку товаров. По умолчанию выбор опции "Вернуться к списку товаров" отправляет клиента на главную страницу магазина.
Оформление заказа
Клиенту предлагается предоставить необходимую контакную информацию (имя, фамилия, адрес, телефон). При нажатии на кнопку "Разместить заказ" система сохраняет заказ в базе данных и отправляет два электронных письма-уведомления: • клиенту - сообщение с информацией о заказе; • администратору магазина - уведомление о размещении заказа. Это сообщение отправляется на адрес, указанный в настройках магазина.
Рис.10. Оформление заказа
В проекте использованы следующие принципы и подходы к написанию:
1. Основными компонентами Web-документа, формирующих его пользовательский интерфейс использовал:
- пассивные элементы страницы (текст, графика, таблицы);
- интерактивные элементы (меню);
- элементы эстетического оформления (фоновые изображения);
2. Цвета удачно подобраны и более приятны для глаз, чем у программ - аналогов. В результате они дают пользователю возможность полностью сосредоточиться именно на взаимодействии с сайтом. 3. Для навигации по сайту используется панель сверху, это даёт легко и просто пользователю перемещаться по страницам сайта.
Элегантность и простота интерфейса достигается тем, что он не перегружен не нужными элементами и "рекламой", которой просто не может быть в локальной версии сайта.
Переход по страницам на столько быстр на сколько быстра реакция данного пользователя, переход на страницу составляет не более 2-х секунд. У пользователя нет возможности напрямую изменять сайт, поэтому невозможна стрессовая ситуация из-за каких либо изменений. При всём этом пользователь получает контроль над системой.
ЗАКЛЮЧЕНИЕ
В заключении данной работы можно сказать что в разработанном электронном магазине удачно сочетается интерфейс магазина с его функциональностью и простотой использования.
Разработана максимально удобная и доступная работа потенциального клиента, доступные и понятные диалоговые окна. Разбитые по категориям товары, имеющие подробное описание с иллюстрациями, гибкая возможность поиска по разным критериям, просмотр "новинок" и самых продаваемых товаров оставят у клиента приятное впечатление. На любой товар покупатель сможет оставить свой отзыв, формируя тем самым, дополнительную рекламу товару. Приведенные расчеты показывают, что внедрение данного интернет - магазина с разработанным интерфейсом будет являться очень удобным инструментом продажи компьютерной техники за счет:
- удобного сервиса для потребителей, позволяющего ознакомиться с перечнем товаров, совершить резервирование или покупку товаров в реальном времени, используя различные варианты доставки; - логично представленная информация позволит клиенту самостоятельно найти интересующий его товар.
СПИСОК ЛИТЕРАТУРЫ
1. Компьютерный центр "Форум". Режим доступа: http://www.forum3.ru/
2. Сайт интернет - магазина http://podberi-computer.ru
3. Обзор и анализ интернет-магазина. Режим доступа: http://www.twirpx.com/files/informatics/internet_sh/
4. Томсон, Л. Разработка Web-приложений на PHP и MySQL / Л. Томсон, Л. Веллинг - СПб.: ДиаСофтЮП, 2006. - 672 с.
5. Бикнер, К. Экономичный Web-дизайн / К. Бикнер - М.: НТ Пресс, 2005. - 248 с.
6. Лещев, Д. Создание интерактивного Web-сайта: учебный курс / Д. Лещев - СПб.: Питер, 2007. - 544 с.
7. Головач, В. Дизайн пользовательского интерфейса. / В. Головач - М.: Рада, 2003.
18
Документ
Категория
Рефераты
Просмотров
273
Размер файла
882 Кб
Теги
rgr
1/--страниц
Пожаловаться на содержимое документа