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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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