projektowanie komunikacji

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

Upload: eryk-orlowski

Post on 26-Jun-2015

478 views

Category:

Technology


0 download

TRANSCRIPT

Page 1: Projektowanie komunikacji

Projektowanie komunikacji

Powrót do źródeł

1

Page 2: Projektowanie komunikacji

prelegent

‣ eryk orłowski

[email protected]

‣ gg# 2765

‣ blip: ^eof, #wud

‣ 666 127 555

2

Page 3: Projektowanie komunikacji

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

Page 4: Projektowanie komunikacji

odrobinę historii

4

Page 5: Projektowanie komunikacji

5

Page 6: Projektowanie komunikacji

6

Page 7: Projektowanie komunikacji

7

Page 8: Projektowanie komunikacji

8

Page 9: Projektowanie komunikacji

9

Page 10: Projektowanie komunikacji

10

Page 11: Projektowanie komunikacji

11

Page 12: Projektowanie komunikacji

12

Page 13: Projektowanie komunikacji
Page 14: Projektowanie komunikacji
Page 15: Projektowanie komunikacji
Page 16: Projektowanie komunikacji

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

Page 17: Projektowanie komunikacji

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

Page 18: Projektowanie komunikacji

Ciut rozważań akademickich

Page 19: Projektowanie komunikacji

projektowanie informacji

‣ Tworzenie produktów komunikacyjnych w sposób umożliwiający osiągnięcie założonych celów

19

Page 20: Projektowanie komunikacji

proces

‣ analiza problemów komunikacyjnych

‣ ustanowienie celów

‣ projektowanie rozwiązania

‣ ewaluacja efektywności

Page 21: Projektowanie komunikacji

poziomy komunikacji‣ fizyczny

możliwość odnalezienia informacji

‣ intelektualny

możliwość zrozumienia informacji

‣ emocjonalny

poczucie komfortu

21

Page 22: Projektowanie komunikacji

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

Page 23: Projektowanie komunikacji

warstwa intelektualna‣ proces instructional systems design:

analiza potrzeb

modelowanie celów

wybór formy komunikacji

projektowanie produktu komunikacyjnego

Page 24: Projektowanie komunikacji

warstwa emocjonalna

‣ uwaga

‣ motywacja

‣ język

‣ wpływ społeczny

Page 25: Projektowanie komunikacji

język wizualnyjak wykorzystać przestrzeń do komunikacji

Page 26: Projektowanie komunikacji

definicja

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

Page 27: Projektowanie komunikacji

zastosowanie

‣ dobór obiektu (wzorca, kontrolki interfejsu użytkownika) do zadania użytkownika

‣ rozmieszczenie obiektów

Page 28: Projektowanie komunikacji

równowaga

‣ The Principes of Design, Digital Web Magazine

Page 29: Projektowanie komunikacji

relacje między obiektami

Page 30: Projektowanie komunikacji

regularność

Page 31: Projektowanie komunikacji

proporcje

Page 32: Projektowanie komunikacji

reguły kompozycji

‣ prostota

‣ ekonomia

‣ neutralność vs hierarchia

Page 33: Projektowanie komunikacji

Zastosowaniesnowboardergg.blogspot.com

Page 34: Projektowanie komunikacji
Page 35: Projektowanie komunikacji
Page 36: Projektowanie komunikacji
Page 37: Projektowanie komunikacji
Page 38: Projektowanie komunikacji
Page 39: Projektowanie komunikacji
Page 40: Projektowanie komunikacji
Page 41: Projektowanie komunikacji
Page 42: Projektowanie komunikacji
Page 43: Projektowanie komunikacji
Page 44: Projektowanie komunikacji
Page 45: Projektowanie komunikacji

W sieci...

‣ http://infosthetics.com/

‣ http://thisisindexed.com

‣ http://datavis.tumblr.com/

‣ http://www.digital-web.com/articles/principles_of_design/

Page 46: Projektowanie komunikacji

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