Case Study · UX/UI Design

Projekt lepszego doświadczenia wizyty w muzeum

Aplikacja mobilna upraszczająca planowanie wizyty w muzeum — redukuje tarcie w rezerwacji biletów i poprawia klarowność dla osób odwiedzających po raz pierwszy.

Rola
UX/UI Designer
Dyscyplina
Research · UX · UI · Prototypowanie
Czas trwania
6 tygodni
Rok
2025
MoPho App

Wprowadzenie

Projekt skupia się na usprawnieniu sposobu, w jaki ludzie planują wizytę w muzeum fotografii.

Wielu zwiedzających potyka się o niejasne procesy rezerwacji i rozproszone informacje, przez co całe doświadczenie staje się frustrujące, zanim się jeszcze rozpocznie. Celem było zaprojektowanie prostego, intuicyjnego doświadczenia mobilnego, które pomaga użytkownikom szybko znaleźć potrzebne informacje, zarezerwować bilety i poczuć się pewnie przed wizytą.

Problem i cel

Zrozumienie kluczowych wyzwań w procesie rezerwacji i wyznaczenie jasnego kierunku projektowego.

Problem

  • Trudność z zaplanowaniem wizyty
  • Mylący proces rezerwacji
  • Przeładowanie informacją

Cel

  • Uprościć rezerwację
  • Poprawić klarowność
  • Skrócić czas decyzji

Research

Zrozumienie zachowań, potrzeb i kluczowych pain pointów użytkowników

Cele

Określenie, czego musimy się dowiedzieć, by świadomie podejmować decyzje projektowe

01

Zrozumieć, jak użytkownicy odkrywają i planują wizyty

02

Zidentyfikować kluczowe pain pointy w informacji i rezerwacji

03

Zbadać różnice między grupami użytkowników

04

Wskazać szanse na prostsze, dostępne doświadczenie

Badanie wtórne

Przegląd istniejących rozwiązań i wzorców branżowych

Przeanalizowałam istniejące aplikacje muzealne, platformy rezerwacyjne oraz publicznie dostępne raporty, by zrozumieć, jak użytkownicy planują wizyty i jak wchodzą w interakcję z instytucjami kultury. Badanie skupiło się na zidentyfikowaniu wspólnych wzorców, problemów z użytecznością i luk w obecnym doświadczeniu.

Wiek

Zwiedzający muzea reprezentują szerokie spektrum wiekowe, a największą grupę stanowią osoby w wieku 18–34. Młodsi użytkownicy oczekują intuicyjnych, mobilnych 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ść muzealna to zróżnicowane 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 publicznie dostępnych badań nad zwiedzającymi.

Zachowania

Wizyty w muzeum są zazwyczaj planowane z wyprzedzeniem i skupiają się na praktycznych szczegółach. Proces przypomina bardziej zadanie niż doświadczenie.

70%
Planuje wizytę
z wyprzedzeniem
Najważniejsze potrzeby:
wystawy, bilety, godziny
Mobile first.
Podstawowe źródło informacji
Użytkownicy preferują szybkie planowanie z minimalnym wysiłkiem

Te wnioski uzupełniła krótka ankieta przesiewowa, która pozwoliła zweryfikować zachowania użytkowników i wyeksponować kluczowe pain pointy.

Najważniejsze wnioski z researchu

Kluczowe ustalenia, które ukształtowały decyzje projektowe.

Kluczowe insighty

  • Informacja jest rozproszona i trudna do przejrzenia
  • Użytkownicy bardziej polegają na stronach www niż na aplikacjach
  • 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 o różnych potrzebach i motywacjach

Stworzyłam cztery persony reprezentujące zróżnicowane grupy użytkowników — pasjonatów sztuki, turystów, edukatorów i rodziny. Każda z nich ma inne oczekiwania, ale wszystkie potrzebują klarownego, intuicyjnego procesu rezerwacji i łatwego dostępu do kluczowych informacji.

Pasjonatka sztuki

Pasjonatka sztuki

Częsta zwiedzająca, szuka inspiracji

Regularnie odwiedza muzea, by 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

Turysta

Krótkoterminowy gość, planuje w biegu

Odwiedza miasto na krótko i przy planowaniu polega głównie na telefonie.

Potrzebuje szybkiego, klarownego dostępu do kluczowych informacji po angielsku i prostego procesu rezerwacji.

Edukator

Edukator

Organizuje ustrukturyzowane wizyty grupowe dla uczniów

Planuje wizyty muzealne dla uczniów i potrzebuje przewidywalnego, ustrukturyzowanego procesu.

Potrzebuje jasnych informacji i dedykowanych narzędzi do rezerwacji grupowych.

Rodzina

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 klarownej informacji, by uniknąć zbędnego wysiłku.

Users yourney

Mapa pokazuje, jak użytkownicy obecnie planują i rezerwują wizytę w muzeum, eksponując kluczowe punkty tarcia.

Mapa podróży użytkownika

Kluczowe pain pointy

  • Informacja rozproszona po wielu platformach
  • Brak czytelności cen
  • Brak płynnego wystawiania faktur
  • Manualny proces po zakupie

Rozwiązanie

Uproszczenie procesu rezerwacji i płynne zamawianie faktur

Adresowanie kluczowych pain pointów

Na podstawie zidentyfikowanych pain pointów, rozwiązanie skupia się na uproszczeniu procesu rezerwacji i poprawie obsługi faktur. Poniższe funkcje bezpośrednio adresują kluczowe potrzeby użytkowników odkryte w trakcie badań.

User Flow

Diagram pokazuje, jak użytkownicy mogą łatwo zarezerwować bilet i zamówić fakturę w uproszczonym procesie.

Diagram user flow

Wireframes

Wczesna struktura procesu rezerwacji ze skupieniem na klarowności i kluczowych akcjach użytkownika.

Wireframes eksplorują kluczowy proces rezerwacji biletu, skupiając się na strukturze, hierarchii i kluczowych decyzjach użytkownika — wyborze daty, godziny i podaniu szczegółów rezerwacji. Szczególną uwagę poświęcono płynnemu wpięciu zamawiania faktury w proces checkoutu.

Wireframes procesu rezerwacji

Projekt końcowy

Spójne doświadczenie muzealne łączące dopracowany proces rezerwacji z klarownym i angażującym interfejsem.

Proces rezerwacji biletu

Ostateczny interfejs upraszcza proces rezerwacji, czyniąc każdy krok klarownym i łatwym do prześledzenia. Użytkownicy wybierają bilety, datę i godzinę oraz finalizują zakup z opcjonalnym zamówieniem faktury wbudowanym w proces.
Poniżej wybrane ekrany pokazują kluczowe interakcje.

Visual Design — pozostałe ekrany

Język wizualny wykracza poza proces rezerwacji i obejmuje pozostałe kluczowe sekcje serwisu muzeum — wystawy, wydarzenia i treści edukacyjne. Projekt akcentuje klarowność, silną hierarchię wizualną i spójną estetykę w całym produkcie.

Design System

Lekki system UI wspierający spójność i skalowalność

Akcja główna — teal#2EC4B6
Akcent — róż#facae4
Tusz#0A0A0A
Powierzchnia#fafafa
NagłówkiAa
TekstAa

Lekki design system, który zapewnia spójność wizualną w całej aplikacji i przyspiesza prace nad kluczowymi funkcjami — rezerwacją biletów i przeglądaniem treści.
Język wizualny łączy minimalną, neutralną bazę z żywą paletą akcentów, dzięki czemu to treść pozostaje punktem skupienia, a uwagę użytkownika prowadzą kluczowe interakcje.
System został pomyślany jako skalowalny fundament, nie jako pełna biblioteka komponentów.

Decyzje projektowe
• Teal jako kolor akcji głównej, by jednoznacznie wskazywać interakcje
• Różowe akcenty wprowadzają kontrast i podkreślają treści tymczasowe lub dynamiczne
• Geometryczny krój pisma w nagłówkach buduje współczesną, galeryjną estetykę

Kluczowe funkcje

Kluczowe funkcjonalności zaprojektowane, by poprawić user experience i uprościć wizytę w muzeum

1

Klarowna struktura nawigacji

Użytkownicy łatwo przechodzą między wystawami, biletami i wydarzeniami dzięki uproszczonej nawigacji dolnej i spójnej hierarchii.

2

Płynny zakup biletu

Proces rezerwacji sprowadzono do kilku kroków, minimalizując tarcie i czyniąc proces intuicyjnym.

3

Spersonalizowane doświadczenie

Użytkownicy mają dostęp do swoich wydarzeń i biletów w jednym miejscu, co poprawia użyteczność i klarowność.

4

Wizualne opowiadanie

UI eksponuje fotografię poprzez duże obrazy i minimum dystrakcji.

Prototyp

Powstał interaktywny prototyp symulujący proces rezerwacji i kluczowe ścieżki użytkownika — link

Dostępność

Interfejs został zaprojektowany z myślą o dostępności — wystarczający kontrast kolorystyczny, klarowna hierarchia typograficzna i czytelne odstępy na wszystkich ekranach. Elementy interaktywne są łatwo rozróżnialne i spójne, co wspiera intuicyjną nawigację szerokiego grona użytkowników.

Testy i iteracje

Poprawa klarowności i redukcja tarcia w procesie rezerwacji

Przeprowadzono sesje testów użyteczności, by obserwować, jak użytkownicy korzystają z procesu rezerwacji i wskazać obszary niejasności i tarcia. Testy ujawniły kilka punktów niejasności — przede wszystkim wokół nawigacji, wyboru biletu i progresji checkoutu. Wprowadzone iteracje miały poprawić klarowność, zmniejszyć obciążenie poznawcze i uczynić doświadczenie bardziej intuicyjnym.

Iteracja

Stepper

Użytkownicy nie byli pewni swojego postępu w procesie rezerwacji. Wprowadzony wskaźnik kroków jasno komunikuje obecny etap i pozostałe kroki, poprawiając orientację i redukując niepewność.

Iteracja

Podgląd wystawy przed wyborem

Użytkownicy potrzebowali więcej kontekstu przed wyborem wystawy. Dodano opcję dodatkowej informacji, która pozwala szybko zobaczyć krótki opis i lepiej zrozumieć wybór, nie opuszczając procesu.

Iteracja

Uproszczenie nawigacji

Pierwotna struktura nawigacji była niejasna i przeciążona opcjami. Uproszczono ją do trzech sekcji głównych, ułatwiając użytkownikom eksplorację wystaw, wydarzeń i biletów.

Iteracja

Microcopy i UX Writing

Wczesny proces opierał się na powtarzalnych, ogólnych etykietach typu „Next", które nie dawały użytkownikom wskazówek. Zastąpiono je jasnymi, zorientowanymi na akcję etykietami odzwierciedlającymi każdy krok procesu, co poprawiło klarowność i pewność użytkownika.

Efekt końcowy

Od koncepcji do klarownego procesu rezerwacji

Ekrany efektu końcowego

Ostateczny projekt dostarcza klarowne i intuicyjne doświadczenie eksploracji wystaw i rezerwacji biletów. Uproszczenie procesu redukuje tarcie i ułatwia wykonanie kluczowych akcji. Dopracowany język wizualny podkreśla artystyczny charakter treści, równoważąc użyteczność z estetyką.

Wnioski

Czego ten projekt nauczył mnie o projektowaniu produktu

  • Upraszczanie nawigacji znacząco poprawia user experience
  • Klarowna hierarchia wizualna jest kluczowa w interfejsach przeładowanych treścią
  • Drobne zmiany, takie jak wskaźniki postępu, znacząco redukują niepewność użytkownika
  • Iteracja jest kluczem do dopracowania nawet prostych user flowów

Kontakt

Zacznijmy tworzyć razem

Napisz do mnie