Pawspot – studium przypadku

Dec 07 2022
Rola: Projektowanie, badanie i prototypowanie Użyte narzędzia: Figma i Adobe Illustrator Czas trwania projektu: 5 dni O projekcie W ramach mojej oceny na stanowisko projektanta produktu firma, do której aplikowałem, dała mi ocenę do uzupełnienia. Opis produktu Poproszono mnie o zaprojektowanie aplikacji, która wyszukuje pobliskie parki dla psów.

Rola: projektowanie, badania i prototypowanie

Użyte narzędzia: Figma i Adobe Illustrator

Czas trwania projektu: 5 dni

O projekcie

W ramach mojej oceny na stanowisko projektanta produktów firma, do której aplikowałem, dała mi ocenę do uzupełnienia.

Przegląd produktów

Poproszono mnie o zaprojektowanie aplikacji, która wyszukuje pobliskie parki dla psów. Nazwa aplikacji, która przyszła mi do głowy niemal intuicyjnie, brzmiała „pawspot”.

Zrozumienie wyzwania

Przeprowadziłem wywiady z 5 moimi przyjaciółmi i poprosiłem ich, aby przedstawili mi prosty mentalny model tego, jak powinna wyglądać dla nich aplikacja do lokalizowania parków dla psów. Ze wszystkiego, co mi powiedzieli, te 3 rzeczy były synonimami w ich wypowiedziach;

  • Prosty przepływ użytkownika
  • Oceny parków
  • Ogólnie rzecz biorąc, estetyczny projekt

Aby po prostu stworzyć projekt, który odzwierciedla wszystkie ich modele mentalne, poparte oczywiście pewnymi badaniami.

Proces myślenia projektowego

Zaprojektowałem projekt w taki sposób, że po otwarciu aplikacji najbliższe parki dla psów po prostu pokazują się na mapie po wyszukaniu.

Zrobiono to dla jak najlepszego doświadczenia użytkownika. Zanim aplikacja wyszukała pobliskie parki dla psów, nie chciałem, aby użytkownicy musieli klikać jakiekolwiek przyciski. Jeśli musieli na coś kliknąć, powinno to być uzyskanie dostępu do większej liczby szczegółów parku.

Proces projektowania

Projekt interfejsu użytkownika

Ekran powitalny i wprowadzenie:

Chcę, aby użytkownicy od samego początku aplikacji czuli się jak właściciele psów w parku w jasny, słoneczny dzień. Zadbałem również o zaprojektowanie ekranów onboardingowych w taki sposób, aby odzwierciedlały propozycję wartości Pawspot.

Ekran powitalny i wprowadzający

Utwórz konto i zaloguj się

Ekran rejestracji i logowania

Zapomniałeś hasła

Aby zapewnić użytkownikom wybór, przewidziano opcję pobierania haseł za pomocą wiadomości SMS lub e-mail

Metoda SMS-owa
Metoda e-mailowa

Mapa

Automatycznie przeszukuje Twoją okolicę w poszukiwaniu pobliskich parków dla psów, a ten z najlepszymi recenzjami i ocenami jest podświetlony, abyś mógł go odwiedzić jako pierwszy.

Miałem przyjemność dodać projekt trybu ciemnego jako dodatkowy osobisty akcent.

Ekran mapy trybu jasnego i ciemnego

Ustawienia

Ekran ustawień trybu jasnego i ciemnego

Identyfikacja wizualna

Przyjazny dla użytkownika projekt, który zapewnia przyjemne wrażenia dzięki wykorzystaniu estetycznego wpływu na użyteczność.

Kolor zielony został użyty, ponieważ często reprezentuje naturę i świat przyrody. Uważa się, że oznacza pokój, co czyni go idealnym wyborem dla aplikacji do lokalizowania parków dla psów. A krój pisma Nunito został użyty ze względu na to, jak „przyjazny” wydaje się z zaokrąglonymi krawędziami.

Przewodnik po stylu

Prototyp o wysokiej wierności

Link do Figmy

Wniosek

Chociaż nie będzie to mój ostatni, to jest to mój pierwszy raz, kiedy wchodzę w projektowanie w trybie ciemnym. Moje doświadczenie w interfejsie użytkownika i zrozumienie kolorów poprawiły się podczas tego projektu.

Bądźmy w kontakcie

Nasza znajomość nie musi się tutaj kończyć, możesz skontaktować się ze mną w sprawie pracy lub po prostu złapać dobry klimat za pośrednictwem:

E-mail

Linkedin

Instagram

Snapchat