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

1.

СРАВНИТЕЛЬНЫЙ
АНАЛИЗ ДИЗАЙНА
САЙТОВ
Подготовила
Львова Анна
ЖУР 3-19-06

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.

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

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

55.

СПАСИБО ЗА
ВНИМАНИЕ