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

Содержание

Слайд 2

КОММЕРЧЕСКИЕ САЙТЫ

КОММЕРЧЕСКИЕ САЙТЫ

Слайд 3

The Ragged pries Имеет удобную структуру с разделами, с помощью

The Ragged pries

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

можно выбрать нужный отдел и товар.
Имеет возможность зарегистрироваться и отправлять товар в избранное.
Слайд 4

THE RAGGED PRIES В футере находится: Контакты бренда их социальные

THE RAGGED PRIES

В футере находится: Контакты бренда их социальные сети,

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

Оценка Плюсы: + Минималистичный дизайн + Красивая презентация товаров +

Оценка

Плюсы:
+ Минималистичный дизайн
+ Красивая презентация товаров
+ Удобный
+

Читаемый лаконичный шрифт
Минусы:
- Работает только на англоязычные страны
Личная оценка: 10/10
Слайд 6

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

Золотое яблоко

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

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

Золотое яблоко Имеется информация о предстоящих и проходящих акциях Имеет

Золотое яблоко

Имеется информация о предстоящих и проходящих акциях
Имеет вкладку с

идеями для подарков
Постоянно появляющейся значок загрузки
Слайд 8

Оценка Плюсы: + Много информации + Довольно лаконичный дизайн, если

Оценка

Плюсы:
+ Много информации
+ Довольно лаконичный дизайн, если не брать в

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

ASOS Яркий, но не раздражающий дизайн Удобная структура с разделами,

ASOS

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

которых можно выбрать нужный отдел и товар.
Работает на многих языках
Слайд 10

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

ASOS

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

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

Оценка Плюсы: + Лаконичный дизайн + Много информации + Видео

Оценка

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

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

eBay Самый типичный представитель старых сайтов с кучей синих ссылок

eBay

Самый типичный представитель старых сайтов с кучей синих ссылок и переизбытком

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

Оценка Плюсы: + Много товаров и информации по сервису +

Оценка

Плюсы:
+ Много товаров и информации по сервису
+ Есть меню

и поисковая строка
Минусы:
Типичный старый сайт с синим подчеркиванием
Устаревший дизайн
Месиво из цветов
Всё вразброс
Личная оценка 2/10
Слайд 14

САЙТЫ ПРАВИТЕЛЬСТВА

САЙТЫ ПРАВИТЕЛЬСТВА

Слайд 15

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

Правительство России

Спокойный дизайн с ссылками на социальные сети
Из нового

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

Оценка Плюсы: + Отсутствие стоковых картинок + Версия сайта на

Оценка

Плюсы:
+ Отсутствие стоковых картинок
+ Версия сайта на английском языке
+

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

Администрация Санкт-Петербурга На первом плане помимо поисковой строки по сайту

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

На первом плане помимо поисковой строки по сайту и

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

Администрация Санкт-Петербурга В каждом разделе есть еще куча дополнительной информации

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

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

множество баннеров на разные актуальные для Петербуржцев темы
Слайд 19

Оценка Плюсы: + Удобный + Имеет версию для слабовидящих +

Оценка

Плюсы:
+ Удобный
+ Имеет версию для слабовидящих
+ Стандартный спокойный дизайн
+

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

Правительство Нидерландов На главной странице висит огромный баннер со стоковой

Правительство Нидерландов

На главной странице висит огромный баннер со стоковой картинкой


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

Оценка Плюсы: + Актуальная информация по Ковиду + Меню с

Оценка

Плюсы:
+ Актуальная информация по Ковиду
+ Меню с разделами на

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

Правительство Ростовской области (2015) Типичный старый сайт Имеет столбик с новостями Лаконичные цвета

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

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

цвета
Слайд 23

Оценка Плюсы: + Много информации + Ссылки на новости +

Оценка

Плюсы:
+ Много информации
+ Ссылки на новости
+ Имеет версию для

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

САЙТЫ ВУЗОВ

САЙТЫ ВУЗОВ

Слайд 25

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

Вшэ

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

главном баннере сменяющиеся стоковые картинки
Слайд 26

Оценка Плюсы: + Удобное меню + Английская версия сайта +

Оценка

Плюсы:
+ Удобное меню
+ Английская версия сайта
+ Можно быстро

найти нужную информацию
Минусы:
- Скучный дизайн
Личная оценка 8/10
Слайд 27

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

Политех

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

доступ к анонсам, фото и новостям посвященным Политеху
Слайд 28

Оценка Плюсы: + Имеет англоязычную версию + Лаконичный дизайн и

Оценка

Плюсы:
+ Имеет англоязычную версию
+ Лаконичный дизайн и читаемый текст
+

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

Профсоюзов Стандартная цветовая гамма и структура сайта Наверху указана контактная

Профсоюзов

Стандартная цветовая гамма и структура сайта
Наверху указана контактная информация

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

Оценка Плюсы: + Есть возможность связаться с Вузом для уточнения

Оценка

Плюсы:
+ Есть возможность связаться с Вузом для уточнения вопросов
+ Имеет

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

Ранхигс На удивление хороший дизайн, есть новости связанные с деятельностью

Ранхигс

На удивление хороший дизайн, есть новости связанные с деятельностью вуза


Заметная поисковая строка и англоязычная версия
Слайд 32

Оценка Плюсы: + Довольно неплохой дизайн + Много информации +

Оценка

Плюсы:
+ Довольно неплохой дизайн
+ Много информации
+ Имеется другие

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

ПЕРСОНАЛЬНЫЕ САЙТЫ

ПЕРСОНАЛЬНЫЕ САЙТЫ

Слайд 34

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

Lil Peep

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

большой баннер с артистом
Слайд 35

Оценка Плюсы: + Есть возможность заказать мерч + Есть архивными

Оценка

Плюсы:
+ Есть возможность заказать мерч
+ Есть архивными моментами с

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

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

Ehsan Noursalehi

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

также ссылки на его портфолио и работы
Слайд 37

Ehsan Noursalehi Чуть ниже по странице, дизайнер дает больше информации

Ehsan Noursalehi

Чуть ниже по странице, дизайнер дает больше информации о себе


Вообще строка меню просто отправляет вниз по странице
Слайд 38

Оценка Плюсы: + Необычный дизайн + Приветствующие слова дизайнера на

Оценка

Плюсы:
+ Необычный дизайн
+ Приветствующие слова дизайнера на первой странице


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

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

Артемий Лебедев

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

выбрать нужный отдел или же товар
При наведение на проекты они становятся анимированными
Слайд 40

Оценка Плюсы: + Много информации + Есть возможность приобрести рекомендуемые

Оценка

Плюсы:
+ Много информации
+ Есть возможность приобрести рекомендуемые товары
+ Есть

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

Miley Cyrus (2010) На главной странице по мимо объемного меню

Miley Cyrus (2010)

На главной странице по мимо объемного меню имеется фотография

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

Оценка Плюсы: + Много информации о звезде + Есть обратная

Оценка

Плюсы:
+ Много информации о звезде
+ Есть обратная связь с

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

САЙТЫ НА ВЫБОР

САЙТЫ НА ВЫБОР

Слайд 44

Instagram Заметная поисковая строка с маленьким меню Показывается точное количество

Instagram

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

смотрятся более гармонично и красивее
Слайд 45

Instagram Можно посмотреть что есть в историях человека не смотря

Instagram

Можно посмотреть что есть в историях человека не смотря их
Рекомендованные

подписчики на виду и никогда не забудешь свой никнейм
Слайд 46

Оценка Плюсы: + Минималистичный дизайн + Нет рекламы + Читаемый

Оценка

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

телефон
Неудобный интерфейс
Личная оценка 6/10
Слайд 47

Raf25 Главная страница - это просто серый фон со строчкой

Raf25

Главная страница - это просто серый фон со строчкой меню, но

подобный дизайн скорее всего связан с тематикой места
Все лаконично: магазин с мерчом, музыка и программа мероприятий
Слайд 48

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

Raf25

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

зарубежной техно индустрии
Слайд 49

Оценка Плюсы: + Лаконичный дизайн + Читаемый текст + Есть

Оценка

Плюсы:
+ Лаконичный дизайн
+ Читаемый текст
+ Есть информация о предстоящих

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

Pinterest На главной страницы сразу расположены интересные для вас картинки

Pinterest

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

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

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

Pinterest

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

картинкам и возможность загружать свои собственные рисунки и картинки
Слайд 52

Оценка Плюсы: + Лаконичный дизайн + Подстраивается под вкусы +

Оценка

Плюсы:
+ Лаконичный дизайн
+ Подстраивается под вкусы
+ Огромный выбор

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

Вконтакте (2006) Привычная до сих пор панель слева, но забавное

Вконтакте (2006)

Привычная до сих пор панель слева, но забавное изображение Дурова

над ней
Благодаря этой картинки можно понять что изменились только названия разделов и появилась реклама
Слайд 54

Оценка Плюсы: + Забавное изображение Дурова над меню + Читаемые

Оценка

Плюсы:
+ Забавное изображение Дурова над меню
+ Читаемые шрифты
+ Отсутствие

рекламы
Минусы:
Видимо дизайн вконтакте того времени все ещё актуален ибо ничего почти не поменялось (Дурова убрали)
Обычный дизайн
Личная оценка 5/10
Имя файла: Сравнительный-анализ-дизайна-сайтов.pptx
Количество просмотров: 63
Количество скачиваний: 0