Сравнительный анализ дизайна интернет-сайтов

1.

Сравнительный анализ
дизайна интернет-сайтов
СЗИУ РАНХиГС
Жур 3-19-04
Моисеева Валерия

2.

Категории:
Цель:
Коммерческий интернет-сайт
Сайт правительства
Сайт вуза
Персональный сайт
Сайт на другую тему
проанализировать дизайн сайта,
удобство для пользователя,
возможности сайта; выявить + и – на
основе личного восприятия.

3.

Сайт зоомаркета
«Ле`Муррр»
Дизайн: приятный,
яркий, используются
насыщенные цвета.

4.

Удобство для пользователя: каталог
структурирован; в алфавитном
порядке составлен список брендов, с
которыми сотрудничает зоомаркет;
строка поиска; иконки с ссылками на
официальные сайты (Инстаграм,
Вконтакте, Фейсбук); корзина для
товаров.
Возможности сайта: авторизация и
регистрация пользователя; онлайн
заказы; просмотр товаров; поиск
адреса магазинов; доступ к статьям
из серии «Что едят морские свинки».
+ Регистрация бонусной карты; заказ
звонка.

5.

Сайт магазина
«Эльдорадо»
Дизайн: простой,
неброский, сдержанный.

6.

Удобство для пользователя: каталог
грамотно структурирован; адреса
магазинов и пунктов выдачи; «избранное»
покупателя; просмотр статуса товара;
список брендов; строка поиска; список
акций.
Возможности сайта: вход или регистрация
покупателя; заказ товаров; оформление
рассрочки онлайн;
+ Светлый дизайн; отсутствие
консультантов и огромных очередей;
- Скучный дизайн; маленький шрифт;
слишком много рекламы (персональная
подборка, хиты продаж, точно пригодится,
рекомендуем вам и т.д.)

7.

Сайт
«Labremont»
Дизайн:
минималистичный,
светлый.

8.

Удобство для пользователя: отзывы;
выбор города; кликабельные иконки с
ссылками на другие соц. сети
(Телеграм, Инстаграм, Ютуб, ТикТок,
Ватс Апп); раздел «Полезное».
Возможности сайта: показ портфолио,
заказ ремонта.
+ Светлый дизайн; отсутствие
рекламы и прочих визуальных
раздражителей.
- Раздел «Полезное» не работает; при
клике на вкладку «Написать нам»,
«Заказать ремонт» и иконку Ватс Аппа
открывается одна и та же ссылка.

9.

Сайт SAMSUNG
Дизайн: яркий, простой,
насыщенные цвета.

10.

Удобство для пользователя:
картинки; интерактивные
модели телефонов;
рекомендации; минимум
разделов; адреса салонов;
Возможности сайта: показ
информации о компании; строка
поиска; показ информации о
товарах, их характеристики и
т.п.; можно прослушать
рингтоны для звонка.
+
приятный сайт для 2000 г.

11.

Сайт Государственной
Думы Федерального
Собрания РФ
Дизайн: светлый,
современный, используются
благородные цвета.

12.

Удобство для пользователя: понятная
навигация; структурированная информация;
поиск.
Возможности сайта: предоставление
актуальной информация о Государственной
Думе РФ; можно написать обращение,
ознакомиться с часто задаваемыми
вопросами, узнать график приема граждан;
можно узнать результаты голосования по
законопроектам и ознакомиться с
материалами парламентских слушаний;
кроме того, есть возможность оформить
подписку и оперативно получать новости
ГД.
+ Приятный дизайн; красивые шрифты.
- Раздел фото и видео в темных тонах, что
создает резкий контраст.

13.

Сайт Госуслуги
Дизайн: яркий,
преимущественен синий
цвет.

14.

Удобство для пользователя: различные
категории (гос. услуги, образование,
здоровье, туризм и т.д.); структурированная
информация; наличие небольших иконок,
картинок; ответы на часто задаваемые
вопросы; выбор языка, местоположения
пользователя; популярные запросы; чат с
оператором.
Возможности сайта: вход в личный кабинет и
регистрация; существуют разделы для
граждан, юридических лиц,
предпринимателей, иностранных граждан и
партнеров; возможность оплаты штрафов,
налоговые задолженности, госпошлины и
другое; поддержка; строка поиска.
+ Современный дизайн; доступно
изложенная информация.
- Много текста, размещенного рядом на
странице «Главное»;

15.

Сайт Совета
Безопасности РФ
Дизайн: сдержанный, светлый с
контрастным, но благородным
темным цветом.

16.

Удобство для пользователя:
раздел с ссылками на другие
официальные сайты органов
государственной власти
Российской Федерации; понятный
интерфейс.
Возможности сайта:
предоставление новостей и
информации; кликабельные
названия документов; строка
поиска.
+ современный дизайн; доступно
изложенная информация.

17.

Сайт СЗИУ РАНХиГС
Дизайн: уютный, светлый,
стильный.

18.

Удобство для пользователя:
изменение шрифта, цвета сайта,
изображения и многого другого
для слабовидящих пользователей;
ссылки на официальные сайты
Академии; изменение языка.
Возможности сайта: вход для
учащихся; информация о внешней
и внутренней жизни Академии;
строка поиска; информация для
студентов, например, расписание.
+ Удобная навигация по сайту;
много GIF анимаций, картинок;
анимационный подсчет различных
фактов.

19.

Сайт СПБГУТ
Дизайн: яркий, стильный,
эстетичный.

20.

Удобство для пользователя: версия для
слабовидящих; изменение языка;
«События» и «Новости» адаптированы под
календарь; кликабельные иконки на прочие
сайты СПБГУТ (официальная группа
Вконтакте, в Инстаграм и т.п.)
Возможности сайта: вход для учащихся;
поиск информации по разделам;
телефонный справочник; раздел «Вопросответ»;
+ Удобная навигация по сайту; много
картинок; анимационный подсчет
различных фактов.
- Встречаются слишком большие заголовки,
что режет глаз.

21.

Сайт СПБГИКиТ
Дизайн: выполнен в нежных
тонах, спокойный,
сдержанный.

22.

Удобство для пользователя: версия для
слабовидящих; изменение языка;
существует надпись какая сегодня неделя
(четная/нечетная); ссылки на
официальные соц. сети вуза.
Возможности сайта: вход в личный
кабинет; поиск информации по разделам;
строка поиска; запись на курсы;
электронная оплата обучения; просмотр
последних новостей.
+ Удобная навигация по сайту; много
маленьких картинок.
- Многие интересные разделы находятся
таким образом, что воспринимаются как
реклама; ссылки на соц. сети
расположены в низу страницы; слишком
много текста, расположенного рядом.

23.

Сайт МГУ
Дизайн: простой, светлый, в
нежных тонах.

24.

Удобство для пользователя:
выбор языка; хорошая
структура разделов; написана
дата; присутствуют
маленькие картинки;
кликабельные слова с
ссылками на другие сайты
МГУ; адреса и контакты вуза.
Возможности сайта: поиск
информации по разделам;
строка поиска; просмотр
новостей вуза; просмотр
общих сведений.
+ Удобная навигация по
сайту.
- Отсутствует вход в личный
кабинет.

25.

Сайт PHARAOH
Дизайн: стильный,
упрощенный, эксцентричный,
структурированный.

26.

Удобство для пользователя: ссылки
на официальные аккаунты личности
(Вконтакте, Ютуб); минимизация
разделов.
Возможности сайта: просмотр всех
музыкальных альбомов музыканта;
просмотр клипов; просмотр мерча и
покупка товаров; просмотр туров и
покупка билетов на предстоящие
концерты; просмотр контактов.
+
Удобная навигация по сайту;
стильный дизайн
- Отсутствие выбора языка;
отсутствие режима для
слабовидящих; используется
популярный в Инстаграм шрифт, что
в данном дизайне смотрится
нелепо.

27.

Сайт певицы Эрики
Лундмоен
Дизайн: стильный, современный,
с плавно возникающей
информацией, простой.

28.

Удобство для пользователя: выбора
языка (русский/английский),
ссылки на аккаунты певицы;
минимизация разделов.
Возможности сайта: поиск
информации по разделам; покупка
билетов на предстоящие концерты;
описание певицы; просмотр клипа;
чат с админом.
+ Простой, но при этом приятный
шрифт; удобная навигация;
- Скудный выбор языка; отсутствие
режима для слабовидящих; мало
информации о музыканте; можно
посмотреть только последний
клип, предыдущие отсутствуют.

29.

Сайт Владимира
Познера
Дизайн: светлый, лаконичный, с
яркими вставками информации,
насыщенный различными
разделами.

30.

Удобство для пользователя: легкий и
простой дизайн; ссылки на
официальные аккаунты звезды;
выбор языка.
Возможности сайта: строка поиска;
просмотр информации о журналисте
и его деятельности; биография
знаменитости; архивные программы
и ток-шоу В.Познера, а также новые;
+ Раздел «Правила»; функция
«Задать вопрос В.Познеру»;
- Скудный выбор языка(только
русский и английский); реклама;
отсутствие режима для
слабовидящих.

31.

Сайт Джима Керри
Дизайн: контрастный,
оригинальный, фантастический,
стильный и интересный.

32.

Удобство для пользователя: минимум разделов; визуально
интересный фон» есть возможность менять разрешение;
отличное качество фотографий и сюрреалистичных
сюжетов.
Возможности сайта: просмотр новостей об актере; просмотр
биографии и фильмографии; игры (предположительно).
+ Странная, но прикольная возможность увидеть
сердцебиение актера, которое транслируется на сайте
через специальный браслет на руке Джима; также на сайте
на лице актера отрастала борода и пропадала, если он в
реальности брился.
- Много пустого
места; меню снизу.

33.

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

34.

Удобство для пользователя: много
картинок, GIF-анимаций и видео; анимация
заголовков; инвидальный шрифт; иконки с
ссылками на соц.сети; показ информации о
гастробаре (местоположение, телефон и
пр.)
Возможности сайта: функции «Заказать
стол» и «Заказать доставку»;
структурированные разделы; показ
информации о гастробаре
(местоположение, телефон и пр.);
просмотр меню кухни и бара, расписания
футбольных трансляций и действующих
акций; кликабельная ссылка на сайт
Биршопа.
+ современный и молодежный сайт,
выполненный в стиле «Дружбы».
- Старая или неактуальная информация.

35.

Сайт театра
«Гоголь центр»
Дизайн: сочные цвета, темный,
насыщенный, запоминающийся,
контрастный.

36.

Удобство для пользователя:
приятный шрифт, понятные разделы;
выбор языка; ссылки на соц. сети;
список контактов с которыми можно
связаться; необычно размещены
разделы; при просмотре афиши гость
может самостоятельно
структурировать информацию (в
алфавитном порядке, например)
Возможности сайта: строка поиска;
есть расписание работы театры и
кассы; просмотр информации о
генеральных и информационных
партнерах; общая информация о
театре;
+ Яркий и необычный стиль;
- Скудный выбор языка (рус/англ),
устаревшая информация (Кирилл
Семенович больше не сотрудничает с
ГЦ).

37.

Сайт телевизионного
канала Nickelodeon
Дизайн: понятный для детей и
взрослых, яркий, присутствуют
сочные цвета.

38.

Удобство для пользователя:
минимизация разделов;
доступные для понимания детей
разделы.
Возможности сайта: просмотр
видео; можно поиграть в игры;
просмотр ТВ-программы;
просмотр описания
мультфильмов.
+ Яркий и необычный стиль,
подчеркивающий логотип;
- Много рекламы, дизайн
перенасыщен цветными
иконками, но для детей это
плюс.

39.

Фан-сайт сериала
«Секретные материалы»
Дизайн: темный, готический, но
уютный, создает впечатление
загадочности.

40.

Удобство для пользователя:
приветствие в шапке; ссылки на
другие интернет ресурсы; большое
количество фото и видео;
минимизация разделов;
Возможности сайта: просмотр видео
(серий); можно выложить видео или
фото; форумы; авторизация; участие в
опросах; можно комментировать
работы пользователей – 2000 г;
Добавлены разделы и строка поиска;
главные новости листаются
самостоятельно – 2020г.
+ Хороший сайт для того времени.
- Реклама товаров; плохое качество
изображений; маленький шрифт;
обилие текста, расположенного
близко друг другу.

41.

Спасибо за внимание!