Idź Pan w UI! #12 – lista wpisów na blogu

Po długiej przerwie wracam do was z kolejnymi zadaniami! Tym razem, żeby zapewnić płynność zadań w nieco zmienionej formie. Zgłoszeń z każdym zadaniem jest coraz więcej, a to coraz więcej (mojego prywatnego) czasu. Czasu, który muszę poświęcać na przygotowania oraz prowadzenie spotkań. Nie bez powodu tak ociągałam się z kolejnymi ćwiczeniami.  Zobaczcie więc jak to teraz będzie działać!

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.

W nowej serii nie będę omawiała wszystkich projektów, a 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ę.

Jeżeli jesteście ciekawi jak wyglądały spotkania Idź Pan w UI! online do tej pory – zerknijcie na kanał, o tu: https://bit.ly/2Lc8pBQ. 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. 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: Lista wpisów na blogu parentingowym

Deadline: 23 grudnia 2020 (do końca dnia)

Format: projekt strony internetowej na szerokość ekranu 1366 px (desktop)

Cel zadania:  Celem zadania będzie stworzenie projektu strony z listą wpisów dla kategorii bloga parentingowego. Wpisów na blogu jest bardzo dużo, dlatego warto zastanowić się jak ułatwić użytkownikom ich przeglądanie.

Lista kategorii bloga to: ciąża, rodzicielstwo, rozwój dziecka, żywienie, zabawa. Zadaniem będzie zaprojektowanie listy wpisów dla kategorii „żywienie”. Lista powinna składać się z elementów, które będą przenosić do pełnego wpisu.

Taki jeden skrócony wpis na liście, powinien składać się przynajmniej z:

  • tytułu wpisu
  • daty powstania
  • zdjęcia lub grafiki
  • krótkim podsumowaniu (jedno, maks dwa zdania).

Do zaprojektowania będą również dodatkowe elementy, takie jak:

  • nawigacja dodatkowa, w której powinny znaleźć się zakładki (kontakt, autorka, współpraca)
  • wyszukiwarka
  • linki do kanałów społecznościowych (Facebook, Instagram)
  • sidebar (boczna kolumna zawierająca minimum informację o autorce bloga, zapis do newslettera)

Powyższe elementy to elementy obowiązkowe w projekcie (czyli muszą się tam znaleźć). Jeśli czujecie się pewniej w obszarze projektowania, możecie zaproponować lepsze miejsca czy sposób ekspozycji (z zachowaniem zakresu funkcji). Możecie też dodać inne elementy, które uznacie za niezbędne lub atrakcyjne pod kątem użyteczności.

Marka: Nie bez znaczenia jest, że autorką bloga jest lekarka (również mama), która prowadzi bloga by edukować rodziców. Dlatego projekt powinien uwzględniać eksperckie treści (trzeba unikać infantylizowania tematu). Blog jest dość nowy, więc nie dorobił się jeszcze identyfikacji wizualnej (pełna dowolność w warstwie wizualnej). Zamiast logo, można wstawić adres strony kaszojady.pl

Grupa docelowa: Warto mieć na uwadze do kogo kierowane są wpisy na blogu. Zdecydowana większość użytkowników to kobiety w wieku 24-33 lat, które planują, są w ciąży lub mają już dzieci. Ojcowie również wpadają na bloga, ale to na przyszłych i obecnych mamach skupia się autorka bloga.

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! #12”. Nazwa pliku, który do mnie wysyłacie powinna zachować ten wzór: “Imię_Pierwsza litera nazwiska_numer projektu”. 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 – przyjmuję jedynie projekty dostarczone w formatach .jpg i .png, .gif lub w formie linku do prototypu. Upewnijcie się, że link pozwala zajrzeć do projektu osobie niezalogowanej.

Co się może przydać?

Wpis: Gestalt w projektowaniu
Wpis: Fonty do UI
Wpis: Jak wybrać fonty do projektu interfejsu (podstawy)
Kurs: Mój kurs dla Eduweb i projektowaniu interfejsów

* 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!

Nagranie live streama

Zobacz też