Case Study: Muzeum Narodowe Poznań | Aplikacja Muzealna, Mapa Interaktywna

Przedstawienie kolekcji poza ekspozycją stałą

Projekt dla Muzeum Narodowego w Poznaniu polegał na stworzeniu zaawansowanej aplikacji multimedialnej na kioski, której głównym celem było udostępnienie zwiedzającym bogatej bazy eksponatów, które ze względu na ograniczoną przestrzeń nie mogły znaleźć się na ekspozycji stałej. Moim zadaniem było zaprojektowanie intuicyjnego i estetycznego interfejsu (UX/UI), który umożliwiłby łatwą eksplorację tej obszernej kolekcji. To Case Study przedstawia moje podejście do łączenia cyfrowych doświadczeń z fizyczną przestrzenią wystawienniczą.

Mockup kiosku muzealnego z wyświetloną aplikacją Muzeum Narodowego w Poznaniu. W tle wizualizacja interaktywnej mapy ściennej, na której podświetlane są kraje. Ilustracja integracji cyfrowo-fizycznej.

Cele: Intuicyjność, integracja i skalowalność

Głównym wyzwaniem było zaprojektowanie aplikacji, która byłaby intuicyjna i łatwa w obsłudze dla zróżnicowanej grupy odbiorców, w tym dla dorosłych i dzieci (aplikacja dostępna na kioskach o różnej wysokości). Kluczowe było zapewnienie płynnej nawigacji po kilkuset eksponatach, kategoryzowanych według krajów pochodzenia, oraz stworzenie unikalnej integracji z fizyczną mapą ścienną. Całość musiała być spójna wizualnie z otoczeniem wystawy i posiadać wbudowany system CMS do łatwego dodawania kolejnych eksponatów przez muzeum.

Architektura informacji i nawigacja

Kluczowe było stworzenie logicznej architektury informacji, która ułatwiała nawigację po kilkuset eksponatach, kategoryzowanych na kraje pochodzenia. System CMS został zaprojektowany tak, aby muzeum mogło z łatwością dodawać kolejne eksponaty w przyszłości, zapewniając skalowalność bazy danych.

Figma – wstępna architektura informacji

Adobe Illustrator – potrzebny do stworzenia wektorowej mapy świata

Dopracowanie flow użytkownika na etapie testów

Jak zawsze w tego typu projektach, zanim powstanie gotowy prototyp, najpierw tworzę strukturalny wireframe. Pozwala on na przetestowanie działania aplikacji zanim przejdziemy do nadawania jej ostatecznego wyglądu.

Na etapie testów użyteczności z rzeczywistymi zwiedzającymi (w tym nastolatkami), wykryliśmy i poprawiliśmy drobne, ale istotne błędy w ścieżkach użytkownika. Przykładowo, w widoku szczegółowego eksponatu brakowało prostej możliwości przejścia do następnego eksponatu z tego samego kraju, co zostało szybko dodane.

Figma – najlepsza platforma do prototypowania

Stylistyka UI

Wizualnie aplikacja została utrzymana w pastelowych kolorach z subtelnymi neonowymi podświetleniami, tworząc minimalistyczny, ale atrakcyjny interfejs. Całość była ściśle dopasowana do wytycznych muzeum i stylu studia projektującego wystawę, harmonijnie wpisując się w otoczenie.

Figma – w pełni gotowy prototyp o odpowiedniej stylistyce

Adobe Photoshop – obróbka zdjęć i grafik

Integracja z fizyczną mapą ścienną

Jednym z najbardziej innowacyjnych i wymagających elementów projektu była integracja aplikacji z fizyczną mapą świata na ścianie. Ten element wzbogaca doświadczenie zwiedzania, łącząc świat cyfrowy z namacalną przestrzenią.

Kiedy zwiedzający wybiera dany kraj na mapie w aplikacji, na fizycznej mapie ściennej automatycznie podświetla się dany kraj. To pozwala na wizualizację globalnego kontekstu pochodzenia eksponatów.

Prawdziwym wyzwaniem technicznym było precyzyjne podświetlanie małych krajów, takich jak Watykan czy Dania, na mapie całego świata. Wymagało to zaawansowanych rozwiązań w oprogramowaniu i synchronizacji z systemem projekcji świetlnej, aby zapewnić absolutną precyzję.

Płynne animacje mapy i optymalizacja wydajności w Figmie

Projektowanie interaktywnej mapy wiązało się z wyzwaniem stworzenia płynnych animacji zbliżania się do kontynentów i krajów, co znacząco poprawiało User Experience.

Realizacja tak złożonych i płynnych animacji była wyzwaniem dla narzędzi prototypowania. Figma, choć potężna, miała trudności z płynnym renderowaniem tych zaawansowanych animacji. Musiałem więc stworzyć uproszczoną makietę dla programisty, która jasno wizualizowała zamierzony efekt, aby wiedział, jaki efekt animacji chcę osiągnąć w finalnej aplikacji. To podkreśla moje doświadczenie w komunikacji z zespołem deweloperskim i tłumaczeniu złożonych koncepcji na język techniczny.

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Osiągnięte wyniki i sukces projektu

Aplikacja dla Muzeum Narodowego w Poznaniu stała się kluczowym narzędziem do udostępniania bogatej kolekcji eksponatów, które wcześniej znajdowały się w magazynach.

Dzięki intuicyjnemu UX/UI Designowi, innowacyjnej integracji z fizyczną mapą ścienną oraz płynnym animacjom, zwiedzający mogą w angażujący sposób odkrywać etnograficzne perełki. Aplikacja jest chwalona za swoją intuicyjność i estetykę, co przekłada się na pozytywne doświadczenia i satysfakcję użytkowników w różnym wieku.

Muzeum Narodowe

Intuicyjna aplikacja multimedialna z integracją mapy ściennej