Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Webtipo - UX MeetOFF 2011

A06c042851e477fdfef700753e6dd725?s=47 Judit Pónya
November 07, 2011

Webtipo - UX MeetOFF 2011

A06c042851e477fdfef700753e6dd725?s=128

Judit Pónya

November 07, 2011
Tweet

Transcript

  1. Abban a hiszemben készítjük a honlapokat, hogy az emberek majd

    áttanulmányoznak minden oldalt, elolvassák a gondosan cizellált szövegeket, átlátják a szerkezetet, majd az összes opció alapos mérlegelését követ!en döntenek, hogy mire kattintanak. Logikus, hogy racionálisan gondolkodó, figyelmes felhasználókat képzelünk el, amikor weblapokat tervezünk. Természetes,hogy úgy gondoljuk, mindenki, aki az internetet használja, úgy viselkedik, mint mi magunk. És persze az is normális, hogy a saját viselkedésünket sokkal megfontoltabbnak, logikusabbnak képzeljük, mint amilyen valójában. Ezért ha hatékony weboldalakat szeretnénk tervezni, akkor meg kell barátkoznunk a webhasználók valódi szokásait jellemz! három törvényszer"séggel. 1. törvényszer"ség: Nem olvassuk végig az oldalakat, csak átfutjuk !ket Közismert tény, hogy webes böngészéseink során a legtöbb oldalt nem olvassuk végig, csupán rájuk pillantunk vagy átfutjuk !ket, hátha találunk olyan szavakat vagy kifejezéseket, amelyek megragadják a figyelmünket. Természetesen más a helyzet, ha olyan oldalon járunk, ami híreket, beszámolókat, termékleírásokat vagy egyéb dokumentumokat tartalmaz. De még ekkor is sokan kinyomtatják a néhány bekezdésnél hosszabb szövegeket, mert könnyebb és gyorsabb papírról olvasni, mint monitorról. Vajon miért nem olvasunk alaposabban? Mert rendszerint sietünk. A webhasználat f! oka sokszor az, hogy id!t akarunk spórolni. A felhasználók – képletesen szólva – olyanok, mint a cápák: folyamatosan haladniuk, „úszniuk” kell el!re, vagy elpusztulnak. Nincsen idejük arra, hogy többet olvassanak a feltétlenül szükségesnél. Tudjuk, hogy nem kell mindent elolvasnunk. A legtöbb honlap információtartalmának nagy része érdektelen. Csak azt keressük, ami leginkább megfelel az érdekl!désünknek, vagy kapcsolódik az aktuális problémánkhoz, a többi irreleváns. Az áfutás segít megtalálni a lényeget. Gyakorlott „átfutók” vagyunk. Mindannyian hosszú évek óta úgy keressük a napilapok, folyóiratok, könyvoldalak érdekes részleteit, hogy átfutjuk !ket. Ismerjük és m"köd!képesnek tartjuk ezt az eljárást. A webhasználat els! törvényszer"ségér!l mindig eszembe jut Gary Larson egyik klasszikus karikatúrája, ami azt mutatja be, mi a különbség aközött, amit a kutyánknak mondunk, és aközött, amit a kutya valójában hall. A képen a kutya (Gingernek hívják) látszólag figyelmesen hallgatja a gazdáját, aki lelkibeszédet tart neki arról, hogy nem szabad a szemétben ugrálni. De a kutya tudatáig ebb!l alig-alig jut el valami: „bla-bla GINGER blabla-bla-bla GINGER bla-bla-bla”. A felhasználó személyét!l is függ, persze, hogy mit lát, amikor egy weboldalon jár, de általában csak az oldal tartalmának töredéke jut el a tudatáig. Ahogyan Ginger, mi is csak azokra a szavakra és kifejezésekre figyelünk fel, amelyek a) kapcsolódnak az aktuális problémánkhoz, vagy b) megfelelnek a pillanatnyi érdekl!désünknek. és persze felfigyelünk c) azokra az ingerszavakra, amelyek mélyen bevés!dtek az elménkbe, mint például „ingyenes”, „akció”, „szex” és a saját nevünk. UX MeetOFF 2011. augusztus 25. Budapest Pónya Judit FatDUX Budapest
  2. olvasható szöveg

  3. Fontválasztás Arial Verdana Times Georgia sIFR @font-face

  4. Tartalom stílusához illő betűtípus ʐ Comic Sans

  5. Olvasnivaló vagy dekoráció?

  6. None
  7. None
  8. None
  9. Írógépszimulátor? ez nem kiemelés ὇ez nem idézőjel὇ /ez nem zárójel/

    szövegközi kiemelés „idézőjel” (zárójel)
  10. Sorhossz, sortávolság

  11. Igazítás Nem olvassuk végig az oldalakat, csak átfutjuk őket. Közismert

    tény, hogy webes böngészéseink során a legtöbb oldalt, nem olvassuk végig, csupán rájuk pillantunk vagy átfutjuk őket, hátha találunk olyan szavakat vagy kifejezéseket, amelyek megragadják a figyelmünket. Természetesen más a helyzet, ha olyan oldalon járunk, ami híreket, beszámolókat, termékleírásokat vagy egyéb dokumentumokat tartalmaz.
  12. Igazítás Vajon miért nem olvasunk alaposabban? Mert rendszerint sietünk. A

    webhasználat fő oka sokszor az, hogy időt akarunk spórolni. A felhasználók – képletesen szólva – olyanok, mint a cápák: folyamatosan haladniuk, „úszniuk” kell előre, vagy elpusztulnak. Nincsen idejük arra, hogy többet olvassanak a feltétlenül szükségesnél. Tudjuk, hogy nem kell mindent elolvasnunk. A legtöbb honlap információtartalmának nagy része érdektelen.
  13. None
  14. Csak átfutjuk az oldalakat

  15. Átfutható oldal Egyértelmű vizuális hierarchia Tartalom belső szerkezetét mutatja összetartozó

    elemek alárendeltség fontosság
  16. Tagolása A szöveg belső szerkezete ▪Címek és alcímek kiemelése ▪Rövid

    bekezdések ▪Listák használata ▪Szövegközi kiemelés ▪Nem releváns elemek formázása 20 Tips for Improving Your Web Writing By Eric Reiss Sep 1, 2009 2 comments The truth is, most online readers don’t care much about grammar, spelling and punctuation as long as they get the information they need. With that said, good grammar does build trust in your organization. So does proper spelling — so proofread your text and ask a professional copywriter to look it over if at all possible. Here are some of the many tips I give our clients during my popular “Writing for the web” workshop. “Kill Your Darlings” is a quote from the American writer William Faulkner. Basically, it means you should take a critical look at what you’ve written. I often discover that if I cut out my first paragraph, I will improve the text 100%. On the web, people want you to get to the point. They’re not on your site to admire your fine writing. George Orwell, the English author of 1984, Animal Farm and other classics, has six rules of writing. Here they are – they’re all gems: Never use a metaphor, simile, or other figure of speech that you are used to seeing in print. Never use a long word where a short one will do. If it is possible to cut a word out, always cut it out. Never use the passive voice when you can use the active Never use a foreign phrase, a scientific word, or a jargon word if you can think of an everyday equivalent. Break any of these rules sooner than say anything outright barbarous! This is about getting your readers to understand what you already know. For example, if I mention “the soup Nazi”, you may or may not recognize this reference from the TV comedy, Seinfeld. As writers, we cannot take any chances — our job is to make sure that people understand exactly what we mean and what we say. Just for fun, read this description and create a vision in your mind: "Ordinary 60 W lightbulb with standard screw-in base (E27)" Pause a moment before you read on. Make sure you see the lightbulb in your mind’s eye. OK, continue reading.
  17. Tagolása A szöveg belső szerkezete ▪Címek és alcímek kiemelése ▪Rövid

    bekezdések ▪Listák használata ▪Szövegközi kiemelés ▪Nem releváns elemek formázása 20 Tips for Improving Your Web Writing By Eric Reiss Sep 1, 2009 2 comments The truth is, most online readers don’t care much about grammar, spelling and punctuation as long as they get the information they need. With that said, good grammar does build trust in your organization. So does proper spelling — so proofread your text and ask a professional copywriter to look it over if at all possible. Here are some of the many tips I give our clients during my popular “Writing for the web” workshop. “Kill Your Darlings” is a quote from the American writer William Faulkner. Basically, it means you should take a critical look at what you’ve written. I often discover that if I cut out my first paragraph, I will improve the text 100%. On the web, people want you to get to the point. They’re not on your site to admire your fine writing. George Orwell, the English author of 1984, Animal Farm and other classics, has six rules of writing. Here they are – they’re all gems: Never use a metaphor, simile, or other figure of speech that you are used to seeing in print. Never use a long word where a short one will do. If it is possible to cut a word out, always cut it out. Never use the passive voice when you can use the active Never use a foreign phrase, a scientific word, or a jargon word if you can think of an everyday equivalent. Break any of these rules sooner than say anything outright barbarous! This is about getting your readers to understand what you already know. For example, if I mention “the soup Nazi”, you may or may not recognize this reference from the TV comedy, Seinfeld. As writers, we cannot take any chances — our job is to make sure that people understand exactly what we mean and what we say. Just for fun, read this description and create a vision in your mind: "Ordinary 60 W lightbulb with standard screw-in base (E27)" Pause a moment before you read on. Make sure you see the lightbulb in your mind’s eye. OK, continue reading.
  18. Tagolás Az oldal belső szerkezete Szövegblokkok elkülönítése és kiemelése ▪Szövegblokk

    helye igazítás, közelség, térközök ▪Háttérszín ▪Elválasztó grafikai elem keret, lénia
  19. None
  20. jó sok feature! WYSIWYG editor

  21. jó sok feature! beépített problémagenerátor WYSIWYG editor ▪Szövegközi kiemelés ▪Listák

    ▪Alcímek
  22. None
  23. # Quis est Pu Dum ultro citroque commeabas num nubes

    minaturae essent scire avens _Winnie ille Pu_ carmen istud cantitavit: * Quis vult in terra stare *!Cum possit volitare *!Parva nubecula * Cantitat carmina. Apes sicut antea magna cum suspicione bombilabant. Nonnuhlae ex apiario egressae, reapse, nubeculam alteram stropham carminis cantantem circumvolabant et una ex illis per punctum temporis in naso nubeculae se posuit deinde autem alis se sustulit. Egyszerű leíró nyelvek Markdown Textile Wikitext
  24. olvasható szöveg

  25. None
  26. None
  27. &Köszönöm! Pónya Judit @ptxster jponya@fatdux.com www.fatdux.com