SlideShare une entreprise Scribd logo
1  sur  23
Télécharger pour lire hors ligne
–ДИЗАЙН?
–НЕ СЛЫШАЛ
О том как не надо делать сайты.
На примере сайта ГУУ
2
Было. Сайт «Привет из 90ых»
3
Стало. Сайт «Налепили все подряд»
4
Сравним
- создан в 2005 году
- акцент – новости
- разработка – внутри университета
- ЦА – все подряд. Не студенты точно
- создан в 2014 году
- акцент – новости
- разработка – внутри университета
- ЦА – все подряд. Студенты в меньшей степени
5
Детальный анализ. Часть 1
Почему блок слайдера уже остальных?
Зачем закрывать логотип надписью «95 лет»?
Не ясно какое меню более важно.
Нет акцентов
6
Детальный анализ. Часть 2
Почему изображения в смежных
блоках разного размера?
Чем отличаются Анонсы от Новостей?
Ничем.
Дизайнеры говорят
8
«Стилистика устарела и на классику не тянет,
да и в целом не очень удобный сайт, плохие
акценты, что-то слишком больше, где-то лишний
текст, где-то лишние элементы навигации, а где-
то их нет. Конечно, я уверен что стало лучше
чем было, но пока слабо»
Павел Манько
Senior digital designer at Orange Label Design Studio
9
«Скучно, вяло, не интересно))
мало воздуха. нет приоритетов.
это среднестатистический хуевый сайт ВУЗа»
Арам Мирзоянц
экс-арт-директор Depot WPF, обладатель Каннского льва
10
«...два типа меню сильно «спорят» друг с другом, из-за чего
сложно понять куда мне. То есть не понятно какую точку входа
выбрать. По типографике не хватает контраста, чтобы быстро
фильтровать смыслы и значения. По вёрстке — пространства,
чтобы мочь вообще что-нибудь прочитать. А вообще, можно
убить почти всё. Потому что сайт не сделал информацию
доступнее для той ЦА, что указана на огромных серых кнопках
второго меню.»
Стас Поляков
Руководитель службы рекламного дизайна в Яндексе
11
Стало лучше. Но все еще плохо
Разработка внутри ВУЗа = отсутствие дизайна и юзабилити
ЦА сайта ВУЗа – абитуриенты и студенты. Они клиенты ВУЗа, они
платят за обучение. Значит сайт должен ориентироваться на них
Разработчик не понимает какова цель сайта
1.
2.
3.
4.
Выводы
12
Выбор есть
Можно сделать лучше
13
МГТУ им. Баумана. Россия
14
Высшая Школа Экономики. Россия
15
РАНХиГС. Россия
16
DePauw University. США
17
Harvard University. США
18
Stanford University. США
19
University of Oxford. Великобритания
20
University of Edinburgh. Великобритания
21
University of Vienna. Австрия
22
University of Vienna. Лучший пример
ориентации на студентов.
Просто показать, что студенты
счастливы – бесценно!
Design for Good
National initiative for good .edu sites

Contenu connexe

En vedette

ePortfolios Across CUNY
ePortfolios Across CUNYePortfolios Across CUNY
ePortfolios Across CUNY
brooklyntechie
 
Презентация группы компаний ФЕРТ
Презентация группы компаний ФЕРТПрезентация группы компаний ФЕРТ
Презентация группы компаний ФЕРТ
Fert
 
Value of libraries - ANU Outsell persentation
Value of libraries - ANU Outsell persentationValue of libraries - ANU Outsell persentation
Value of libraries - ANU Outsell persentation
Roxanne Missingham
 
Digitalni obeti za leto 2013_Marketing Magazin_jan2013_st.380_str.16
Digitalni obeti za leto 2013_Marketing Magazin_jan2013_st.380_str.16Digitalni obeti za leto 2013_Marketing Magazin_jan2013_st.380_str.16
Digitalni obeti za leto 2013_Marketing Magazin_jan2013_st.380_str.16
Urska Saletinger
 

En vedette (20)

Чего хотят люди // What people wants
Чего хотят люди // What people wantsЧего хотят люди // What people wants
Чего хотят люди // What people wants
 
ePortfolios Across CUNY
ePortfolios Across CUNYePortfolios Across CUNY
ePortfolios Across CUNY
 
Blitz Bureau
Blitz BureauBlitz Bureau
Blitz Bureau
 
Presentaties duurzaam vastgoed bij banken en verzekeringsmaatschappijen 4 nov...
Presentaties duurzaam vastgoed bij banken en verzekeringsmaatschappijen 4 nov...Presentaties duurzaam vastgoed bij banken en verzekeringsmaatschappijen 4 nov...
Presentaties duurzaam vastgoed bij banken en verzekeringsmaatschappijen 4 nov...
 
Презентация группы компаний ФЕРТ
Презентация группы компаний ФЕРТПрезентация группы компаний ФЕРТ
Презентация группы компаний ФЕРТ
 
Inbound to #32 | The Essentials of Client Communication
Inbound to #32 | The Essentials of Client CommunicationInbound to #32 | The Essentials of Client Communication
Inbound to #32 | The Essentials of Client Communication
 
Curriculum builder directions
Curriculum builder directionsCurriculum builder directions
Curriculum builder directions
 
Installing jdeveloper 11.1.1.7 in linux
Installing jdeveloper 11.1.1.7 in linuxInstalling jdeveloper 11.1.1.7 in linux
Installing jdeveloper 11.1.1.7 in linux
 
Value of libraries - ANU Outsell persentation
Value of libraries - ANU Outsell persentationValue of libraries - ANU Outsell persentation
Value of libraries - ANU Outsell persentation
 
How to Shop for and Get the Best Home Loan Rates in 2014
How to Shop for and Get the Best Home Loan Rates in 2014How to Shop for and Get the Best Home Loan Rates in 2014
How to Shop for and Get the Best Home Loan Rates in 2014
 
10 Of The Most Rough and Tough Warriors Throughout History
10 Of The Most Rough and Tough Warriors Throughout History10 Of The Most Rough and Tough Warriors Throughout History
10 Of The Most Rough and Tough Warriors Throughout History
 
Crisiscommunicatie en Vestia-dossier
Crisiscommunicatie en Vestia-dossierCrisiscommunicatie en Vestia-dossier
Crisiscommunicatie en Vestia-dossier
 
Digitalni obeti za leto 2013_Marketing Magazin_jan2013_st.380_str.16
Digitalni obeti za leto 2013_Marketing Magazin_jan2013_st.380_str.16Digitalni obeti za leto 2013_Marketing Magazin_jan2013_st.380_str.16
Digitalni obeti za leto 2013_Marketing Magazin_jan2013_st.380_str.16
 
Het nieuwe stadskantoor van de gemeente Venlo.
Het nieuwe stadskantoor van de gemeente Venlo.Het nieuwe stadskantoor van de gemeente Venlo.
Het nieuwe stadskantoor van de gemeente Venlo.
 
15 homebrew slides
15 homebrew slides15 homebrew slides
15 homebrew slides
 
30 Yr Traditional Loan Vs. VA Hybrid - Which is Better?
30 Yr Traditional Loan Vs. VA Hybrid - Which is Better? 30 Yr Traditional Loan Vs. VA Hybrid - Which is Better?
30 Yr Traditional Loan Vs. VA Hybrid - Which is Better?
 
Secret seo-tienpv
Secret seo-tienpvSecret seo-tienpv
Secret seo-tienpv
 
Cache management obiee 11g
Cache management obiee 11gCache management obiee 11g
Cache management obiee 11g
 
QR codes / kode - kaj, kako, zakaj ...oglasevanje
QR codes / kode - kaj, kako, zakaj ...oglasevanjeQR codes / kode - kaj, kako, zakaj ...oglasevanje
QR codes / kode - kaj, kako, zakaj ...oglasevanje
 
Windows 8 end user training brochure
Windows 8 end user training brochureWindows 8 end user training brochure
Windows 8 end user training brochure
 

Similaire à Дизайн? Не слышал | Design? Don't know

исследование пользователей электронных сми
исследование пользователей электронных смиисследование пользователей электронных сми
исследование пользователей электронных сми
Eugene Kulakov
 
02 сайт метод.отдела02
02   сайт метод.отдела0202   сайт метод.отдела02
02 сайт метод.отдела02
Katerina Efimova
 
Аудит сайта www.fabex.ru
Аудит сайта www.fabex.ruАудит сайта www.fabex.ru
Аудит сайта www.fabex.ru
guest08fc57
 
Работа на дядю - не приговор. Технология получения ТОПовой должности
Работа на дядю - не приговор. Технология получения ТОПовой должностиРабота на дядю - не приговор. Технология получения ТОПовой должности
Работа на дядю - не приговор. Технология получения ТОПовой должности
Академия интернет-маркетинга «WebPromoExperts»
 

Similaire à Дизайн? Не слышал | Design? Don't know (20)

исследование пользователей электронных сми
исследование пользователей электронных смиисследование пользователей электронных сми
исследование пользователей электронных сми
 
02 сайт метод.отдела02
02   сайт метод.отдела0202   сайт метод.отдела02
02 сайт метод.отдела02
 
Особенности веба
Особенности вебаОсобенности веба
Особенности веба
 
Основы разработки сайтов by Uplab
Основы разработки сайтов by UplabОсновы разработки сайтов by Uplab
Основы разработки сайтов by Uplab
 
Презентация (часть 1)
Презентация (часть 1)Презентация (часть 1)
Презентация (часть 1)
 
04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.
04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.
04 HappyDev-lite-2015 autumn. Лера Ткачева. О профессии веб-дизайнера.
 
Запуск МКС во Вселенную e-learning
Запуск МКС во Вселенную e-learningЗапуск МКС во Вселенную e-learning
Запуск МКС во Вселенную e-learning
 
Аудит сайта www.fabex.ru
Аудит сайта www.fabex.ruАудит сайта www.fabex.ru
Аудит сайта www.fabex.ru
 
11 ключевых ошибок в разработке интернет-проектов
11 ключевых ошибок в разработке интернет-проектов11 ключевых ошибок в разработке интернет-проектов
11 ключевых ошибок в разработке интернет-проектов
 
Работа на дядю - не приговор. Технология получения ТОПовой должности
Работа на дядю - не приговор. Технология получения ТОПовой должностиРабота на дядю - не приговор. Технология получения ТОПовой должности
Работа на дядю - не приговор. Технология получения ТОПовой должности
 
Аудит Style girl.com.ua
Аудит Style girl.com.uaАудит Style girl.com.ua
Аудит Style girl.com.ua
 
ADCONSULT | «Как создавать бессмертные клиентские презентации?» | Онлайн-курс
ADCONSULT | «Как создавать бессмертные клиентские презентации?» | Онлайн-курсADCONSULT | «Как создавать бессмертные клиентские презентации?» | Онлайн-курс
ADCONSULT | «Как создавать бессмертные клиентские презентации?» | Онлайн-курс
 
Анализ украинских олимпиад по информатике 2015
Анализ украинских олимпиад по информатике 2015Анализ украинских олимпиад по информатике 2015
Анализ украинских олимпиад по информатике 2015
 
Слайды с комментариями к вебинару от 05.01.2016
Слайды с комментариями к вебинару от 05.01.2016Слайды с комментариями к вебинару от 05.01.2016
Слайды с комментариями к вебинару от 05.01.2016
 
Аудит Shalunishka.top
Аудит Shalunishka.topАудит Shalunishka.top
Аудит Shalunishka.top
 
Texnolog
TexnologTexnolog
Texnolog
 
Веб-дизайн
Веб-дизайнВеб-дизайн
Веб-дизайн
 
I'm designer!
I'm designer!I'm designer!
I'm designer!
 
Nazapad 4 - Дмитрий Бондар - Как сеошнику под рунет начать эффективно работат...
Nazapad 4 - Дмитрий Бондар - Как сеошнику под рунет начать эффективно работат...Nazapad 4 - Дмитрий Бондар - Как сеошнику под рунет начать эффективно работат...
Nazapad 4 - Дмитрий Бондар - Как сеошнику под рунет начать эффективно работат...
 
Шаблоны восприятия и дивный новый мир: как опыт заказчика влияет на опыт поль...
Шаблоны восприятия и дивный новый мир: как опыт заказчика влияет на опыт поль...Шаблоны восприятия и дивный новый мир: как опыт заказчика влияет на опыт поль...
Шаблоны восприятия и дивный новый мир: как опыт заказчика влияет на опыт поль...
 

Plus de Segrey Nikishov - @n_grey

Plus de Segrey Nikishov - @n_grey (18)

Ozon. Результаты магазина за 2016 год
Ozon. Результаты магазина за 2016 годOzon. Результаты магазина за 2016 год
Ozon. Результаты магазина за 2016 год
 
Мобильная аудитория e-commerce 2016
Мобильная аудитория e-commerce 2016Мобильная аудитория e-commerce 2016
Мобильная аудитория e-commerce 2016
 
Роль смартфонов на пути к покупке средств по уходу за кожей 2016
Роль смартфонов на пути к покупке средств по уходу за кожей 2016Роль смартфонов на пути к покупке средств по уходу за кожей 2016
Роль смартфонов на пути к покупке средств по уходу за кожей 2016
 
Going global with Facebook 2016
Going global with Facebook 2016Going global with Facebook 2016
Going global with Facebook 2016
 
Российский потребитель 2015. Обзор GFK
Российский потребитель 2015. Обзор GFKРоссийский потребитель 2015. Обзор GFK
Российский потребитель 2015. Обзор GFK
 
SMM учебник 2 (Промсвязьбанк)
SMM учебник 2 (Промсвязьбанк)SMM учебник 2 (Промсвязьбанк)
SMM учебник 2 (Промсвязьбанк)
 
Исследование аудитории онлайн-покупателей в России. Яндекс + GFK
Исследование аудитории онлайн-покупателей в России. Яндекс + GFKИсследование аудитории онлайн-покупателей в России. Яндекс + GFK
Исследование аудитории онлайн-покупателей в России. Яндекс + GFK
 
Исследование потребительских расходов "Новый год и Рождество 2015"
Исследование потребительских расходов "Новый год и Рождество 2015"Исследование потребительских расходов "Новый год и Рождество 2015"
Исследование потребительских расходов "Новый год и Рождество 2015"
 
Навальный. Отчет о предвыборной кампании в мэры Москвы 2013
Навальный. Отчет о предвыборной кампании в мэры Москвы 2013Навальный. Отчет о предвыборной кампании в мэры Москвы 2013
Навальный. Отчет о предвыборной кампании в мэры Москвы 2013
 
Учебник по SMM в banking от Промсвязьбанк
Учебник по SMM в banking от ПромсвязьбанкУчебник по SMM в banking от Промсвязьбанк
Учебник по SMM в banking от Промсвязьбанк
 
Метрики Интернет-маркетинга НИУ ВШЭ
Метрики Интернет-маркетинга НИУ ВШЭМетрики Интернет-маркетинга НИУ ВШЭ
Метрики Интернет-маркетинга НИУ ВШЭ
 
Как работать с маркетинговыми кейсами
Как работать с маркетинговыми кейсамиКак работать с маркетинговыми кейсами
Как работать с маркетинговыми кейсами
 
Что такое SEO?
Что такое SEO?Что такое SEO?
Что такое SEO?
 
Что почём в управлении проектами
Что почём в управлении проектамиЧто почём в управлении проектами
Что почём в управлении проектами
 
Стратегические отличия маркетинга в Интернете НИУ ВШЭ
Стратегические отличия маркетинга в Интернете НИУ ВШЭСтратегические отличия маркетинга в Интернете НИУ ВШЭ
Стратегические отличия маркетинга в Интернете НИУ ВШЭ
 
Партизанский маркетинг в Интернете
Партизанский маркетинг в ИнтернетеПартизанский маркетинг в Интернете
Партизанский маркетинг в Интернете
 
Интернет-торговля в России. Продвижение компаний в социальных медиа
Интернет-торговля в России. Продвижение компаний в социальных медиаИнтернет-торговля в России. Продвижение компаний в социальных медиа
Интернет-торговля в России. Продвижение компаний в социальных медиа
 
Что такое SMM?
Что такое SMM?Что такое SMM?
Что такое SMM?
 

Дизайн? Не слышал | Design? Don't know

  • 1. –ДИЗАЙН? –НЕ СЛЫШАЛ О том как не надо делать сайты. На примере сайта ГУУ
  • 4. 4 Сравним - создан в 2005 году - акцент – новости - разработка – внутри университета - ЦА – все подряд. Не студенты точно - создан в 2014 году - акцент – новости - разработка – внутри университета - ЦА – все подряд. Студенты в меньшей степени
  • 5. 5 Детальный анализ. Часть 1 Почему блок слайдера уже остальных? Зачем закрывать логотип надписью «95 лет»? Не ясно какое меню более важно. Нет акцентов
  • 6. 6 Детальный анализ. Часть 2 Почему изображения в смежных блоках разного размера? Чем отличаются Анонсы от Новостей? Ничем.
  • 8. 8 «Стилистика устарела и на классику не тянет, да и в целом не очень удобный сайт, плохие акценты, что-то слишком больше, где-то лишний текст, где-то лишние элементы навигации, а где- то их нет. Конечно, я уверен что стало лучше чем было, но пока слабо» Павел Манько Senior digital designer at Orange Label Design Studio
  • 9. 9 «Скучно, вяло, не интересно)) мало воздуха. нет приоритетов. это среднестатистический хуевый сайт ВУЗа» Арам Мирзоянц экс-арт-директор Depot WPF, обладатель Каннского льва
  • 10. 10 «...два типа меню сильно «спорят» друг с другом, из-за чего сложно понять куда мне. То есть не понятно какую точку входа выбрать. По типографике не хватает контраста, чтобы быстро фильтровать смыслы и значения. По вёрстке — пространства, чтобы мочь вообще что-нибудь прочитать. А вообще, можно убить почти всё. Потому что сайт не сделал информацию доступнее для той ЦА, что указана на огромных серых кнопках второго меню.» Стас Поляков Руководитель службы рекламного дизайна в Яндексе
  • 11. 11 Стало лучше. Но все еще плохо Разработка внутри ВУЗа = отсутствие дизайна и юзабилити ЦА сайта ВУЗа – абитуриенты и студенты. Они клиенты ВУЗа, они платят за обучение. Значит сайт должен ориентироваться на них Разработчик не понимает какова цель сайта 1. 2. 3. 4. Выводы
  • 19. 19 University of Oxford. Великобритания
  • 20. 20 University of Edinburgh. Великобритания
  • 21. 21 University of Vienna. Австрия
  • 22. 22 University of Vienna. Лучший пример ориентации на студентов. Просто показать, что студенты счастливы – бесценно!
  • 23. Design for Good National initiative for good .edu sites