Презентация на тему: Сравнительный анализ дизайна интернет-сайтов

Сравнительный анализ дизайна интернет-сайтов
Разделы
1. Портал общественного транспорта Санкт-Петербурга
Плюсы и минусы
2. Госуслуги
Плюсы и минусы
3. Федеральная налоговая служба
Плюсы и минусы
4. Правительство Российской Федерации (15.08.1999)
Плюсы и минусы
1. Московский государственный институт имени М.В. Ломоносова
Сравнительный анализ дизайна интернет-сайтов
2. Башкирский государственный университет
Сравнительный анализ дизайна интернет-сайтов
3. Высшая школа экономики
Сравнительный анализ дизайна интернет-сайтов
4. Санкт-Петербургский государственный университет (06.10.1999)
Сравнительный анализ дизайна интернет-сайтов
1. Skillbox
Плюсы и минусы
2. Bershka
Плюсы и минусы
3. Sephora
Плюсы и минусы
4. Amazon (30.06.2001)
Плюсы и минусы
1. The Weekend
Плюсы и минусы
2. Lana Del Rey
Плюсы и минусы
3. Pokras Lampas
Плюсы и минусы
4. Charlie Chaplin (03.02.2001)
Плюсы и минусы
1. Adam Savage
Плюсы и минусы
2. Twitch
Плюсы и минусы
3. Gordon Ramsay
Плюсы и минусы
4. BBC News (21.06.2000)
Плюсы и минусы
СПАСИБО ЗА ВНИМАНИЕ!
1/43
Средняя оценка: 4.8/5 (всего оценок: 68)
Код скопирован в буфер обмена
Скачать (8922 Кб)
1

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

Выполнила: Фокина Мария Сергеевна ЖУР-3-19-06

Изображение слайда
2

Слайд 2: Разделы

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

Изображение слайда
3

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

Изображение слайда
4

Слайд 4: Плюсы и минусы

Составляется маршрут с учетом выбранных транспортных средств Осуществляется поиск по маршруту, по остановкам и по улицам Имеется подробная инструкция использования сайта Имеется несколько полезных функций Доступна функция отправки обращений об инцидентах в работе общественного транспорта Имеется рейтинг каждого маршрута На главной странице указываются новости, связанные с работой общественного транспорта Внешний вид: он выглядит устаревшим, однако, это скорее придирка, нежели существенный минус Неудобно продуман момент с прокруткой страницы сайта. Если курсор мышки находится на карте, карта приближается и смещается вниз, что мешает работать 6 / 10

Изображение слайда
5

Слайд 5: 2. Госуслуги

Изображение слайда
6

Слайд 6: Плюсы и минусы

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

Изображение слайда
7

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

Изображение слайда
8

Слайд 8: Плюсы и минусы

Сайт выглядит выдержанно и просто: все под рукой Имеется режим для слабовидящих Есть полный каталог, который позволяет перемещаться меж государственных сайтов На самом видном месте расположен номер единого контакт-центра Все важные ссылки находятся на главной странице Имеется кнопка прокрутки страницы в начало Мешают плашки по бокам с призывом оставить отзыв о сайте Перемещающиеся самостоятельно панели выглядят странно и отвлекают от поиска нужной информации 8/ 10

Изображение слайда
9

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

Изображение слайда
10

Слайд 10: Плюсы и минусы

На главной странице находится важная информация Имелись официальные заявления для печати, хроника новостей и другое Можно ознакомиться с информацией о министерствах и ведомствах (положения, адреса и телефоны, биографии руководителей) Указаны биографии Правительства РФ Имеется отдельная поисковая строка Цвет очень агрессивный, глаза, можно сказать, разбегаются В целом выглядит однообразно, лишь фотографии как-то разбавляют картину 8/ 10 * *Оценка поставлена с учетом временных рамок

Изображение слайда
11

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

Изображение слайда
12

Слайд 12

Плюсы и минусы «Вершина» главной страницы выглядит приятно и лаконично Имеется версия для слабовидящих с небольшим спектром регулировки размера шрифта и его цвета Все новости указаны прямо на главной странице Удобный переход по различным разделам; связь с другими сайтами Приятное оформление таблиц Некоторые цвета крайне странно смотрятся друг с другом Много отвлекающих ссылок При переходе по ссылкам в центре появляется новостная лента, а информационная находится на периферии 8/10

Изображение слайда
13

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

Изображение слайда
14

Слайд 14

Плюсы и минусы Имеется несколько языков, в том числе и родной язык Версия для слабовидящих На главной странице указана схема проезда до института Внизу отображена новостная лента При выборе английского языка переходит на совершенно другую, улучшенную версию сайта Скажу только одно: сайт похож на сайт Правительства РФ за 1999 год. Плохо работает поисковая система Меняя язык на родной, пользователь изменяет язык плашек, новости остаются неизменными 5/10

Изображение слайда
15

Слайд 15: 3. Высшая школа экономики

Изображение слайда
16

Слайд 16

Плюсы и минусы Версия для слабовидящих На главной странице удобное разделение на сегменты Приятная цветовая гамма Все самое нужное находится на главной странице *Проект: ВШЭ в Майнкрафте Лично меня отвлекают двигающиеся слайды 10/10

Изображение слайда
17

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

Изображение слайда
18

Слайд 18

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

Изображение слайда
19

Слайд 19: 1. Skillbox

Изображение слайда
20

Слайд 20: Плюсы и минусы

Удобный и понятный интерфейс Приятное оформление Возможность обсудить все вопросы через сообщения Большие ссылки выглядят странно: возникает желание уменьшить масштаб Огромная плашка внизу экрана отвлекает 8/10

Изображение слайда
21

Слайд 21: 2. Bershka

Изображение слайда
22

Слайд 22: Плюсы и минусы

Управление интерфейсом: можно его настроить под свои предпочтения Внешний вид сайта не отвлекает от поиска предметов гардероба Внизу есть раздел «часто задаваемые вопросы» Мешает бегущая строка внизу экрана Вещи в каталоге выглядят большими, неудобно рассматривать 8/10

Изображение слайда
23

Слайд 23: 3. Sephora

Изображение слайда
24

Слайд 24: Плюсы и минусы

Понятный дизайн Внешний вид сайта не отвлекает от поиска нужного Внизу есть раздел с часто задаваемыми вопросами Показывают эксклюзивные бренды Удобная поисковая система и понятная настройка фильтров На главной странице слишком большое объявление, однако, это больше «вкусовщина» 10/10

Изображение слайда
25

Слайд 25: 4. Amazon (30.06.2001)

Изображение слайда
26

Слайд 26: Плюсы и минусы

Присутствует система поиска по сайту Есть разделение на разные категории Спокойная цветовая гамма Много разнообразных переходов, от которых разбегаются глаза 7/10

Изображение слайда
27

Слайд 27: 1. The Weekend

Изображение слайда
28

Слайд 28: Плюсы и минусы

Минималистичная главная страница Простой интерфейс Внизу фотосессия: при прокрутке на ней страницы, создается впечатление, что посетитель «проходит» через все фотографии дальше При входе на сайт сразу включается музыка Ниже выставлены клипы из youtube, но не все можно посмотреть – для некоторых приходится переходить на сам сайт 7/10

Изображение слайда
29

Слайд 29: 2. Lana Del Rey

Изображение слайда
30

Слайд 30: Плюсы и минусы

Понятный интерфейс Отражает исполнителя Геометричная модель сайта Вся главная информация выставлена на первой странице сайта При входе на сайт сначала видим фрагменты клипа, только потом переход на основную страницу (но стоит отметить, что изначально звук будет выключен, что, несомненно, плюс) 9/10

Изображение слайда
31

Слайд 31: 3. Pokras Lampas

Изображение слайда
32

Слайд 32: Плюсы и минусы

Яркий и сочный сайт Отображение всех проектов художника Огромные изображения работ Имеется кнопка «вернуться наверх» На видном месте все ссылки на социальные сети Сайт на английском 9/10

Изображение слайда
33

Слайд 33: 4. Charlie Chaplin (03.02.2001)

Изображение слайда
34

Слайд 34: Плюсы и минусы

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

Изображение слайда
35

Слайд 35: 1. Adam Savage

Изображение слайда
36

Слайд 36: Плюсы и минусы

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

Изображение слайда
37

Слайд 37: 2. Twitch

Изображение слайда
38

Слайд 38: Плюсы и минусы

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

Изображение слайда
39

Слайд 39: 3. Gordon Ramsay

Изображение слайда
40

Слайд 40: Плюсы и минусы

Красивый и минималистичный сайт Вся информация разложена по ссылкам Внизу указаны все социальные сети Имеется возможность подписаться на новости Захотелось кушать 10/10

Изображение слайда
41

Слайд 41: 4. BBC News (21.06.2000)

Изображение слайда
42

Слайд 42: Плюсы и минусы

Имеются ссылки на разные разделы Присутствует анимация Много полезных окон: погода, обратная связь и так далее Поиск по сайту Слишком много всего, глаза разбегаются 8/10

Изображение слайда
43

Последний слайд презентации: Сравнительный анализ дизайна интернет-сайтов: СПАСИБО ЗА ВНИМАНИЕ!

Изображение слайда