Анализ ui/ux дизайна сайтов

Содержание

Слайд 2

Tasty coffee

https://shop.tastycoffee.ru

Tasty coffee https://shop.tastycoffee.ru

Слайд 3

UX/UI
+ Наличие контактной информации
+ Структурированная шапка сайта
+ Наличие адаптивной версии

UX/UI + Наличие контактной информации + Структурированная шапка сайта + Наличие адаптивной
сайта
+ Простая навигация
+ Структурированный подвал сайта
+ Сайт довольно удобен и не имеет особых сложностей в этапах покупки продукта, то есть с каждым шагом к покупке, на данном сайте будет отсеиваться меньше людей.
+ Простой и удобный интерфейс
+ Минималистический дизайн, соответствующий нынешним трендам
+ Правильно подобранный группа шрифтов, толщина шрифта, цветовая гамма
+ Картинки подобранные с элементами наливания чего-то, имеют прозрачную структуру для сочетания с белым фоном.
+ Хорошо подобранные иконки
В некоторых категориях плохо читаемый тонкий полупрозрачный шрифт на белом фоне.

Слайд 4

686

https://www.686.com/

686 https://www.686.com/

Слайд 5

UI/UX


+ Наличие контактной информации
+ Структурированная шапка сайта
+ Наличие адаптивной версии

UI/UX + Наличие контактной информации + Структурированная шапка сайта + Наличие адаптивной
сайта
+ Простая навигация
+ Структурированный подвал сайта
+ Сайт соответствует своей тематике и аудитории (райдеры)
+ Детальное описание товара, которое прекрасно подходит для выбора соответствующей экипировки
+ Кнопки призывающие к действию
+ Простой и удобный интерфейс
+ Изображения (горы, горнолыжные курорты и т.д.) соответствуют тематике сайта
+ Кнопки призывающие к действию
+ Минималистический дизайн, соответствующий нынешним трендам
+ Правильно подобранный группа шрифтов, толщина шрифта, цветовая гамма
+ Хорошо подобранные иконки
- Белый шрифт на фоне белых гор, не очень удачное решение. Тем более где сказано о скидках.

Слайд 6

Indigo

https://www.chapters.indigo.ca/en-ca/

Indigo https://www.chapters.indigo.ca/en-ca/

Слайд 7

UI/UX

+ Наличие контактной информации
+ Структурированная шапка сайта
+ Наличие адаптивной версии сайта

UI/UX + Наличие контактной информации + Структурированная шапка сайта + Наличие адаптивной

+ Простая навигация
+ Структурированный подвал сайта
+ Кнопки призывающие к действию
+ Простой и удобный интерфейс
+ Минималистический дизайн соответствующий нынешним трендам
+ Правильно подобранный группа шрифтов, толщина шрифта, цветовая гамма
+ Хорошо подобранные иконки
- Слишком тонкий шрифт в подвале профиля

Слайд 8

Caterpillar

Caterpillar

Слайд 9

UI/UX

+ Структурированная шапка
+ Структурированный подвал сайта
+ Кнопки призывающие к действию
+ Наличие контактной

UI/UX + Структурированная шапка + Структурированный подвал сайта + Кнопки призывающие к
информации
+ Изображения товаров
- Разные группы шрифтов

Слайд 10

САЙТЫ ВУЗОВ

САЙТЫ ВУЗОВ

Слайд 11

Губкинский университет

https://www.gubkin.ru/

Губкинский университет https://www.gubkin.ru/

Слайд 12

UI/UX

+ Наличие контактной информации
+ Структурированная шапка сайта
+ Структурированный подвал сайта
+

UI/UX + Наличие контактной информации + Структурированная шапка сайта + Структурированный подвал
Кнопки призывающие к действию
+ Минималистический дизайн соответствующий нынешним трендам
+ Правильно подобранный группа шрифтов, толщина шрифта, цветовая гамма
+ Хорошо подобранные иконки
- Отсутствие адаптивной версии сайта
- Пользователю нужно слишком много думать, чтобы к примеру найти документы для подачи в университет

Слайд 13

Новосибирский государственный университет

Новосибирский государственный университет

Слайд 14

UI/UX

+ Наличие контактной информации
+ Структурированная шапка сайта
+ Наличие адаптивной версии сайта

UI/UX + Наличие контактной информации + Структурированная шапка сайта + Наличие адаптивной

+ Простая навигация
+ Структурированный подвал сайта
+ Кнопки призывающие к действию
+ Простой и удобный интерфейс
+ Минималистический дизайн соответствующий нынешним трендам
+ Правильно подобранный группа шрифтов, толщина шрифта, цветовая гамма
+ Хорошо подобранные иконки

Слайд 15

Reykjavik University

https://en.ru.is/

Reykjavik University https://en.ru.is/

Слайд 16

UI/UX

+ Наличие контактной информации
+ Структурированная шапка сайта
+ Наличие адаптивной версии сайта

UI/UX + Наличие контактной информации + Структурированная шапка сайта + Наличие адаптивной

+ Простая навигация
+ Структурированный подвал сайта
+ Кнопки призывающие к действию
+ Простой и удобный интерфейс
+ Минималистический дизайн соответствующий нынешним трендам
+ Правильно подобранный группа шрифтов, толщина шрифта, цветовая гамма
+ Хорошо подобранные иконки

Слайд 17

Санкт-Петербургский государственный институт культуры

Санкт-Петербургский государственный институт культуры

Слайд 18

UI/UX

+ Структурированная шапка
+ Структурированный подвал сайта
+ Наличие контактной информации
+ Гармоничная цветовая гамма
+

UI/UX + Структурированная шапка + Структурированный подвал сайта + Наличие контактной информации
Правильно подобранные изображения

Слайд 19

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

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

Слайд 20

Правительство Сахалинской области

https://sakhalin.gov.ru/

Правительство Сахалинской области https://sakhalin.gov.ru/

Слайд 21

UI/UX

+ Структурированная шапка
+ Структурированный подвал сайта
+ Наличие контактной информации
+ Гармоничная цветовая гамма

UI/UX + Структурированная шапка + Структурированный подвал сайта + Наличие контактной информации
соответствующая цветам герба Сахалинской области
+ Правильно подобранные изображения
- Сайт совершенно не предназначен для обычных граждан, он может только больше запутать пользователя огромным количеством шагов к цели
- Отсутствие адаптивной версии

Слайд 22

Gouvernement du Burkina Faso

https://www.gouvernement.gov.bf/accueil

Gouvernement du Burkina Faso https://www.gouvernement.gov.bf/accueil

Слайд 23

UI/UX

+ Структурированная шапка
+ Структурированный подвал сайта
+ Наличие контактной информации
+ Гармоничная цветовая гамма

UI/UX + Структурированная шапка + Структурированный подвал сайта + Наличие контактной информации
соответствующая цветам флага Буркина-Фасо
+ Правильно подобранные изображения
+ Наличие адаптивной версии
- Ненужная анимация, только тормозящая действия на сайте
- Половина сайта на французском, половина на английском

Слайд 24

The Government / The Danish Parliament

https://www.thedanishparliament.dk/

The Government / The Danish Parliament https://www.thedanishparliament.dk/

Слайд 25

UI/UX

+ Структурированная шапка
+ Структурированный подвал сайта
+ Наличие контактной информации
+ Гармоничная цветовая гамма

UI/UX + Структурированная шапка + Структурированный подвал сайта + Наличие контактной информации
соответствующая цветам флага Дании
+ Правильно подобранные изображения
+ Наличие адаптивной версии
+ Смена языка

Слайд 26

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

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

Слайд 27

Melanie DaVeid

https://melaniedaveid.com/

Melanie DaVeid https://melaniedaveid.com/

Слайд 28

UI/UX

+ Дизайн и анимация, как передача, что пользователь находится на сайте дизайнера
+

UI/UX + Дизайн и анимация, как передача, что пользователь находится на сайте
Гармоничная цветовая гамма
+ Анимация показывающая портфолио
+ Наличие контактной информации
+ Правильно подобранный шрифт
+ Наличие адаптивной версии
+ Структурированная шапка профиля

Слайд 29

Sean Halpin

https://www.seanhalpin.design/

Sean Halpin https://www.seanhalpin.design/

Слайд 30

UI/UX

+ Дизайн и анимация, как передача, что пользователь находится на сайте дизайнера
+

UI/UX + Дизайн и анимация, как передача, что пользователь находится на сайте
Гармоничная цветовая гамма
+ Анимация показывающая портфолио
+ Наличие контактной информации
+ Правильно подобранный шрифт
+ Наличие адаптивной версии
+ Структурированная шапка профиля
- Слишком большие изображения-ссылки

Слайд 31

Ed Sheeran

https://www.edsheeran.com/?frontpage=true

Ed Sheeran https://www.edsheeran.com/?frontpage=true

Слайд 32

UI/UX

+ Структурированная шапка профиля
+ Гармоничное сочетание цветом (отсутствие как таковой палитры)
+ Шрифт

UI/UX + Структурированная шапка профиля + Гармоничное сочетание цветом (отсутствие как таковой
соответствует стилю тематики сайта(то есть исполнителя)
+ Наличие адаптивной версии
+ Структурированная шапка профиля
+ Тематические изображения

Слайд 33

САЙТЫ НА ЛЮБУЮ ТЕМУ

САЙТЫ НА ЛЮБУЮ ТЕМУ

Слайд 34

Кинопоиск HD

https://hd.kinopoisk.ru/

Кинопоиск HD https://hd.kinopoisk.ru/

Слайд 35

UI/UX

+ Оранжевый и белый, в соответствие с логотипом, остаются стандартным цветом сервиса
+

UI/UX + Оранжевый и белый, в соответствие с логотипом, остаются стандартным цветом
Простой интерфейс
+ Наличие адаптивных версий для телевизора и мобильных приложений
+ Гармоничный шрифт
- Плохая подборка кино на основе просмотренных фильмов

Слайд 36

Behance

https://www.behance.net/

Behance https://www.behance.net/

Слайд 37

UI/UX

Сайт поиска идей или просмотра портфолио у дизайнеров
+ Минималистический цветовой подход белое/черное

UI/UX Сайт поиска идей или просмотра портфолио у дизайнеров + Минималистический цветовой

+ Простой интерфейс
+ Структурированная шапка профиля
+ Наличие адаптивной версии и мобильного приложения
+ Многофункциональный поиск
- Медленные сервера

Слайд 38

Shutterstock

https://www.shutterstock.com/ru/

Shutterstock https://www.shutterstock.com/ru/

Слайд 39

UI/UX

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

UI/UX Сайт для покупки изображений с целью использования в дизайне + Трех
палитра коралловый/черный/белый
+ Простой интерфейс
+ Структурированная шапка профиля
+ Наличие адаптивной версии и мобильного приложения
+ Многофункциональный поиск
+ Структурированный подвал профиля
- Сложная система оформления подписки

Слайд 40

Старая версия Forbes

Старая версия Forbes

Слайд 41

UI/UX

+ Обозначение даты и времени
+ Структурированная шапка профиля
+ Шрифт соответствует тематике

UI/UX + Обозначение даты и времени + Структурированная шапка профиля + Шрифт
журнала
+ Подборка стиля в соответствие с тем временем
+ Ссылки призывающие к действию