AI2018.pdf
(
5307 KB
)
Pobierz
01.01.2018
Geneza AI
Architektura informacji
w serwisach
internetowych
INFORMACJA
Jest
bytem niematerialnym
(nie ma formy!)
Nadajemy jej formę, aby ją:
•
•
•
•
Zrozumieć
Przekazać
Utrwalić
Zapamiętać
ARCHITEKTURA
Jej zadaniem jest
opisywanie formy
obiektów,
aby móc je:
•
•
•
•
•
Analizować
Wytwarzać
Powielać
Organizować
Nazywać
1
6
Kiedy mówimy o architekturze
informacji?
Kontekst
Definicja AI w serwisach internetowych
Little IA
Proces organizowania, etykietowania,
projektowania nawigacji oraz systemów
wyszukiwawczych, w celu ułatwienia
znajdowania i zarządzania informacji
Sztuka oraz nauka nadawania struktur
i klasyfikowania serwisów
internetowych
i intranetowych, mająca na celu
ułatwienie ludziom znajdowania
informacji i ich wykorzystania
Nowa dyscyplina poznawcza i
praktyczna zajmująca się
dostarczaniem zasad projektowania i
tworzenia konstrukcji
w krajobrazie wirtualnym
…
8
Treść
Użytkownik
Big IA
WNIOSEK:Wszyscy jesteśmy architektami informacji!
7
01.01.2018
Proste definicje
Usability
(PL) funkcjonalność, użyteczność
Łatwość użytkowania przedmiotu,
prostota i wygoda obsługi,
intuicyjność, przyjazność dla
użytkownika
(patrz też: Usability Engineering).
Visual design
(PL) projektowanie graficzne
Projektowanie wizualne przedmiotu,
utrwalanie i przekazywanie
informacji
w (atrakcyjnej) formie graficznej
(patrz też: Graphic Design)
Interaction design
(PL) projektowanie interakcji
Projektowanie zachowania
przedmiotów podczas interakcji/
komunikacji z użytkownikiem.
(patrz też: Human Computer Interaction).
User experience
(design)
(PL) „projektowanie
uwzględniające doświadczenia
nabyte” (?)
Projektowanie z uwzględnieniem
możliwości i preferencji użytkownika
lub całość wrażeń użytkownika
9
świadczących o jego zadowoleniu z
użytkowania przedmiotu.
z materiałów:
10
Plaster miodu UX
(Morville’s UX Honeycomb)
Usability
strony WWW jako interfejsu
(HCI)
Łatwość użytkowania
(learnability)
Jak szybko użytkownik wykonana określone zadania będąc na stronie
zadanie po raz pierwszy?
Useful
Usable
Desirable
Wydajność
(efficiency)
Jak szybko po zapoznaniu się z interfejsem użytkownik może wykonywać
zadania?
Łatwość zapamiętania
(memorability)
Czy po długotrwałej przerwie użytkownik może szybko wrócić do
biegłości w posługiwaniu się interfejsem?
Minimalizacja błędów
(errors)
Jak wiele błędów pojawia się podczas użytkowania, jak łatwo wznowić
działanie po wystąpieniu błędu?
Przyjemność użytkowania
(satisfaction)
Jak przyjemne jest korzystanie z interfejsu?
26
UX
Findable
Accessible
Credible
12
01.01.2018
Zadania architektury informacji
Celem AI jest umożliwienie łatwego i logicznego dostępu
do informacji poprzez nadanie im właściwej struktury:
Granulowanie informacji z właściwym stopniem
dokładności
Określanie wzajemnych relacji między informacjami
Grupowanie elementów w wyraźnie określonych
kategoriach
Etykietowanie: nadawanie czytelnych i opisowych nazw
kategoriom i łączom
Umożliwienie wyszukiwania interesującej użytkownika
informacji
31
30
Architektura Informacji w Twoim
komputerze
System organizacyjny
• Podział pamięci na dyski,
partycje, foldery, pliki
System etykietowania
• Nazwy partycji, folderów,
plików, ikony
System nawigacyjny
• Drzewo katalogów, skróty,
pulpit, ulubione, ścieżki
dostępu, ikony, pasek adresu,
menu start, „pasek szybkiego
wybierania”
System wyszukiwania
• Wyszukiwarka folderów i
plików
32
Architektura Informacji na stronie WWW
System organizacyjny
•
Klasyfikuje treść
•
W jaki sposób informacje
podzielone są na kategorie?
System etykietowania
•
Nadaje nazwy
•
W jaki sposób informacje są
reprezentowane?
System nawigacyjny
•
Nadaje relacje
•
W jaki sposób można
przeglądać informacje?
System wyszukiwania
•
Znajduje informacje
•
W jaki sposób przeszukiwane
są informacje?
Dla użytkownika strony WWW
widoczne jako:
Nawigacja główna
Nawigacja lokalna
Nawigacja kontekstowa
(Zakładki/menu/ścieżka)
Linki kontekstowe
Linki zewnętrzne
Ikony
Wyszukiwarka
33
01.01.2018
Kategoryzowanie informacji
Relacje między informacjami
Struktura organizacyjna informacji określa podstawowe
sposoby przechodzenia między skategoryzowanymi
informacjami.
Dla studentów
Dla pracowników
Dla doktorantów
Dla absolwentów
Akademia piękna
Gotuj zdrowo
Czy wiesz, że…?
Kalendarz
Znajdź restaurację
Dodaj opinię
Napisz do nas
Pokaż znajomym
Kuchnia włoska
Kuchnia francuska
Kuchnia węgierska
34
Kuchnia polska
Czytaj dalej…
Zobacz także…
35
Problemy struktury hierarchicznej
Struktura za szeroka
Struktura za głęboka
Etykietowanie
Nagłówki
etykiety służące do przedstawienia hierarchii: podrzędny, nadrzędny,
równoległy
Łącza kontekstowe
Hiperłącza zawarte w treści dokumentu zawarte w opisowym kontekście
innych słów
Łącza nawigacyjne
Konsekwentnie stosowane w całym serwisie odnośniki do głównych kategorii
lub/i podstawowych funkcjonalności
Hasła indeksowe
słowa kluczowe, metadane, używane w celu przyspieszenia wyszukiwania
informacji
Ikony
etykiety obrazkowe podnoszące walory estetyczne strony, samodzielne lub z
etykietami tekstowymi
37
36
01.01.2018
Nawigacja
1.
2.
3.
4.
Schematy nawigacyjne
Nawigacji podstawowa
Nawigacja globalna
Nawigacja dodatkowa
Mapa
serwisu
Indeksy
Gdzie jestem teraz?
Co jest w mojej okolicy?
Dokąd mogę pójść?
Co jest powiązane z tym,
co jest tutaj?
Nawigacja lokalna
WWW:
Gdzie mogę kliknąć
i dokąd mnie to
zaprowadzi?
Zawartość
+
nawigacja
kontekstowa
Przewodniki
39
38
Na stronie dobrze zaprojektowanej nawigacja
dodatkowa nie jest niepotrzebna!
Tryby wyszukiwania
Szukanie znanego obiektu
Kto wygrał
użytkownik poszukuje
specyficznej informacji
Test Kruga użyteczności nawigacji
Pytanie
1. Co to jest za witryna ?
2. Na jakiej jestem podstronie?
3. Jakie są główne kategorie
serwisu?
4. Jakie mam opcje do wyboru
na tym poziomie struktury?
5. Gdzie znajduję się w
odniesieniu
do całej struktury serwisu?
6. W jaki sposób mogę czegoś
poszukać?
Szukany obiekt
Identyfikator witryny,
nazwa logo, slogan
Tytuł podstrony
Nawigacja globalna
Nawigacja lokalna
„Tutaj jesteś”, ścieżka
dostępu, „okruszki”
Wyszukiwarka
46
Tour de France
w roku 2003?
Ceny telewizorów
LCD
22 cale
Szukanie badawcze
użytkownik poszukuje
alternatywnych możliwości
dla rozwiązania problemu
Szukanie wyczerpujące
użytkownika interesuje
wszystko na dany temat
Życie i twórczość
Gustawa Klimta
45
Plik z chomika:
monika7393
Inne pliki z tego folderu:
oryginal-architektura-informacji-w-serwisach-internetowych_archww.pdf
(39622 KB)
Information Architecture.pdf
(22619 KB)
AI2018.pdf
(5307 KB)
t053_pszw_2011_lange-sadzinska_-_architektura_informacji_w_praktyce.pdf
(483 KB)
morville-rosenfeld_rozdzial1.pdf
(400 KB)
Inne foldery tego chomika:
Asterix BD french
Camera
Ćwiczenia na sylwetke
Do matury
Dokumenty
Zgłoś jeśli
naruszono regulamin