SlideShare a Scribd company logo
1 of 12
Download to read offline
Parkometr z intuicyjnym interfejsem obsługi
Szymon Wanatowicz
www.wanatowicz.com
Opis koncepcji interfejsu
Analiza problemu:
Typowy parkometr oferuje przynajmniej dwie formy
płatności (karta i gotówka). Zatem proces opłaty może
przebiegać na różne sposoby, a także wymaga użycia
odmiennych przycisków. Interfejsy w większości
parkometrów nie ułatwiają użytkownikowi wyboru.
Zagmatwane, zazwyczaj typograficzne menu
wprowadza więcej zamieszania.
Wniosek:
Należy uporządkować procesy dokonywania opłaty.
Rozwiązanie:
Interfejs został podzielony na trzy sekcje.
Pierwsza od lewej przeznaczona jest dla osób
płacących bilonem, druga (prawa sekcja)
do opłat za pomocą karty zbliżeniowej.
Elementem scalającym jest wyświetlacz LCD.
Natomiast trzecia sekcja zawiera holder
do odbioru biletu parkingowego.
Użytkownik porusza się wybranym„torem”menu,
pomijając w ten sposób zbędne informacje
dotyczące alternatywnej metody płatności.
Szymon Wanatowicz
www.wanatowicz.com
13:00
1,00 zł > 1 h
14:00
0,80 zł > 30 min
13:30
0,50 zł > 15 min
13:15
13:00
0,00 zł > 0 min
13:00
2,00 zł > 2 h
15:00
3,00 zł > 3 h
16:00
4,00 zł > 4 h
17:00
górna belka
wyświetla aktualną godzinę
czerwone wskaźniki wybranej pozycji
elementy stałe, namalowane
na szybie wyświetlacza
przewijane menu
wyświetlana taryfa:
- kwota
- czas
- godzina końca postoju (aktualizowana na bieżąco)
Budowa menu wyświetlanego na LCD
Projekt zakłada użycie najprostrzego
2-kolorowego wyświetlacza LCD
o wysokim kontraście.
Kolorowy TFT jest nieczytelny
w ostrym słońcu.
Również celowo zostały
odrzucone rozwiazania typu
„touch panel”.
Nie zdają one egzaminu w niskich
temeraturach, a poza tym
wymagą ściągnięcia rękawiczek.
Szymon Wanatowicz
www.wanatowicz.com
Na ekranie LCD są wyświetlane
jedynie dane liczbowe i piktogramy.
Dzięki temu informacja będzie
zrozumiała także dla obcokrajowców.
W stanie„spoczynku”parkometru,
ekran wyświetla taryfę. Dane
godzinowe są aktualizowane
na bierząco.
opłata gotówką
Po wrzuceniu monet na wyświetlaczu w obszarze czerwonych wskaźników
pojawia się kwota przeliczona proporcjonalnie na czas postoju.
Dorzucenie następnych monet aktualizuje/przesuwa listę.
Użytkownik operuje jedynie monetami i pojedynczym przyciskiem.
opłata kartą
Przyciski umożliwiają przemieszczanie się
po liście (góra/dół). Przyłożenie karty akceptuje
jednocześnie tranzakcję.
Działanie menu LCD
Szymon Wanatowicz
www.wanatowicz.com
PROJEKT
PARKOMETRU
MICHAŁ
ALEKSANDER
!
MICHAL@MAKESOME.MOBI
PROJEKT PRZYGOTOWANY W OPARCIU O BADANIE
PRZEPROWADZONE ONLINE NA 43 UŻYTKOWNIKACH
PARKOMETRÓW W POZNANIU
WYNIKI BADANIA: www.makesome.mobi/parkometr/parkometr-badanie.xlsx
FORMULARZ: https://docs.google.com/forms/d/...eGYJu4zGDi469t-4/viewform
www.makesome.mobi
Phone: 883 620 391 | e-mail: michal@makesome.mobi
JAKIE PROBLEMY SPRAWIA KORZYSTANIE Z PARKOMETRU?
PROBLEM Z URZĄDZENIEM (23 OSOBY)
(9) urządzenie nie działa
(6) słabo widoczny wyświetlacz
(3) nie widać godzin obowiązywania strefy
(2) nie można zdalnie przedłużyć czasu
(2) godzina różni się od tej na zegarku
PROBLEM Z PŁACENIEM (18 OSÓB)
(7) nie mam odpowiedniej ilości drobnych
(7) automat nie wydaje reszty
(4) nie mogę zapłacić zbliżeniowo
„CHOLERNY INTERFEJS KOMUNIKACYJNY” (16 OSÓB)
(12) brak możliwości wybrania czasu przed płaceniem
(3) niejasne oznaczenie przycisków
(1) skomplikowana obsługa
URZĄDZENIE JEST AWARYJNE, A
WYŚWIETLACZ NIE JEST CZYTELNY W
PEŁNYM SŁOŃCU
BRAK ODPOWIEDNIEJ KWOTY ORAZ
BRAK WYDAWANIA RESZTY
PARKOMETR NIE JEST INTUICYJNY
(ŚCIEŻKA OPŁACANIA CZASU)
DLA 66,6% OSÓB OBSŁUGA PARKOMETRU JEST ŚREDNIA I MOGŁOBY SIĘ ICH ŁATWIEJ UŻYWAĆ, DLA 16,6%
PARKOMETRY SĄ BARDZO ŹLE SKONSTRUOWANE A 16,6% UWAŻA, ŻE SĄ ZAPROJEKTOWANE OPTYMALNIE.
www.makesome.mobi
Phone: 883 620 391 | e-mail: michal@makesome.mobi
BUDOWA
E-INK
(W DZIEŃ ZAPEWNIA 100% WIDOCZNOŚĆ I
CZYTELNOŚĆ A W NOCY PODŚWIETLANY
PO INTERAKCJI Z JAKIMKOLWIEK
PRZYCISKIEM)
INFORMACJE
STARTOWE
(WIDZIMY OKRES TRWANIA STREFY
PŁATNEJ ORAZ PRZEJRZYSTY CENNIK)
MOŻEMY ZAPŁACIĆ
ZBLIŻENIOWO
(AKTYWNE DOPIERO NA EKRANIE Z
PROŚBĄ O PŁATNOŚĆ)
PŁACIMY BILONEM LUB
BANKNOTAMI
(KONIEC Z BRAKUJĄCYMI MONETAMI)
PARKOMETR WYDAJE
RESZTĘ
www.makesome.mobi
Phone: 883 620 391 | e-mail: michal@makesome.mobi
1. ROZPOCZYNAMY PROCES 2. WYBIERAMY CZAS (WIDZIMY TAKŻE
KWOTĘ) I ZATWIERDZAMY
3. OPŁACAMY W WYBRANY SPOSÓB I PÓŹNIEJ
AUTOMATYCZNIE PRZECHODZIMY DO KOLEJNEGO
EKRANU
4. JEŚLI DOMYŚLNIE WYBRANY CZAS NAM
ODPOWIADAŁ PRZECHODZIMY PROCES ZALEDWIE
DWOMA WCIŚNIĘCIAMI PRZYCISKÓW

More Related Content

Featured

How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
ThinkNow
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Featured (20)

Product Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage EngineeringsProduct Design Trends in 2024 | Teenage Engineerings
Product Design Trends in 2024 | Teenage Engineerings
 
How Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental HealthHow Race, Age and Gender Shape Attitudes Towards Mental Health
How Race, Age and Gender Shape Attitudes Towards Mental Health
 
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 

Projects rewarded in the contest:"Friendly Parking Meter" by Spartez at first UXCamp 2014 meeting in Gdansk

  • 1.
  • 2.
  • 3.
  • 4.
  • 5. Parkometr z intuicyjnym interfejsem obsługi Szymon Wanatowicz www.wanatowicz.com
  • 6. Opis koncepcji interfejsu Analiza problemu: Typowy parkometr oferuje przynajmniej dwie formy płatności (karta i gotówka). Zatem proces opłaty może przebiegać na różne sposoby, a także wymaga użycia odmiennych przycisków. Interfejsy w większości parkometrów nie ułatwiają użytkownikowi wyboru. Zagmatwane, zazwyczaj typograficzne menu wprowadza więcej zamieszania. Wniosek: Należy uporządkować procesy dokonywania opłaty. Rozwiązanie: Interfejs został podzielony na trzy sekcje. Pierwsza od lewej przeznaczona jest dla osób płacących bilonem, druga (prawa sekcja) do opłat za pomocą karty zbliżeniowej. Elementem scalającym jest wyświetlacz LCD. Natomiast trzecia sekcja zawiera holder do odbioru biletu parkingowego. Użytkownik porusza się wybranym„torem”menu, pomijając w ten sposób zbędne informacje dotyczące alternatywnej metody płatności. Szymon Wanatowicz www.wanatowicz.com
  • 7. 13:00 1,00 zł > 1 h 14:00 0,80 zł > 30 min 13:30 0,50 zł > 15 min 13:15 13:00 0,00 zł > 0 min 13:00 2,00 zł > 2 h 15:00 3,00 zł > 3 h 16:00 4,00 zł > 4 h 17:00 górna belka wyświetla aktualną godzinę czerwone wskaźniki wybranej pozycji elementy stałe, namalowane na szybie wyświetlacza przewijane menu wyświetlana taryfa: - kwota - czas - godzina końca postoju (aktualizowana na bieżąco) Budowa menu wyświetlanego na LCD Projekt zakłada użycie najprostrzego 2-kolorowego wyświetlacza LCD o wysokim kontraście. Kolorowy TFT jest nieczytelny w ostrym słońcu. Również celowo zostały odrzucone rozwiazania typu „touch panel”. Nie zdają one egzaminu w niskich temeraturach, a poza tym wymagą ściągnięcia rękawiczek. Szymon Wanatowicz www.wanatowicz.com Na ekranie LCD są wyświetlane jedynie dane liczbowe i piktogramy. Dzięki temu informacja będzie zrozumiała także dla obcokrajowców. W stanie„spoczynku”parkometru, ekran wyświetla taryfę. Dane godzinowe są aktualizowane na bierząco.
  • 8. opłata gotówką Po wrzuceniu monet na wyświetlaczu w obszarze czerwonych wskaźników pojawia się kwota przeliczona proporcjonalnie na czas postoju. Dorzucenie następnych monet aktualizuje/przesuwa listę. Użytkownik operuje jedynie monetami i pojedynczym przyciskiem. opłata kartą Przyciski umożliwiają przemieszczanie się po liście (góra/dół). Przyłożenie karty akceptuje jednocześnie tranzakcję. Działanie menu LCD Szymon Wanatowicz www.wanatowicz.com
  • 9. PROJEKT PARKOMETRU MICHAŁ ALEKSANDER ! MICHAL@MAKESOME.MOBI PROJEKT PRZYGOTOWANY W OPARCIU O BADANIE PRZEPROWADZONE ONLINE NA 43 UŻYTKOWNIKACH PARKOMETRÓW W POZNANIU WYNIKI BADANIA: www.makesome.mobi/parkometr/parkometr-badanie.xlsx FORMULARZ: https://docs.google.com/forms/d/...eGYJu4zGDi469t-4/viewform
  • 10. www.makesome.mobi Phone: 883 620 391 | e-mail: michal@makesome.mobi JAKIE PROBLEMY SPRAWIA KORZYSTANIE Z PARKOMETRU? PROBLEM Z URZĄDZENIEM (23 OSOBY) (9) urządzenie nie działa (6) słabo widoczny wyświetlacz (3) nie widać godzin obowiązywania strefy (2) nie można zdalnie przedłużyć czasu (2) godzina różni się od tej na zegarku PROBLEM Z PŁACENIEM (18 OSÓB) (7) nie mam odpowiedniej ilości drobnych (7) automat nie wydaje reszty (4) nie mogę zapłacić zbliżeniowo „CHOLERNY INTERFEJS KOMUNIKACYJNY” (16 OSÓB) (12) brak możliwości wybrania czasu przed płaceniem (3) niejasne oznaczenie przycisków (1) skomplikowana obsługa URZĄDZENIE JEST AWARYJNE, A WYŚWIETLACZ NIE JEST CZYTELNY W PEŁNYM SŁOŃCU BRAK ODPOWIEDNIEJ KWOTY ORAZ BRAK WYDAWANIA RESZTY PARKOMETR NIE JEST INTUICYJNY (ŚCIEŻKA OPŁACANIA CZASU) DLA 66,6% OSÓB OBSŁUGA PARKOMETRU JEST ŚREDNIA I MOGŁOBY SIĘ ICH ŁATWIEJ UŻYWAĆ, DLA 16,6% PARKOMETRY SĄ BARDZO ŹLE SKONSTRUOWANE A 16,6% UWAŻA, ŻE SĄ ZAPROJEKTOWANE OPTYMALNIE.
  • 11. www.makesome.mobi Phone: 883 620 391 | e-mail: michal@makesome.mobi BUDOWA E-INK (W DZIEŃ ZAPEWNIA 100% WIDOCZNOŚĆ I CZYTELNOŚĆ A W NOCY PODŚWIETLANY PO INTERAKCJI Z JAKIMKOLWIEK PRZYCISKIEM) INFORMACJE STARTOWE (WIDZIMY OKRES TRWANIA STREFY PŁATNEJ ORAZ PRZEJRZYSTY CENNIK) MOŻEMY ZAPŁACIĆ ZBLIŻENIOWO (AKTYWNE DOPIERO NA EKRANIE Z PROŚBĄ O PŁATNOŚĆ) PŁACIMY BILONEM LUB BANKNOTAMI (KONIEC Z BRAKUJĄCYMI MONETAMI) PARKOMETR WYDAJE RESZTĘ
  • 12. www.makesome.mobi Phone: 883 620 391 | e-mail: michal@makesome.mobi 1. ROZPOCZYNAMY PROCES 2. WYBIERAMY CZAS (WIDZIMY TAKŻE KWOTĘ) I ZATWIERDZAMY 3. OPŁACAMY W WYBRANY SPOSÓB I PÓŹNIEJ AUTOMATYCZNIE PRZECHODZIMY DO KOLEJNEGO EKRANU 4. JEŚLI DOMYŚLNIE WYBRANY CZAS NAM ODPOWIADAŁ PRZECHODZIMY PROCES ZALEDWIE DWOMA WCIŚNIĘCIAMI PRZYCISKÓW