Lekcja na temat architektury informacji w strukturze stron www - zasady tworzenia, możliwe komplikacje i problemy.
Linki do przykładów z lekcji
Projekt treści Akademii Dobrej Treści w Miro
Menu na przykładowej stronie zbudowane na schemacie Easy LMS
https://www.easytools.pl/kursy/pierwsze-kroki-z-easylms
Źródła wiedzy
https://uigarage.net - zestaw inspiracji i rozwiązań dotyczących interfejsu
📝 Notatki ze wszystkich lekcji do pobrania [dokument Google]
Zmiana architektury informacji na stronie SBO
Musisz dokonać zmian na stronie Szczecińskiego Budżetu Obywatelskiego. Strona rozrasta się niewłaściwie. Wszystkie tematy obecne na stronie lądują albo do menu głównego, albo do submenu. Przygotuj swoją koncepcję architektury informacji, pierwszy, przykładowy szkic.
Zastanów się:
- czy struktura informacji na stronie jest jasna dla użytkownika?
- czy nawigacja jest intuicyjna?
- czy organizacja treści jest łatwa do przejrzenia
- jak możesz zmniejszyć przeciążenie poznawcze użytkownika?
Jak wykonać to zadanie?
- Przygotuj sobie tablicę w programie FigJam (objaśniam w filmie poniżej).
- Zrób screen strony głównej i przenieś ją na tablicę.
- Zaznacz problemy na stronie za pomocą komentarzy lub karteczek.
- Rozrysuj architekturę informacji na schemacie. Używaj nazw podstron obecnych na stronie.
- Przymierz się do pogrupowania informacji samodzielnie.
Instrukcja wideo do wykonania zadania
Kompleksowy kurs projektowania tekstów do interfejsów
✏️ 30 lekcji wideo
✏️ 15 kreatywnych ćwiczeń
✏️ notatki i listy kontrolne do pobrania
✏️ nauka o narzędziach projektowych (Miro, Notion, Framer)
✏️ wiedza o systemach no-code (do samodzielnego tworzenia produktów)
✏️ tworzenie portfolio i certyfikat ukończenia kursu
✏️ możliwość dokupienia konsultacji indywidualnych