Prezentacja Eryka Orłowskiego z Offline.pl w ramach World Usability Day 2010!

1. Projektowanie
komunikacji
Powrót do źródeł
1

2. prelegent
̓ eryk orłowski
̓ eof@offline.pl
̓ gg# 2765
̓ blip: ^eof, #wud
̓ 666 127 555
2

3. po co?
̓ Kto nie dosłyszy...
̓ 50% wypadków drogowych ma miejsce na
skrzyżowaniach
Zmiana skrzyżowania z sygnalizacją na rondo obniża liczbę
wypadków o 40%
3

4. odrobinę historii
4

5. 5

6. 6

7. 7

8. 8

9. 9

10. 10

11. 11

12. 12

16. information design =
document design?
̓ Od lat 80...
Content + writing style + layout = information design
Kolor i stopień fontu, rozmieszczenie elementów na ekranie...
Gdzie się podział kontekst?
Projektowanie informacji to rozwiązywanie problemów!
16

17. information design
AD 2010
̓ Oczekiwania klienta:
Wartość dodana, innowacyjność, efektywność jako minimum
̓ Możliwości:
Innowacyjne metody prezentacji treści, jedno źródło - wiele punktów
dostępu, projektowanie interakcji
Nie projektujemy dokumentów (zazwyczaj)
17

18. Ciut rozważań
akademickich

19. projektowanie
informacji
̓ Tworzenie produktów
komunikacyjnych w sposób
umożliwiający osiągnięcie
założonych celów
19

20. proces
̓ analiza problemów komunikacyjnych
̓ ustanowienie celów
̓ projektowanie rozwiązania
̓ ewaluacja efektywności

21. poziomy komunikacji
̓ fizyczny
możliwość odnalezienia informacji
̓ intelektualny
możliwość zrozumienia informacji
̓ emocjonalny
poczucie komfortu
21

22. warstwa fizyczna
̓ projekt ekranu, strony
układ makiety, nagłówki, typografia, elementy graficzne
̓ ułatwianie dostępności
indeksy, spisy, mapy, odnośniki, zakładki
̓ dobór mediów
sposób dostarczenia informacji do użytkownika
̓ formułowanie tekstu

23. warstwa intelektualna
̓ proces instructional systems design:
analiza potrzeb
modelowanie celów
wybór formy komunikacji
projektowanie produktu komunikacyjnego

24. warstwa emocjonalna
̓ uwaga
̓ motywacja
̓ język
̓ wpływ społeczny

25. język wizualny
jak wykorzystać przestrzeń do komunikacji

26. definicja
̓ Wykorzystanie elementów informacji w taki
sposób, aby produkt wyjściowy był
aktrakcyjny, możliwy do przetworzenia i
zrozumienia przez odbiorcę

27. zastosowanie
̓ dobór obiektu (wzorca, kontrolki interfejsu
użytkownika) do zadania użytkownika
̓ rozmieszczenie obiektów

28. równowaga
̓ The Principes of Design, Digital Web Magazine

29. relacje między
obiektami

30. regularność

31. proporcje

32. reguły kompozycji
̓ prostota
̓ ekonomia
̓ neutralność vs hierarchia

33. Zastosowanie
snowboardergg.blogspot.com

45. W sieci...
̓ http://infosthetics.com/
̓ http://thisisindexed.com
̓ http://datavis.tumblr.com/
̓ http://www.digital-
web.com/articles/principles_of_design/

46. Na (e)papierze...
̓ Design as Applied Perception, HCI Models,
Theories and Frameworks: Toward a
Multidisciplinary Science, John M. Caroll
̓ Content and Complexity: Information Design in
Technical Communication, Beth Mazur