[{"data":1,"prerenderedAt":108},["ShallowReactive",2],{"i-lucide:menu":3,"i-lucide:arrow-up-right":8,"i-lucide:moon":10,"i-lucide:sun":12,"i-lucide:rss":14,"i-simple-icons:github":16,"i-simple-icons:linkedin":18,"post-\u002F2010\u002Fkriitikat-ui-arvel":21,"surround-\u002F2010\u002Fkriitikat-ui-arvel":95,"i-lucide:arrow-left":104,"i-lucide:arrow-right":106},{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":7},0,24,false,"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 5h16M4 12h16M4 19h16\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":9},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h10v10M7 17L17 7\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":11},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":13},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Ccircle cx=\"12\" cy=\"12\" r=\"4\"\u002F>\u003Cpath d=\"M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":15},"\u003Cg fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\">\u003Cpath d=\"M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16\"\u002F>\u003Ccircle cx=\"5\" cy=\"19\" r=\"1\"\u002F>\u003C\u002Fg>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":17},"\u003Cpath fill=\"currentColor\" d=\"M12 .297c-6.63 0-12 5.373-12 12c0 5.303 3.438 9.8 8.205 11.385c.6.113.82-.258.82-.577c0-.285-.01-1.04-.015-2.04c-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729c1.205.084 1.838 1.236 1.838 1.236c1.07 1.835 2.809 1.305 3.495.998c.108-.776.417-1.305.76-1.605c-2.665-.3-5.466-1.332-5.466-5.93c0-1.31.465-2.38 1.235-3.22c-.135-.303-.54-1.523.105-3.176c0 0 1.005-.322 3.3 1.23c.96-.267 1.98-.399 3-.405c1.02.006 2.04.138 3 .405c2.28-1.552 3.285-1.23 3.285-1.23c.645 1.653.24 2.873.12 3.176c.765.84 1.23 1.91 1.23 3.22c0 4.61-2.805 5.625-5.475 5.92c.42.36.81 1.096.81 2.22c0 1.606-.015 2.896-.015 3.286c0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":19,"hidden":20},"\u003Cpath fill=\"currentColor\" d=\"M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037c-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85c3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.06 2.06 0 0 1-2.063-2.065a2.064 2.064 0 1 1 2.063 2.065m1.782 13.019H3.555V9h3.564zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0z\"\u002F>",true,{"id":22,"title":23,"body":24,"category":77,"comments":78,"date":79,"description":30,"excerpt":78,"extension":80,"image":78,"meta":81,"navigation":20,"path":82,"readingTime":83,"seo":84,"stem":85,"subtitle":78,"tags":86,"wordCount":93,"__hash__":94},"posts\u002F2010\u002Fkriitikat-ui-arvel.md","Mõttefragmente veebipõhistest kasutajaliidestest.",{"type":25,"value":26,"toc":73},"minimark",[27,31,45,48,51,62,70],[28,29,30],"p",{},"Mida tahab veebiteenuse kasutaja rohkem? Praktilist funktsionaalsust, silmailu või lihtsust? Küsimus, millega kasutajaliideste disainerid pidevalt vastamisi seisavad. Ei saa teha Autocadiga võrdse funktsionaalsusega GUI-d, millega saab teha biljon erinevat tegevust, ning hoida see samas silmale ilus (Word 2010) ja rumalatele arusaadav Web 2.0-laadsed teenused). Kes on teenuse kasutajad? Mida nad vajavad?",[28,32,33,34,44],{},"Septembri alguses tahtsin end Eesti riigiportaali kaudu Tallinna elanikuks registreerida - mis on ju tore, e-riik ja e-teenused, lihtsa toimingu pärast ei pea linnavalitsusse kohale minema. Vastavat vormi avades avastasin, et uue aadressi sisestamine ei ole üldsegi kerge. Vorm oli jagatud osadeks: ühe välja asemel, kuhu saaks vabas vormis aadressi kirjutada, olid valikvastustega eraldi välja toodud eri üksused (maakond, linn, linnaosa). Kasutatud oli ",[35,36,43],"a",{"className":37,"href":39,"rel":40,"title":42},[38],"zem_slink","http:\u002F\u002Fen.wikipedia.org\u002Fwiki\u002FAjax_%28programming%29",[41],"wikipedia","Ajax (programming)","AJAX","it, ja klassikalist hierarhiat, st. alustada tuli suurimast üksusest ning seejärel täitis AJAX allpool asuva valikukasti. Kas märkate probleemi?",[28,46,47],{},"Sellisel vormil on muidugi oma eelised, aga antud juhul oli see halvasti läbimõeldud. Jõudes valikutega oma majani, ei suutnud ma valida oma korterinumbrit, kuna süsteem arvas, et seda ei eksisteeri. Lehe allservas oli kontaktaadress ning paari päeva pärast tuligi vastus, et administraator oli aadresside andmebaasi minu korterinumbri käsitsi lisanud. Vaene administraator. Kas tal tuleb sama teha veel ~300 000 korda?",[28,49,50],{},"Süsteemis võiks kasutada Google Maps stiilis lahendust: kasutaja valigu punkt kaardil, või sisestagu aadress ühte tekstivälja ning süsteem olgu nii tark, et saaks andmed valideeritud ja töödeldud.",[28,52,53,54,61],{},"Andmete valideerimine on tüütu. Inimesed, kes on programme koostanud ja kasutaja sisestustega tegelenud, peaksid nõustuma. Näide ",[35,55,60],{"className":56,"href":57,"rel":58,"title":60},[38],"http:\u002F\u002Fwww.php.net\u002F",[59],"homepage","PHP","-st. küsides kasutajalt tema nime. Saadud vastust tuleb kontrollida, kusjuures edevam veebileht teeb seda nii kliendi arvutis (Javascript) kui serveris. Kas nimi sisaldab numbreid? Kas on tegemist keelatud sümbolitega (MySQL injection)? Kas ta on min \u003C X \u003C max pikkusega või hoopis tühi? Ahvatlev on kasutaja eest mõtlemine ära teha, asendades tekstikasti valikvastustega. Väga hea, kui tahate teada \"Kas olete abielus?\" - Jah, Ei. Mitte nii väga, kui küsite arvamust.",[28,63,64,65,69],{},"IRL korraldas Septembris 2010 oma veebilehel arvamusküsitluse. Puhttehniliselt muidugi hästi koostatud ja ilusa väljanägemisega. Samas - Mari-Liis Jakobson: \"Mis puudutab vastusevariantidega küsimusi, siis sealt on näha, et ega erakonda tõenäoliselt kodaniku arvamus niiväga ei huvita, sest probleemide kohta uurimise asemel on nad sinna oma valmislahendused juba üles pannud.\" (",[35,66,68],{"href":67},"http:\u002F\u002Fwww.postimees.ee\u002F?id=311803","Postimees","). Massilise küsitluse puhul on nõnda andmeid palju kergem töödelda, kuid samas saadakse nii ebatäpsemat infot.",[28,71,72],{},"Mis ma kogu selle jauramisega öelda tahan? Enne, kui mingit kasutajaliidest teha, tuleks veidike mõelda, kui lolli \u002F targa inimese kasutada see läheb, kui palju neid inimesi on, mida nad praktiliselt vajavad ning mida koostaja sealt tagasi tahab saada.",{"title":74,"searchDepth":75,"depth":75,"links":76},"",2,[],"Software Development",null,"2010-10-02","md",{},"\u002F2010\u002Fkriitikat-ui-arvel","about 2 minutes",{"title":23,"description":30},"2010\u002Fkriitikat-ui-arvel",[87,88,89,90,91,92],"eesti","GUI","kasutajaliides","UI","UI design","web design",419,"wxJBu2V9MhyKZ3qOEHCySXVnhRvmmZDcipXgtDwdGqs",[96,100],{"title":97,"path":98,"stem":99,"children":-1},"Arvutimaailma tundmatu pahupool: litsentsid","\u002F2010\u002Farvutimaailma-tundmatu-pahupool-litsentsid","2010\u002Farvutimaailma-tundmatu-pahupool-litsentsid",{"title":101,"path":102,"stem":103,"children":-1},"Arendajad vs. Adminnid [Ad:minn-nnid] #1","\u002F2010\u002Farendajad-vs-adminnid-1","2010\u002Farendajad-vs-adminnid-1",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":105},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m12 19l-7-7l7-7m7 7H5\"\u002F>",{"left":4,"top":4,"width":5,"height":5,"rotate":4,"vFlip":6,"hFlip":6,"body":107},"\u003Cpath fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 12h14m-7-7l7 7l-7 7\"\u002F>",1790886934331]