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

1.

Сравнительный анализ
дизайна web-сайтов
Третьяков Даниил 2 курс СЗИУ РАНХиГС ФСТ ЖУР-3-19-04

2.

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

3.

Сайт компании Apple минималистский, а также прост в эксплуатации.
Главная страница включает баннеры с флагманскими устройствами компании.
В верхнем баре разделы с основными линейками продуктов компании.
Интерфейс интуитивно понятен.

4.

Сайт позволяет ознакомиться с продукцией компании, а также приобрести
желаемый товар.
Заключение:
- сайт имеет лёгкий дизайн
- интуитивный интерфейс
- доступен широкому кругу пользователей

5.

Apple: 11-е декабря 1998 года
• Старый дизайн сайт не
обладал современной
лёгкостью
• Но всё же был доступен
в освоении и
комфортной работе

6.

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

7.

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

8.

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

9.

• Открытая барная строка предоставляет доступ к коллекциям одежды и
обуви
Заключение:
- подходящий дизайн
- доступность пользования
- яркое наполнение

10.

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

11.

Сайт правительства РФ
• Сайт правительства РФ сдержанную палитру цветов, что характеризует его
как серьёзный
• На главной странице:
- актуальные новости
- барная строка со
ссылками на
госдокументы,
нацпроекты,
деятельность
правительства

12.

Заключение:
- Дизайн соответствует сайту госназначения
- Сайт позволяет следить за государственной деятельностью членов
правительства
- Содержит актуальную информацию по кредитам, субсидиям,
выплатам

13.

ГОСУСЛУГИ
Сайт госуслуг предоставляет доступ к уплате налогов, отправки заявления на
замену паспорта, регистрации предпринимательской деятельности и многому
другому.
Сайт имеет сине-белую гамму, неброско, сдержано, подходит для
государственного сайта
Интерфейс интуитивно понятен, доступен в освоении

14.

Заключение:
- сайт соответствует стилю госсайта
- прост в освоении
- единый государственный сервис предоставляющий услуги
гражданам РФ (большой +)

15.

Сайт правительства Санкт-Петербурга
• Сайт правительства Санкт-Петербурга предоставляет доступ к
информации о составе правительства города, последним новостям,
актуальным проектам развития городской среды
• Преобладающая сине-белая гамма подчёркивает строгий
государственный характер сайта

16.

Заключение:
- строгий подходящий дизайн
- доступный интерфейс
- актуальные новости и полезная информация

17.

САЙТ ВУЗА

18.

СЗИУ РАНХиГС
• Сайт самого большого вуза страны имеет современный и стильный
дизайн
• Преобладают красный и белые цвета
• Сайт содержит всю необходимую информацию как для абитуриентов,
так и для студентов

19.

Заключение:
- доступный, «лёгкий» для восприятия дизайн
- наличие актуальной информации
- отличный фоторяд

20.

СПбГУ
• Стильное, современное, графически качественное оформление
• Приятный интерфейс с преобладанием тёплого красного
• Удобная барная строка, содержащая основные разделы сайта

21.

Заключение:
- вся необходимая информация для студентов и абитуриентов на сайте
- доступный интерфейс
- располагающий к себе дизайн

22.

СПбГИКиТ
• Сайт выполнен в холодных бирюзово-белых тонах (похоже на госсайт
или сайт больницы )
• В остальном приятная навигация и доступный интерфейс, хоть и не
имеющий современного оформления, как у СПбГУ, например
• Доступна вся необходимая информация для студентов и абитуриентов

23.

Заключение:
- лёгкая навигация
- доступность информации
- как минус устаревший дизайн

24.

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

25.

Stephen Hawking
• Сайт, посвящённый английскому физику имеет современный,
интерактивный дизайн
• На сайте представлены биография, книги Хокинга, а также последние
новости

26.

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

27.

Stephen Hawking (90-е)
• Однако сайт появился давно и
имел другой дизайн:
- Нет анимаций
- Дизайн не отвечает
современным требованиям
- Тем не менее, удобная
навигация, доступная
широкому кругу пользователей

28.

НА ВЫБОР

29.

Ferrari
Сайт Феррари имеет всё, что нужно для сайт о спортивной машине: яркий
рекламный видеоряд на главной странице, демонстрация основных продуктов
компании, стиль и качественный дизайн
На сайте можно найти информацию о модельном ряде Ferrari, а также
приобрести брендированную одежду.

30.

Ferrari: 17-е апреля 1997 года
Сайт Ferrari за 97-й год
имеет характерный дизайн
того времени
Отсутствие анимации не
сильно влияет на сайт, он
стильный, выполнен в
цветах компании
Навигация проста в
освоении

31.

Спасибо за внимание