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

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

Jul 11, 2015

Download

Internet

Anna Koroleva
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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

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