20
АНАЛИТИЧЕСКИЙ ОТЧЕТ ПО ИССЛЕДОВАНИЮ ЛУЧШИХ ПРАКТИК ПО НАВИГАЦИИ И ДИЗАЙНУ ИНТЕРФЕЙСОВ ДЛЯ САЙТОВ ДРАМАТИЧЕСКИХ И МУЗЫКАЛЬНЫХ ТЕАТРОВ

Лучшие театральные сайты по версии Greenlabs

Embed Size (px)

Citation preview

Page 1: Лучшие театральные сайты по версии Greenlabs

АНАЛИТИЧЕСКИЙ ОТЧЕТ ПО ИССЛЕДОВАНИЮ ЛУЧШИХ ПРАКТИК ПО НАВИГАЦИИ И ДИЗАЙНУ ИНТЕРФЕЙСОВ

ДЛЯ САЙТОВ ДРАМАТИЧЕСКИХ И МУЗЫКАЛЬНЫХ ТЕАТРОВ

Page 2: Лучшие театральные сайты по версии Greenlabs

Основные цели работ

• Выявление лучших практик в области информационной

архитектуры

• Выявление лучших практик по отображению контента в

интерфейсах сайта

• Выявление трендов в области дизайна

• Анализ негативного опыта и предотвращение рисков его

повторения

Page 3: Лучшие театральные сайты по версии Greenlabs

ПЕРЕЧЕНЬ ПРОСМОТРЕННЫХ

РЕСУРСОВ

Page 4: Лучшие театральные сайты по версии Greenlabs

Российские театры

хорошоhttp://gogolcenter.com/ http://www.bolshoi.ru/ http://www.teatrpushkin.ru/

среднеhttp://www.tabakov.ru/http://www.satire.ru/http://bdt.spb.ru/http://teatr-teatr.com/http://www.ermolova.ruhttp://www.mariinsky.ru/ru

 

Неудовлетворительноhttp://www.novayaopera.ru/http://www.mxat.ru/http://mbronnaya.theatre.ru/http://www.dzigartheater.ru/http://www.lenkom.ru/http://www.sovremennik.ru/http://et-cetera.ru/mainhttp://satirikon.ru/index.phphttp://taganka.theatre.ru/http://fomenko.theatre.ru/http://www.mossoveta.ru/http://www.vakhtangov.ru/http://theatre-buff.spb.ru/http://www.komediaspb.ru/http://lensov-theatre.spb.ru/http://mbronnaya.theatre.ru/http://www.helikon.ru/http://stanmus.ru/http://www.mayakovsky.ru/http://www.opera-pokrovsky.ru/

Page 5: Лучшие театральные сайты по версии Greenlabs

Зарубежные театры

Хорошоhttp://www.nationaltheater-weimar.dehttp://www.operaballet.nl/http://nzopera.com/http://www.theatre-odeon.eu/http://www.piccoloteatro.orghttp://www.citz.co.uk/

 

Неудовлетворительноhttp://www.schaubuehne.de/http://www.thalia-theater.dehttp://www.globetheatreroma.comhttp://www.n-t.gr/http://www.theaterbellevue.nl/http://www.felix.meritis.nl/nl/http://www.theatredeliege.be/http://www.theatre-manufacture.fr/http://elcapitantheatre.disney.com/http://www.hkt.fi/http://www.staatstheater.karlsruhe.de/https://www.apollotheater.org/http://www.goodmantheatre.org/http://www.nationaltheatre.org.uk/http://www.sadlerswells.com/http://www.royalexchange.co.uk/http://www.lyceum.org.uk/http://www.citz.co.uk/http://www.tron.co.uk/http://www.malmostadsteater.se/http://www.das-meininger-theater.de/

Page 6: Лучшие театральные сайты по версии Greenlabs

УДАЧНЫЕ РЕШЕНИЯ ПО ДИЗАЙНУ

Page 7: Лучшие театральные сайты по версии Greenlabs

2

1

34

ВЕЙМАРСКИЙ НАЦИОНАЛЬНЫЙ

ТЕАТР – « »ОДИН ЭКРАН ОДНА СЦЕНА

– ПАРАЛЛАКС ЭФФЕКТ ДВИЖЕНИЯ СЛОЕВ ДРУГ ОТНОСИТЕЛЬНО ДРУГА

КРУПНЫЕ ИЗОБРАЖЕНИЯ И АКЦЕНТ НА ( )ШРИФТОВОЙ ДИЗАЙН ТИПОГРАФИКУ

« » – В МЕНЮ КНОПКА СЕГОДНЯ « ОТДЕЛЬНЫЙ РАЗДЕЛ ПОД КЕЙС ЧТО Я

МОГУ ПОСМОТРЕТЬ В ТЕАТРЕ ПРЯМО?»СЕГОДНЯ

www.nationaltheater-weimar.de

Page 8: Лучшие театральные сайты по версии Greenlabs

2

1

34

ТЕАТР ОПЕРЫ И БАЛЕТАНИДЕРЛАНДОВ

ВАЖНЫЕ БЛОКИ ЗАФИКСИРОВАНЫ И ПРОДОЛЖАЮТ ОТОБРАЖАТЬСЯ ПРИ

« » ПРОКРУЧИВАНИИ СТРАНИЦЫ ПОВЕРТИКАЛИ

МЕНЮ ЗАФИКСИРОВАНО У НИЖНЕГО КРАЯ ЭКРАНА И ПОСТОЯННО

ДОСТУПНО ПОЛЬЗОВАТЕЛЮ

ДОПОЛНИТЕЛЬНАЯ ЦВЕТОВАЯ ИНДИКАЦИЯ РАЗДЕЛОВ

www.operaballet.nl

Page 9: Лучшие театральные сайты по версии Greenlabs

2

1

34

2

1

34

ОПЕРНЫЙ ТЕАТР НОВОЙ ЗЕЛАНДИИ

– ОДИН ЭКРАН ОДНА СЦЕНА

МНОГО ВОЗДУХА

КРУПНЫЕ БЛОКИ И АКЦЕНТ НАТИПОГРАФИКУ

- ИСПОЛЬЗОВАНИЕ ЧЕРНО БЕЛЫХИЗОБРАЖЕНИЙ

www.nzopera.com

Page 10: Лучшие театральные сайты по версии Greenlabs

2

1

34

2

1

34

ОДЕОН ТЕАТР ЕВРОПЫ

МАССИВЫ ЦВЕТА И ПРОСТЫЕ ГЕОМЕТРИЧЕСКИЕ ФОРМЫ

ИНТЕРАКТИВНАЯ ВРЕМЕННА Я ЛЕНТА С ВИЗУАЛЬНЫМ ОТОБРАЖЕНИЕМ

ИСТОРИИ ТЕАТРА

www.theatre-odeon.eu

Page 11: Лучшие театральные сайты по версии Greenlabs

2

1

34

2

1

34

ГОГОЛЬ ЦЕНТР

МНОГО ВОЗДУХА

АКТИВНЫЙ КРАСНЫЙ ЦВЕТ

ПРОСТЫЕ ФОРМЫ

КРУПНЫЕ ЗАГОЛОВКИ

www.gogolcenter.com

Page 12: Лучшие театральные сайты по версии Greenlabs

2

1

34

2

1

34

БОЛЬШОЙ ТЕАТР

ПРОДУМАННОЕ ПРЕДСТАВЛЕНИЕ – ПЕРСОНАЛИЙ ОТ КОМПОЗИТОРОВ

ДО СОЛИСТОВ

ДВИЖЕНИЕ БЛОКОВ С РАЗНОЙ СКОРОСТЬЮ ПРИ ПРОКРУТКЕ

СОЧЕТАНИЕ БРУСКОВЫХ ШРИФТОВ И ШРИФТОВ С ЗАСЕЧКАМИ

www.bolshoi.ru

Page 13: Лучшие театральные сайты по версии Greenlabs

2

1

34

2

1

34

ТЕАТР ИМЕНИПУШКИНА

КРУПНЫЕ ИЗОБРАЖЕНИЯ

ПРОСТЫЕ ФОРМЫ

КОНТРАСТНЫЕ ЦВЕТА

www.bolshoi.ru

Page 14: Лучшие театральные сайты по версии Greenlabs

НЕУДАЧНЫЕ РЕШЕНИЯ ПО ДИЗАЙНУ

Page 15: Лучшие театральные сайты по версии Greenlabs

2

1

34

2

1

34

ПЕРЕГРУЖЕННОСТЬ И ОТСУТСТВИЕ АКЦЕНТОВ

НЕТ АДАПТАЦИИ ПОД ШИРОКИЙ ЭКРАН

НЕФУНКИЦОНАЛЬНЫЕ ЭЛЕМЕНТЫДИЗАЙНА

Page 16: Лучшие театральные сайты по версии Greenlabs

ВЫВОДЫ О ТРЕНДАХ

Page 17: Лучшие театральные сайты по версии Greenlabs

ОБЩИЕ ТРЕНДЫ ИНТЕРФЕЙСА

2

1

Большие изображения

Много воздуха

, Блоки зафиксированные при скроллинге

Социальные сети

Типографика

Фиксация меню и отдельных блоков

( ) Разная скорость прокрутки скроллинга отдельных объектов

Адаптация интерфейса к мониторам и устройствам с разнымразрешением

Page 18: Лучшие театральные сайты по версии Greenlabs

ТРЕНДЫ ИНФОРМАЦИОННОЙАРХИТЕКТУРЫ

2

1

ПРОСТОТА НАВИГАЦИИ МЕЖДУ РЕПЕРТУАРОМ

( ), списком постановок ( ) АФИШЕЙ календарем и

( ПЕРСОНАЛИЯМИ страницами об артистах и других членах

).творческого коллектива

Page 19: Лучшие театральные сайты по версии Greenlabs

ТРЕНДЫ ИНФОРМАЦИОННОЙАРХИТЕКТУРЫ

2

1

ОТРАБОТКА КЕЙСОВ

?Что можно посмотреть сегодня

Когда труппа приедет на гастроли ?в мой город

Я хочу купить билет на этотспектакль

Я хочу посетить спектакль с этим актером

Я хочу прочесть рецензию на этот?спектакль

Я хочу посмотреть видео или фотографии этого спектакля

Page 20: Лучшие театральные сайты по версии Greenlabs

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