Idź Pan w UI! #18 – Lista subskrybentów

Jeszcze nie zrobiłam podsumowania ostatniego zadania (będzie 1 września o 17:00!), a już przychodzę do was z kolejnym. Skoro był mobile, to robimy znowu desktop. I zachęcam was bardzo, bardzo żeby zrobić dla siebie również wersję mobilną tego widoku. To świetne ćwiczenie na planowanie jak będą działać duże komponenty, w małych przestrzeniach.

W tym wyzwaniu oceniać będę tylko wersję desktopową.

Co to jest wyzwanie UI?

Treść tego zadania (jak wszystkich poprzednich) 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 niedługo później przygotowuję spotkanie online na kanale YouTube (by Zebza), gdzie omawiam wybrane projekty – czyli robimy sobie spotkanie w formie podsumowania.

Wybieram tylko kilka z nadesłanych projektów. 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ę.

Jak dołączyć do wyzwania UI?

Do tego zadania już nie można dołączyć – warto sprawdzić czy nie trwa właśnie nowe wyzwanie.

Treść zadania UI

Temat: Lista subskrybentów

Deadline: 6 września 2021 (do końca dnia)

Podsumowanie online: 16 września 2021 (czwartek, 17:00)

Format: Ekran strony internetowej dla szerokości 1440 px

Cel zadania: Zadanie polega na stworzeniu jednego widoku produktu, który pozwala na wysyłkę newsletterów. Dokładnie – widoku listy subskrybentów, czyli wszystkich zapisanych do newslettera osób. Głównym komponentem będzie więc lista, ale nie zapomnijcie o obowiązkowych elementach, które mają głównie pomóc w zarządzaniu tą listą.

Jakie informacje powinna mieć taka lista? Lista subskrybentów składająca się z 50, widocznych jednocześnie rekordów (pozycji). Na liście musi być możliwość zaznaczenia jednego rekordu, kilku lub wszystkich. Użytkownicy mogą zawęzić widoczność tych pozycji do 25 lub zwiększyć do 100 lub 150. Na liście subskrybentów można zobaczyć takie informacje jak – e-mail, datę dołączenia, liczbę wysłanych maili (ile newsletterów do tej osoby wysłaliśmy), liczbę kliknięć (ile razy ktoś wchodził w interakcję z treściami), imię i lokalizację (nazwę kraju). Oczywiście jest więcej informacji dostępnych po przejściu do szczegółowego widoku (którego nie trzeba tu projektować).

Wróćmy do zaznaczania. Każdy z rekordów można zaznaczyć, a następnie wykonać akcje (dla jednego lub kilku/wszystkich zaznaczonych) – usunąć rekord, dodać do grupy lub usunąć z grupy. Grupy można tworzyć dowolnie w systemie, mogą to być np. klienci sklepu, odbiorcy kampanii, klienci z Instagrama i tak dalej.

W związku z tym, że jednocześnie wyświetlamy określoną liczbę wyników, trzeba dać możliwość poruszania się między nimi, np. zobaczenie kolejnych 50. Trzeba pokazać również ile tych subskrybentów ogólem jest.

Skoro mamy dużą listę, trzeba dodać jeszcze jakieś filtry i wyszukiwarkę. Wyszukiwarka ma przeszukiwać subskrybentów (można wpisać imię lub maila lub fragmenty tych informacji). Filtrowanie możliwe jest przez grupy, lokalizacje, daty dołączenia, kampanie, strefy czasowe i tak dalej. Filtrów będzie w przyszłości więcej, więc dobrze pomyśleć od razu nad uniwersalnym rozwiązaniem, które będzie łatwe do rozbudowania.

Użytkownicy powinni móc od razu wyświetlić aktywnych subskrybentów (to powinien być domyślny widok) lub zmienić widok na wypisanych z listy, niepotwierdzone maile lub wszystkie.

Oprócz tego, obowiązkowe elementy takiego widoku to:

  • Nawigacja po innych obszarach produktu (Dashboard, kampanie, subskrybenci, formularze, strony i automatyzacja)
  • Możliwość przejścia do profilu użytkownika i rozbudowanego panelu ustawień i wylogowania się ze strony
  • Dodatkowa nawigacja dla tego obszaru, składająca się ze stron: Wszyscy subskrybenci, Segmenty, Grupy, Statystyki listy

Jeżeli uznacie, że trzeba dodać jeszcze jakieś informacje lub funkcje, po prostu je dodajcie!

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ż