Лучшие практики в сфере разработки интерфейсов сайтов театров

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

2. Основные цели работ
• Выявление лучших практик в области информационной
архитектуры
• Выявление лучших практик по отображению контента в
интерфейсах сайта
• Выявление трендов в области дизайна
• Анализ негативного опыта и предотвращение рисков его
повторения

3. ПЕРЕЧЕНЬ
ПРОСМОТРЕННЫХ
РЕСУРСОВ

4. Российские театры
хорошо
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.ru
http://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/main
http://satirikon.ru/index.php
http://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/

5. Зарубежные театры
Хорошо
http://www.nationaltheater-weimar.de
http://www.operaballet.nl/
http://nzopera.com/
http://www.theatre-odeon.eu/
http://www.piccoloteatro.org
http://www.citz.co.uk/
Неудовлетворительно
http://www.schaubuehne.de/
http://www.thalia-theater.de
http://www.globetheatreroma.com
http://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/

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

7. 2
1
3
4
ВЕЙМАРСКИЙ
НАЦИОНАЛЬНЫЙ
ТЕАТР
– « »ОДИН ЭКРАН ОДНА СЦЕНА
–ПАРАЛЛАКС ЭФФЕКТ ДВИЖЕНИЯ
СЛОЕВ ДРУГ ОТНОСИТЕЛЬНО ДРУГА
КРУПНЫЕ ИЗОБРАЖЕНИЯ И АКЦЕНТ НА
( )ШРИФТОВОЙ ДИЗАЙН ТИПОГРАФИКУ
« » –В МЕНЮ КНОПКА СЕГОДНЯ
«ОТДЕЛЬНЫЙ РАЗДЕЛ ПОД КЕЙС ЧТО Я
МОГУ ПОСМОТРЕТЬ В ТЕАТРЕ ПРЯМО
?»СЕГОДНЯ
www.nationaltheater-weimar.de

8. 2
1
3
4
ТЕАТР ОПЕРЫ
И БАЛЕТА
НИДЕРЛАНДОВ
ВАЖНЫЕ БЛОКИ ЗАФИКСИРОВАНЫ И
ПРОДОЛЖАЮТ ОТОБРАЖАТЬСЯ ПРИ
« »ПРОКРУЧИВАНИИ СТРАНИЦЫ ПО
ВЕРТИКАЛИ
МЕНЮ ЗАФИКСИРОВАНО У НИЖНЕГО
КРАЯ ЭКРАНА И ПОСТОЯННО
ДОСТУПНО ПОЛЬЗОВАТЕЛЮ
ДОПОЛНИТЕЛЬНАЯ ЦВЕТОВАЯ
ИНДИКАЦИЯ РАЗДЕЛОВ
www.operaballet.nl

9. 2
1
3
4
2
1
3
4
ОПЕРНЫЙ ТЕАТР
НОВОЙ ЗЕЛАНДИИ
–ОДИН ЭКРАН ОДНА СЦЕНА
МНОГО ВОЗДУХА
КРУПНЫЕ БЛОКИ И АКЦЕНТ НА
ТИПОГРАФИКУ
-ИСПОЛЬЗОВАНИЕ ЧЕРНО БЕЛЫХ
ИЗОБРАЖЕНИЙ
www.nzopera.com

10. 2
1
3
4
2
1
3
4
ОДЕОН
ТЕАТР ЕВРОПЫ
МАССИВЫ ЦВЕТА И ПРОСТЫЕ
ГЕОМЕТРИЧЕСКИЕ ФОРМЫ
ИНТЕРАКТИВНАЯ ВРЕМЕННАЯ ЛЕНТА
С ВИЗУАЛЬНЫМ ОТОБРАЖЕНИЕМ
ИСТОРИИ ТЕАТРА
www.theatre-odeon.eu

11. 2
1
3
4
2
1
3
4
ГОГОЛЬ ЦЕНТР
МНОГО ВОЗДУХА
АКТИВНЫЙ КРАСНЫЙ ЦВЕТ
ПРОСТЫЕ ФОРМЫ
КРУПНЫЕ ЗАГОЛОВКИ
www.gogolcenter.com

12. 2
1
3
4
2
1
3
4
БОЛЬШОЙ ТЕАТР
ПРОДУМАННОЕ ПРЕДСТАВЛЕНИЕ
–ПЕРСОНАЛИЙ ОТ КОМПОЗИТОРОВ
ДО СОЛИСТОВ
ДВИЖЕНИЕ БЛОКОВ С РАЗНОЙ
СКОРОСТЬЮ ПРИ ПРОКРУТКЕ
СОЧЕТАНИЕ БРУСКОВЫХ ШРИФТОВ И
ШРИФТОВ С ЗАСЕЧКАМИ
www.bolshoi.ru

13. 2
1
3
4
2
1
3
4
ТЕАТР ИМЕНИ
ПУШКИНА
КРУПНЫЕ ИЗОБРАЖЕНИЯ
ПРОСТЫЕ ФОРМЫ
КОНТРАСТНЫЕ ЦВЕТА
www.bolshoi.ru

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

15. 2
1
3
4
2
1
3
4
ПЕРЕГРУЖЕННОСТЬ
И ОТСУТСТВИЕ АКЦЕНТОВ
НЕТ АДАПТАЦИИ ПОД ШИРОКИЙ ЭКРАН
НЕФУНКИЦОНАЛЬНЫЕ ЭЛЕМЕНТЫ
ДИЗАЙНА

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

17. ОБЩИЕ ТРЕНДЫ ИНТЕРФЕЙСА
2
1
Большие изображения
Много воздуха
,Блоки зафиксированные при скроллинге
Социальные сети
Типографика
Фиксация меню и отдельных блоков
( )Разная скорость прокрутки скроллинга отдельных объектов
Адаптация интерфейса к мониторам и устройствам с разным
разрешением

18. ТРЕНДЫ ИНФОРМАЦИОННОЙ
АРХИТЕКТУРЫ
2
1
ПРОСТОТА НАВИГАЦИИ
МЕЖДУ РЕПЕРТУАРОМ
( ),списком постановок
( )АФИШЕЙ календарем и
(ПЕРСОНАЛИЯМИ страницами
об артистах и других членах
).творческого коллектива

19. ТРЕНДЫ ИНФОРМАЦИОННОЙ
АРХИТЕКТУРЫ
2
1
ОТРАБОТКА КЕЙСОВ
?Что можно посмотреть сегодня
Когда труппа приедет на гастроли
?в мой город
Я хочу купить билет на этот
спектакль
Я хочу посетить спектакль
с этим актером
Я хочу прочесть рецензию на этот
?спектакль
Я хочу посмотреть видео или
фотографии этого спектакля

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