Cześć, tu Press Man!

Przeglądanie tego wiele dla mnie znaczy, więc dziękuję za poświęcenie czasu. Twoje komentarze i opinie pomogą mi również lepiej wykonywać swój zawód, nie mogę się doczekać, aby zobaczyć niektóre na dole.

Przeprowadzę Cię przez to, jak wszystko się zaczęło. Oto historia bardzo szybko;

Szukałem pracy, więc aplikuję na stanowiska produktowe, kiedy tylko mogę. Do określonej roli otrzymałem zadanie do wykonania;

„Wybierz aplikację edtech dla dzieci w wieku od 5 do 15 lat, znajdź problemy z UX, zaproponuj swoje rozwiązania i zaprojektuj jedną funkcję”.

Poświęciłem trochę czasu na poszukiwanie produktów Ideal, które spełniałyby powyższe wymagania, a potem odkryłem ulesson.

Tło produktu :
Ulesson to nigeryjska platforma/narzędzie edtech dla dzieci i młodzieży w wieku szkolnym, stworzone w celu poprawy ich ocen. Popularność zyskały w okresie covid-19, kiedy wszyscy zostali zmuszeni do pozostania w domu. Dzięki ich aplikacji mobilnej i niestandardowym tabletom nauka i studiowanie stało się możliwe.

Komunikaty i komunikacja marki:
Grupa docelowa: dzieci w wieku 5–16 lat. (Uczniowie/Studenci)

Osobowość/Głos: Przyjazny, przystępny, nowoczesny.

Medium usług: smartfony, tablety.

Moje obserwacje i ustalenia:
poszedłem dalej, aby zainstalować aplikację na Androida, którą pobrano ponad milion w sklepie Google Play. Przy tych szalonych liczbach spodziewałem się, że wygląd i styl produktu będą świetne. Szczerze mówiąc, nie byłem pod wrażeniem, nawet z ekranów wprowadzających, z którymi miałem do czynienia.

Osobiście z własnych obserwacji produktu wynikało, że cała aplikacja została wykonana w pośpiechu. Produkt działał dobrze, ale co z wrażeniami użytkownika z akcji na akcję? Czy użytkownika bolą lub martwią niektóre funkcjonalności w aplikacji?

Zauważyłem wiele problemów z układem, kolorem, ikonami i przyciskami. To duży problem, pamiętając, że docelową grupą docelową tego produktu są głównie małe dzieci. Dlatego użycie odpowiednich kolorów, typografii, ikon i innych elementów projektu jest niezwykle istotne dla dźwięku/zadowalającego doświadczenia użytkownika.

Oto problemy, które zidentyfikowałem, wraz ze zdjęciami referencyjnymi (na dole) z istniejącego interfejsu aplikacji.

1. Brak paska nawigacji. (Zastanawiałem się dlaczego)
2. Rozpraszające uwagę i niespójne przyciski.
3. Zgrupowane menu hamburgerów.
4. Źle zaprojektowane pop-upy.
5. Słaba hierarchia informacji.
6. Brak określonych kolorów podstawowych, drugorzędnych i akcentujących.
7. Niespójność w rozmiarach, typie i wadze ikon.
8. Niespójność krojów pisma i odmian.
9. Problemy z kontrastem z niektórymi kartami interaktywnymi.
10. Niespójne odstępy między elementami.

Ulepszone cechy konstrukcyjne:

Zanim zacząłem projektować, zdefiniowałem kolory podstawowe, drugorzędne i akcentujące, a także szarości. Nie mogłem znaleźć odpowiedniej biblioteki ikon pod względem wyglądu produktu (zabawne i miękkie ikony), więc zdecydowałem się pozostać przy obiektach blob używanych w bieżącej aplikacji; aby ekrany wyglądały zabawnie i nieco przyjaźnie, jednocześnie zapewniając spójność całego mojego projektu.

W przypadku typografii wybrałem zabawny krój nagłówka –
Balsamiq sans. Użyłem kroju pisma tylko dla nagłówków i działań, ponieważ wywołało to zabawne uczucie.

Jeśli chodzi o teksty Body, utknąłem z Interem.

Stworzyłem podgląd na ekranie głównym, który szybko informuje użytkownika o liczbie odbytych lekcji – zakończonych i trwających. Jest to ważne, ponieważ użytkownik może szybko nadrobić zaległości natychmiast po wylądowaniu na ekranie głównym aplikacji.

Stworzyłem nawigację na dole, nadając priorytet trzem (3) najważniejszym ekranom/działaniom dla młodego użytkownika; „Ekran główny” — na którym są witani i mogą łatwo przeglądać niezbędne aktualizacje. Ekran „moje lekcje” – gdzie użytkownik ma dostęp do wcześniej odbytych lekcji. Ekran „Quizów” , na którym użytkownik może rozwiązywać testy z różnych lekcji. (Na potrzeby tej pracy zaprojektowałem tylko ekran główny i menu boczne).

Inne działania zostały przeniesione do menu bocznego , do którego można uzyskać dostęp, klikając ikonę menu hamburgera w prawym górnym rogu.

Uzasadnienia moich decyzji projektowych wyjaśniono na poniższych obrazach.

Ograniczenia, wnioski i wnioski
Dostosowałem swoją pracę do aktualnych kolorów marki, czerpiąc kolory z istniejącej aplikacji i logo ulesson.
Moim głównym ograniczeniem było znalezienie odpowiedniej biblioteki ikon, a także kroju pisma używanego do tekstów podstawowych w aplikacji.

Zredukowałem liczbę kolorów użytych w aplikacji, ponieważ kolory wywołują emocje i mogą rozpraszać małe dzieci.
Chociaż produkt służy do nauki i nauki, starałem się, aby projekt wydawał się zabawny dla młodych użytkowników; ponieważ nauka powinna być zabawą na koniec dnia.

Dobrze się bawiłem, pracując nad tym, i z czasem zbadam więcej ulepszeń produktów edtech.

Mam nadzieję, że ulesson może przyjrzeć się moim rozwiązaniom.

Wielkie dzięki za przejrzenie.

Wejdź w interakcję z prototypem figma
Zatrudnij mnie
Zobacz moje portfolio projektowe