Online felületek „formatervezése”

avagy a felhasználói élmény design

—Kicsit azért pontosítandó: Online felületek forma- és funkciótervezése közelebb áll a valósághoz.

élményélmény alkotókélmény alkotás

—Az élmény röviden: Ingerek hatására bekövetkező érzet.

Most ti is egy élmény részesei vagytok - az, hogy ez milyen élmény lesz majd később kiderül, de azért adjatok némi esélyt. Nekem is van már egy élményem - ez nem azt jelenti, hogy izgulok vagy ilyesmi.

Felhasználói élmény: Egy digitális termék minden olyan aspektusa, amit a felhasználók érzékelnek (ide értve a termék formáját, működését és tartalmát). A felhasználói élmény meghatározó tényezői a tanulhatóság, használhatóság, hasznosság és vizualitás.

http://www.filmwerk.co.uk/wp-content/uploads/rambo.jpg

Rambo sem magányos harcos

—A UX designer nem Rambo. Bár Rambo sem volt egyedül: ott volt a tábornok, na meg persze a filmstáb is.

UX designer?

—De akkor ki a UX designer? Ő az alkotók egyike - a vezetőség, marketing, design, fejlesztés és sok mindenki mellett. Egy sikeres termékhez minden ilyen alkotói csoport munkája szükséges.

kutat

—előzetes kutatásokat végez az vezetőségtől kapott üzleti célok mentén. Az eszköztár (egy része): interjúk, versenytárs tesztek, mentális modellek, etnografikus és kontextusbeni vizsgálatok.

kutattervez

—Tervezés, a korábban megszerzett információkra hagyatkozva. Ez nem független a kutatástól, igyekezzünk minél hamarabbi állapotot tesztelni. Főleg mivel egy agilis körenyezetben az előzetes kutatások ritkán lehetnek hosszan elnyúlóak. Igazoljuk terveinket!

Bojti Ékszer Manufaktúra, papír prototípus—Bojti Ékszer Manufaktúra, papír prototípus felhasználói teszthez.

—Bojti Ékszer Manufaktúra, papír prototípus felhasználói teszthez - kattintás után.

Bojti Ékszer Manufaktúra, papír prototípus—Bojti Ékszer Manufaktúra, még több papír prototípus.

Solitaire eljegyzési gyűrűkA házasság az európai hagyomány és a hatályos magyar jog szerint egy felnőtt férfinak és egy nőnek jogilag elismert és szabályozott életközössége.

Párizs Berlin Róma

Szentpétervár Budapest Bécs

Dubai Barcelona Washington

Vegye fel velünk a kapcsolatot

1212

ElérhetőségViszonteladókBemutatkozunk Kollekció KapcsolatfelvételKollekció

DuettHázassági gyűrűk

AlkalmiÉkszerek

GyöngyÉkszerek

SolitaireEljegyzési gyűrűk

Róma

Bécs

Washington

Copyright © 1987 – 2012 Bojti Ekszermanufaktúra

ViszonteladókBemutatkozunk ElérhetőségKollekció

Eljegyzési gyűrű

Házasság gyűrű

Alkalmi ékszerek

Gyöngy ékszerek

Nyitólap

—Bojti Ékszer Manufaktúra, drótváz.

kutattervezfigyel

—A vizuális tervezés és fejlesztés során fontos együttműködni a többi alkotóval. Ez egyébként is fontos, de most meg aztán nagyon.

designer: Kiss György

—Design fázis Kiss Gyuri által - http://www.behance.net/GyorgyKiss

fejlesztők: H3Tech, www.bojtiekszer.hu

—Fejlesztés: H3Tech, h3tech.hu Oldal: www.bojtiekszer.hu

kutattervezfigyelkövet

—Akkor bizony kész az élmény! Azért még nem teljesen. Figyeljünk, hogy felhasználóink hogyan használják a felületet - örülnek vagy szomorkodnak, jó vagy rossz az élmény? Ennek megfelelően jön az újratervezés

csoda-fegyverek

—Technikák, amiktől Chuck Norris is csak bámulna.

emotional design

—Design ami az érzelmekre hat. Vidám, humoros, kacajt keltő. Támogató, szociális. Emlékeket idéző.

http://mailchimp.com/2012/ | http://voiceandtone.com/

Hi, Neil. Why am I smiling, you ask?

Because I’m not wearing any pants!

—www.mailchimp.com, Freddie a vicces kedvű majom. Egyébként kikapcsolható de a felhasználók minimális hányada élt a lehetőséggel.

http://www.silverbackapp.com

Clearleft is donating 10% of all profits from

Silverback to saving the gorillas.

—http://silverbackapp.com, gerilla user testing. Az app árának 10%-a az ezüsthátú gorillák megmentését szolgálja.

—Cubby-k: az amerikai óvodások és kisiskolások tárolói, amiben személyes cuccaikat tudták elhelyezni. Ikeában is láttam ilyent, már mint lakberendezési eszköz.

cubby.com

Sync, share, store. Smile.

—www.cubby.com, mi adatokat tárolunk benne, amik kicsit személyes dolgok is - személyünkhöz köthetőek

Text

Donald A. NormanEmotional design

—Donald Norman - Emotional design - http://www.ted.com/talks/don_norman_on_design_and_emotion.html

gamification

—Játék elemek és mechanizmusok beépítése egy online felületbe. Kognitív pszichológia és viselkedéstudomány, motivációelméletek és versenyszellem. Sokat kutatják, egyes részeit alkalmazzuk.

https://foursquare.com—foursquare.com a badge paradicsom.

—cubby.com, pszt, majd figyeljetek :)

affordancia

—Mire számítunk egyes felületek vagy tárgyak vizuális hatásából/formájából? A múlt mintái visszatérnek. A felhasználói felületek gombjai a fizikai világ gombjaihoz kívánnak hasonulni - mind vizuálisan (3D hatás, árnyékok) mind pedig működésben (benyomódik, be van kapcsolva)

Donald A. NormanThe psychology of everyday

things

—Ezt az urat már láttuk. Írt még más könyveket is. További kapcsolódások: http://goo.gl/aaTWN

absztrakt vagyrealisztikus

—Attól függ. Mindkettőnek megvan a maga helye.

Windows 8 Calendar—http://blogs.msdn.com/b/b8/archive/2012/06/15/designing-the-windows-8-calendar-app.aspx

Mac OS X Calendar

Sacha Greif, sachagreif.com/the-flat-sink/—Sacha Greif, sachagreif.com/the-flat-sink/, az új mosdókagyló története.

miért izgalmas ez?

—Az egész világnak tervezel. UX designerként döntéseid ténylegesen jobbá teszik az emberek életét. Ebből következőleg nagyon sokrétű és izagalmas, úgy ahogy az élményeink.

slideshare.net/csongorfabian—

linkedin.com/in/csongorfabian—

csongor.fabian@gmail.com—

pinterest.com/chronotype/

—A slideokat slideshare-en, engem meg a többi linken találtok.

thx!