380662346651
icq: 254533158
skype: bontonweb
Комплексный аудит и тестирование сайта шоубиржи
Комплексное тестирование дизайна, юзабилити и работы программной части шоубиржи. Рекомендации по устранению выявленных недостатков.1. Неверно обрабатываются события в форме логина. Если посетитель кликнул на одном из полей, но не ввел информацию, поле остается пустым, хотя должно возвращаться в исходное состояние.
Причина – в коде не прописана обработка события onblur.
Рекомендуем прописать для подобных полей ввода обработку события onblur. В качестве примера можно использовать такой код:
<input type="text" value="логин"
onblur="if(this.value==''){this.value=' логин';}"
onfocus="if(this.value==' логин '){this.value='';}" />
2. Размер главной страницы сайта – 2.97 мегабайта. Время загрузки – более 30 секунд. Это недопустимо, т.к. велика вероятность того, что посетитель уйдет не дождавшись полной загрузки страницы.
3. Основная причина этого – при формировании страницы загружаются полноразмерные фотографии большого объема. Уже в браузере изменяется их размер для вывода маленьких изображений. Из-за этого сильно снижается скорость загрузки страницы, быстродействие сайта и возрастает нагрузка на сервер.
Рекомендуем автоматически формировать превью фотографий при загрузке файлов на сайт, либо при помощи программной обработки фото. Это позволит кардинально увеличить быстродействие сайта и скорость загрузки страниц.
4. Почему у всех новостей одинаковое время публикации 00:00 ?
5. Большинство ссылок на сайте не реагируют на наведение курсора.
Рекомендуем прописать стили a:hover для всех ссылок, размещенных на сайте.
6. Некоторые ссылки оформлены как обычный текст. Это вводит пользователя в заблуждение.
Рекомендуем всегда использовать подчеркивание для ссылок, размещенных на сайте.
7. Вся верстка сайта выполнена на таблицах. Это не соответствует современным требованиям к семантике кода, ведет к существенному увеличению размера страниц и снижению быстродействия, отрицательно сказывается на позициях сайта в поисковой выдаче и возможностях управления структурой сайта.
Рекомендуем выполнить качественную блочную верстку сайта, а таблицы использовать только для представления табличных данных.
8. HTML код содержит большое количество ошибок. Например, главная страница – 710 ошибок.
Аналогичная картина наблюдается при проверке валидатором и других страниц сайта.
Рекомендуем привести код всех страниц сайта в соответствие требованиям стандартов W3C. Для проверки кода рекомендуем использовать сервис http://validator.w3.org/.
9. В коде страниц сайта встречаются большие куски закомментированного кода. Этот код загружается, но не отображается на страницах. Таким образом, создается избыточная нагрузка на сервер и снижается скорость загрузки страниц.
Рекомендуем удалить весь лишний закомментированный код.
10. Не совсем корректно произведена интеграция флеш объектов. По статистике у около 8% пользователей не установлен flash плеер. Решение, используемое на сайте, не обеспечивает вывода информационного сообщения и автоматическую установку флеш плеера.
Рекомендуем для интеграции флеш объектов использовать следующее решение: http://designformasters.info/posts/flash-embed-with-swfobject-2/
Официальный сайт проекта http://code.google.com/p/swfobject/
11. CSS стили находятся внутри HTML кода страниц. Это увеличивает вес страницы и отрицательно сказывается на возможностях по изменению внешнего вида сайта.
Рекомендуем вынести все стили оформления во внешние CSS файлы.
12. С помощью главного навигационного меню невозможно понять, в каком разделе сайта находится посетитель в конкретный момент времени.
Рекомендуем выделять в главном меню текущий раздел сайта с помощью цвета, фоновых элементов, начертания шрифта и других дизайнерских приемов.
13. При регистрации нового пользователя нет проверки корректности введенных данных. Проверяется только факт заполнения всех обязательных полей произвольной информацией.
Например, удалось успешно зарегистрировать пользователя с такими данными:
Рекомендуем при помощи современных скриптовых решений на лету проверять корректность ввода данных и выводить соответствующие уведомления и подсказки прямо во время заполнения форм.
14. Целевая аудитория сайта – русскоязычные посетители из России и некоторых стран СНГ. Возможность переключения языковых версий отсутствует.
В списке стран, предлагаемых на сайте, находятся довольно экзотические страны. Регистрация пользователей из этих стран маловероятна и практически равна нулю.
15. В тоже время, для того чтобы найти например Украину, необходимо пролистать почти весь список до конца вниз.
Рекомендуем максимально сократить список стран и оставить только те, на которые реально рассчитан сайт.
16. Некорректно отображается в браузерах форма редактирования личной информации. Выпадающие списки выглядят обрезанными и оформлены как обычный текст.
Рекомендуем обеспечить корректное отображение элементов форм.
17. Элементы практически всех форм на сайте по-разному отображаются в разных браузерах. Для примера рассмотрим форму редактирования личной информации:
- не выдерживается величина вертикальных и горизонтальных отступов элементов;
- по-разному отображаются элементы, их границы, стили текста и оформления;
- абсолютно непонятно функциональное назначение элементов (Что это? Выпадающий список, поле ввода, кнопка, текст или ссылка?);
- геометрические размеры элементов и выравнивание их границ не согласованы между собой;
- текст обрезан и нечитаем.
Все эти ошибки характерны и для других страниц сайта.
Рекомендуем обеспечить кроссбраузерность и одинаковое корректное отображение всех элементов страниц во всех браузерах.
18. При создании нового пользователя показано 477 моих оценок. При переходе в соответствующий раздел ни одной оценки обнаружить не удалось.
20. При нажатии на ссылку «Как закачать сюда видео?» появляется страница с сообщением: «Страница закрыта для просмотра».
21. На сайте используется разная реализация типовых функциональных блоков. Для примера рассмотрим календарь:
Рекомендуем придерживаться единого стиля оформления для всех типовых элементов сайта.
22. Не работает добавление видеороликов:
23. Та же самая ошибка в блоке добавления фотографий.
24. Некорректно отображается в IE6 правая граница блока с комментариями:
Рекомендуем обеспечить кроссбраузерность всех элементов сайта.
25. Кнопки добавления вакансий и резюме не реагируют на наведение курсора. Это может ввести посетителя сайта в заблуждение.
Рекомендуем реализовать реакцию кнопок на наведение курсора.
27. Не работает страница с вакансиями на определенную дату:
Рекомендуем скрывать от посетителей неработающие и пустые страницы сайта.
28. Не понятен механизм заказа выбранного артиста. Для чего кнопка «Заказать» снабжена чекбоксом? После добавления выбранных артистов в проект так и не удалось понять, как с ними связаться. Процедура заказа артистов запутанна и непонятна. Это отрицательно сказывается на юзабилити сервиса.
29. Отсутствует возможность пакетной загрузки фотографий. Это затрудняет работу с сервисом при создании объемных фотогаллерей.
30. При загрузке фотографий большого объема нет индикации процесса загрузки и каких либо сервисных сообщений. Создается впечатление, что ничего не происходит.
Рекомендуем выводить уведомление о ходе загрузки и ее успешном завершении.
31. Страница сообщества полностью разваливается при просмотре (например, http://a1.showbirja.ru/16161.htm)
Рекомендуем исправить верстку страниц и обеспечить корректное отображение во всех браузерах.
32. Эта же проблема наблюдается и на страницах просмотра фанклубов (например, http://a1.showbirja.ru/57640.htm)
33. Обобщая все выявленные проблемы, рекомендуем выполнить следующий комплекс работ:
- выполнить блочную семантическую верстку сайта в соответствии с современными стандартами и требованиями к семантике кода;
- вынести все стили оформления во внешние css файлы;
- проработать юзабилити меню, ссылок и навигационных элементов сайта;
- переработать все пользовательские формы;
- подключить скрипты для проверки корректности ввода данных пользователем;
- оптимизировать работу с основными сервисами (проработать интерфейс, уменьшить количество кликов и т.д.);
- обеспечить 100% кроссбраузерность всех страниц и элементов сайта;
- подключить скрипты для автоматической пакетной загрузки изображений на сайт и формирования картинок для их предварительного просмотра.