Анализ веб дизайна в сфере правительственных порталов

Обзор веб дизайна домашней страницы сайта Департамента окружающей среды правительства Австралии.

Скриншот

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

Структура дизайна

Данная страница содержит следующие элементы веб дизайна:

• шапка
• главное содержание

Шапка

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

В данном случае, шапка содержит следующее:

• форма поиска
• логотип
• иконки
• главное меню

Логотип компании расположен в левой части страницы. Он состоит из названия компании и изображения. Логотип использует 1 цвет:

• белый

Так как логотип принадлежит правительству Австралии, он использует государственную символику.

Фоном для шапки сайта служит(-ат) серый цвет.

Главное содержание

Главное содержание это часть сайта, где распологается наиболее важная информация, например описание продуктов.

Главное содержание этого сайт состоит из:

• текстовое содержание
• изображения
• дополнительнео меню

Фоном главного содержания является белый цвет.

Навигация

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

Ссылки визуально не выделяются.

Расположение содержания

Существует несколько типов разметки или расположения содержания:

• в одну колонку - всё содержание расположено в одном поле
• в две равных колонки - всё содержание разделено на две равные колонки
• в две разных колонки - страница разделена на две колонки, одна из которых уже другой. Более широкая колонка обычно считается главной, а более узкая - дополнительной (так называемый ""сайдбар""). Если более узкая колонка расположена слева, она называется левым сайдбаром, если справа - правым сайдбаром
• в одну главную и две дополнительные колонки - центральная колонка является главной, а две более узкие - дополнительными. Другое название этой разметки - разметка с правым и левым сайдбарами
• в несколько равных колонок - всё содержание разделено на несколько колонок равной ширины
• верхняя часть с колонками внизу - страница разделена как минимум на 3 части: верхнюю и несколько колонок под ней
• нижняя часть с колонками вверху - страница разделена как минимум на 3 части: нижнюю и несколько колонок над ней

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

Типографика

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

Используемые шрифты легко читаемы. Читаемость определяется типом шрифта (дружественный или недружественный интернету) и его размером.

Графика

Дизайн этой страницы также использует другую графику.

Используются следующие элементы:

• иллюстрации

В основном эта графика используется для иллюстрации. содержания страницы.

Объём

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

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

Дополнительные элементы

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

Общие параметры

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

Данный дизайн не использует особые методы привлечения внимания пользователей и мотивации их на совершение определённых действий.

Функциональность

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

• простым
• интуитивным
• внушающим доверие
• привлекательным вообще

Простота

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

Интуитивность

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

Доверие

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

Привлекательность

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

Оценка

Слабыми сторонами этого дизайна являются:

• несколько устаревший внешний вид
• негармоничное сочетание цветов