Webtipo - UX MeetOFF 2011

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ó?
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.
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
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
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
27. &Köszönöm! Pónya Judit @ptxster jponya@fatdux.com www.fatdux.com