Piąte zadanie Idź Pan w UI! i mała zmiana wakacyjna. Po pierwsze – dłuższy czas realizacji zadania (wiele osób odzywało się, że tydzień to niestety zdecydowanie za krótko). Po drugie – wstrzymane lajwy. Ale o tym niżej:
Jak to działa?
Możecie wykorzystać to jako inspirację do nowego projektu do portfolio, formę ćwiczenia lub wziąć udział w wyzwaniu, zrealizować zadanie i (do tej pory tak było) wysłać je do mnie w określonym terminie. Ja w kolejnym tygodniu przygotowuję Live Stream na kanale YouTube, gdzie omawiam nadesłane projekty – czyli robimy sobie spotkanie w formie korekty. Jeżeli jesteście ciekawi jak wyglądają takie spotkania online – zerknijcie na cykl ćwiczeń Logo Brief. Tam co miesiąc również przeprowadzamy taki Live! Więcej szczegółów odnośnie wysyłki projektów do wyzwania zamieściłam poniżej!
W wakacje będzie trochę inaczej – przede wszystkim potrzebuję trochę odpocząć od regularnego nagrywania, dlatego zadania będą publikowane (trochę rzadziej niż raz na tydzień) i nie wszystkie będą kończyć się streamem. Teraz głównym źródłem dyskusji na temat projektów będzie grupa na FB, gdzie będzie można publikować swoje projekty i poczytać opinie innych użytkowników. Jeśli nie jesteście gotowi na publikację prac pod swoim nazwiskiem, możecie podesłać projekty do mnie na maila byzebza@gmail.com* i ja opublikuję je za was.
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: Boczna szuflada na mobilnej stronie internetowej
Deadline: 14 lipca 2019 (do końca dnia)
Format: 360×480 px
Cel zadania: Nawigacja na mobilnych wersjach stron bywa kłopotliwa. Dlatego warto ją sobie przećwiczyć. Celem tego zadania będzie zaprojektowanie szuflady z nawigacją. Tego skąd i jak się pojawia, ile miejsca zajmuje i jak wygląda jej zawartość (a także jak się z niej wychodzi).
Zadanie wykonamy na bazie sklepu internetowego.
Wakacje to idealny czas na naukę nowego narzędzia – może warto spróbować animacji interfejsu?
Obowiązkowe elementy: Kategorie produktów takie jak Kobieta, Mężczyzna, Dziecko. Podkategorie: nowości, obuwie, odzież, sport, akcesoria i wyprzedaż.
Dodatkowo – pomoc (infolinia), zmiana obsługiwanego kraju i przejście do profilu użytkownika / logowania.
Informacja o 10% rabacie po zapisie do newslettera.
Artykuły z bloga, które mogą się przydać:
- programy do UI (również te darmowe) https://zebza.net/5-programow-do-ui-web-designu/
- gridy/siatki https://zebza.net/gridy-czyli-siatki-w-projektowaniu/
- inspiracje, gdzie ich szukać: https://zebza.net/inspiracje-ui-designera/
- cykl video o procesie projektowania stron https://www.youtube.com/watch?v=0kXe_OsfiFY&list=PLKFvCI-qd3Ru-S0jRz7B0Fskig2Z1heIj
Jak wziąć udział w wyzwaniu?
Na czas wakacji wyzwanie będzie w całości prowadzone w fejsbukowej grupie. Projekt wrzucamy w formie jednego posta (jeśli będziecie robić poprawki to publikujemy je w komentarzach do swojego wpisu). Oznaczcie też w opisie, że jest to zadanie #5.
W grupie publikujemy zdjęcia i video bezpośrednio wgrywane do wpisu lub w formie linku do prototypu.
? Stworzyłam też kurs o UI
A jeśli interesuje was zagadnienie komponentów UI to zachęcam do wzięcia udziału w kursie dla Eduweb, który stworzyłam całkiem niedawno – opowiadam w nim o najpopularniejszych komponentach interfejsu graficznego!
* 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. 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!
