Case Study · UX/UI Design
Lepsze doświadczenie wizyty w muzeum
Aplikacja mobilna, która upraszcza planowanie wizyty w muzeum: redukuje tarcie w procesie rezerwacji biletu i porządkuje informacje dla osób przychodzących po raz pierwszy.
Na tej stronie
Wprowadzenie
Problem i cel
Analiza problemów i wyznaczenie kierunku rozwiązania.
Problem
- Utrudnione planowanie wizyty
- Nieintuicyjny flow rezerwacji
- Przeładowanie informacjami
Cel
- Uprościć proces rezerwacji
- Zwiększyć czytelność
- Skrócić czas podejmowania decyzji
Research
Zachowania, potrzeby i kluczowe problemy użytkowników
Cele
Zakres badania
Zrozumienie, jak użytkownicy odkrywają i planują wizyty w muzeum
Identyfikacja kluczowych problemów w zakresie informacji i procesu rezerwacji
Rozpoznanie różnic między grupami użytkowników
Określenie możliwości usprawnienia i zwiększenia dostępności doświadczenia
Secondary research
Przegląd istniejących rozwiązań i wzorców branżowych
Wiek
Publiczność muzeów to szerokie spektrum wiekowe — największą grupę stanowią osoby 18–34. Młodsi użytkownicy oczekują intuicyjnych, mobile-first doświadczeń.
- 18–23 lata35%
- 35–54 lata25%
- poniżej 18 lat20%
- 55+ lat20%
Na podstawie danych demograficznych GUS, NIMOZ i Eurostatu oraz ogólnych trendów obserwowanych w sektorze kultury.
Typy zwiedzających
Publiczność muzeów to różne grupy o różnych potrzebach — od turystów po edukatorów i rodziny.
- turyści35%
- rodziny25%
- pasjonaci sztuki25%
- edukatorzy i grupy szkolne15%
Na podstawie danych wtórnych (GUS, NIMOZ, Eurostat) i syntezy wzorców zachowań z ogólnodostępnych badań nad zwiedzającymi.
Zachowania
Wizyty w muzeum są zwykle planowane z wyprzedzeniem i skupiają się na praktycznych detalach. Cały proces przypomina bardziej zadanie niż doświadczenie.
z wyprzedzeniem
wystawy, bilety, godziny otwarcia
Główne źródło informacji
Kluczowe wnioski z researchu
Najważniejsze ustalenia, które ukształtowały decyzje projektowe.
Najważniejsze insighty
- Informacje są rozproszone i trudne w nawigacji
- Użytkownicy częściej sięgają po strony www niż po aplikacje
- Planowanie wymaga wysiłku i wielu kroków
- Potrzeby różnią się w zależności od typu zwiedzającego
Kluczowi użytkownicy
Reprezentacja grup użytkowników o różnych potrzebach i motywacjach
Pasjonatka sztuki
Stała bywalczyni muzeów, w poszukiwaniu inspiracji
Regularnie odwiedza muzea, żeby czerpać inspirację i być na bieżąco z wydarzeniami kulturalnymi.
Potrzebuje łatwego dostępu do wystaw i jednego, kuratorowanego źródła treści.
Turysta
Krótkoterminowy gość, planujący w biegu
Odwiedza miasto na krótko i przy planowaniu polega głównie na telefonie.
Potrzebuje szybkiego, czytelnego dostępu do kluczowych informacji po angielsku i prostego procesu rezerwacji.
Edukator
Organizuje ustrukturyzowane wizyty grupowe dla uczniów
Planuje wizyty muzealne dla uczniów — potrzebuje przewidywalnego, ustrukturyzowanego procesu.
Potrzebuje jasnych informacji i dedykowanych narzędzi do rezerwacji grupowych.
Rodzina
Planuje proste i angażujące doświadczenia dla dzieci
Zwiedza muzea z dziećmi i szuka angażujących, rodzinnych doświadczeń.
Potrzebuje prostego planowania i jasnych informacji, żeby uniknąć zbędnego wysiłku.
User journey
Mapa podróży użytkownika pokazuje, jak użytkownicy obecnie planują i rezerwują wizytę w muzeum, wskazując kluczowe problemy oraz punkty frustracji.
Gdzie pęka obecna ścieżka
Kluczowe pain points
- Rozproszone informacje
- Nieczytelny cennik
- Nieintuicyjny proces wystawiania faktury
- Manualne czynności po zakupie
Rozwiązanie
Uproszczony proces rezerwacji i płynne zamawianie faktur
Odpowiedź na kluczowe problemy użytkowników
User Flow
Przepływ pokazuje, jak użytkownik może w prosty i intuicyjny sposób kupić bilet oraz zamówić fakturę w uproszczonym procesie
Wireframes
Wczesny etap projektowania procesu rezerwacji — skupienie na czytelności, hierarchii informacji i kluczowych działaniach użytkownika.
Projekt interfejsu
Spójne doświadczenie wizyty w muzeum. Dopracowany proces rezerwacji w intuicyjnym i czytelnym interfejsie.
Booking Flow — przepływ rezerwacji biletu
Poniższe ekrany pokazują kluczowe momenty interakcji użytkownika.
Visual Design — pozostałe ekrany
Design System
Lekki system UI wspierający spójność i skalowalność
Stworzony design system zapewnia spójność wizualną całej aplikacji i usprawnia projektowanie kluczowych funkcji — procesu rezerwacji biletu oraz przeglądania treści.
Język wizualny łączy minimalistyczną, neutralną bazę z wyrazistą paletą akcentów. Dzięki temu treści pozostają w centrum uwagi, a interfejs skutecznie kieruje użytkownika do najważniejszych działań.
System został zaprojektowany jako skalowalny fundament dalszego rozwoju produktu, a nie jako kompletna biblioteka komponentów.
Decyzje projektowe
• Teal jako główny kolor akcji — zapewnia jednoznaczną identyfikację elementów interaktywnych.
• Różowe akcenty — budują kontrast i wyróżniają treści dynamiczne oraz czasowe.
• Geometryczny krój pisma w nagłówkach — wzmacnia nowoczesny, artystyczny charakter marki muzeum.
Kluczowe funkcje
Najważniejsze funkcje odpowiadają na zidentyfikowane potrzeby użytkowników, upraszczając proces rezerwacji i wspierając komfortowe korzystanie z muzeum
Czytelna struktura nawigacji
Użytkownicy mogą łatwo przechodzić między wystawami, biletami i wydarzeniami dzięki uproszczonej nawigacji dolnej oraz spójnej hierarchii informacji.
Płynny zakup biletu
Proces rezerwacji został uproszczony do kilku kluczowych kroków, ograniczając zbędne działania i prowadząc użytkownika intuicyjnie przez zakup.
Spersonalizowane doświadczenie
Użytkownik ma dostęp do swoich biletów i zapisanych wydarzeń w jednym miejscu — w przejrzystej i łatwo dostępnej formie.
Visual storytelling
Interfejs stawia fotografię w centrum doświadczenia — duże formaty zdjęć i ograniczona liczba elementów rozpraszających pozwalają skupić uwagę na treści.
Prototyp
Powstał interaktywny prototyp symulujący proces rezerwacji i kluczowe ścieżki użytkownika — Otwórz prototyp
Dostępność i projektowanie inkluzywne
Interfejs został zaprojektowany z uwzględnieniem zasad dostępności i projektowania inkluzywnego, ze szczególnym naciskiem na czytelność, przejrzystość oraz intuicyjną nawigację mobilną. Szczególną uwagę poświęcono ograniczeniu obciążenia poznawczego oraz wsparciu użytkowników o różnym poziomie pewności w korzystaniu z technologii. Wyraźna hierarchia wizualna, spójne odstępy, przewidywalne wzorce interakcji oraz pomocne mikrotreści pomagają użytkownikom sprawnie poruszać się po interfejsie.
Uwzględnione aspekty dostępności:
• poprawa kontrastu kolorów i hierarchii wizualnej w celu zwiększenia czytelności,
• uproszczenie nawigacji i ograniczenie obciążenia poznawczego,
• projektowanie czytelnych stanów interakcji oraz odpowiednio dużych obszarów dotykowych,
• zachowanie spójnej architektury informacji na wszystkich ekranach,
• wykorzystanie krótkich i jasnych komunikatów wspierających orientację użytkownika,
• stosowanie zasad projektowania zgodnych z wytycznymi WCAG na każdym etapie procesu projektowego.
Testy i iteracje
Testy użyteczności i optymalizacja procesu rezerwacji
Uczestnicy wykonywali kluczowe zadania w aplikacji, jednocześnie komentując swoje działania (metoda think aloud). Pozwoliło mi to zaobserwować ich zachowania, zidentyfikować momenty dezorientacji oraz znaleźć obszary wymagające usprawnienia w całej ścieżce rezerwacji.
Badanie ujawniło kilka problemów związanych przede wszystkim z nawigacją, wyborem biletów oraz przejściem przez proces zakupu. Na podstawie wniosków wprowadziłam iteracje projektowe, które miały zwiększyć przejrzystość interfejsu, ograniczyć obciążenie poznawcze i stworzyć bardziej intuicyjne doświadczenie.
Badanie użyteczności i kluczowe wnioski
Niejasna hierarchia nawigacji
Problem:
3 z 5 uczestników miało trudność z rozróżnieniem sekcji dotyczących wystaw i artystów, co powodowało dezorientację podczas poruszania się po aplikacji.
Wniosek:
Struktura nawigacji wymagała uproszczenia i wyraźniejszego rozdzielenia głównych kategorii treści.
Podgląd wystawy wymagał większego kontekstu
Podczas testów kilku uczestników wahało się przed wyborem wystawy, ponieważ brakowało im wystarczającej ilości informacji, aby podjąć decyzję.
Rozwiązanie:
Dodano dodatkową opcję informacyjną, która umożliwia szybki dostęp do krótkiego opisu wystawy bez opuszczania ścieżki przeglądania.
Strona główna zawierała zbyt dużo informacji
Problem:
Użytkownicy skupiali się głównie na odkrywaniu dzieł i wystaw, natomiast dodatkowa sekcja „aktualne wystawy” odciągała uwagę od głównego celu przeglądania.
Wniosek:
Uproszczono strukturę strony głównej, aby lepiej wspierała najważniejsze potrzeby użytkowników.
Proces zakupu biletu wymagał większej przejrzystości
Uczestnicy mieli wątpliwości podczas procesu zakupu, ponieważ przyciski CTA były zbyt mało wyróżnione, a ich nazwy nie wskazywały jasno kolejnego kroku.
Rozwiązanie:
Zmieniono komunikaty w przyciskach na bardziej opisowe, aby użytkownik dokładnie wiedział, jaki efekt wywoła dana akcja.
Iteracje projektowe
Stepper
Użytkownicy mieli trudność z określeniem, na jakim etapie procesu rezerwacji się znajdują oraz ile kroków pozostało do zakończenia zakupu. Aby poprawić orientację w procesie, wprowadzono wskaźnik postępu (stepper), który jasno komunikuje aktualny etap oraz kolejne kroki. Dzięki temu użytkownicy lepiej rozumieją przebieg rezerwacji, a proces staje się bardziej przewidywalny i intuicyjny.
Podgląd wystawy przed wyborem
Użytkownicy potrzebowali więcej informacji przed podjęciem decyzji o wyborze wystawy. Dodano opcję szybkiego podglądu, która pozwala zapoznać się z krótkim opisem i lepiej zrozumieć zawartość wystawy bez opuszczania głównej ścieżki przeglądania. Dzięki temu wybór staje się bardziej świadomy, a proces odkrywania treści pozostaje płynny.
Uproszczenie nawigacji
Początkowa struktura nawigacji była zbyt rozbudowana i zawierała zbyt wiele opcji, co utrudniało użytkownikom odnalezienie najważniejszych sekcji. Nawigację uproszczono do trzech głównych obszarów, dzięki czemu użytkownicy mogą łatwiej przeglądać wystawy, wydarzenia i bilety. Zmiana poprawiła przejrzystość interfejsu i ułatwiła poruszanie się po aplikacji.
Microcopy & UX Writing
Początkowy proces wykorzystywał powtarzalne i ogólne komunikaty, takie jak „Dalej”, które nie informowały użytkownika jasno, jaki będzie kolejny krok. Zastąpiono je bardziej konkretnymi, opisowymi etykietami przycisków, które wskazują cel danej akcji i odpowiadają etapowi procesu. Dzięki temu interfejs stał się bardziej zrozumiały, a użytkownicy zyskali większą pewność podczas wykonywania kolejnych działań.
Efekt końcowy
Od koncepcji do czytelnego procesu rezerwacji
Wnioski
Czego ten projekt nauczył mnie o projektowaniu produktu
- Uproszczenie nawigacji znacząco wpływa na poprawę doświadczenia użytkownika
- Wyraźna hierarchia wizualna jest kluczowa w interfejsach opartych na dużej ilości treści
- Drobne zmiany, jak wskaźniki postępu potrafią znacząco zwiększyć pewność użytkownika
- Iteracja to klucz do dopracowania nawet pozornie prostych user flows
