Idź Pan w UI! #21 – lista prezentów

Czas na kolejne zadanie, patrząc na kalendarz, pewnie ostatnie w tym roku, więc nie przedłużając – zapraszam do zabawy!

Co to jest wyzwanie UI?

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! #20.

Jak dołączyć do wyzwania UI?

.

W pierwszej kolejności – wykonajcie zadanie 😎 A potem po prostu podeślijcie do mnie efekty. Jak? Przez formularz. Możecie dodać krótki opis (niewymagany), natomiast obowiązkowo trzeba umieścić link do projektu. Narzędzia do projektowania UI pozwalają na wygenerowanie linku do projektu – i właśnie taki link trzeba zamieścić w formularzu.

Po zakończeniu zadania, na podanego maila daję też znać o nadchodzącym spotkaniu na żywo, gdzie podsumowuje wyzwanie.

Treść zadania UI

Temat: Listy prezentów

Deadline: 4 grudnia 2021 (do końca dnia)

Format: projekt widoków aplikacji mobilnej na szerokość 375 px

Cel zadania: W tym zadaniu do zrobienia są trzy widoki aplikacji (platformy sprzedażowej), która zbiera lokalnych twórców i marki i umożliwia sprzedaż ich produktów.

Nawigacja powinna umożliwić szybkie poruszanie się miedzy podstronami: strona główna, kategorie, ulubione, koszyk i profil użytkownika.

1 widok: Strona główna

W związku ze zbliżającymi się świętami, na stronie głównej można znaleźć mnóstwo pomysłów na świąteczne prezenty (wyselekcjonowane listy). Elementy, które muszą znaleźć się na tym widoku to:

  • Szybka możliwość do przejścia do wyróżnionych kategorii (do domu, biżuteria, odzież, zabawki, kosmetyki, vintage, rośliny)
  • A także wyróżnione produkty z kilku kategorii prezentowych – każda z kategorii powinna pozwolić przejść do większej liczby produktów z tej kategorii lub bezpośrednio do wyróżnionego produktu. Można założyć, że na stronie głównej pojawia się 10 takich kategorii i 10 produktów do każdej takiej kategorii (same zdjęcia z możliwością dodania do ulubionych). Kategorie prezentów, które pokazujemy w projekcie to: wełniane akcesoria, delikatna biżuteria, dla najmłodszych, dekoracje z makramy, ozdoby do włosów, dla kociarzy, kaligrafia, plakaty, przybory do brody, świece sojowe.
  • Wyszukiwarka
  • Zachęta do założenia konta w serwisie

2 widok: Widok kategorii prezentów (wyselekcjonowana przez serwis, to nie jest kategoria produktów w sklepie)

Załóżmy, że użytkownik przechodzi ze strony głównej do kategorii prezentów Dla najmłodszych. Można znaleźć tam wyselekcjonowane przez portal produkty (ok. 30) – zabawki, ubrania, dekoracje do dziecięcego pokoju. Z tego widoku można oczywiście przejść do szczegółów produktów, a także przeglądać inne kategorie prezentowe oraz sprawdzić kategorię produktów Dla dzieci w całym sklepie.

3 widok: Lista ulubionych

Do listy ulubionych można dodawać zarówno pojedyncze produktu jak i całe profile twórców. Pokażcie widok tego obszaru, w którym zostało dodanych już kilka ulubionych produktów.

Marka: Tutaj kwestia marki nie będzie aż tak kluczowa. Strona promuje lokalne marki, więc największe skupienie jest na zdjęciach produktów przygotowywanych przez te firmy. Dominować powinny jasne barwy i prosta, czytelna typografia. W zadaniu projektujecie widoki, które służą bardziej świątecznym promocjom, ale pamiętajcie, że pozostała część aplikacji to sklep. A to oznacza, że style te powinny być spójne z widokami takimi jak koszyk, lista produktów, filtry i proces zamówienia.

Powyższe opisy zawierają obowiązkowe elementy widoków, natomiast zachęcam do przeglądania podobnych stron i zastanowienia się, czy nie trzeba dodać czegoś jeszcze.

Jak zawsze zachęcam do stworzenia większej liczby widoków, natomiast zaznaczam, że przeglądam i oceniam tylko te wymienione.

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.

Zobacz też