Portfolio UX UI

Page 1

PORTFOLIO UX UI

Sonia Łuszczyńska


szkoła Akademia Sztuk Pięknych w Katowicach École Supérieure d'Art et Design de Saint-Étienne, Francja

doświadczenie grafik: Fabryka Formy | 2019 projektant: Zamek Cieszyn |2019 freelance : Solvee Studio | 2019 freelance : Solvee Studio i Farport | 2018

umiejętności Adobe illustrator Adobe photoshop InVIsion Studio Adobe XD Axure Sonia Łuszczyńska +48 882 477 384 sonia.luszczynska@gmail.com


Climb On

Babyboxclub

koncepcja aplikacji

redesign strony www

Usprawnienie procesu

Share Water aplikacja mobilna


OnClimb app Koncept aplikacji, która umożliwia śledzenie wyników na żywo, zapisywanie przejść bez żadnego wysiłku oraz podgląd rankingów bez zbędnego czasu na oczekiwanie. Koncepcja aplikacji wykorzystuje technogię beacon do śledzenia wyników zawodników boulderowych na bierząco. Aplikacja zbiera wyniki za pomocą połączenia bluetooth z wbudowanmi sensorami w opasce zawodnika oraz tymi, umieszczonymi w przestrzeni obiektu sportowego. Stickery, opaska oraz beacon za pomocą mikrolokalizacji czyta i zapisuje informację o zawodniku.

Wspinaczka to coraz popularniejszy sport wśród młodego pokolenia. Zawody boulderowe są cykliczne i odbywają się na różnych obiektach. Obecnie bouldering należy do dziedziny olimpijskiej.



Komentarze użytkowników

Szanse

organizator,

Trzeba zebrać wszystkie wyniki i zapisać je w systemie, to jest czasochłonne.

obserwator

Kiedy w końcu bedą wyniki.

• Usprawnienie procesu zapisu wyników • Prezentacja wyników live • Komentowanie zawodów online • Satystyki uczestników

Dezorganizacja Ciężko znaleźć rozpiskę.

• Łatwy dostęp do informacji o kategoriach problemów boulderowych

Gdzie sie zapisuje wyniki? Nie pamiętam swoich przejść

uczestnik

• Łatwa weryfikacja problemu boulderowego w przestrzeni

To jest nie fair, można oszukiwać. Nie zawsze jest sędzia.

Ścieżka uzytkownika i emocje podczas realizacji poszczególych kroków Łatwa lokalizacja problemów i kategorii. Automatyczny zapis oddanych prób i podsumowanie rankingu.

zapis online

odbiór pakietu startowego w obiekcie

oddanie kolejnych prób

zapis wyników wyszukanie problemów boulderowych dla swojej kategorii

oddanie wyników

ogłoszenie wyników


Sytuacja zastana

Wygląd karty organizatora/sedziego

Zapisanie uczestnikiow

Wprowadzenie danych do systemu

Wygląd karty uczestnika

Uczestnictwo w zawodach - prezjście

Zapisanie wyniku

organizator Organizator musi określić skalę trudności problemów boulderowych oraz zaznaczyć je w przestrzeni, zorganizować listę oraz przenieść ją do systemu, a następnie wpisać wyniki z kart zawodników.

uczestnik Zbieranie i notowanie punktacji odbywa się w sposób analogowy. Potrzebne jest zabranie formularza, wypisanie wyniku na terenie obiektu sportowego i oddanie wyników do organizatora po skończonych zawodach.


Działanie narzędzia w przestrzeni

Kategoria

top

bonus

46 + 2 pkt

uczestnik

pkt

Kategoria: pro aktualne przejśćie: BONUS aktywność


Zasada działania urządzeń

Sticker umieszczony na ścianie w miejscu BONUSA bądź TOPU danego problemu boulderowego zbiera informacje z opaski (bądź smartwatcha), która znajduje się w jego pobliżu w ustalonym zakresie odległości. Te dane są wysyłane do urządzenia beacon, który gromardzi te informacje i wysyła za pomocą sieci bezprzewodowej bluetooth do urządzenia smartwatch albo smartphone (do aplikacji). Internet connection

beacon smartwatch

Bluetooth connection

sticker

opaska z wbudowanym sensorem


Makieta

Ranking

Wyniki

Wyniki

dropdown Wyniki

Wyniki

link

Ranking

Ranking

Ranking / uczestnicy live

Mężczyźni Kobiety

zakładka uczestnikami w danej kategorii

punkty kategoria statystyka aktywności

Zawodnicy

Zawodnicy

Zawodnicy

Profil

search bar

Przejścia

Przejścia

Profil

Zawodnicy

Komentarze

Komentarze

Bouldery

button wyniki bouldery uczestnicy

wyniki bouldery uczestnicy

button wyniki bouldery uczestnicy

wyniki bouldery uczestnicy

Bouldery Nazwa zakładki

Boulder

search bar dropdown

Zawodnicy Zawodnicy

Boulder Archiwalne

Login

Na żywo

Boulder

Ranking

Problemy boulderowe wyniiki bouldery uczestnicy

Profil

Uczestnicy


Funkcjonalności

Górne menu Na żywo/Archiwum

wysuwany dropdown pozwala w każdym momencie sprawdzić, jakie aktualnie odbywają się zawody oraz przejść do wyników innych zawodów.

Uczestnicy Na żywo/Archiwum

radio button

Uczestnicy

search bar Miejsce

Miejsce

Miejs

Lista obiektów Zawodnicy

Opcja Archiwum

Uczestnicy

Miejsce

Miejsce

Zawodnicy

Miejs

pozwala zobaczyć wszystkie archiwalne wyniki sortowane od najnowszego na liście uczestników z danego obiektu.

button wyniki bouldery uczestnicy

wyniki

bouldery uczestnicy

Wyniki

Profil uczestnika

Profil

Wyniki Ranking

Przejścia Zawodnicy

Komentarze

Miejsca

umożliwia śledzenie aktualnie realizowanych przejść boulderowe, pozwala również zobaczyć aktualne rankingi zawodników oraz komentarze. Również można z tej pozycji dodawać komentarze.

punkty kategoria statystyka aktywności

Zawodnicy

Bouldery

pozwala zobaczyć punkty, statystyki aktywnośći, historię pokonanych problemów boulderowych oraz obiektów sportowych.




Przeprojektowanie procesu na uczelni Usprawnienie procesu pisania i składania pracy licencjackiej oraz kanałów komunikacyjnych między studentem a pracownikami administracji. Proces został przeanalizowany na Akademii Sztuk Pięknych w Katowicach.

Proces pisania i składania pracy licencjackiej na uczelni artystycznej to proces obejmujący wykonanie autorskiego projektu oraz przygotowanie dokumentacji technicznej i porototypu wraz z opracowaniem merytorycznym danego zagadnienia i researchu.


Touchpointy

Szanse

6-4 miesięcy do oddania

7 miesięcy do oddania

Wybór tematu dyplomowego

Otrzymanie przewodnika dyplomowego

• Problem z dostarczeniem przewodnika do wszystkich studentów • Przewodnik nie jest dostosowany na wszystkie nośniki. Trzeba odnaleźć załącznik.

Wydruk

Przygotowanie do druku

• Brak doświaczenia z przygotowaniem do druku. • Brak uwzględnienia dodatkowych kosztów dla wydruku 2 kopii pracy

• Usprawnienie komunikacji mailingowej.

Zmiana tematu dyplomowego

• Wykorzystanie narzędzi, które umożliwiają sprawdzić status wiadomości.

• Zmiana tematu odbywa się drogą mailową. Nie zawsze informacje docierają

Opisanie etapów

Ustalenie bibliografii • Brak przygotowanego zbioru pozycji dla danej specjalizacji

Oddanie pracy recenzentowi

• Brak wytycznych wydłuża korespondencję i ilość poprawek

Oddanie pracy i dokumentacji na płycie CD do dziekanatu • Brak dokładnych informacji co do daty i miejsca, w które należy złożyć materiały

Metoda badawcza Wywiad pogłębiony Ilość wywiadów: 15

• Stworzenie wytycznych i danych technicznych.

• Zbiór praktycznych informacji na podstawie doświadczeń studentów i rekomendacji pedagogów.

3 tygodnie do oddania

Opis projektu i przygotowanie wizualizacji na stronę www

• Jedn.o stałe miejsce z bezpośrednim dostępem do przewodnika.

• Informacje o kosztach, które trzeba uwzględnić, doświadczenia studentów. • Forum do szybkiej weryfikacji problemów.

• Kalendarium uaktualniane na bierząco.

Narzędzia: dokumentacja audio notatki

Grupy docelowe: -pracownicy działu administracyjnego -studenci na roku dyplomowym -absolwenci -promotor


Scenariusz po wprowadzieniu rozwiązania

Przewodnik dyplomanta Stworzenie przewodnika dyplomanta w zakładce dostępnej na stronie ASP Katowice zawierającego linki do pobrania dokumentacji (wzorów stron), objaśnienia dla poszczególnych etapów pisania i składania pracy dyplomowej.

Platforma do zautomatyzowania obsługi e-mail Wykorzystanie platformy typu mailchimp.com, responer.com, do zarządzania i sprawdzania statusów maili.


Kalendarz Wykorzystanie narzędzia google calendar do podpięcia wszystkich kont studentów. Stworzenie specjalnej nakładki dla studentów piszących pracę licencacką. To rozwiązanie daje możliwość swobodnego wglądu w kalendarium oraz notatki wprowadzone przez pracowników adnimistracyjnych. Studenci na bierząco informowani są za pomocą powiadomień o zbliżających się terminach.

Społeczność Stworzenie dedykowanej grupy dla osób przygotowujących się do obrony. Taka forma usprawni sposób komunikacji i umożliwi publiczne dyskusje pomiędzy studentami i pracownikami administracyjnymi.


Redesign strony babyboxclub.pl Projekt komercyjny powstał we współpracy z programistami oraz badaczami i analitykami. Celem było przybliżenie użytkownikowi zasad subskrypcji, zoptymalizowanie procesu zakupowego oraz poprawienie wizerunku strony. Praca projektowa obejmowała: - widoki, makiety strony bazując na architekturze z treściami komunikatów - widoki elementów interakcji, - dostosowanie komunikatów, układ typograficzny bazując na manualu firmy -projekt ikon i układ zdjęć.

Babyboxclub to strona, która oferuje subskrypcję pampersów.


Problemy Strona główna

Problemy zostały określone na podstawie wywiadów jakościowych. Użytkownicy mieli na podstawie testu 5 sekund określić funkcję i charakter strony oraz ocenić jej atrakcyjność. Dodatkowo po wykonaniu zadania: Wykup subskrypcję na Pampers Pants Maxi na okres 3 miesięcy. Poproś pozostawienie przesyłki u sąsiada. okazało się, że proces subskrypcji zawiera za dużo kroków.

jak to działa

Czas na zmianę pieluchy. Z nami to proste!

wizytówka Insighty: - użytkownicy nie rozumieją zasad subskrypcji (co to jest subskrypcja?) - strona nie wzbudza zaufania - nieczytelna oferta pampersów

Jak to działa?

zasady subskrypcji

Obszary do przeprojektowania

WIZERUNEK: Skojarzenia: z dzieckiem, troską, rodzicielstwem, radością, zabawą, delikatnością

oferta

Nasz oferta

porównanie produktów

FUNKCJA: wyjaśnienie na czym polega subskrypcja, jakie są etapy subskrypcji i jakie procesy dzieją się w poszczególnych etapach.

ŁATWY PROCES: wygodny proces zakupowy oraz łatwe zarządzanie zamówieniem max 5 kroków

opinie komentarz


Makieta

Strona główna telefon

jak to działa

hasło

wizytówka chat bot

Proces zakupu | krok:2

zasady, etapy subskrypcji kroki oferta

jak często

checkbox

podgląd

filtry

porównanie

przejście

produktów

rodzaj

produktu

lista

rozmiar

do procesu zakupu

checkbox

zasady subskrypcji oferta

opinie

dodatkowa

komentarz

Na tym etapie zostały zastosowane 3 typy interakcji: radio button, dropdown, przycisk stopka kontakt mail

Na tym etapie zostały zastosowane 3 typy interakcji: obszar do wprowadzania tekstu, dropdown, przycisk

przejście do szczegółów zamówienia


Strona po redesignie

Proces zakupu | krok 3

Proces zakupu-płatność | krok 4

okres subskrypcji

checkbox

sposób płatności checkbox

PROCES ZAKUPOWY: Możliwość szybkiego podglądu produktów oraz porównania w łatwy sposób cen produktów, ich ilośći oraz wagi opakowania.

data dostawy kalendarz

godz. dostawy checkbox opcja dodatkowa: pod drzami

dane karty box

kod domofonu

box

adres dostawy

SUBSKRYPCJA: Możliwość subskrypcji została opisana na stronie głównej zaraz pod wizytówką. Można również dojść to tej sekcji klikając w zakładkę na pasku menu. Etapy (kroki) i zasady subskrypcji zostały wyjaśnione za pomocą infografik i dodatkowo opisane. Zasady subskrypcji oraz korzyści z niej płynące pojawiają się dodatkowo podczas zakupu (2 krok-wybór produktu).

WYGLĄD: Zastosowanie zdjęć produktów, dzieci i rodziców. Przejrzysta i spójna forma.

rejestracja box

box

Wnioski po testach

Na tym etapie zostały zastosowane 4 typy interakcji: radio button, wybór z kalendarza obszar do prowadzania tekstu, przycisk

Na tym etapie zostały zastosowane 3 typy interakcji: checkbox, obszar do prowadzania przycisk

Po przeprojektowaniu strony użytkownicy ocenili charakter strony na spokojny i przyjemny. Zrozumieli zasadę sybskrypcji „prenumerata pieluch co miesiąc” oraz docenili swobodę zamówień. Spodobałą się również opcja z pozostawieniem przesyłki pod drzwiami.


1

2


1

2

3

Zamówienie

Typ płatności

2

2

3

4

Zamówienie

Typ płatności

Płatność


Share water Projekt koncepcyjnej aplikacji, która promuje miejsca na całym świecie, w których możesz napić się wody z kranu za darmo. Jej dodatkową funkcją jest budowanie nawyku zabierania ze sobą naczynia na wodę oraz korzystania z naczyń wielokrotnego użytku. Umożliwia lokalizacje restauracji i kawiarni, które oferują promocje na napoje we własnym kubku. W aplikacji możesz też znaleźć informacje o stanie wody w danym miejscu na świecie.


Cel

Dane

• Ułatwienie uzytkownikowi dostępu do miejsc, które oferują atestowaną wodę z kranu • Promowanie restauracji i kawiarni w zamian oferując użytkownikowi zniżki za korzystanie z własnego kubka

Źródło:https://www.green-projects.pl/zanieczyszczenie-plastikiem-globalny-problem/

Jakość pitnej wody z kranu jest podobna do wód butelkowanych

Bardzo duża ilość produkowaych butelek jednorazowych

Bardzo długi proces rozkładu plastikowej butelki i zjawisko powstania mikroplastiku w efekcie rozkładu

Z kolei aż 93% badanych wód butelkowanych produkowanych przez 11 największych firm z tego sektora zawierało cząstki plastiku.

Na całym świecie sprzedawane jest 20 tysięcy plastikowych butelek co sekundę

Potrzeba ponad 500 lat, żeby plastikowa butelka rozłożyła się (a raczej rozpadła w pył) w środowisku naturalnym.

Źródło:https://www.green-projects.pl/zanieczyszczenie-plastikiem-globalny-problem/


Nawigacja

Wyszukiwanie na mapie

Lista wyszukiwania

Wyszukiwanie jest możliwe na dwa sposoby: na mapie, za pomocą listy. Każde miejsce można dodać do ulubionych, przeczytać opinie i aktualne dostępne promocje. Ofertę można udostępnić za pomocą linku i kanałów social media.

jakość wody nawigowanie

Aplikacja wysyła pop-upy

ulubione

Open in Maps Open in Google Maps

wygenerowanie kodu zniżkowego



Dzięki


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.