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

Сравнительный анализ дизайна сайтов
Коммерческие сайты
The Ragged pries
The Ragged pries
Оценка
Золотое яблоко
Золотое яблоко
Оценка
ASOS
ASOS
Оценка
eBay
Оценка
Сайты правительства
Правительство России
Оценка
Администрация Санкт-Петербурга
Администрация Санкт-Петербурга
Оценка
Правительство Нидерландов
Оценка
Правительство Ростовской области (2015)
Оценка
Сайты вузов
Вшэ
Оценка
Политех
Оценка
Профсоюзов
Оценка
Ранхигс
Оценка
Персональные сайты
Lil Peep
Оценка
Ehsan Noursalehi
Ehsan Noursalehi
Оценка
Артемий Лебедев
Оценка
Miley Cyrus (2010)
Оценка
Сайты на выбор
Instagram
Instagram
Оценка
Raf25
Raf25
Оценка
Pinterest
Pinterest
Оценка
Вк онтакте (2006)
Оценка
Спасибо за внимание
1/55
Средняя оценка: 4.0/5 (всего оценок: 85)
Код скопирован в буфер обмена
Скачать (34891 Кб)
1

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

Подготовила Львова Анна ЖУР 3-19-06

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

Слайд 2: Коммерческие сайты

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

Слайд 3: The Ragged pries

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

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

Слайд 4: The Ragged pries

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

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

Слайд 5: Оценка

Плюсы: + Минималистичный дизайн + Красивая презентация товаров + Удобный + Читаемый лаконичный шрифт Минусы: - Работает только на англоязычные страны Личная оценка: 10/10

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

Слайд 6: Золотое яблоко

Удобная структура с разделами, с помощью которых можно выбрать нужный товар. Большой активный баннер с информацией по новинкам и мероприятиям Видная поисковая строка и разнообразие меню

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

Слайд 7: Золотое яблоко

Имеется информация о предстоящих и про ходящих акциях Имеет в кладк у с иде ями для подарков Постоянно появляющейся значок загрузки

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

Слайд 8: Оценка

Плюсы: + Много информации + Довольно лаконичный дизайн, если не брать в счет странные кружочки на главной странице + Удобный Минусы: - Из-за значка загрузки создается впечатление что сайт долго грузится - Зачастую представленный товар есть на сайте, но нет в магазине и складе Личная оценка 9/10

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

Слайд 9: ASOS

Яркий, но не раздражающий дизайн Удобная структура с разделами, с помощью которых можно выбрать нужный отдел и товар. Работает на многих языках

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

Слайд 10: ASOS

Есть возможность просматривать видео с каждым товаром Предлагает подходящие вам по вкусу товары, на основе просмотренных и приобретенных. Имеет огромные возможности сортировки товаров

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

Слайд 11: Оценка

Плюсы: + Лаконичный дизайн + Много информации + Видео презентация товаров + Русифицирован (Присутствуют товары бренда The Ragged pries) + С помощью него можно заказать брендовые, зарубежные вещи дешевле из-за многочисленных скидок Минусы: Многие вещи быстро распродаются Бесплатная стандартная доставка с 3 тысяч Ожидание от четырех до семи дней Личная оценка 10/10

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

Слайд 12: eBay

Самый т ипичный представитель стары х сайт ов с кучей синих ссылок и переизбытком информации Первое, что бросается в глаза поисковая строка и огромные буквы « Ebay »

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

Слайд 13: Оценка

Плюсы: + Много товаров и информации по сервису + Есть меню и поисковая строка Минусы: Типичный старый сайт с синим подчеркиванием Устаревший дизайн Месиво из цветов Всё вразброс Личная оценка 2/10

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

Слайд 14: Сайты правительства

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

Слайд 15: Правительство России

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

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

Слайд 16: Оценка

Плюсы: + Отсутствие стоковых картинок + Версия сайта на английском языке + Актуальные новости Минусы: + Скучный дизайн + Бесполезный сайт с новостями, аналогичных много и они выглядят лучше Личная оценка 5/10

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

Слайд 17: Администрация Санкт-Петербурга

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

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

Слайд 18: Администрация Санкт-Петербурга

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

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

Слайд 19: Оценка

Плюсы: + Удобный + Имеет версию для слабовидящих + Стандартный спокойный дизайн + Читаемый шрифты + Хорошо работает карта Минусы: - Местами глаза разбегаются от количества информации, не знаешь куда нажать. Личная оценка 9/10

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

Слайд 20: Правительство Нидерландов

На главной странице висит огромный баннер со стоковой картинкой Имеется информации на актуальные новости Нижнее меню с интересующей информацией

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

Слайд 21: Оценка

Плюсы: + Актуальная информация по Ковиду + Меню с разделами на разные темы + Спокойные тона Минусы: - Есть ощущение, что дизайн не обновляли лет пять Сложно найти строку с поиском Плохое качество главной стоковой картинки Личная оценка 6/10

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

Слайд 22: Правительство Ростовской области (2015)

Типичный старый сайт Имеет столбик с новостями Лаконичные цвета

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

Слайд 23: Оценка

Плюсы: + Много информации + Ссылки на новости + Имеет версию для слабовидящих Минусы: - Устаревший дизайн Личная оценка 5/10

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

Слайд 24: Сайты вузов

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

Слайд 25: Вшэ

Удобная структура с множеством информации для поступления и обучения На главном баннере сменяющиеся стоковые картинки

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

Слайд 26: Оценка

Плюсы: + Удобное меню + Английская версия сайта + Можно быстро найти нужную информацию Минусы: - Скучный дизайн Личная оценка 8/10

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

Слайд 27: Политех

Удобное меню с множеством информации для поступления и обучения Есть доступ к анонсам, фото и новостям посвященным Политеху

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

Слайд 28: Оценка

Плюсы: + Имеет англоязычную версию + Лаконичный дизайн и читаемый текст + Разнообразная информация + На главном баннере актуальная информация о Вузе Минусы: - Стандартные цвета Личная оценка 9/10

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

Слайд 29: Профсоюзов

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

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

Слайд 30: Оценка

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

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

Слайд 31: Ранхигс

На удивление хороший дизайн, есть новости связанные с деятельностью вуза Заметная поисковая строка и англоязычная версия

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

Слайд 32: Оценка

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

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

Слайд 33: Персональные сайты

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

Слайд 34: Lil Peep

Имеет боковой интерфейс с малым количеством разделов. На главной странице большой баннер с артистом

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

Слайд 35: Оценка

Плюсы: + Есть возможность заказать мерч + Есть архивными моментами с музыкантом Минусы: - Грустный не интересный дизайн - существует лишь для того чтобы делать деньги на имени погибшего артиста Личная оценка 6/10

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

Слайд 36: Ehsan Noursalehi

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

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

Слайд 37: Ehsan Noursalehi

Чуть ниже по странице, дизайнер дает больше информации о себе Вообще строка меню просто отправляет вниз по странице

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

Слайд 38: Оценка

Плюсы: + Необычный дизайн + Приветствующие слова дизайнера на первой странице Минусы: - Скучный сайт, запоминается лишь контрастные цвета Личная оценка 6/10

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

Слайд 39: Артемий Лебедев

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

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

Слайд 40: Оценка

Плюсы: + Много информации + Есть возможность приобрести рекомендуемые товары + Есть возможность поменять язык Минусы: Крайне странный дизайн для сайта дизайнера Используются очень спорные цвета Личная оценка 5/10

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

Слайд 41: Miley Cyrus (2010)

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

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

Слайд 42: Оценка

Плюсы: + Много информации о звезде + Есть обратная связь с фанатами + Читаемый буквы + Есть возможность купить мерч Минусы: - Устаревший дизайн Личная оценка 6/10

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

Слайд 43: Сайты на выбор

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

Слайд 44: Instagram

Заметная поисковая строка с маленьким меню Показывается точное количество лайков На компьютере аккаунты смотрятся более гармонично и красивее

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

Слайд 45: Instagram

Можно посмотреть что есть в историях человека не смотря их Рекомендованные подписчики на виду и никогда не забудешь свой никнейм

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

Слайд 46: Оценка

Плюсы: + Минималистичный дизайн + Нет рекламы + Читаемый шрифт Минусы: Заточен под телефон Неудобный интерфейс Личная оценка 6/10

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

Слайд 47: Raf25

Главная страница - это просто серый фон со строчкой меню, но п одобный дизайн скорее всего связан с тематикой места Все лаконично: магазин с мерчом, музыка и программа мероприятий

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

Слайд 48: Raf25

Почти вся предоставленная информация на английском, кроме « About » Имеют статьи на тему зарубежной техно индустрии

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

Слайд 49: Оценка

Плюсы: + Лаконичный дизайн + Читаемый текст + Есть информация о предстоящих мероприятиях + Все таки о месте написано русским языком Минусы: Почти вся информация на английском языке хотя организация русская Есть интересные статьи, но для этого ты должен знать английский Личная оценка 8/10

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

Слайд 50: Pinterest

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

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

Слайд 51: Pinterest

Есть возможность создавать свои собственные доски с картинками Имеет поиск по картинкам и возможность загружать свои собственные рисунки и картинки

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

Слайд 52: Оценка

Плюсы: + Лаконичный дизайн + Подстраивается под вкусы + Огромный выбор красивых картинок + Можно подписываться на интересных авторов пинов и досок + Есть ссылки на другие сайты на котором присутствует эта картинка Минусы: Случайно посмотрел не интересующую тебя картинку на главной страницы будет тысяча связанных с ней еще какое то время Настоятельно рекомендует во всех сетях обновить «свои доски» новыми идеями Личная оценка 10/10

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

Слайд 53: Вк онтакте (2006)

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

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

Слайд 54: Оценка

Плюсы: + Забавное изображение Дурова над меню + Читаемые шрифты + Отсутствие рекламы Минусы: Видимо дизайн вконтакте того времени все ещё актуален ибо ничего почти не поменялось (Дурова убрали) Обычный дизайн Личная оценка 5/10

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

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

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