Idź Pan w UI! #26 – dashboard aplikacji

Czerwiec był dla mnie intensywny, więc odpuściłam trochę z zadaniem. Ale wiem też, że duża część z was ma teraz najwięcej czasu na dłubanki. Dlatego też przychodzę z kolejnym, wakacyjnym zadaniem. O tyle śmiesznym, że będzie to redesign… mojego projektu z 2013 roku, ha!

Projekt appki, który będzie do redesignu tym razem, był chyba pierwszym moim projektem aplikacji mobilnej. Domyślacie się więc, że no cóż, szału nie ma. Pod kątem wizualnym i użyteczności sporo rzeczy tutaj leży. Będzie więc zabawa, żeby nie tylko poprawić ten projekt wizualnie, ale również usprawnić działanie niektórych obszarów. Z pewnością część zaznaczę w treści poniżej.

Co to jest wyzwanie UI?

No dobra, ale o co chodzi w tym wyzwaniu. Treść zadania możecie wykorzystać jako inspirację do nowego projektu do portfolio, formę ćwiczenia lub wziąć udział w wyzwaniu, zrealizować zadanie i wysłać je do mnie w określonym terminie. Ja w niedługim czasie przygotowuję spotkanie online na kanale YouTube (by Zebza), gdzie omawiam wybrane projekty – czyli robimy sobie spotkanie w formie korekty.

Z nadesłanych projektów wybieram kilka. Pozwoli to pokazać lepsze i słabsze projekty, omówić dobre strony i popularne błędy. A przede wszystkim – będę mogła opowiedzieć wam więcej o dobrych praktykach i wzorcach. Dzięki temu, spotkania będą krótsze i bogatsze w wiedzę. Wszyscy uczestnicy dostaną także krótki feedback do projektu na maila (po publikacji naszego podsumowania na YouTube). Jeżeli jesteście ciekawi jak wyglądało takie spotkanie online ostatnio, to zerknijcie na Idź Pan w UI! #25

Jak dołączyć do wyzwania UI?

Do tego wyzwania już nie dołączycie, ale warto zerkać czy nie pojawiło się jakieś nowe zadanie w kategorii Ćwiczenia.

Podsumowanie zadania można zobaczyć już na moim kanale.

Treść zadania UI

Temat: Dashboard aplikacji mobilnej

Deadline: 17 lipca 2022 (do końca dnia)

Format: projekt widoku aplikacji na szerokość 360 px 

Cel zadania: Celem zadania jest redesign widoku dashboardu* aplikacji. Widok starej wersji możecie znaleźć tutaj, w folderze Dropbox. Warto pomyśleć o usprawnieniach i na pewno trzeba zastanowić się nad kolejnością prezentowanych informacji. Również zakres treści, komunikatów nie jest miejscami zbyt informatywny. Trzeba zastanowić się co przyda się użytkownikom w określonych miejscach, by faktycznie mieć z tego wartość (i móc na tej podstawie podjąć decyzję, że np. chcę przeczytać coś więcej).

Na pewno nie można zakładać, że to po prostu uładnienie obecnego układu 🙂

O produkcie: To dość rozbudowana aplikacja, której główną funkcją jest generowanie i śledzenie codziennych jadłospisów. Na podstawie różnych wykluczeń tworzymy idealną dietę, wraz z przepisami jak przygotować konkretny posiłek. Ta funkcja w starym projekcie schowana jest pod ikonką w prawym górnym rogu (dostępna po zalogowaniu do aplikacji). Lewy hamburger rozwija za to główną nawigację (w której znaleźć można min. takie zakładki jak Pomoc, Powiadomienia, Wydarzenia (związane z kulinariami i zdrowiem z okolicy), Porady dietetyka, Polecane miejsca (restauracje), Link do bloga oraz Lista przepisów.

Zielona apla poniżej nawigacji to również skrót do elementów jadłospisu (na dziś, na cały tydzień oraz GDA, czyli podsumowania dziennego wskazanego spożycia białka, węglowodanów, tłuszczu, kalorii, błonnika i sodu).

Poniżej widać kafle, które właściwie przekierowują do innych części aplikacji.

Warto zadać sobie pytanie przede wszystkim o cel takiego widoku. Co właściwie użytkownicy zyskują wchodząc do aplikacji, co powinni w pierwszej kolejności zobaczyć? Aplikacja jest zarówno wirtualnym jadłospisem, jak i masą treści pobocznych, wspierających, które mogą inspirować i edukować. Warto mieć to z tyłu głowy proponując nowy zakres treści na dashboardzie i ich układ.

Dodatkowo: Co z brandingiem? Możemy założyć, że nowe logo jest w trakcie tworzenia, więc roboczo można wstawić po prostu nazwę aplikacji – eatGOOD. Kolory marki to zieleń, szary i biel. Dokładne odcienie i proporcje możecie sobie wybrać.

Zdjęcia do projektu warto wybierać z miejsc, które pozwalają wam na nieograniczony użytek – np. na licencji CC0.

Chcesz być na bieżąco?

Żeby być na bieżąco z kolejnymi zadaniami i informacjami o spotkaniach na żywo, najwygodniej dopisać się do newslettera, bo dzięki temu, prosto na maila dostaniecie każdą informację. Można po prostu śledzić bloga albo moje kanały na portalach społecznościowych, ale algorytmy bywają okrutne i jest szansa, że nie zawsze wyświetlą się wam powiadomienia o nowym zadaniu. Newsletter ten problem eliminuje. Zapisz się do newslettera tutaj.

You May Also Like
Read More

Idź Pan w UI! #28 – panel zarządzania

Czas na pierwsze zadanie w 2023! I czas podnieść trochę poprzeczkę. W tym i kolejnych zadaniach nie będziemy pracować wyłącznie nad statyczną warstwą graficzną, ale częścią zadania…