Презентация на тему: Анализ UI/UX дизайна сайтов

Анализ UI/UX дизайна сайтов
Tasty coffee
Анализ UI/UX дизайна сайтов
686
UI/UX
Indigo
UI/UX
Caterpillar
UI/UX
Сайты вузов
Губкинский университет
UI/UX
Новосибирский государственный университет
UI/UX
Reykjavik University
UI/UX
Санкт-Петербургский государственный институт культуры
UI/UX
Сайты правительств
Правительство Сахалинской области
UI/UX
Gouvernement du Burkina Faso
UI/UX
The Government / The Danish Parliament
UI/UX
Персональные сайты
Melanie DaVeid
UI/UX
S ean Halpin
UI/UX
Ed Sheeran
UI/UX
Сайты на любую тему
Кинопоиск HD
UI/UX
Behance
UI/UX
Shutterstock
UI/UX
Старая версия Forbes
UI/UX
Спасибо за внимание !
1/42
Средняя оценка: 4.7/5 (всего оценок: 35)
Код скопирован в буфер обмена
Скачать (24755 Кб)
1

Первый слайд презентации: Анализ UI/UX дизайна сайтов

Лукина Надежда Николаевна ЖУР 3-19-07

Изображение слайда
2

Слайд 2: Tasty coffee

https://shop.tastycoffee.ru

Изображение слайда
3

Слайд 3

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

Изображение слайда
4

Слайд 4: 686

https://www.686.com/

Изображение слайда
5

Слайд 5: UI/UX

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

Изображение слайда
6

Слайд 6: Indigo

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

Изображение слайда
7

Слайд 7: UI/UX

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

Изображение слайда
8

Слайд 8: Caterpillar

Изображение слайда
9

Слайд 9: UI/UX

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

Изображение слайда
10

Слайд 10: Сайты вузов

Изображение слайда
11

Слайд 11: Губкинский университет

https://www.gubkin.ru/

Изображение слайда
12

Слайд 12: UI/UX

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

Изображение слайда
13

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

Изображение слайда
14

Слайд 14: UI/UX

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

Изображение слайда
15

Слайд 15: Reykjavik University

https://en.ru.is/

Изображение слайда
16

Слайд 16: UI/UX

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

Изображение слайда
17

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

Изображение слайда
18

Слайд 18: UI/UX

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

Изображение слайда
19

Слайд 19: Сайты правительств

Изображение слайда
20

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

https://sakhalin.gov.ru/

Изображение слайда
21

Слайд 21: UI/UX

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

Изображение слайда
22

Слайд 22: Gouvernement du Burkina Faso

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

Изображение слайда
23

Слайд 23: UI/UX

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

Изображение слайда
24

Слайд 24: The Government / The Danish Parliament

https://www.thedanishparliament.dk/

Изображение слайда
25

Слайд 25: UI/UX

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

Изображение слайда
26

Слайд 26: Персональные сайты

Изображение слайда
27

Слайд 27: Melanie DaVeid

https://melaniedaveid.com/

Изображение слайда
28

Слайд 28: UI/UX

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

Изображение слайда
29

Слайд 29: S ean Halpin

https://www.seanhalpin.design/

Изображение слайда
30

Слайд 30: UI/UX

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

Изображение слайда
31

Слайд 31: Ed Sheeran

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

Изображение слайда
32

Слайд 32: UI/UX

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

Изображение слайда
33

Слайд 33: Сайты на любую тему

Изображение слайда
34

Слайд 34: Кинопоиск HD

https://hd.kinopoisk.ru/

Изображение слайда
35

Слайд 35: UI/UX

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

Изображение слайда
36

Слайд 36: Behance

https://www.behance.net/

Изображение слайда
37

Слайд 37: UI/UX

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

Изображение слайда
38

Слайд 38: Shutterstock

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

Изображение слайда
39

Слайд 39: UI/UX

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

Изображение слайда
40

Слайд 40: Старая версия Forbes

Изображение слайда
41

Слайд 41: UI/UX

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

Изображение слайда
42

Последний слайд презентации: Анализ UI/UX дизайна сайтов: Спасибо за внимание !

Изображение слайда