SlideShare una empresa de Scribd logo
1 de 33
Descargar para leer sin conexión
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.
Rambo sem magányos harcos




                      http://www.filmwerk.co.uk/wp-content/uploads/rambo.jpg
—
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.
kutat
                                      tervez

—
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.
Bemutatkozunk     Kollekció
                                                       Kollekció   Viszonteladók   Elérhetőség                          Kapcsolatfelvétel



                    Solitaire                  Duett                   Alkalmi                   Gyöngy
                 Eljegyzési gyűrűk         Házassági gyűrűk            Ékszerek                  Ékszerek




   Solitaire eljegyzési gyűrűk                                                                                     12      12


   A 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                                  Róma




—
Bojti Szentpétervár
      Ékszer Manufaktúra, drótváz.   Budapest                         Bécs                                  Bécs
kutat
                                      tervez
                                       figyel
—
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
kutat
                                     tervez
                                      figyel
                                     kö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ő.
Hi, Neil. Why am I
                                                                           smiling, you ask?
                                                                        Because I’m not wearing
                                                                               any pants!




                      http://mailchimp.com/2012/ | http://voiceandtone.com/
—
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.
Clearleft is donating
                                                                              10% of all profits from
                                                                             Silverback to saving the
                                                                                     gorillas.




                                         http://www.silverbackapp.com
—
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.
Sync, share, store. Smile.




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




                                                      Text
—
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. Norman
                                 The 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 vagy
                  realisztikus


—
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!

Más contenido relacionado

Destacado

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 

Destacado (20)

Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 

TEDxYouth Budapest klub

  • 1. 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.
  • 2. é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.
  • 3. Rambo sem magányos harcos http://www.filmwerk.co.uk/wp-content/uploads/rambo.jpg — A UX designer nem Rambo. Bár Rambo sem volt egyedül: ott volt a tábornok, na meg persze a filmstáb is.
  • 4. 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.
  • 5. 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.
  • 6. kutat tervez — 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!
  • 7. Bojti Ékszer Manufaktúra, papír prototípus — Bojti Ékszer Manufaktúra, papír prototípus felhasználói teszthez.
  • 8. — Bojti Ékszer Manufaktúra, papír prototípus felhasználói teszthez - kattintás után.
  • 9. Bojti Ékszer Manufaktúra, papír prototípus — Bojti Ékszer Manufaktúra, még több papír prototípus.
  • 10. Bemutatkozunk Kollekció Kollekció Viszonteladók Elérhetőség Kapcsolatfelvétel Solitaire Duett Alkalmi Gyöngy Eljegyzési gyűrűk Házassági gyűrűk Ékszerek Ékszerek Solitaire eljegyzési gyűrűk 12 12 A 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 Róma — Bojti Szentpétervár Ékszer Manufaktúra, drótváz. Budapest Bécs Bécs
  • 11. kutat tervez figyel — 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.
  • 12. designer: Kiss György — Design fázis Kiss Gyuri által - http://www.behance.net/GyorgyKiss
  • 13. fejlesztők: H3Tech, www.bojtiekszer.hu — Fejlesztés: H3Tech, h3tech.hu Oldal: www.bojtiekszer.hu
  • 14. kutat tervez figyel kö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
  • 15. csoda- fegyverek — Technikák, amiktől Chuck Norris is csak bámulna.
  • 16. emotional design — Design ami az érzelmekre hat. Vidám, humoros, kacajt keltő. Támogató, szociális. Emlékeket idéző.
  • 17. Hi, Neil. Why am I smiling, you ask? Because I’m not wearing any pants! http://mailchimp.com/2012/ | http://voiceandtone.com/ — 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.
  • 18. Clearleft is donating 10% of all profits from Silverback to saving the gorillas. http://www.silverbackapp.com — http://silverbackapp.com, gerilla user testing. Az app árának 10%-a az ezüsthátú gorillák megmentését szolgálja.
  • 19. — 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.
  • 20. Sync, share, store. Smile. cubby.com — www.cubby.com, mi adatokat tárolunk benne, amik kicsit személyes dolgok is - személyünkhöz köthetőek
  • 21. Donald A. Norman Emotional design Text — Donald Norman - Emotional design - http://www.ted.com/talks/don_norman_on_design_and_emotion.html
  • 22. 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.
  • 24. — cubby.com, pszt, majd figyeljetek :)
  • 25. 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)
  • 26. Donald A. Norman The 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
  • 27. absztrakt vagy realisztikus — Attól függ. Mindkettőnek megvan a maga helye.
  • 29. Mac OS X Calendar
  • 30. Sacha Greif, sachagreif.com/the-flat-sink/ — Sacha Greif, sachagreif.com/the-flat-sink/, az új mosdókagyló története.
  • 31. 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.
  • 32. 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.
  • 33. thx!