Idź Pan w UI! #13 – moje konto w sklepie

Czas na pierwsze zadanie w nowym roku! Co powiecie na e-commerce

Z pojęciem e-commerce spotkacie się nie raz, jeśli interesuje Was projektowanie interfejsów lub poprawianie doświadczeń użytkowników. Oznacza to nic innego jak sprzedaż internetową i będzie z reguły dotyczyło po prostu projektu sklepu internetowego. Jeśli szykujecie się do zmiany pracy (lub szukacie tej pierwszej), to projekty z obszaru e-commerce warto mieć w portfolio. Przy okazji przypominam, że w ramach ćwiczeń przyjmuję projekt jednego widoku, ale jeśli myślicie o wrzuceniu go do swojego portfolio – warto rozbudować go o inne widoki. No ale wróćmy do zadania! 

Jak działa 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 maksymalnie dwa lub trzy. Pozwoli to pokazać najlepsze 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ę.

A pod tym linkiem zobaczycie podsumowanie zadania:

Więcej szczegółów odnośnie wysyłki projektów do wyzwania zamieściłam poniżej!

Bądź na bieżąco

Żeby być na bieżąco z zadaniami i informacjami o Live Streamach, 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. 

Treść zadania

Temat: Moje konto w sklepie internetowym

Deadline: 20 stycznia 2021 (do końca dnia)

Format: projekt strony mobilnej na szerokość 375 px 

Cel zadania:  Tym razem zaprojektujemy widok w sklepie internetowym, do którego być może nie zaglądacie zbyt często. A jest to główna strona Konta klienta, dla zalogowanego użytkownika. Jeżeli nie kojarzycie takiego widoku, zachęcam was tym bardziej do porządnego researchu, jak takie obszary wyglądają w działających sklepach. Wystarczy założyć w nich konto (albo zalogować się gdzieś, gdzie już konto zakładaliście). Warto sprawdzić sklepy z różnych branży – np. AGD, moda, większe serwisy jak Allegro, Aliexpress czy Amazon. Pamiętajcie, że dobry research to połowa sukcesu!

Obowiązkowe elementy takiego widoku to:

  • belka nawigacyjna z logo (dowolna zawartość belki – np. hamburger menu + wyszukiwarka itd.),
  • nazwa podstrony (Moje konto),
  • linki do sekcji Mojego konta (Moje zamówienia, Ulubione, Zwroty / reklamacje, Moje dane, Ustawienia),
  • link do Centrum pomocy (takie FAQ)
  • i dane Centrum Obsługi Klienta (email, numer telefonu i godziny działania BOK, np. poniedziałek-piątek 8-18, sobota 10-18). 

Dodatkowo jeśli widzicie potrzebę dodania innych elementów, śmiało je dodajcie!

Marka: Podane elementy projektu są właściwie uniwersalne, dlatego w tym zadaniu nie ma znaczenia konkretna marka, ani jej branding. Możecie stworzyć projekt o dowolnej szacie wizualnej, pamiętając jednak, żeby zawierał obowiązkowe elementy.  

Jak wziąć udział w wyzwaniu?

Po prostu zrealizujcie zadanie i wyślijcie projekt na zebzowego maila: byzebza@gmail.com* w tytule wiadomości wpisując „Idź Pan w UI! #13”. Nazwa pliku, który do mnie wysyłacie powinna zachować ten wzór: “Imię_Pierwsza litera nazwiska_numer projektu”, czyli w moim przypadku byłoby to np. Natalia_B_1.png. Nienazwane projekty nie będą brane do live streama! 

Jeżeli wysyłacie kilka wizualizacji (np. kilka ekranów) – określcie numerami w jakiej kolejności powinnam je oglądać i prezentować – to znacznie ułatwi mi też późniejsze streamowanie.

Zwróćcie uwagę na format pliku – tym razem przyjmuję jedynie projekty dostarczone w formatach .jpg i .png, .gif. Nie przyjmuję tym razem projektów nadesłanych w formie prototypu (nie ma takiej potrzeby dla jednego widoku, a z każdego prototypu można po prostu wyeksportować obrazek).

* Przesyłając swoje projekty na maila wyrażacie zgodę na przetwarzanie swoich danych osobowych, w celu realizacji zadania domowego. Dzięki temu będę mogła się z Wami skontaktować, dopytać o szczegóły projektu i ustalić jak wiele informacji mogę podać o Was w czasie lajwa (możecie też występować incognito). Jednocześnie macie prawo dostępu do treści swoich danych oraz ich poprawiania, wycofania zgody na ich przetwarzanie w każdym czasie, jak również, że podanie tych danych było dobrowolne. Ot tyle tych nudnych formalności!

Zobacz też