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

Содержание

Слайд 2

Разделы 1. Сайт правительства 2. Сайт ВУЗа 3. Коммерческий сайт

Разделы

1. Сайт правительства
2. Сайт ВУЗа
3. Коммерческий сайт компании
4. Персональный сайт
5. Личная

подборка
Слайд 3

1. Портал общественного транспорта Санкт-Петербурга

1. Портал общественного транспорта Санкт-Петербурга

Слайд 4

Плюсы и минусы Составляется маршрут с учетом выбранных транспортных средств

Плюсы и минусы

Составляется маршрут с учетом выбранных транспортных средств
Осуществляется поиск по

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

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

6/10

Слайд 5

2. Госуслуги

2. Госуслуги

Слайд 6

Плюсы и минусы Нужный и важный сайт, на котором можно

Плюсы и минусы

Нужный и важный сайт, на котором можно удаленно решить

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

На первый взгляд: сайт прост и удобен в использовании. Однако, когда доходит до дела, оказывается, что он весьма запутан и нагроможден
На «Госуслугах» существует 3 уровня регистрации. При «Подтвержденном» уровне пользователь может использовать все возможности. Об этом узнаешь не сразу, а посему это может сыграть нехорошую шутку в нужный момент

8/10

Слайд 7

3. Федеральная налоговая служба

3. Федеральная налоговая служба

Слайд 8

Плюсы и минусы Сайт выглядит выдержанно и просто: все под

Плюсы и минусы

Сайт выглядит выдержанно и просто: все под рукой
Имеется режим

для слабовидящих
Есть полный каталог, который позволяет перемещаться меж государственных сайтов
На самом видном месте расположен номер единого контакт-центра
Все важные ссылки находятся на главной странице
Имеется кнопка прокрутки страницы в начало

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

8/10

Слайд 9

4. Правительство Российской Федерации (15.08.1999)

4. Правительство Российской Федерации (15.08.1999)

Слайд 10

Плюсы и минусы На главной странице находится важная информация Имелись

Плюсы и минусы

На главной странице находится важная информация
Имелись официальные заявления для

печати, хроника новостей и другое
Можно ознакомиться с информацией о министерствах и ведомствах (положения, адреса и телефоны, биографии руководителей)
Указаны биографии Правительства РФ
Имеется отдельная поисковая строка

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

8/10*

*Оценка поставлена с учетом временных рамок

Слайд 11

1. Московский государственный институт имени М.В. Ломоносова

1. Московский государственный институт имени М.В. Ломоносова

Слайд 12

Плюсы и минусы «Вершина» главной страницы выглядит приятно и лаконично

Плюсы и минусы

«Вершина» главной страницы выглядит приятно и лаконично
Имеется версия для

слабовидящих с небольшим спектром регулировки размера шрифта и его цвета
Все новости указаны прямо на главной странице
Удобный переход по различным разделам; связь с другими сайтами
Приятное оформление таблиц

Некоторые цвета крайне странно смотрятся друг с другом
Много отвлекающих ссылок
При переходе по ссылкам в центре появляется новостная лента, а информационная находится на периферии

8/10

Слайд 13

2. Башкирский государственный университет

2. Башкирский государственный университет

Слайд 14

Плюсы и минусы Имеется несколько языков, в том числе и

Плюсы и минусы

Имеется несколько языков, в том числе и родной язык
Версия

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

Скажу только одно: сайт похож на сайт Правительства РФ за 1999 год.
Плохо работает поисковая система
Меняя язык на родной, пользователь изменяет язык плашек, новости остаются неизменными

5/10

Слайд 15

3. Высшая школа экономики

3. Высшая школа экономики

Слайд 16

Плюсы и минусы Версия для слабовидящих На главной странице удобное

Плюсы и минусы

Версия для слабовидящих
На главной странице удобное разделение на сегменты
Приятная

цветовая гамма
Все самое нужное находится на главной странице
*Проект: ВШЭ в Майнкрафте

Лично меня отвлекают двигающиеся слайды

10/10

Слайд 17

4. Санкт-Петербургский государственный университет (06.10.1999)

4. Санкт-Петербургский государственный университет (06.10.1999)

Слайд 18

Плюсы и минусы Выглядит интересно, приятные цвета, «объемные» кнопки Поддержка

Плюсы и минусы

Выглядит интересно, приятные цвета, «объемные» кнопки
Поддержка нескольких операционных систем
Лаконичный

интерфейс главной страницы

Принимая во внимание возраст сайта, минусов не наблюдаю

9/10

Слайд 19

1. Skillbox

1. Skillbox

Слайд 20

Плюсы и минусы Удобный и понятный интерфейс Приятное оформление Возможность

Плюсы и минусы

Удобный и понятный интерфейс
Приятное оформление
Возможность обсудить все вопросы через

сообщения

Большие ссылки выглядят странно: возникает желание уменьшить масштаб
Огромная плашка внизу экрана отвлекает

8/10

Слайд 21

2. Bershka

2. Bershka

Слайд 22

Плюсы и минусы Управление интерфейсом: можно его настроить под свои

Плюсы и минусы

Управление интерфейсом: можно его настроить под свои предпочтения
Внешний вид

сайта не отвлекает от поиска предметов гардероба
Внизу есть раздел «часто задаваемые вопросы»

Мешает бегущая строка внизу экрана
Вещи в каталоге выглядят большими, неудобно рассматривать

8/10

Слайд 23

3. Sephora

3. Sephora

Слайд 24

Плюсы и минусы Понятный дизайн Внешний вид сайта не отвлекает

Плюсы и минусы

Понятный дизайн
Внешний вид сайта не отвлекает от поиска нужного
Внизу

есть раздел с часто задаваемыми вопросами
Показывают эксклюзивные бренды
Удобная поисковая система и понятная настройка фильтров

На главной странице слишком большое объявление, однако, это больше «вкусовщина»

10/10

Слайд 25

4. Amazon (30.06.2001)

4. Amazon (30.06.2001)

Слайд 26

Плюсы и минусы Присутствует система поиска по сайту Есть разделение

Плюсы и минусы

Присутствует система поиска по сайту
Есть разделение на разные категории
Спокойная

цветовая гамма

Много разнообразных переходов, от которых разбегаются глаза

7/10

Слайд 27

1. The Weekend

1. The Weekend

Слайд 28

Плюсы и минусы Минималистичная главная страница Простой интерфейс Внизу фотосессия:

Плюсы и минусы

Минималистичная главная страница
Простой интерфейс
Внизу фотосессия: при прокрутке на ней

страницы, создается впечатление, что посетитель «проходит» через все фотографии дальше

При входе на сайт сразу включается музыка
Ниже выставлены клипы из youtube, но не все можно посмотреть – для некоторых приходится переходить на сам сайт

7/10

Слайд 29

2. Lana Del Rey

2. Lana Del Rey

Слайд 30

Плюсы и минусы Понятный интерфейс Отражает исполнителя Геометричная модель сайта

Плюсы и минусы

Понятный интерфейс
Отражает исполнителя
Геометричная модель сайта
Вся главная информация выставлена на

первой странице сайта

При входе на сайт сначала видим фрагменты клипа, только потом переход на основную страницу (но стоит отметить, что изначально звук будет выключен, что, несомненно, плюс)

9/10

Слайд 31

3. Pokras Lampas

3. Pokras Lampas

Слайд 32

Плюсы и минусы Яркий и сочный сайт Отображение всех проектов

Плюсы и минусы

Яркий и сочный сайт
Отображение всех проектов художника
Огромные изображения работ


Имеется кнопка «вернуться наверх»
На видном месте все ссылки на социальные сети

Сайт на английском

9/10

Слайд 33

4. Charlie Chaplin (03.02.2001)

4. Charlie Chaplin (03.02.2001)

Слайд 34

Плюсы и минусы Имеется несколько переходов по сайту Подпись актера

Плюсы и минусы

Имеется несколько переходов по сайту
Подпись актера на главной странице

Черный

сайт, выглядит слишком мрачно и пусто
Нелепая надпись, у которой каждая буква своего цвета
Мелкий шрифт у гиперссылок

7/10

Слайд 35

1. Adam Savage

1. Adam Savage

Слайд 36

Плюсы и минусы Приятная цветовая гамма Простой интерфейс Грамотное изображение

Плюсы и минусы

Приятная цветовая гамма
Простой интерфейс
Грамотное изображение каждого товара
Ссылки на все

социальные сети

Порой изображения занимают слишком много места

7/10

Слайд 37

2. Twitch

2. Twitch

Слайд 38

Плюсы и минусы Динамичный сайт, благодаря тексту, который появляется по

Плюсы и минусы

Динамичный сайт, благодаря тексту, который появляется по мере прокрутки
Простой

дизайн, нет проблем с поиском нужного

Главная страница покажется забавной тем, кто уже не раз использовал платформу
Слишком большие изображения

7/10

Слайд 39

3. Gordon Ramsay

3. Gordon Ramsay

Слайд 40

Плюсы и минусы Красивый и минималистичный сайт Вся информация разложена

Плюсы и минусы

Красивый и минималистичный сайт
Вся информация разложена по ссылкам
Внизу указаны

все социальные сети
Имеется возможность подписаться на новости

Захотелось кушать

10/10

Слайд 41

4. BBC News (21.06.2000)

4. BBC News (21.06.2000)

Слайд 42

Плюсы и минусы Имеются ссылки на разные разделы Присутствует анимация

Плюсы и минусы

Имеются ссылки на разные разделы
Присутствует анимация
Много полезных окон: погода,

обратная связь и так далее
Поиск по сайту

Слишком много всего, глаза разбегаются

8/10

Имя файла: Сравнительный-анализ-дизайна-интернет-сайтов.pptx
Количество просмотров: 25
Количество скачиваний: 0