Psihologija i dizajn

Transcript

1. RAZVOJ (EFIKASNOG) SUČELJA Psihologija i dizajn (web) aplikacija Stjepan Štajduhar UI/web dizajner ― Front-end developer ― dipl.psiholog
2. DOBAR UI VJEROJATNO NE OSTAVLJA BEZ DAHA ALI LOŠ UI SIGURNO FRUSTRIRA PROSJEČAN KORISNIK
3. ŠTO KORISNICI (NE) ŽELE MOŽDA NIJE ONO ŠTO VI MISLITE ALI JE SIGURNO …
4. BRZO I EFIKASNO RIJEŠITI PROBLEM CILJ: ŠTO MANJE KORISTITI APLIKACIJU * * NE I AKO STE NOVI FACEBOOK
5. KORISNIK TREBA ŠTO MANJE RAZMIŠLJATI RJEŠAVANJE PROBLEMA MORA BITI INTUITIVNO DOBAR UX
6. UI KAO ŠEĆER NA KRAJU Čast iznimkama (Craigslist)
7. ŠTO KORISNIK (NE) ŽELI ≠ PONAŠANJE KORISNIKA
8. NEKA PONAŠANJA JE LAKO PREDVIDJETI KORIŠTENJE APLIKACIJE I NE TOLIKO * * JER NAM NIJE TOLIKO VAŽNO
9. PONAŠANJE Pod utjecajem mnoštva faktora Stephen P. Anderson - The Fundamentals of Experience Design
10. ŠTO VI ŽELITE OD KORISNIKA MOŽDA UOPĆE NIJE BITNO ALI IPAK MOŽETE …
11. USMJERITE KORISNIKE DA RADE ONO ŠTO VI ŽELITE I PRI TOME RIJEŠITI NJIHOV PROBLEM DOBAR UI
12. ŠTO UTJEČE NA DOBAR UI PSIHOLOGIJSKI TIPS AND TRICKS * * SMJERNICE, NE UNIVERZALNA PRAVILA
13. PERCEPTIVNA ORGANIZACIJA Prvo vidimo cjelinu, tek onda pojedine elemente BLIZINA GRUPIRANI ELEMENTI DOŽIVLJAVAJU SE KAO CJELINA KONTINUITET ELEMENTI U ISTOJ LINIJI DOŽIVLJAVAJU SE KAO CJELINA
14. PERCEPTIVNA ORGANIZACIJA Prvo vidimo cjelinu, tek onda pojedine elemente SLIČNOST ELEMENTI SLIČNOG OBLIKA DOŽIVLJAVAJU SE KAO CJELINA ZAJEDNIČKA SUDBINA ELEMENTI KOJI SE KREĆU ZAJEDNO DOŽIVLJAVAJU SE KAO CJELINA
15. PERCEPTIVNA ORGANIZACIJA Prvo vidimo cjelinu, tek onda pojedine elemente ZATVARANJE POPUNJAVENJE RUPA TRAŽENJEM POZNATIH OBLIKA NA TEMELJU ISKUSTVA LIK I POZADINA ELEMENT KAO LIK – USMJERAVAMO PAŽNJU ELEMENT KAO POZADINA – KONTEKST, NE USMJERAVAMO PAŽNJU
16. STOP WAR PEACE NOW STOP WAR PEACE NOW UTJECAJ KONTEKSTA Usmjeravanje percepcije mijenjanjem konteksta AKO NE PAZITE NA KONTEKST, MOŽETE KOMUNICIRATI KRIVU PORUKU
17. VIDNO PRETRAŽIVANJE Automatsko pretraživanje istaknutih obilježja objekta ISTAKNUTA OBILJEŽJA (BOJA, OBLIK) UOČAVAMO BRZO, NEOVISNO O BROJU OSTALIH ELEMENATA (DISTRAKTORA)
18. SELEKTIVNA PAŽNJA Skeniramo na temelju prošlih iskustva OČEKIVANJA KORISNIKA KOD OBAVLJANJA SLIČNIH RADNJI
19. SELEKTIVNA PAŽNJA Skeniramo na temelju prošlih iskustva UTJECAJ FIZIČKIH OBJEKATA OKO NAS
20. NESVJESNI PROCESI I EVOLUCIJA Opasnost, hrana i seks SNAŽNO PRIVLAČE PAŽNJU
21. 385981818288 KRATKOROČNO PAMĆENJE Ograničeni kapacitet 385 98 1818288 385 98 1818 288 12 3 + 2 + 7 3 + 2 + 4 + 3 KOMADANJE INFORMACIJA = LAKŠE PROCESIRANJE Not only do we offer all of the above but we make it easy for you to access our services. We can pick your car up from your home or work and return it to you or, if you give us enough notice, we can give you a courtesy car while we have yours. Not only do we offer all of the above but we make it easy for you to access our services. We can pick your car up from your home or work and return it to you or, if you give us enough notice, we can give you a courtesy car while we have yours.
22. VELIČINA TEKSTA JE BITNA Čitanje bez naprezanja NAPREZANJE PRI ČITANJU TROŠI NAŠE RESURSE
23. VIZUALNE INFORMACIJE Lakše procesiramo sliku nego tekst The Ferrari 360 is a two-seater sports car built by Ferrari from 1999 to 2005. It succeeded the Ferrari F355 and was replaced by the Ferrari F430. It is a mid-engined, rear wheel drive V8-powered coupe. Ferrari partnered with Alcoa to produce an entirely new all aluminum space-frame chassis that was 40% stiffer than the F355 which had utilized steel. The design was 28% lighter despite a 10% increase in overall dimensions. Along with a lightweight frame the new Pininfarina body styling deviated from traditions of the previous decade's sharp angles and flip-up headlights. The new V8 engine, common to all versions, utilizes a 3.6 litre capacity, flat plane crankshaft, titanium connecting rods and generates 400 bhp (300 kW).
24. PRIČA Najbolja forma za procesiranje informacija http://www.benthebodyguard.com
25. PREPOZNAVANJE Prepoznavanje je lakše od dosjećanja
26. PREPOZNAVANJE LICA Zaseban dio kore mozga zadužen samo za detekciju lica UZ AUTOMATSKO PREPOZNAVANJE LICA, PRATIMO I POGLED
27. PREPOZNAVANJE LICA Lica privlače pažnju i pobuđuju emocije DIREKTAN POGLED + OSMIJEH
28. DONOŠENJE ODLUKE Želimo više izbora nego što možemo podnijeti PREVIŠE OPCIJA BLOKIRA DONOŠENJE ODLUKE
29. DONOŠENJE ODLUKE Utjecaj načina prezentacije opcija RACIONALIZACIJA TROŠKA ISTICANJE OPCIJE
30. CILJEVI I NAGRADE Volimo ostvariti cilj (i dobiti nagradu za to) PRIBLIŽAVANJEM CILJU RASTE MOTIVACIJA OSTVARIVANJE CILJEVA KAO IGRA
31. NAPREDAK I KONTROLA Upravljanje svojim akcijama ŽELIMO ZAVRŠITI ZAPOČETO VOLIMO IMATI KONTROLU NAD PROCESOM
32. TRAŽENJE INFORMACIJA Notifikacije nas čine znatiželjnima DOLAZI DO LUČENJA DOPAMINA, KOJI KONTROLIRA CENTRE NAGRADE I UGODE U MOZGU
33. LJUDI GRIJEŠE I to rade predvidljivo IZVEDBENE GREŠKE NEPOTREBNI KORACI IZOSTAVLJANJE KORAKA KRIVI KORACI
34. LJUDI GRIJEŠE I to rade predvidljivo SUGERIRAJTE KAKO ISPRAVITI GREŠKU
35. ATRIBUCIJA VRIJEDNOSTI Ponekad više cijenimo skuplje stvari CIJENA KAO INDIKATOR KVALITETE KADA DRUGE INFORMACIJE NISU DOSTUPNE
36. LIMITIRANOST Limitirani resursi su poželjniji NE ŽELIMO PROPUSTITI POTENCIJALNO DOBRU PRILIKU
37. SOCIJALNI DOKAZ U novoj situaciji pratimo druge ljude
38. RECIPROČNOST Imamo potrebu uzvratiti kada dobijemo nešto besplatno MOŽDA ĆEMO OPET NEŠTO KUPITI AKO DOBIJEMO BESPLATNU DOSTAVU
39. ALI TO NIJE SVE! — Weinschenk S.M. (2011.) 100 Things Every Designer Needs to Know About People. — Weinschenk S.M. (2009.) Neuro Web Design: What Makes Them Click? — Lidwell, W., Holden,K. i Butler,J. (2010). Universal Principles of Design. — Benoit, W.L. I Benoit, P.J.(2008). Persuasive Messages: The Process of Influence. — Colborne, G. (2011). Simple and Usable Web, Mobile and Interaction Design — Anderson, S.P.(2011). Seductive Interaction Design — http://startupsthisishowdesignworks.com — http://getmentalnotes.com — http://requisitevariety.co.uk/design-with-intent-toolkit/ — http://slideshare.net/stephenpa/the-art-science-of-seductive-interactions
40. HVALA NA PAŽNJI!