Organizacja treści: architektura informacji i struktura...

Organizacja treści:

architektura

informacji i struktura

aplikacji

Co to jest Architektura

informacji

Architektura informacji (AI) – sztuka oraz nauka organizowania i etykietowania stron internetowych, społeczeostw sieciowych

i oprogramowania w celu wspierania użyteczności informacji. Jest związana z tworzeniem i przechowywaniem informacji w postaci cyfrowej w celu ułatwienia użytkownikowi dostępu do niej.

FORMY PRZEDSTAWIENIA

Pokazanie jednego elementu.

Pokazanie listy lub zestawu elementów.

Udostępnienie narzędzi kreatywnych.

Umożliwienie wykonania czynności.

Pokazanie jednego elementu

To najprostszy przypadek. Wokół samej treści można rozmieścid drobne narzędzia, które są potrzebne do interakcji z nią np. suwaki, ramkę rejestracji, kontrolki nawigacyjne.

Pokazanie jednego elementu

Pokazanie listy elementów

Jest to przedstawienie informacji w zorganizowany sposób np. Listy tekstowe, menu, siatki obrazów, rezultaty wyszukiwania,

listy e-maili.

Pokazanie listy elementów

Pokazanie listy elementów

Udostępnienie narzędzi

kreatywnych

Są to edytory, kreatory służące do tworzenia programów, grafik oraz różnych innych projektów. Zwykle posiadają więcej niż jeden obszar roboczy do edycji wielu projektów jednocześnie, płótno (obszar roboczy) oraz paletę narzędzi.

Udostępnienie narzędzi

kreatywnych

Udostępnienie narzędzi

kreatywnych

Udostępnienie narzędzi

kreatywnych

Udostępnienie narzędzi

kreatywnych

Umożliwienie wykonania

czynności

Interfejs nie tylko służy do prezentowania elementów lub tworzenia, lecz ma również za zadanie pomóc użytkownikowi w wykonaniu jakieś czynności, np.: Logowanie, Rejestracja, Drukowanie, Wczytywanie plików, Robienie zakupów, Określenie ustawieo, itd.

Logowania i Rejestracja

Rejestracja

Drukowanie

Ustawienia

Wczytywanie i Wysyłanie

Plików

Umożliwienie wykonania

czynności

Wzorce

Wzorce odnoszą się do projektowania wysokopoziomowego, określają formę interakcji ogólniejszych sekcji aplikacji lub serwisów, a czasem nawet całego systemu. Oto 10 z nich: Ekspozycja, Wyszukiwanie i Przeglądanie, Aktualności, Menadżer obrazów, Pulpit, Płótno i Paleta, Kreator, Edytor ustawieo, Różne widoki, Wiele obszarów roboczych, Wielopoziomowy system pomocy.

Ekspozycja, Wyszukiwanie i

Przeglądanie

Na stronie głównej witryny lub aplikacji umieszczane są trzy elementy: polecany artykuł lub produkt, pole wyszukiwania oraz listę przedmiotów lub kategorii do przeglądania.

Ekspozycja, Wyszukiwanie i

Przeglądanie

Te trzy elementy są bardzo istotne. Wyszukiwanie i przeglądanie to dwa nierozłączne sposoby znajdowania pożądanych treści. Jedni ludzie wiedzą, czego szukają i wystarczy im pole wyszukiwania, gdy inni wolą swobodnie przeglądad przedstawione im listy i kategorie. Natomiast polecane elementy mają przyciągad użytkowników. Są ciekawsze od list kategorii i pól wyszukiwania zwłaszcza wtedy, kiedy są opatrzone zachęcającymi obrazkami i nagłówkami.

Ekspozycja, Wyszukiwanie i

Przeglądanie

Ekspozycja, Wyszukiwanie i

Przeglądanie

Aktualności

W aktualnościach pokazywane są elementy w liście, ułożone w odwróconym porządku chronologicznym, czyli z najnowszymi informacjami na górze. Dzięki temu ludzie mogą z łatwością śledzid wiadomości, gdyż najnowsze treści pojawiają się na samej górze. Mogą sprawdzad często i mied pewnośd, że zobaczą, co trzeba. Często aktualizowane kanały można podzielid na łatwiejsze w zarządzaniu podkanały dobrane według tematu, nadawcy, źródła, wyszukiwania lub innych czynników. Można również pozwolid użytkownikowi samodzielnie zdecydowad, które z nich obejrzy. Serwisy, takie jak Facebook czy Twitter wyświetlają klikane listy takich podkanałów po lewej stronie panelu z nadchodzącą treścią.

Przy każdym elemencie można wyświetlid następujące informacje: Tytuł, skrót składający się z kilku słów lub zdao oraz miniaturkę, jeśli

jest dostępna, Wzmianka o osobie, która napisała aktualizację, blogu, na którym

opublikowano artykuł, autorze tego artykułu albo nadawcy e-maila, Data, Link do aktualizacji. Daje to użytkownikowi możliwośd natychmiastowego reagowania na

przychodzące wiadomości. Gwiazdki, kciuki w górę, „polubienia” i dodawanie do ulubionych to niektóre narzędzia.

W wielu serwisach z Aktualnościami, w tym na Facebooku i Twitterze,

w interfejsach komputerowych i na urządzenia mobilne wykorzystywany jest wzorzec Nieskooczona lista.

Pozwala ona użytkownikowi wczytad stronę lub dwie najnowszych aktualizacji oraz „cofnąd się w czasie” wedle upodobania.

Aktualności

Aktualności

Menadżer Obrazów

Użyte są miniaturki, podgląd elementów i interfejs umożliwiający przeglądanie zasobów, by utworzyd znajomą strukturę do zarządzania zdjęciami, filmami i innego rodzaju obrazami. Składa się z dwóch głównych widoków: Siatki Miniatur elementów listy oraz dużego podglądu wybranego elementu. Użytkownicy mogą między nimi przeskakiwad.

Menadżer Obrazów

Menadżer Obrazów

Pulpit

Umieszczone są elementy wyświetlające dane na pojedynczej, wypełnionej informacjami i regularnie aktualizowanej stronie.

Pulpit ma za zadanie pokazywad użyteczne informacje, sam się aktualizowad, wyświetlad dane w graficznej formie itd.

W wielu internetowych pulpitach wykorzystane są następujące wzorce: Zatytułowane sekcje, Zakładki i rozwijane panele, Ruchome panele, Uszczegółowienie w jednym oknie, Różnego rodzaju listy i tabele, Przemienne tło, Infografiki, Chmurka informacyjna.

Pulpit

Pulpit

Pulpit

Pulpit

Płótno i Paleta

To powszechnie rozpoznawalna paleta obok pustego płótna. Użytkownik klika przyciski na palecie, aby stworzyd coś na płótnie. Składają się one na edytor graficzny. Taki edytor zazwyczaj służy do tworzenia nowych obiektów i rozmieszczania ich w wirtualnej przestrzeni.

Płótno i Paleta

Kreator

Kreator prowadzi użytkownika przez interfejs krok po kroku, by wykonad czynności w przypisanej kolejności. Zadanie jest rozbijane na sekwencję drobniejszych czynności, którymi użytkownik zajmuje się po kolei, doskonale ułatwiając jego wykonanie. Dzięki niemu użytkownik nie musi samodzielnie zrozumied struktury zadania, które może byd bardzo skomplikowane.

Kreator

Kreator

Kreator

Kreator

Edytor ustawień

To samodzielna strona lub okno, gdzie użytkownik może zmienid ustawienia, preferencje albo właściwości. Jeżeli znajduje się wiele ustawieo to treści podzielone są na osobne zakładki i podstrony. Edytor Ustawieo różni się znacząco od Kreatora i charakteryzuje bardzo konkretnymi wymaganiami. Użytkownik musi poradzid sobie ze znalezieniem i zmianą pożądanej właściwości, ale nie wolno go zmuszad do przechodzenia przez narzuconą sekwencję kroków. Istotna jest wolnośd dostępu. Właściwości powinny byd pogrupowane w dobrze oznaczone i sensowne kategorie. Jest możliwośd ich przeglądania, nie tylko zmieniania. Wartości ustawieo są widoczne na pierwszy rzut oka.

Edytor ustawień

Edytor ustawień

Różne widoki

Pozwalają użytkownikowi przełączad się między widokami, które są znacząco różne od widoku domyślnego.

Różnych widoków można używad z różnych względów, np.: Użytkownicy mają pewne preferencje dotyczące

szybkości, stylu graficznego i innych właściwości, Użytkownik może odczuwad potrzebę rzucenia

okiem na dane z innej perspektywy, aby zgłębid istotę sprawy. Może to byd np. przełączenie między topograficznym a drogowym widokiem mapy.

Różne widoki

Różne widoki

Różne widoki

Wiele Obszarów Roboczych

Użyte są liczne zakładki wysokopoziomowe, grup zakładek i okien , aby użytkownik mógł mied jednocześnie dostęp do więcej niż jednej strony, projektu, pliku lub kontekstu.

Istnieją różne sposoby na wyświetlanie wielu obszarów roboczych. W wielu aplikacjach użyte są elementy, takie jak: Zakładki, Oddzielne okna systemu operacyjnego, Kolumny i panele w obrębie okna, Podzielone okna z możliwością regulowania podziału. Jeżeli w każdym obszarze roboczym ma się znajdowad

stosunkowo prosta treśd, np. pliki tekstowe, listy i Aktualności, podzielone okna i panele wystarczą. Jeśli treści mają byd bardziej złożone, potrzebne mogą byd całe zakładki i oddzielne okna, żeby użytkownik mógł jednocześnie widzied więcej.

Wiele Obszarów Roboczych

Wiele Obszarów Roboczych

Są to wszelkie funkcje pomagające użytkownikowi w wykonywaniu wszelkich zadao za pomocą danego programu. Pomoc wielopoziomowa, nawet wtedy gdy w ogóle nie przypomina standardowego „systemu pomocy”, dociera do każdego, kto jej potrzebuje, bez względu na to, czy osoba wykonuje daną czynnośd po raz pierwszy czy jest to użytkownik wykonujący ją na co dzieo.

Wielopoziomowy System

Pomocy

Wielopoziomowy System

Pomocy

Wielopoziomowy System

Pomocy

Wielopoziomowy System

Pomocy

Wielopoziomowy System

Pomocy

Wielopoziomowy System

Pomocy

DZIĘKUJEMY ZA UWAGĘ !