Krzysztof Piwowar "Wspomaganie percepcji: niewerbalna komunikacja w formularzach i nie tylko :)"
2 likes398 views
Prezentacja Krzysztofa Piwowara z Adv.pl w ramach World Usability Day 2010!
Krzysztof Piwowar "Wspomaganie percepcji: niewerbalna komunikacja w formularzach i nie tylko :)"
- 1. prezentujeKrzysztof PiwowarWspomaganie percepcji: niewerbalna komunikacja w formularzach i nie tylko :)
- 3. Percepcj mo甜emy nazwa 3 etapowy proces, w kt坦rym informacja jest:1selekcjonowanaporzdkowanainterpretowanaznaczenie
- 4. 2Czym jest komunikacja niewerbalna?
- 5. Jeli mylimy o podstawowej definicji komunikacjiniewerbalnej to dotyczy ona 2 () wszystkich ludzkich zachowa postaw i obiekt坦w innych ni甜 sowa, kt坦re komunikuj wiadomoci i posiadaj wsp坦lne spoeczne znaczenie. Obejmuje: wygld fizyczny, ruch ciaa, gesty, wyraz twarzy, ruch oczu, dotyk, gos oraz spos坦b wykorzystywania czasu i miejsca w komunikowaniu si. Nie zawiera jednak gest坦w kt坦re zawieraj sowa, takich jak jzyk migowy, ani s坦w pisanych lub przekazywanych elektronicznie ()definicja wedug S.P Morreale
- 6. A m坦wic prociej komunikacja niewerbalna to 2Ilustracja pochodzi ze strony: www.ehow.comIlustracja pochodzi ze strony: thepoodleanddogblog.typepad.com
- 7. ale co z sytuacj, kiedym坦wimy o komunikacjiw ramach interfejsu?2Ilustracje pochodz ze stron: mytechnews.info, steepleashton.com
- 9. Niekt坦re interfejsy analogowe 2Ilustracja pochodzi ze strony: drivemileone.com
- 10. nie wspomagaj percepcji!2Ilustracja pochodzi ze strony: clivesimpkins.blogs.com
- 11. Ale na szczcie s te甜 takie,kt坦re to robi :)2Ilustracja pochodzi ze strony: drivemileone.com
- 12. Ale na szczcie s te甜 takie,kt坦re to robi :)2Ilustracje pochodz ze stron: asia.ru, faqs.org
- 13. Za pomoc jakich nonik坦w lub form przekazu odbywa si tutaj komunikacja?2S to:barwa
- 14. ksztat lub znak
- 15. sygna d添wikowy
- 16. sygna wizualny lub imitacja ruchu
- 17. zapachIlustracja pochodzi ze strony: drivemileone.com, asia.ru, faqs.org
- 19. 2Ilustracje pochodz ze stron: in-carpc.co.uk, gentleface.com
- 20. Za pomoc jakich nonik坦w lub form przekazu odbywa si tutaj komunikacja?2S to:barwa
- 21. ksztat lub znak
- 22. sygna d添wikowy
- 23. sygna wizualny
- 24. animacja (ruch)
- 25. haptic technology (forcefeedback)Ilustracje pochodz ze stron: in-carpc.co.uk, gentleface.com
- 26. Podsumowujc 2VS.Dla i. analogowych s to:barwa
- 27. ksztat lub znak
- 28. sygna d添wikowy
- 29. sygna wizualny lub imitacja ruchu
- 30. zapachDla i. cyfrowych s to:barwa
- 31. ksztat lub znak
- 32. sygna d添wikowy
- 33. sygna wizualny
- 34. animacja (ruch)
- 35. haptic technology (forcefeedback)Ilustracje pochodz ze stron: in-carpc.co.uk, gentleface.com
- 36. Podsumowujc Co z tych element坦w mo甜na wykorzysta w komunikacji w formularzach?2VS.Dla i. analogowych s to:barwa
- 37. ksztat lub znak
- 38. sygna d添wikowy
- 39. sygna wizualny lub imitacja ruchu
- 40. zapachDla i. cyfrowych s to:barwa
- 41. ksztat lub znak
- 42. sygna d添wikowy
- 43. sygna wizualny
- 44. animacja (ruch)
- 45. haptic technology (forcefeedback)Ilustracje pochodz ze stron: in-carpc.co.uk, gentleface.com
- 46. Podsumowujc Co z tych element坦w mo甜na wykorzysta w komunikacji w formularzach?2VS.Dla i. analogowych s to:barwa
- 47. ksztat lub znak
- 48. sygna d添wikowy
- 49. sygna wizualny lub imitacja ruchu
- 50. zapachDla i. cyfrowych s to:barwa
- 51. ksztat lub znak
- 52. sygna d添wikowy
- 53. sygna wizualny
- 54. animacja (ruch)
- 55. haptic technology (forcefeedback)Ilustracje pochodz ze stron: in-carpc.co.uk, gentleface.com
- 57. 3Jak mo甜emy wspom坦c 沿艶姻界艶沿界逮?
- 58. 3komunikacja niewerbalna w formularzach
- 59. W formularzach mo甜na wyr坦甜ni przynajmniej piobszar坦w, kt坦re mog poredniczy w komunikacji niewerbalnej3Nale甜 do nich:Obszar pomocy kontekstowej (tzw. hinty).Obszar komunikat坦w walidacyjnych.Obszar wizualizacji i rozmieszczenia element坦w formularza.Obszar u甜ytych oznacze.Obszar zachowania formularza w trakcie interakcji.
- 60. Obszar pomocy kontekstowej (tzw. hint)3LoremipsumdolorikonydymkiZobacz pomocne informacje 損elementy wywoujce
- 61. Obszar pomocy kontekstowej (tzw. hint)3
- 62. Obszar komunikat坦w walidacyjnych3Loremipsumdolorikonydymkioznaczenia element坦w formularzaruch
- 65. Obszar wizualizacji i rozmieszczenia element坦w formularza3rozmieszczenie p坦l w obrbie formularza
- 66. rozmieszczenie poszczeg坦lnych element坦w formularza wzgldem siebie (labele, inputy, headery itd.)
- 67. sekcje
- 68. oznaczenia p坦lObszar wizualizacji i rozmieszczenia element坦w formularza3
- 69. Obszar u甜ytych oznacze3pola wymagane, pola opcjonalne
- 71. pole zablokowane
- 72. pole z focusem
- 73. wygld poszczeg坦lnych element坦w formularza (pola, przyciski, komunikaty, linki itd.)
- 75. oznaczenia sekcji, nag坦wk坦wObszar u甜ytych oznacze3
- 76. Obszar zachowania formularza podczas interakcji3reagowanie na wprowadzane dane
- 77. zachowanie przy zaznaczaniu, odznaczaniu element坦w
- 81. hold&drag, drag&drop, on focus, on click itp.Obszar zachowania formularza podczas interakcji3https://edit.yahoo.com/registration
- 82. 3informacja jest:selekcjonowanaObszary poredniczce w komunikacji w ramach formularzy:Obszar pomocy kontekstowej (tzw. hinty).
- 84. Obszar wizualizacji i rozmieszczenia element坦w formularza.
- 86. Obszar zachowania formularza w trakcie interakcji.porzdkowanainterpretowana
- 87. 4Jakie narzdzia mog 噛温壊岳看壊看敬温?
- 88. Mo甜esz wykorzysta:4AJAX (AsynchronousJavaScript and XML)JavaScriptCSSHTML5
- 89. 5Jakie wyobra甜amy sobie wspomaganie percepcji w przyszoci?
- 90. 5Augmented Reality - The Future of Education ( AraPacis )Deep Green & Augmented Reality Poolhttp://www.youtube.com/watch?v=Q_xF8ujj7kohttp://www.youtube.com/watch?v=AENJxqR0g48
- 91. 5The Future of Self-Service Bankinghttp://vimeo.com/14939329
- 92. prezentowaKrzysztof Piwowark.piwowar@adv.pllubusability-onair.comDzikuj za uwag! Pytania?