Wyzwania w projektowaniu i programowaniu e-usługi · Projektowanie hierarchii informacji na...

2012

Projektowanie: architektura informacji

Barbara Rogoś - Turek

Wyzwania w projektowaniu

i programowaniu e-usługi

Poznań, 11 października 2012

Wyzwania w projektowaniu i programowaniu e-usługi, Poznań, 11.10.2012

PROJEKTOWANIE:

ARCHITEKTURA INFORMACJI


3

Sztuka oraz nauka nadawania struktur i klasyfikowania serwisów (stron)

internetowych i intranetowych, mające na celu ułatwienie ludziom znajdowanie

informacji i ich wykorzystanie.

Nowa dyscyplina poznawcza i praktyczna zajmująca się dostarczaniem zasad

projektowania i tworzenia konstrukcji w krajobrazie wirtualnym.


Morville, Rosenfeld (2006)

Sztuka oraz nauka nadawania struktur i klasyfikowania serwisów (stron)

internetowych i intranetowych, mające na celu ułatwienie ludziom znajdowanie

informacji i ich wykorzystanie.

Połączenie sposobu organizacji informacji, nadawania nazw rozpoznawczych

(etykietowania elementów informacyjnych) i schematów przeszukiwania w systemie

informacyjnym.

Strukturalne projektowanie przestrzeni informacyjnej, służące ułatwieniu

kompletowania informacji i udostępnianiu jej użytkownikom.

Nowa dyscyplina poznawcza i praktyczna zajmująca się dostarczaniem zasad

projektowania i tworzenia konstrukcji w krajobrazie wirtualnym.


4

Kategoryzacja treści

jakie obiekty występują w aplikacji, jak są zwane i jakie są ich relacje



Gdzie znajdę zdefiniowane przeze mnie zlecenia stałe?

Kategoryzacja treści


Co to jest?

Etykiety


Pomagasz koledze w znalezieniu pokoju na czas roku akademickiego. W jakiej kategorii będziesz szukał ofert?

Etykiety


Sortowanie kart

Przepis: ilościowe lub jakościowe pojedynczo lub w kilkuosobowych

grupach kategorie otwarte, zamknięte

lub wolna lista offline (karteczki z kategoriami)

lub online (oprogramowanie do sortowania kart)

minimum 15 uczestników rejestracja badania dendogramy z analizowanymi

kategoriami

klasyfikacja etykiet przez użytkowników


Sortowanie kart


1

0

Projektowanie nawigacji

jakie są powiązania między stronami lub ekranami


Wyzwania w projektowaniu i programowaniu e-usługi, Poznań, 11.10.2012 Dobór sposobu nawigacji

vs

vs


Nawigacja – oprzeć się modom


1

3

Punkty odniesienia


Trzy kliknięcia


po trzech kliknięciach użytkownik nie znajdując poszukiwanej informacji rezygnuje z wykonania zadania użytkownicy wraz z kolejnym kliknięciem tracą satysfakcję z używania aplikacji

Mit: użytkownicy nie lubią klikać


Skłonność do rezygnacji:

25 kliknięcia ≈ 3 kliknięcia

nikt nie rezygnował po 3 klikach

procent niezadowolonych

użytkowników nie różni się

dla różnej długości ścieżki użytkownika


Stopniowe ujawnianie

zwiększanie objętości i trudności informacji


Z czym się chętniej zapoznasz?


1

9

Projektowanie hierarchii informacji na stronach

które z treści są najważniejsze i jak kierować percepcją użytkownika



2

0

HIERARCHIA INFORMACJI Kierowanie uwagą odbiorcy


Co jest najważniejsze na tej stronie?

Wyzwania w projektowaniu i programowaniu e-usługi, Poznań, 11.10.2012 2

4

nadmiar niedobór

równowaga


Grid czyli siatka


Z gridem !


2

7

Opracowywanie mechanizmów wyszukiwania treści

w jaki sposób wspomagać proces wyszukiwania informacji



2

8

Wyszukiwanie vs przeglądanie


2

9

Filtrowanie


3

0

Wyszukiwanie i filtrowanie


3

1

Wyszukiwanie i filtrowanie


3

2

Brak wyników


3

3

http://www.flickr.com/photos/magia3e/4330518973


PROCES PROJEKTOWY


36

możliwości technologiczne

Połączyć ze sobą przeciwności


37

Skończyliśmy aplikację! Popracuj nad

użytecznością.

Panowie, teraz to musztarda po obiedzie...


3

8

Praca zespołowa Inny punkt widzenia

Wzajemna inspiracja i motywacja

Możliwość uczenia się od siebie

Dystans i zaangażowanie Dopełnianie


3

9


4

0

Skechboard

Makiety

Szkice


Projektowanie to tworzenie koncepcji


LESS IS MORE


4

3

Jak zwiększyć konkurencyjność naszej aplikacji?

Dodajmy nowe narzędzia i opcje?


4

4

Efekt


4

5

Efekt


Jak przestrzec się przed fatware ? 0programowania ze zbyt dużą liczbą funkcji

Wyzwania w projektowaniu i programowaniu e-usługi, Poznań, 11.10.2012 Minimum viable product – czyli wersja podstawowa

I etap

II etap

Kluczowe funkcjonalności

Rozwój


4

8

Mniej znaczy lepiej


4

9

Altavista dawniej Google obecnie

Szukam recenzji filmu Incepcja


5

0

Kontrola

Poczucie kontroli


5

1

Uwaga!

Photoshop

Prostota to jedna ze strategii prowadzących do użyteczności, ale nie jedyna!


Pytaj

more on 37signals blog

→ Co jest tu ważne? → Po co to tutaj jest? → Jak zrobić to prościej? → Czy zakładamy zbyt wiele? → Dlaczego w tej kolejności? → Co jest kolejnym krokiem? → Jaki problem to rozwiązuje? → Dlaczego to jest konieczne? → Dlaczego warto w to kliknąć? → Skąd ktoś ma o tym wiedzieć? → Dlaczego musimy tutaj o tym mówić? → Jak możemy to zrobić w bardziej zrozumiałe? → Co by się stało, gdybyśmy zrezygnowali z tego? → Dlaczego ktoś miałby opuścić w tym momencie stronę?

Wyzwania w projektowaniu i programowaniu e-usługi · Projektowanie hierarchii informacji na...

Documents

Transcript of Wyzwania w projektowaniu i programowaniu e-usługi · Projektowanie hierarchii informacji na...