Рецепт хорошего сайта

Результат работы группы 10 класса гуманитарного направления Лицея НИУ ВШЭ по информатике
Перед вами один из продуктов проекта, выполненного нашей группой. Мы надеемся, что он окажется полезным для Вас.

Приятного просмотра!
1
Поскольку уроки информатики в Лицее на гуманитарном направлении непрофильные, в начале года нам была предоставлена возможность самим выбрать темы, интересные для дальнейшего изучения. К числу выбранных тем относилось создание сайтов. Мы решили не изучать язык программирования. Это показалось нам неактуальным, поскольку сейчас существует множество конструкторов сайтов, которые позволяют создать любому человеку свою Интернет-страницу. В связи с этим мы преступили не к конструированию сайтов, а к их анализу, поэтому было принято решение сделать тест - своеобразную "диагностическую карту". С помощью этого теста пользователь без труда сможет определить, есть ли у сайта слабые места.
Для этого были выведены определенные критерии: «Внешний вид интернет-страницы», «Грамотность текста, изложенного на сайте», «Актуальность информации» и многие другие.
Мы старались сделать их наиболее объективными, чтобы разные люди, проверяющие одну и ту же страницу, получали максимально похожий результат.
Цель нашей работы - помочь всем, кто решит сделать свой сайт или захочет улучшить свой уже созданный.
Ученики Лицея
НИУ ВШЭ
Далее приведены сами критерии с их описанием, наглядными примерами и разбалловкой.
2
Критерии
Единая цветовая стилистика
Единая цветовая стилистика подразумевает под собой сочетание страниц сайта между собой и наличие общего стиля.

2 балла – сочетается
1 балл – сочетается не полностью
0 баллов – единой цветовой стилистики наблюдается

Цвет
Цвет является важной составляющей сайта. Он определяет эмоциональную
реакцию человека не только на предоставленный материал, но и на весь сайт в
общем. Плохо подобранные цвета, слабый контраст, из-за которого у посетителя
сайта возникают сложности при чтении - все это оставляет весьма негативное
впечатление.
Для более удобной оценки критерия "Цвет" он был разбит на несколько
подпунктов. Для каждого из которых есть комментарии по разбалловке. Именно таким образом будет определяться каждый последующий критерий.
2 балла за выдержанную цветовую стилистику.
Читабельность
2 балла – читается легко
1 балл – возникают едва ощутимые сложности
0 баллов – трудно читать, невозможно
Сочетание цветов с учетом эмоционального восприятия или сочетание цветов на странице
2 балла – все хорошо
1 балл – возникают «несостыковки»/«диссонансы»
0 баллов – больше половины сайта забыло о понятие «сочетаемости»
Кокеры сливаются на фоне американских флагов
Соответствие фирменному стилю компании
(Если он нам известен или же фигурирует на сайте)

2 балла – соответствует полностью
1 балл – частично
0 баллов – не соответствует
Шрифты
Подборка шрифта для интернет-сайта является важным критерием, без которого внешний вид сайта и восприятие его пользователем теряется.
Размер шрифта на интернет странице
2 балла - 12/14 шрифт
1 балл - 16/10 шрифт
0 баллов - другие комбинации
Наличие засечек
2 балла - отсутствие засечек
1 балл - редкое использование засечек
0 баллов - большое количество засечек
Количество шрифтов на одной странице
2 балла - использование 2 шрифтов
1 балл - использование 1 или 3 шрифта
0 баллов - использование более 3 шрифтов
Слишком много разных шрифтов. Выглядит дёшево. 0 баллов.
Контент
Информационное содержание сайта.
Орфографические и грамматические ошибки
(Оценивается содержание сайта, а не постов, созданных пользователями)

2 балла - 0 ошибок
1 балл - 1-2 ошибки
0 баллов - более двух ошибок
Официальный сайт известной танцевальной студии. Как не стыдно! 1 балл.
Пунктуационные ошибки
2 балла - 0 ошибок
1 балл - 1-5 ошибки
0 баллов - более 5 ошибок
Правила написания
(Знак препинания ставится после слова без пробела, после него следует пропуск, и тому подобное)

2 балла - 0 ошибок
1 балл - 1-4 ошибки
0 баллов - более 4 ошибок
Фактические ошибки
(Наличие заведомо ложной информации на сайте)

2 балла - 0 ошибок
1 балл - 1 ошибка
0 баллов - более 1 ошибки
Лексические ошибки
(Верное употребление слова)

2 балла - 0 ошибок
1 балл - 1-2 ошибки
0 баллов - более 2 ошибок
Логика текста и логика изложения
(деление на абзацы/связанность одного предложения с другим)
2 балла - 0 ошибок
1 балл - 1-2 ошибки
0 баллов - более 2 ошибок
Использование изображений/Фотосопровождение
Оценивает уместность и качество загруженных на сайт изображений различных типов
Соответствие изображения бренду
2 балла - соответствует полностью
1 балл - частично соответствует
0 баллов - не соответствует
Логотип
2 балла - соответствует тематике полностью
1 балл - связан с тематикой сайта не полностью
0 баллов - не связан с тематикой сайта
Фон
2 балла - не конфликтует с текстовым наполнением по цветовой гамме — на нём легко читать
0 баллов - мешает чтению и восприятию текста
Блестящие шрифты и разноцветный фон. Требуется много времени, чтобы распознать текст. 0 баллов.
Графики
2 балла - график легко воспринимается, прост в построении
1 балл - график легко воспринимается, прост в построении
0 баллов - цвета подобраны неудачно, график трудночитаемый
Возможность просмотреть изображение в полном размере
2 балла - да
0 баллов - нет
Возможность скачать изображение в полном размере
2 балла - возможно, изображение загружается в хорошем качестве
1 балл - возможно, изображение скачивается в некачественном формате
0 балл - нет возможности скачивать изображения
Реклама
В данном критерии нас интересует, как размещены рекламные объявления на странице, их содержание, кажется ли пользователю они внешне привлекательными.
Содержит ли рекламное объявление оскорбительную или непотребную информацию?
2 балла - рекламное объявление не содержит оскорбительную или непотребную информацию
1 балл - рекламное объявление содержит информацию, которая может быть косвенно отнесена к оскорбительной или непотребной
0 баллов - рекламное объявление содержит оскорбительную или непотребную информацию
Прозрачность
(Отсутствие ложной информации в рекламном объявлении)

2 балла - в рекламном объявлении нет какой-либо ложной информации
1 балл - в объявлении представлена информация, которая не дает полного представления о рекламируемом предмете
0 баллов - рекламное объявление содержит ложную информацию
Без комментариев. 0 баллов.
Удобство
(Правильное размещение рекламы на странице, отсутствие всплывающих окон)

2 балла - рекламные объявления не мешают просмотру страницы сайта
1 балл - присутствуют некоторые неудобства при просмотре страницы сайта
0 баллов - просмотр страницы сайта невозможен или вызывает множество сложностей
Структура сайта/Удобство использования
Структура сайта - это система взаимного расположения и взаимосвязь страниц сайта.
Быстрота нахождения информации
(По нашему мнению, в среднем пользователь должен находить интересующую его информацию за три клика)

2 балла - пользователь может найти нужную ему информацию без особых усилий
1 балл - пользователю приходится затрачивать некоторое время, чтобы найти интересующую его информацию, т.е. более, чем за три клика
0 баллов - пользователь не может найти на сайте нужную ему информацию
Наличие меню на сайте
2 балла - на сайте присутствует меню, и оно удобно в использовании
1 балл - на сайте есть меню, но оно вызывает некоторые проблемы при навигации
0 баллов - на сайте отсутствует меню
Меню, занимающее половину экрана - очень некрасиво. 1 балл.
Наличие элемента поиска информации
2 балла - сайт имеет элемент поиска информации
1 балл - сайт имеет элемент поиска информации, но у пользователя возникают проблемы при его пользовании
0 баллов - сайт не имеет элемент поиска информации
Мобильная версия сайта/Версии для разных платформ
Мобильная версия подразумевает корректное отображение сайта с мобильного устройства.
Понятность
2 балла - элементы управления понятны и иконография узнаваема
1 балл - иконография узнаваема или элементы управления понятны
0 балл - иконография неузнаваема или элементы управления непонятны
Простота: Понятно ли куда ведут ссылки на сайте?
(Мобильная версия сайта просматривается с телефона)

2 балла - да
0 баллов - нет
Интерактивные элементы: Величина интерактивных элементов
2 балла - элементы крупные и существенные отступы между элементами
1 балл - элементы крупные или существенные отступы между элементами
0 баллов - элементы маленькие и несущественные отступы между элементами
Лишние привлекательные элементы
2 балла - отсутствуют
0 баллов - присутствуют
Всплывающие окна
(С рекламой, не соответствующей сайту информацией)

2 балла - отсутствуют
0 баллов - присутствуют
Информация на сайте оформлена одной колонкой?
2 балла - да
0 баллов - нет
0 баллов.
Важная информация
(Пример: контактные данные)

2 балла - присутствует
0 баллов - отсутствует
Информация соответствует той, что представлена на полной версии сайта?
2 балла - да
0 баллов - нет
Изображения, текст, информация, не являющиеся презентационными
2 балла - отсутствуют
1 балл - присутствуют, но не мешают просмотру сайта
0 баллов - присутствуют и мешают работе с сайтом
Адаптация сайта для просмотра/работы с мобильного устройства
2 балла - автоматическое определение типа устройства ("подгон" формата сайта под экран устройства), и работа последовательна/предсказуема
1 балл - автоматическое определение типа устройства ("подгон" формата сайта под экран устройства), или работа последовательна/предсказуема
0 баллов - автоматическое определение типа устройства отсутствует ("подгон" формата сайта под экран устройства), и работа непоследовательна/непредсказуема
Меньше трети экрана выделено на текст. Картинки крошечные. 0 баллов.
Сохранение введенной на сайт информации в режиме оффлайн: В случае потери соединения с интернетом, данные удаляются?
2 балла - да
0 баллов - нет
Какие цвета на сайте преобладают?
(Преобладание темных цветов на экране экономит батарею устройства)

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

2 балла - перевод качественный (может быть машинный, но лаконичный)
1 балл - машинный, нелаконичный, не всего интерфейса
0 баллов - перевод отсутствует
Наличие перевода интерфейса на локальный/международный язык
2 балла - перевод есть
0 баллов - перевода нет
Популярный yahoo не хочет русифицироваться. 0 баллов.
Автоматическое отображение интерфейса на языке пользователя
2 балла - полное/частичное автоматическое отображение
1 балл - пользователю доступная опция переключить язык
0 баллов - функция отсутствует
Обратная связь
С помощью обратной связи посетитель сайта может связаться с администрацией данного сайта, узнать расположение того или иного учреждения; оставить свои контакты, задать интересующие его вопросы.
Наличие обратной связи
(Контакты/помощь/рубрика вопрос-ответ)

2 балла - присутствует
1 балл - есть, но трудна в поиске
0 баллов - отсутствует
Возможность пользователей, не давая ничего взамен, обратиться к администрации сайта
2 балла - для связи регистрация на сайте не требуется
1 балл - для связи необходимо подписаться на рассылку
0 баллов - необходимо зарегистрироваться и/или просмотреть рекламный ролик
Расположение и оптимальный размер
2 балла - располагается в верхней части страницы рядом с основной информацией, выделенная, заметная
1 балл - располагается в нижней части сайта, текст выделен, но незаметен
0 баллов - располагается в самой незаметной части сайта, незаметная, невыделенная
Много усилий придётся потратить, чтобы найти что-то похожее на обратную связь. 1 балл.
Форма обратной связи
2 балла - сообщение разработчику сайта, указаны некоторые контактные данные
1 балл - рубрика вопрос - ответ
0 баллов - доступно только сообщение разработчику
Вес сайта
Интернет-соединения. Данный критерий почти потерял свою актуальность в связи с растущей быстротой Интернета, в том числе и мобильного.
Скорость загрузки сайта
2 балла - загрузка происходит быстро с любых устройств и при невысокой скорости интернет-соединения
1 балл - загрузка происходит быстро на ПК, но затруднена на мобильных устройствах
0 баллов - загрузка занимает много времени и на ПК, и на мобильных устройствах, ожидание доставляет дискомфорт пользователю
Удобный адрес сайта
Присутствует соотношение доменного имени и содержания/особенностей сайта.
Смысловая составляющая - доменное имя соответствует содержимому сайта по смыслу/тематике
2 балла - доменное имя соответствует сайту по смыслу, стилистике и тематике
1 балл - доменное имя соответствует сайту по смыслу, стилистике и тематике, но вызывает трудности при наборе
0 баллов - доменное имя не соответствует сайту по смыслу, стилистике и тематике
Структура домена
fifth.fourth.third.second.com

2 балла - домен 2-го уровня
1 балл - домен 3-го уровня
0 баллов - домен 4-го уровня и дальше

Такой адрес сложно запомнить. 1 балл
Актуальность информации
Уникальная и актуальная информация на сайте - лучший способ сохранить аудиторию.
Регулярное обновление контента
2 балла - обновляется регулярно
1 балл - обновляется, но довольно редко
0 баллов - последний раз сайт был обновлен более двух лет назад
Если контент не является первоисточником, указываются использованные ресурсы
2 балла - указаны все использованные ресурсы
1 балл - указаны не все источники
0 баллов - источник информации не указан
Ясность задумки
(отражение цели сайта)
Контент соответствует тематике сайта
2 балла - соответствует полностью
1 балл - частично соответствует
0 баллов - полностью не соответствует
Польза информации
2 балла - актуальная, полезная информация
1 балл - текст, частично раскрывающий информацию
0 баллов - совершенно бесполезная информация, которая никому не нужна, кроме владельца сайта
Гипножаба, конечно, прекрасна, но смысла в сайте нет. 0 баллов.
Информация подана в форме, удобной для чтения и восприятия
2 балла - отлично структурированный, легко воспринимающийся текст
1 балл - текст трудно прочитать, но вполне реально
0 баллов - совершенно нечитабельный текст на непонятном/недоступном аудитории языке
3
Результатом работы является система тестов, позволяющая объективно оценить качество интернет-сайта. Стоит отметить, что разработанный тест был проверен не раз на практике. С помощью него была произведена оценка некоторых популярных сайтов (например: www.yahoo.com; http://www.livejournal.com/; https://twitter.com/; http://www.bbc.com/ и др.).
В результате неоднократного внесения изменений в формулировки вопросов и критерии нам удалось создать систему тестов, наиболее точно отражающую качество оцениваемой интернет-страницы. Создавая эту систему, мы рассчитывали на то, что ей сможет воспользоваться любой желающий, то есть как разработчик новых Интернет-страниц, так и обычный пользователи сети Интернет.Создавая упомянутую систему тестов, мы рассчитывали на то, что ей сможет воспользоваться любой желающий, то есть как разработчик новых Интернет-страниц, так и обычный пользователи сети Интернет. Стоит отметить, что разработка критериев осуществлялась с опорой на многочисленную литературу, что обуславливает их точность и объективность.
Нашем тестом вы можете воспользоваться, перейдя по ссылке - http://www.banktestov.ru/test/?id=39540
Надеемся, что наша работа еще не раз поможет пользователям в создании "правильных" интернет-сайтов
Над проектом работали:

Аргани Аргани Ангелина
Беликова Анастасия
Кулманаков Даниил
Левыкина Анастасия
Маркович Катерина
Маслова Анастасия
Пец Дина
Федчук Василиса

А также Байбурин Рустам Фаильевич
© 2016 HSE Lyceum
Made on
Tilda