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

Содержание

Слайд 2

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

Слайд 3

The Ragged pries

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

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

Слайд 4

THE RAGGED PRIES

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

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

Слайд 5

Оценка

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

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

Слайд 6

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

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


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

Слайд 7

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

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

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

Слайд 8

Оценка

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

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

Слайд 9

ASOS

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

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

Слайд 10

ASOS

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

на основе просмотренных и приобретенных.
Имеет огромные возможности сортировки товаров

Слайд 11

Оценка

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

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

Слайд 12

eBay

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

что бросается в глаза поисковая строка и огромные буквы «Ebay»

Слайд 13

Оценка

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

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

Слайд 14

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

Слайд 15

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

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

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

Слайд 16

Оценка

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


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

Слайд 17

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

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

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

Слайд 18

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

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

на разные актуальные для Петербуржцев темы

Слайд 19

Оценка

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

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

Слайд 20

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

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

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

Слайд 21

Оценка

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


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

Слайд 22

Правительство Ростовской области (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

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

с артистом

Слайд 35

Оценка

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

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

Слайд 36

Ehsan Noursalehi

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

на его портфолио и работы

Слайд 37

Ehsan Noursalehi

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

меню просто отправляет вниз по странице

Слайд 38

Оценка

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

сайт, запоминается лишь контрастные цвета
Личная оценка 6/10

Слайд 39

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

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

отдел или же товар
При наведение на проекты они становятся анимированными

Слайд 40

Оценка

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

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

Слайд 41

Miley Cyrus (2010)

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

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

Слайд 42

Оценка

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

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

Слайд 43

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

Слайд 44

Instagram

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

гармонично и красивее

Слайд 45

Instagram

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

виду и никогда не забудешь свой никнейм

Слайд 46

Оценка

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


Личная оценка 6/10

Слайд 47

Raf25

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

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

Слайд 48

Raf25

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

индустрии

Слайд 49

Оценка

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

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

Слайд 50

Pinterest

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

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

Слайд 51

Pinterest

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

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

Слайд 52

Оценка

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


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

Слайд 53

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

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

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

Слайд 54

Оценка

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

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