Файл: Критерии выбора средств разработки WEB - приложений.pdf

При глубоких ссылках мы должны сориентировать пользователя по месту, сообщить ему, где он сейчас находится на сайте, указав на странице цепочечную ссылку. Если есть необходимость, чтобы какая-то страница не индексировалась в поисковиках, необходимо в элементе "HEAD" ввести <META NAME="robots" CONTENT="noindex">.

"О нас"

В разделе "О нас" необходимо представить основные сведения о компании:

- состав верхнего управляющего звена (с библиографическим списком и фотографиями);

- контактная информация;

- философия организации (видение бизнеса, связи с обществом, стремления);

- основные исторические вехи;

Пространное объяснение в верхней части страницы "О нас" помогает пользователю лучше понять то, что содержится в глубинах, этого раздала^[13].

Контент

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

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

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

Для того, что бы страницы было удобно просматривать, мы будем использовать^[16]:

- выделение ключевых слов;

- грамотно составленные заголовки;

- списки с маркерами;

- один абзац на одну идею (пользователи пропустят все остальные идеи, если их не привлекут основные слова абзаца);

- стиль перевёрнутой пирамиды (где статья начинается с заключения);

- меньшее количество слов, чем в обычной статье;

---

- минимум мало понятных терминов;

- указание даты создания сообщения (что бы знать на сколько, оно актуально на данный момент);

- контекстную информацию атрибута " ALT".

- электронные заголовки часто выводятся вне контекста:

- в списке статей на сайте;

- в заголовках сообщений электронной почты;

- в результатах поиска;

- в закладках браузера.

При этом пользователи не должны обладать какими-то сверхзнаниями, что бы понять наш заголовок, если они будут пропускать текст под заголовками. По этой причине текст заголовка должен быть самостоятельной порцией информации, позволяющей понять его в отсутствие остальной части контента. При написании заголовка необходимо использовать нейтральный язык, и не применять: игры слов, "навороченности", "завлекалочек", прописных букв (так как создаётся впечатление, что мы кричим на пользователя)^[17].

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

Почта

При просьбе предоставить нам адрес электронной почты, необходимо сказать, здесь и сейчас, что именно пользователь будет получать, и как часто будете нарушать спокойствие его почтового ящика. Ссылки mailto должны быть использованы так, чтобы можно было точно понять, что перед нами почтовый адрес. Не размещать ссылки почты на именах, так как щелчок по имени должен вести на его биографию^[18]. При общении по электронной почте нет причин пользоваться конкретным именем одного из работников, если только пользователь не установил с ним личные отношения (письма от неизвестных людей чаще всего попадают в корзину)^[19].

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

---

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

Привязанность

Классический путь увеличения привязанности к сайту – это публикация свежих материалов с определённой регулярностью (от ежедневных до ежемесячных). Для желающих необходимо организовать рассылки свежего материала. Почти 100% из тех, кто подписался, будут периодически заходить и на сам сайт, пока автор будет напоминать им о себе.

Дизайн сайта должен приспосабливаться к людям. Одним из вариантов такого приспособления служит профайл, но его заполнение требует терпения, из-за этого его заполняют устоявшиеся посетители сайта^[20].

Поэтому для отслеживания пользователей лучше применять "cookie", в файл которого заносится вся необходимая информация, а не нудную процедуру регистрации. Если всё же необходимо для безопасной работы регистрация, то не стоит создавать слишком строгие формы для ввода. Если есть возможность использовать автозаполнение и автоматически устанавливать курсор в первом поле формы^[21].

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

Ссылки

Ссылки должны быть предсказуемы, пользователь должен знать, что произойдёт, если он нажмет на ссылку. Ясно указывать, что является ссылкой: если это текст пусть он будет цветным или подчёркнутым^[22]. Не скрывать различия между посещёнными и не посещёнными ссылками. Создавать ссылки с расчётом того что поисковые системы являются самыми важными посетителями, а они глухи и слепы по отношению к высоким технологиям. Оформить теги "title" так, чтобы они хорошо смотрелись в поисковых системах и закладках, поэтому начинать ссылки необходимо с ключевого слова^[23].

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

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

Реклама

В WEB-е пользователи не обращают внимания ни на что, кроме своей цели, и реклама, которая отвлекает их от достижения цели, ими попросту игнорируется. Если наша реклама появится раньше, чем пользователь найдёт интересующий его материал, то, скорее всего она будет закрыта. И когда он выполнит свою основную задачу, и готов будет присмотреться к рекламе, он её попросту уже не увидит так как закрыл всплывающее окно. Поэтому никогда не стоит отвлекать пользователя от своей цели^[24].

---

Когда пользователь набирает слова запроса на поисковом сервере, рекламные объявления которые выйдут в списке результатов запроса, будут непосредственно связаны с тем, что нужно человеку. И поэтому он читает эти объявления и щёлкает по ссылкам. Такая реклама стоит гораздо дешевле, чем распространение рекламных листовок^[25].

Итак, секрет успеха в том, что бы совместить рекламу с целями пользователей.

В рекламе пользователей больше всего раздражает:

- реклама во всплывающих окнах;

- её медленная загрузка;

- отсутствие кнопки "Закрыть";

- уловки заставляющие кликнуть;

- реклама закрывает читаемый материал;

- мигающая реклама;

- двигающаяся реклама;

- реклама произвольно начинающая играть музыку или проигрывать видео.

Наличие такой рекламы на сайте неизбежно приведёт к падению доверия посетителей. Необходимо использовать в минимальных количествах FLASH анимацию.

Если хочется разместить, рекламу она должна соответствовать следующим правилам:

- четко указывать, что произойдёт по щелчку по ней;

- четко идентифицировать себя как реклама;

- описывать, что именно рекламируется;

- даёт дополнительную информацию о себе без надобности покидать текущую страницу.

Проведение оценочных работ

Для проведения оценочной работы необходимо привлечь от трёх до пяти участников. Каждый из них производит работу индивидуально. После чего их результаты сравниваются и приводятся к единому выводу. Тест проводится в два этапа^[26]:

1) понимание работы интерфейса;

2) концентрация внимания на определённых элементах.

Необходимо отдельное упоминание каждой проблемы, что бы ни повторять её в дальнейшем.

2. Средства разработки Web-приложений

2.1. Области применения языков программирования для разработки Web-приложений

HTML

Язык разметки гипертекста (Hypertext Markup Language), или, как его чаще называют, HTML, — это компьютерный язык, лежащий в основе World Wide Web (Всемирной Паутины). Благодаря языку HTML любой текст можно разметить, преобразовав его в гипертекст с последующей публикацией в Web.

---

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

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

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

<!DOCType HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">

<html lang="en"><head>

<title>Example page</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

</head>

<body>

<h1>This is a heading</h1>

<p>This is an example of a basic HTML page.</p>

</body></html>

Поле выше содержит ключевые ингредиенты для базовой веб-страницы. Первая строка (DOCType) описывает, в какой версии HTML страницы была написана, чтобы интернет-браузер мог интерпретировать следующий текст. Далее HTML-код открытия тега позволяет браузеру знать, что он читает HTML код. HTML-тег сопровождается головной секции, которая содержит информацию о странице, такие как его название, Мета-теги, и где найти CSS файл. На теле раздел-это все содержимое, которое доступно для просмотра в браузере. Например, весь текст, который вы видите здесь, содержится в тегах body. Наконец, закрывающим тегами обернуть каждый элемент для правильного синтаксиса.

PHP

PHP (Hyper text Pre Processor) - это язык сценариев, обычно используемый для веб-приложений. PHP может быть легко встроен в HTML. PHP обычно работает на веб-сервере. Он доступен бесплатно и может использоваться на различных серверах, операционных системах и платформах.

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

---