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

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

Главная страница

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

Сам сайт должен предоставлять максимум комфортности в процессе работы с ним.

Для этого необходимо соблюсти следующие принципы организации сайта[9]:

• Название компании или логотип желательно разместить в левом верхнем углу;
• Выделить прямую ссылку на главную страницу;
• Индивидуальный слоган компании должен состоять из одного и не более предложения.

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

Раздел «О нас»

Рассмотрим, какую информацию нужно представлять в разделе «О нас»:

• Контактная информация;
• Цели и философия бизнеса организации (как видит организация свой бизнес, каким образом организация реализует связи с обществом, стратегические целевые стремления);
• Хронология развития организации.

Анонсированное пояснение целей бизнеса верхней части страницы «О нас» помогает потенциальному пользователю лучше понять – что и где содержится в контенте сайта и повышает его ориентированность.

Контент

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

---

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

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

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

Для удобства просмотра страницы необходимо использовать следующие техники:

• Выделение ключевых слов;
• Грамотное составление заголовков;
• Выделение списков маркерами;
• Подавать информацию – один абзац на одну идею (иначе пользователи пропустят все остальные идеи, если их не привлекут главные слова абзаца);
• Использования стиля перевернутой пирамиды (статья начинается с заключения);
• Использования меньшего количества слов, чем в обычной статье;
• Применять минимум мало понятных сложных терминов;
• Показывать хронологию создания сообщения (с целью выделения актуальности сообщения на данный момент);
• Использование контекстной информации атрибута «alt».

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

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

---

Почта

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

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

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

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

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

Именно поэтому для отслеживания пользователей лучше всего применять «cookie», в файл которого заносится вся необходимая информация о пользователе во время прохождения им процедуры регистрации. Если в целях организации безопасной работы с сайтом необходима регистрация, то не стоит создавать слишком строгие и емкие формы для ввода. Если есть возможность использовать автозаполнение и автоматически устанавливать фокус на первом поле формы, необходимо использовать данный функционал.

---

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

Ссылки

Ссылки должны быть предсказуемы, пользователь должен знать, что произойдет, если он нажмет на ссылку. Необходимо четко указывать, что является ссылкой: для текста – ссылка выделяется цветом или подчеркиванием. Не нужно скрывать различия между ссылками, которые посетили и ссылками, которые еще не посетили пользователи.

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

Нельзя допускать появление «ломаных» ссылок. В этом случае другие Интернет-ресурсы и поисковые машины не будут ссылаться на ваш сайт.

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

Реклама

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

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

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

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

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

---

• Рекламные сообщения, размещенные во всплывающих окнах;
• Медленная загрузка рекламного контента;
• Отсутствие возможности закрыть рекламное сообщение – всплывающее окна, баннер и т.п.;
• Рекламные ссылки, которые принуждают пользователя перейти на рекламный контент, ему не интересный;
• Когда реклама закрывает читаемый пользователем заинтересовавший его материал;
• Выделение рекламного сообщения или ссылки посредством мигания или цветового изменяющегося сообщения;
• Двигающаяся реклама;
• Реклама, которая произвольно начинает воспроизводить звуки ли проигрывать видео-контент.

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

При размещении рекламы в интернете необходимо следовать следующим правилам:

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

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

Для оценки работоспособности и соответствия техническим и эргономическим требованиям сайта обычно создается группа тестеров от трех до пяти человек. Каждый из тестеров производит тестирование сайта независимо и индивидуально. По результатам их работы производится процедура сравнения и формируется единый вывод о работоспособности сайта[5-7].

Этапы проведения тестов:

1. Тест на работоспособность и понятность для пользователя пользовательского интерфейса.
2. Тестирование наиболее важных элементов веб-приложения.

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

Вывод

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

Глава 2. Программные среды разработки веб-приложений

В данной главе рассмотрим функциональные возможности различных сред разработки, представленных ниже[8].

HTML

В основе разработки любого веб-приложения находится язык HTML.

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

---