Файл: Разработка сайта кондитерского комбината «__________».pdf

1.4 Юзабилити web-сайта

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

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

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

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

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

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

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

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

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

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

Глава 2. Технологии, применяемые при разработке web-сайтов

2.1 Модель "Клиент-сервер"

Модель «клиент-сервер» - это технология взаимодействия в информационной сети. Сервером сети Интернет называется компьютер, на котором установлена специальная программа (она тоже называется сервером, web-сервером или http-cepвером), которая отображает web-страницы по запросу клиентской машины, а так же выполняет множество других полезных функций. Владелец и администратор сервера могут гибко менять необходимые настройки, разрешать или запрещать доступ к его ресурсам, подключать, настраивать и запускать ряд дополнительных программ и функций, таких как скрипты CGI или приложения SSI, то есть полностью конфигурировать его работу по мере необходимости. Когда домашний компьютер связывается с сервером и получает от него все необходимые данные, например код web-страницы, он выступает в роли "клиента", а всю систему в этом случае принято называть связкой "клиент-сервер".

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

Клиенты - это компьютеры, подключенные к Сети через поставщика услуг Интернета (Internet Service Provider), используют ее, как правило, для поиска и получения информации, работы с электронной почтой.

Программное обеспечение клиентов может включать:

 Браузер или универсальный клиент. Это программа, которая обеспечивает загрузку и отображение Web-страниц. Кроме того, современные версии этого ПО позволяют выполнять небольшие клиентские приложения (скрипты и апплеты), расширяющие возможности обычных Web-страниц, а также осуществлять путешествия в виртуальных мирах.

 Почтовые приложения, работающие с электронной почтой.

 Другие мультимедийные средства, как, например, воспроизведение звуковых и видеороликов.

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

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

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

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

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

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

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

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

 Функции ввода и отображения данных.

 Прикладные функции, характерные для данной предметной области (для банковской системы - открытие счета, перевод денег и т.д.).

 Функции хранения и управления информационно-вычислительными ресурсами (базами данных, файловыми системами и т.д.).

 Служебные функции, осуществляющие связь между функциями первых трех групп.

В соответствии с этим в любом приложении выделяются следующие логические компоненты: компонент представления (presentation), реализующий функции первой группы; прикладной компонент (business application), поддерживающий функции второй группы; компонент доступа к информационным ресурсам (resource manager), поддерживающий функции третьей группы, а также вводятся и уточняются соглашения о способах их взаимодействия (протокол взаимодействия).

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

На основе выше сказанного можно сделать вывод, что данная технология имеет как достоинства, так и недостатки.

К недостаткам можно отнести:

 дорогое техническое обеспечение;

 дорогие серверные операционные системы и клиентские лицензии; кроме того, часто требуется администратор сети

К достоинствам системы клиент/сервер следует отнести:

 сильную централизованную защиту;

 центральное хранилище файлов;

 возможность совместного использования серверами доступного технического и программного обеспечения;

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

2.2 Технологии, работающие на стороне клиента

.2.1 HTML(от англ. Hypertext Markup Language - "язык разметки гипертекста") - это стандартный язык разметки документов во Всемирной паутине. Все веб-страницы создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, удобном для человека. HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1991-1992 годах в стенах Европейского совета по ядерным исследованиям в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки. HTML успешно справлялся с проблемой сложности SGML путём определения небольшого набора структурных и семантических элементов (размечаемых "тегами"), служащих для создания относительно простых, но красиво оформленных документов. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.

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

Язык HTML позволяет размечать текст. В том числе вы можете: сделать текст жирным, курсивным или подчёркнутым; вставить специальные символы (выходящие за рамки ASCII символы пунктуации, математические символы, греческие и готические буквы, стрелки и т.п.); поменять цвет шрифта; выровнять текст по центру, левому/правому краю, по ширине; оформить текст как гиперссылку на другую страницу или файл; нарисовать таблицу.

Позже, когда появилась необходимость интерактивности веб-страниц, в HTML появились формы для введения пользователем данных, которые позднее подвергаются обработке. Формы и другую информацию можно обрабатывать с помощью специальных серверных программ (например, на языках PHP или Perl). Открытие мультимедийных файлов, выводимых как непосредственно браузером (например, изображения в форматах JPEG, GIF или PNG; аудиофайлы и др.), так и внешними приложениями, "встраиваевыми" в окно браузера (Flash-анимация, Java-апплеты и прочее).