svetainių projektavimas: panaudojamumas ir...
TRANSCRIPT
![Page 1: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/1.jpg)
Svetainių projektavimas: panaudojamumas ir patirtys
Žmogaus ir kompiuterio sąveika Kristina Lapin
![Page 2: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/2.jpg)
Turinys
• Įvadas
• Svetainių projektavimas
• Informacijos architektūra
• Navigacija
• Rekomendacijos
– Nielseno euristikos, turiniui, navigacijai, nuorodoms
![Page 3: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/3.jpg)
Svarba
• Naršytojai turi iš ko rinktis
– 2002 metais • apie 100 000 000
– 2009 spalis – • 230 443 449
– 2011 lapkritis • 525,998,433
• Internet live stats
• Nėra panaudojamumo – nėra klientų
http://news.netcraft.com/archives/web_server_survey.html
![Page 4: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/4.jpg)
Įvadas
• Svetainės tikslas išplaukia iš įmonės bendros skaitimeninės strategijos
• Dažnai svetainės yra
– per didelės,
– be aiškios paskirties,
– panaudojamumo užtikrinimas yra žemo prioriteto
• Kokybiška išvaizda ir efektyvi sąveika
– the look and the feel
4
![Page 5: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/5.jpg)
Kūrimo priemonės
• Turinys
– Žymenų kalba, pvz. HTML5
• Išvaizda
– Kaskadiniai stilių lakštai
• Turinio valdymo sistemos
– WordPress, Joomla!, Drupal
![Page 6: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/6.jpg)
Užsakovai - naudotojai
Vartotojai apsilanko, kai nori ...
• gauti informaciją,
• kažką nupirkti ar padovanoti
• pramogauti
• jaustis bendruomenės dalimi.
Pasiekiama, jei paisoma
naudotojų poreikių
Užsakovų lūkesčiai
• Atvers naują rinkodaros kanalą,
• Populiarins prekės ženklą,
• Didins pardavimus.
![Page 7: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/7.jpg)
Svetainių naudotojų potyriai
• Potyriai – patenkinantis, – malonus – smagus, – įdomus, – naudingas, – skatinantis grįžti, – estetiškai patrauklus, – skatinantis kūrybingumą, – tobulinantis.
7
![Page 8: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/8.jpg)
Svetainių naudotojų potyriai
• Nusivylimas
– Savitarnos paslaugoje: nėra naudotojo vadovo, paprasto apmokymo, pagalbininkų
• Investicijų į panaudojamumą grąža
– konversijos laipsnis
• kiek atsitiktinių lankytojų sugrįžta
• kiek tampa nuolatiniais, užsiprenumeravo naujienas
– bandžiusių pirkti ir nupirkusių santykis
8
![Page 9: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/9.jpg)
SVETAINIŲ PROJEKTAVIMAS
![Page 10: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/10.jpg)
Svetainių projektavimas
• Galioja bendri naudotojui palankaus projektavimo principai (4 paskaita)
– Aiškūs panaudojamumo tikslai
• kas yra numatomi naudotojai?
• kuriam tikslui jie naudosis svetaine?
– projektavimas
• naudojimo vizijos scenarijai (6 paskaita)
• scenarijų vizualizavimas: maketai (7 paskaita)
• vertinimai (11-15 paskaitos)
![Page 11: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/11.jpg)
Svetainių projektavimas (2)
• Galioja bendri informacijos architektūros projektavimo principai (9 paskaita)
– Navigacija parodo svetainės struktūrą
• Kur aš esu?
• Kur galiu nueiti?
• Kur jau buvau?
• Ką čia dar įdomaus galima rasti?
– Net kai tikslai buvo aiškiai apibrėžti, po kurio laiko svetainė išauga ir tampa sunkiai naviguojama
![Page 12: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/12.jpg)
Svetainių projektavimas
• Galioja panaudojamumo projektavimo principai (8 paskaita)
– Darna, pvz. vaizduojant nuorodas
– Atsakas, pvz. prasmingi adresai, suprantami pavadinimai, aiški nuoroda į pagrindinį puslapį
![Page 13: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/13.jpg)
Panaudojamumo principai
tinklalapiams (Nielsen ir kiti) • Panaudojamumas – tai kokybės atributas,
atskleidžiantis produkto naudojimo patogumą
1. Išmokstamumas
2. Našumas
3. Atsimenamumas
4. Klaidos
5. Malonumas
13
Kaip greitai dirba pramokęs naudotojas ?
Ar lengva vykdyti esmines užduotis pirmo naudojimo metu?
Ar lengva atsiminti po ilgesnės pertraukos?
Ar dažnai klystama, ar rimtos klaidos, ar lengvai atsistatoma?
Ar naudotojams malonu naudoti produktą?
![Page 14: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/14.jpg)
Naršytojų strategijos
• Apie 50% pirmiausiai naudoja reikšminių žodžių paiešką
– tiksliai žino, ko ieško
• Apie 20% - pirmiausiai nueina į puslapų katalogus
– žiūri, kas naujo atsirado po paskutinio apsilankymo
• Likę – naudoja mišrią strategiją
![Page 15: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/15.jpg)
15
Naudotojo potyrių projektavimo sluoksniai
Jesse James Garrett’s Elements of User Experience: http://www.jjg.net/elements/
• paviršius
• karkasas
• struktūra
• apimtis
• strategija
![Page 16: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/16.jpg)
16
Paviršiaus sluoksnis – svetainės dizainas
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 17: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/17.jpg)
Paviršiaus sluoksnis – svetainės dizainas
• Darną užtikrina kaskadiniai stilių lakštai
• XML elementams – XSL
17
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 18: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/18.jpg)
18
Karkaso sluoksnis apibrėžia ekrano išdėstymą ir funkcines lango dalis
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 19: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/19.jpg)
19
Struktūros apibrėžia naudotojo judėjimo takus arba navigaciją
task panes
modal dialogs
modal wizards
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 20: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/20.jpg)
![Page 21: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/21.jpg)
![Page 22: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/22.jpg)
![Page 23: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/23.jpg)
23
Apimtis: kompiuterizuojamos naudotojo užduotys
Užduotys
• įvesti skaičius
• įvesti tekstą
• įvesti formulę
• formatuoti langelius
• rikiuoti duomenis
• filtruoti duomenis
• agreguoti duomenis
• kurti grafikus
• išsaugoti duomenis
• importuoti duomenis
• eksportuoti duomenis
• Spausdinti …..
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 24: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/24.jpg)
24
Strategiją formuoja verslo tikslai, naudotojų rolės ir kontekstas
Verslo tikslai:
• išstumti konkurencinius produktus
• skatinti integruotų produktų pardavimus
• sukurti failų formatą
• galinčiu tapti standartiniu informacijos
apsikeitimo formatu.
• …
Naudotojų rolės:
• finansininkas
• vadybininkas
• sandėlininkas
• …
Naudojimo kontekstai:
• raštinė
• nešiojamas kompiuteris lėktuve
• pda automobilyje
• …
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 25: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/25.jpg)
25
Tikslų, užduočių ir priemonių santykis
Programinis produktas
Tikslai
Užduotys
Tools Savybės
vienas ar daugiau
naudotojų užimtų daugelyje
užduočių realizuojančių
aukšto lygio tikslus
![Page 26: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/26.jpg)
26
Gareto potyrių elementai yra universalūs
• Šie sluoksniai tinka ne tik programiniams produktams, bet daugeliui kitų sudėtingų gaminių.
![Page 27: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/27.jpg)
27
Panagrinėkime gyvenamosios vietos projektavimą
Tikslai:
• gyventi patogiai
• geras maitinimas
• švari aplinka
• sveika aplinka
• netoli darbas ir/ar draugai
• …
Naudotojų rolės:
• aš
• sutuoktinis
• vaikas
• …
Naudojimo kontekstas:
• priemiestis
• netoli gera mokykla
• netoli parduotuvė
• …
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 28: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/28.jpg)
28
Kas padėtų siekti tikslų?
Užduotys:
• apsirūpinti maistu
• gaminti patiekalus
• valgyti
• miegoti
• maudytis
• turėti drabužių spintą
• saugotis lietaus
• kviesti svečius
• lankytis pas draugus
• …
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 29: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/29.jpg)
29
Patalpų planavimas pagal užduotis
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 30: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/30.jpg)
30
Projektuojant konkrečią sąveiką optimizuojamas išdėstymas ir užduočių vykdymo priemonės, pavyzdžiui virtuvės projektavimas
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 31: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/31.jpg)
31
Virtuvėje praleidžiama daug laiko, todėl norisi, kad būtų kuo maloniau
Paviršius
Karkasas
Struktūra
Apimtis
Strategija
![Page 32: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/32.jpg)
Vielinis modelis
• Informacijos struktūra
• Navigacija
• Interfeisas
• Kiekvienam elementui priskiriamas turinys
http://blog.market8.net/b2b-web-design-and-inbound-marketing-blog/how-to-make-
useful-website-wireframes-tutorial How to Make Useful Website Wireframes
[Tutorial]
![Page 33: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/33.jpg)
SVETAINIŲ INFORMACIOS ARCHITEKTŪRA
![Page 34: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/34.jpg)
Klasifikacijos schemos
• Intuityvios griežtos schemos
– Abėcėlinė
• universalus informacijos tvarkymas
– Chronologinė
• archyvams, dienoraščiams, kalendoriams, įvykiams – pvz. TV gidas
– Geografinė
• Dalykinės schemos
![Page 35: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/35.jpg)
Chronologinė klasifikacija
![Page 36: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/36.jpg)
Geografinė klasifikacija
![Page 37: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/37.jpg)
Dalykinė schema
![Page 38: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/38.jpg)
Dalykinė schema: kelionės
![Page 39: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/39.jpg)
Dalykinė schema: kelionės
![Page 40: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/40.jpg)
40
Organizacinė schema
• Tikslas: – suprantama,
– įsimintina ir
– patogi
– struktūra, atitinkanti naudotojo tikslus
![Page 41: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/41.jpg)
Išdėstymo tipai
42
Vienas stulpelis Du stulpeliai
![Page 42: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/42.jpg)
Trijų stulpelių išdėstymas
43
Simetrija ar asimetrija?
Perdėta simetrija vargina
![Page 43: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/43.jpg)
Pritaikymas langų dydžiams
• Mozilla, WebKit, Opera
– Internet Explorer nepalaiko
• Išdėstymo stilių pagal įrenginio dydį
– Mobiliems įrenginiams
• Išdėstymas pagal lango dydį
– kompiuteriams
http://css-tricks.com/resolution-specific-stylesheets/
![Page 44: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/44.jpg)
Vieta ekrane – turtas!
• Reikia numatyti efektyvų išdėstymą ir dizainą
• Puslapyje turi dominuoti turinys
• Skiriamos vietos proporcijas prasminga matuoti – OS ir naršyklės elementai, navigacija, turinys, logotipas ...
• Turinys turėtų užimti ne mažiau pusės dizainui skirtos vietos
• Tuščia vieta – svarbi išdėstymo dalis
• Paprastumas laimi ir čia
![Page 45: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/45.jpg)
Google Browser Size
http://browsersize.googlelabs.com/
![Page 46: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/46.jpg)
www.delfi.lt
![Page 47: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/47.jpg)
www.delfi.lt
![Page 48: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/48.jpg)
www.delfi.lt
20% naršyklės elementai
12% tuščia
68% informacijai atvaizduoti
![Page 49: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/49.jpg)
www.google.com
![Page 50: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/50.jpg)
www.google.com
![Page 51: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/51.jpg)
www.google.com
20% naršyklės elementai
35% likusio ploto užima tuščia vieta
45% - turinys
![Page 52: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/52.jpg)
www.chess.lt
![Page 53: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/53.jpg)
www.chess.lt
![Page 54: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/54.jpg)
www.chess.lt
20% naršyklės elementai
60% turinys
20% likusio ploto užima nenaudingi tarpai
![Page 55: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/55.jpg)
www.lrs.lt
![Page 56: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/56.jpg)
www.lrs.lt
![Page 57: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/57.jpg)
www.lrs.lt
20% naršyklės elementai
65% likusio ploto – turinys!
![Page 58: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/58.jpg)
www.bega.lt
![Page 59: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/59.jpg)
www.bega.lt
![Page 60: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/60.jpg)
www.bega.lt
20% naršyklės elementai
Turinys: 32% Atmetus neinformatyvius paveikslus: tik 25%
![Page 61: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/61.jpg)
http://www.belladesoto.us/ http://www.webpagesthatsuck.com/2009-
worst-contenders-jan-march.html
![Page 62: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/62.jpg)
Tinklapių euristikos, Nielsen (2000)
• Kokybiškas turinys
• Nuolat atnaujinamas
• Minimalus pakrovimo laikas
• Lengvai naudojamas
• Atitikimas naudotojų poreikiams
• Kūrimas specialiai tinklapiui
• Tinklinė organizacijos kultūra
• High quality content
• Often updated
• Minimal download time
• Easy of use
• Relevant to user needs
• Unique to the online medium
• Net centric corporate culture
![Page 63: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/63.jpg)
10 dažniausių klaidų
1. Bloga paieška
2. PDF failai tiesioginiam skaitymui
3. Aplankytų nuorodų spalvos nepakeitimas
4. Sunkiai skaitomas tekstas
5. Fiksuotas šriftų dydis
6. Puslapių antraštės nepritaikytos paieškai
7. Viskas, kas atrodo kaip reklama
8. Įprasto dizaino pažeidimas
9. Naujų naršyklės langų atidarymas
10. Neatsakoma į naudotojo klausimus
J. Nielsen, Top 10 Mistakes in Web Design (2011)
![Page 64: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/64.jpg)
1. Bloga paieška
• Pernelyg pažodinė paieška (tiksli frazė, linksniai, daugiskaita, lietuvybė ir pan.)
• Pirmenybė kiekiui, o ne kokybei (nėra dokumentų pagal svarbą)
• Neprioriterizuojama (viskas iš eilės, o ne tai kas svarbiausia, “best bets”)
• Paprastai paieška naudojama jei nerandama
per puslapio navigaciją
• Labiau vertinama paprastas paieškos laukelis nei išplėstinis
![Page 65: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/65.jpg)
2. PDF failai tiesioginiam skaitymui
• Neveikia standartinės naršyklės komandos
• Reikia laukti kol užkraus
• Sunku naršyti
• Pritaikyta popieriniam formatui, o ne naršylės langui
• Tinkamas dideliems dokumentams
(spausdintiniems)
• Skaitomą dalį reikėtų transformuoti į html
![Page 66: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/66.jpg)
3. Aplankytų nuorodų spalvos nepakeitimas
• Neaišku, kur jau buvai, o kur dar ne
• Pakartotinis lankymasis tame pačiame puslapyje
• www.15min.lt prieš www.delfi.lt
![Page 67: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/67.jpg)
4. Sunkiai skaitomas tekstas
• Teksto siena – nuobodu,
– sunku skaityti,
– nesimato esmės
• Rekomendacijos – Paantraštės
– Numeruoti sąrašai
– Paryškinti raktiniai žodžiai
– Trumpos pastraipos
– Paprastas rašymo stilius
![Page 68: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/68.jpg)
4. Sunkiai skaitomas tekstas
• RAŠYMAS DIDELĖMIS RAIDĖMIS
– www.bluebridge.lt
![Page 69: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/69.jpg)
5. Fiksuotas šriftų dydis
• Nustatomas fiksuotas šrifto dydis
• Neina pritaikyti šrifto aukštį pagal savo poreikius
• Sunku skaityti vyresnio amžiaus žmonėm
• Naudoti reliatyvius dydžius (pvz. x-large, small, o ne px)
![Page 70: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/70.jpg)
6. Puslapių antraštės nepritaikytos paieškai
• Ilgos, sudėtingos antraštės
– pertekliniai žodžiai
• Beprasmės antraštės, tuščios, nieko nepasakančios antraštės
– puslapis_1
• Antraštės neatitinkančios puslapio prasmės
– Sudėtinga susigaudyti, kai atidaryta daug kortelių vienu metu
– www.sintagma.lt prieš www.bluebridge.lt
![Page 71: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/71.jpg)
7. Viskas, kas atrodo kaip reklama
• Naudotojai jau išugdė gebėjimą nebekreipti dėmesio į tai, kas panašu į reklamą
– animacija, reklamjuostės, iššokantys langai
• Paprastai ignoruojama, neskiriama reikiamo dėmesio
• Tai erzina
![Page 72: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/72.jpg)
8. Įprasto dizaino pažeidimas
• Reikia mokytis iš naujo
– tam nėra nei noro, nei laiko
• Nepatogu, neįprasta, neaišku
• Jei kitur paprasčiau, tai ir eisiu kitur
• Rekomendacija
– Neversti lankytojo naudotis nauja versija, o ją pristatyti senoje
– Jei atnaujinimas iš tiesų patogesnis, naudotojai pereis be rankų laužymo
– www.greitai.lt
![Page 73: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/73.jpg)
Pristatyti naują versiją ir leisti rinktis Šios svetainės kūrėjai neverčia naudotis nauja versija, tik ją pristato
Žiūrėta: 2010-11-29
![Page 74: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/74.jpg)
Senas dizainas
![Page 75: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/75.jpg)
Naujas dizainas Skirtumai?
![Page 76: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/76.jpg)
9. Naujų naršyklės langų atidarymas
• Neveikia mygtukas atgal
• Gali blokuoti operacinė sistema
• Papildomi langai
![Page 77: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/77.jpg)
10. Neatsakoma į naudotojo klausimus
• Nėra reikiamos informacijos
– arba ji paslėpta
• Nestruktūrizuota
• Nenurodyta kaina
– www.fortakas.lt prieš www.topocentras.lt
![Page 78: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/78.jpg)
Klaidos 1996 m.
1. Frames naudojimas
2. Nepagrįstas naudojimas Bleeding-Edge technologijos
3. Slankiojantis tekstas, nuolat slenkančios animacijos
4. Sudėtingi internetiniai adresai (pvz. su ~)
5. Puslapiai našlaičiai
6. Ilgi slankiojami puslapiai
7. Navigacijos palaikymo trūkumas
8. Nestandartinės nuorodų spalvos
9. Pasenusi informacija
10. Per daug ilgas atsisiuntimo laikas
![Page 79: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/79.jpg)
Klaidos 1999 m.
1. Sulaužomas arba sulėtinamas mygtukas atgal (naujame lange iš naujo užkrauna tą patį puslapį ir pan.)
2. Naujų naršyklės langų atidarymas
3. Nestandartinis panaudojimas GUI valdiklių (pvz. Radio button kaip Action button)
4. Biografijų trūkumas (neaišku kas ką parašė)
5. Archyvų trūkumas
6. Puslapių perkėlimas į naujus URL (neveikia seni linkai)
7. Beprasmės antraštės
8. Šokinėjimas prie naujausių interneto Buzzword
9. Lėtas serverio atsako laikas
10. Viskas, kas atrodo kaip reklama
![Page 80: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/80.jpg)
Klaidos 2002 m.
1. Nėra kainų 2. Nelanksti paieška 3. Horizontalus slankiojimas 4. Fiksuotas šrifto dydis 5. Teksto blokai (teksto sienos) 6. JavaScript nuorodose 7. Retai užduodami klausimai DUK 8. Rinkimas el. Pašto adresų be privatumo politikos 9. URL > 75 Simboliai 10. Mailto nuorodos į netikėtas vietas
![Page 81: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/81.jpg)
Klaidos 2003 m.
1. Neaiškus svetainės tikslas
2. Nauji URL suarchyvuotam turiniui
3. Turinys be datos
4. Sumažinti atvaizdai iš didelių detalių nuotraukų
5. Pernelyg išsamus ALT Tekstas
6. Nėra “Kas-Jeigu“ palaikymo (kas jeigu pirkčiau bilietus šeštadieniui, o ne sekmadieniui)
7. Ilgas sąrašas, kuris negali būti sutrumpintas pagal požymius
8. Produktai rūšiuojami tik pagal gamintoją
9. Pernelyg apribota formų įvestis
10. Puslapiai, kurie rodo į save
![Page 82: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/82.jpg)
Klaidos 2005 m.
1. Įskaitomumo problemos 2. Nestandartinės nuorodos 3. Flash 4. Turinys, kuris skirtas ne internetui 5. Bloga paieška 6. Naršyklių nesuderinamumas 7. Sudėtingos formos 8. Nėra kontaktinės ar kitos įmonės informacijos 9. Užšaldyti išdėstymai su fiksuotu puslapio pločiu 10. Netinkamas nuotraukų padidinimas
![Page 83: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/83.jpg)
Kokybiškas turinys
• Turinio klaidos
• Užduočių rėmimo klaidos
• Navigacijos klaidos
![Page 84: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/84.jpg)
Turinio klaidos
• Pagrindinio puslapio tapatumo problema
• Paini klasifikacija
• Nenaudingi aprašymai
• Prieštaringas turinys
• Pasenęs turinys
• Nerastas arba bevertis turinys
• Neišbaigtas turinys
2015.01.14 86
![Page 85: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/85.jpg)
Turinio klaidos
Pradinio tinklapio tapatumo problema
2015.01.14 87 pwcglobal.com
![Page 86: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/86.jpg)
Pradinio puslapio tapatumo problema (2)
2015.01.14 88
![Page 87: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/87.jpg)
Pradinio puslapio tapatumo problema
• Aiškiai matosi, apie ką šis tinklalapis
89
![Page 88: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/88.jpg)
Kokias paslaugas teikia ši įmonė?
![Page 89: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/89.jpg)
Kokias paslaugas teikia ši įmonė? http://www.socialcontraptions.com/
![Page 90: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/90.jpg)
Kokias paslaugas teikia ši įmonė?
![Page 91: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/91.jpg)
Kokias paslaugas teikia ši įmonė?
![Page 92: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/92.jpg)
Pradinio puslapio tapatumo problema (4)
Kaip išvengti:
• Organizacijos vardas patalpintas gerai matomoje vietoje
• Organizacijos vardas yra pakankamai aiškus
• Trumpai aprašyti organizacijos tikslai ir paskirtis
• Nuotraukos ir paveiksliukai iliustruoja organizacijos produktus ir paslaugas
• Žymės ir nuorodos į kitus puslapius suteikia pakankamai gerą santrauką apie svetainės turinį
2015.01.14 94
![Page 93: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/93.jpg)
Paini klasifikacija (1)
95 zbuyer.com
![Page 94: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/94.jpg)
Paini klasifikacija (2)
2015.01.14 96
![Page 95: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/95.jpg)
Nenaudingi aprašymai (1)
97
![Page 96: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/96.jpg)
Geras aprašo pavyzdys (2)
2015.01.14 98
![Page 97: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/97.jpg)
Nenaudingi aprašymai (3)
Kaip reikėtų vengti šių klaidų:
• Informacija apie produktą padeda atsakyti:
– ar pateiktas produktas yra tai ko ieškoma
– kuris iš produktų tinka ieškančio ketinimus
• Pridedant naujus elementus būtina peržiūrėti esančius
• Aprašai turi būti testuojami su būsimais naudotojais
99
![Page 98: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/98.jpg)
Prieštaringas turinys (1)
2015.01.14 100
![Page 99: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/99.jpg)
Prieštaringas turinys (2)
2015.01.14 101
![Page 100: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/100.jpg)
Prieštaringas turinys (3)
• Kaip išvengti tokių klaidų:
• Informacija apie tą patį produktą negali skirtis:
– Visi elemento paveikslėliai nukreipti į tą patį puslapį
– Elementas visuose sąrašuose nukreipia į tą patį puslapį
– Visi elemento aprašymai pateikiami iš vieno šaltinio
• Jeigu reikia kopijuoti, būtina užtikrinti darną
102
![Page 101: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/101.jpg)
Pasenęs turinys (1)
103
![Page 102: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/102.jpg)
Pasenęs turinys (2)
2015.01.14 104
![Page 103: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/103.jpg)
Pasenęs turinys (3)
Kaip išvengti klaidų:
• Ilgalaikio turinio nebūna
• Nuolatinis atnaujinimas
• Laikytis paties nustatytų terminų, arba neskelbti jų
• Interneto svetainės turi būti prižiūrimos reguliariai
2015.01.14 105
![Page 104: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/104.jpg)
Nerastas arba bevertis turinys (1)
106
![Page 105: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/105.jpg)
Nerastas arba bevertis turinys (3)
Kaip išvengti klaidų:
• Išsiaiškink, ko gali prireikti svetainės lankytojams ir įdėk tai
• Neblaškyk vartotojo nuo jo tikslo
• Testuok, kad rastum, ko trūksta
2015.01.14 107
![Page 106: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/106.jpg)
Neišbaigtas turinys
2015.01.14 108
![Page 107: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/107.jpg)
Neišbaigtas turinys
Kaip išvengti klaidų:
• Neskelbk svetainės, kol ji dar nėra paruošta
• Nepraleisk savo užsibrėžtų laiko terminų
• Laikyk seną svetainę
• Neįdėk nepabaigtus puslapius
• Patikrink tai
2015.01.14 109
![Page 108: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/108.jpg)
Nuorodos
Nuorodos:
• Struktūrinės - navigacinės
• Asociatyvios - detalizuojančios
• Papildomos-alternatyvinės
• Aprašai - trumpi
• Išvaizda standartinė
![Page 109: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/109.jpg)
Navigacija: informacijos randamumas
• Naudotojai ateina į svetainę ne tam, kad žaistų slepynių.
Findability and Web Design: Users Aren’t Visiting Your Site to Play Hide and
Seek, Interaction Design Foundation
![Page 110: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/110.jpg)
Randamumas elektroninės komercijos svetainėse
• Informacijos randamumas įtakoja el. komercijos svetainių sėkmę (Cardello 2014)
• Kuo ilgiau naudotojas ieško informacijos, tuo labiau tikėtina, kad pirkimas bus nutrauktas
![Page 111: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/111.jpg)
Navigacija
• Rekomendacijos iš http://www.usability.gov/
– Standartizuotos užduočių sekos
– Prasmingos nuorodos
– Nepasikartojančios ir turiningos antraštės
– Pasirinkimams iš dviejų galimybių
• žymimosios akutės (angl. Radio buttons)
– Specialūs puslapiai spausdinti
– Kuo mažesni paveikslėliai
![Page 112: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/112.jpg)
Dažniausios klaidos
• Svetainės struktūra atspindi organizacijos struktūrą
• Naudojamos kelios navigacijos schemos
• Klaidinančios pasikartojančios nuorodos
• Netiesioginių nuorodų panaudojimas
• Nėra rodomas aktyvus puslapis
• Ciklinės nuorodos
• Navigacijos nuorodų nebuvimas
![Page 113: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/113.jpg)
Navigacijos problemos
• Navigacija – bandymas surasti kelią iki tikslo
• Pagrindinė problema – klaidinančios užuominos
• Sėkminga navigacija informuoja naudotoją
– Kur esu?
– Kur buvau?
– Kur galiu nueiti?
– Ar toki iki tikslo?
![Page 114: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/114.jpg)
Problemos
• Organizacijos struktūra tinklapyje
• Neatsižvelgiama į poreikius ir veiklas
• Navigacinių schemų kiekis
• Nesugrupuoti navigaciniai elementai
• Pasikartojančios nuorodos
![Page 115: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/115.jpg)
Nuorodų problemos
• Netiesioginė nuoroda nukreipia į išorinio tinklapio pradžios puslapį vietoje konkretaus
– Vartotojui reikia pereiti kelis tarpinius tinklapius, kol susiranda reikalingą
• Nėra rodomas aktyvus puslapis
• Ciklinės nuorodos
– Lankytojai ne iš karto arba visai nepastebi, kad grįžo
![Page 116: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/116.jpg)
Navigacijos nuorodų nebuvimas
• Problema
– Klaidos puslapiuose nėra galimybės grįžti atgal
– Užduoties užbaigimo bei nutraukimo languose nėra nuorodų papildomiems veiksmams atlikti
– Daugelis “404 – Puslapis nebuvo rastas” puslapiai neturi jokių navigacijos nuorodų
![Page 117: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/117.jpg)
Navigacijos nuorodų nebuvimas
• Rekomendacijos
– Klaidos puslapyje leisti grįžti į prieš tai buvusį puslapį
– Užbaigus ar nutraukus vieną veiksmą, pasiūlyti kitą
• Sukūrus naują vartotojo paskyrą – pasiūlyti prisijungti prie sistemos
• Nutraukus prekės pirkimą – pasiūlyti pasirinkti kitą prekę
– „404 – Puslapis nebuvo rastas“ puslapiuose įtraukti nuorodą į pagrindinį arba pagalbos puslapį
![Page 118: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/118.jpg)
Navigacijos šablonai
• “Duonos trupinių“ šablonas
– populiarus, realizuotas 45% svetainių
– tinka svetainėms su didele hierarchine struktūra
– reikalauja mažai vietos
– naudingas naudotojui patekusiam į tinklapį iš paieškos sistemos
http://www.tevuforumas.lt
![Page 119: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/119.jpg)
Žinyno navigacijos šablonas
• Tinkamas dideliems informacijos kiekiams
• Dažniai naudojamas paieškos svetainėse
http://www.imoniu.lt
![Page 120: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/120.jpg)
Piktogramų navigacijos šablonas
• Taupo vietą
• Kai įmanoma kiekvienam pagrindinio meniu elementui parinkti tinkamą piktogramą
– populiariausia mobiliuose telefonuose
http://www.kelionesjav.lt
![Page 122: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/122.jpg)
![Page 123: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/123.jpg)
Įtraukiamas meniu
• Meniu slepiamas, kai skyrius pasirenkamas
![Page 124: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/124.jpg)
Paveikslėlių navigacija
• Peržiūrėti, pasirinkti, spausdinti paveikslėlius ar nuotraukas
• Tinka, kai vaizduojami siūlomi produktai (parduotuvių, automobilių ir pan. svetainės).
http://www.danija-shoes.com
![Page 125: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/125.jpg)
Nuorodų sistema
• Geros išorinės nuorodos prideda vertės
• Įsiminti nuorodą naršyklėje turi būti patogu
• Turinys yra tai, kas pirmiausia pritraukia lankytojus
• Prenumeratos ir registracijos formos atbaido
lankytojus
• Reklaminės nuorodos turi būti tikslingos
![Page 126: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/126.jpg)
Krovimosi laikas
• Per didelis krovimosi laikas yra trūkumas
• Uždelsimas turi būti prognozuojamas ir
nenuviliantis
• Vartotojas turi žinoti, kas vyksta ir kodėl
• Tikslinga perspėti vartotoją apie galimą uždelsimą
iš anksto
![Page 127: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/127.jpg)
Krovimosi laikas
• Svetainės greitos, nes populiarios? Greičiau populiarios, nes greitos
• Laiką įtakoja:
• Tinklapio turinys
• Tinklapio populiarumas
• Serverio sparta
• Tinklas
• Naudotojo ryšio sparta
• Kompiuterio ir naršyklės greitis
![Page 128: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/128.jpg)
Išvados
• Dėl klaidų nukenčia panaudojamumas
• Iš klaidų pasimokoma dažniausiai tik pabandžius
• Blogiausia, kad dalis klaidų keliasi iš metų į metus
• Tinklapio kūrėjui svarbu sukurti gerą reputaciją bei pelnyti lankytojų pasitikėjimą
• Sėkmė slypi paprastume
![Page 129: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/129.jpg)
Naudota medžiaga • Zoe Mickley Gillewater. Flexible Web design: creating liquid and elastic
layouts with CSS. New Riders, 2009 (MIF skaitykloje)
• Nielseno įvairių metų euristikas galima rasti
– http://www.useit.com/alertbox/9605.html
• Kiti šaltiniai
• http://www.allbusiness.com/technology/internet-web-design/3976-1.html
• http://bootstrike.com/Articles/DesignMistakes/#1
• http://www.webpagesthatsuck.com/biggest-mistakes-in-web-design-1995-2015.html#axzz0ne2kf4IP
• http://blogs.techrepublic.com.com/10things/?p=259m
• http://informatikas.lt/10-tinklalapio-kurimo-klaidu-pirma-dalis/
• http://informatikas.lt/10-tinklalapio-kurimo-klaidu-antra-dalis/
• http://blog.paulius.eu/2008/04/09/web-dizainas/
• Jeff Johnson. Web Bloopers: 60 Common Web Design Mistakes and How to Avoid Them Web. 2003. www.Web-bloopers.com
![Page 130: Svetainių projektavimas: panaudojamumas ir patirtysweb.vu.lt/mif/k.lapin/files/2015/01/16_svetainiu_panaudojamumas.pdf · –Navigacija parodo svetainės struktūrą •Kur aš esu?](https://reader033.vdocuments.net/reader033/viewer/2022041807/5e558a97b64158450443f89c/html5/thumbnails/130.jpg)
Klausimų pavyzdžiai
• Svarbiausios tinklalapių projektavimo ir vertinimo euristikos
• Dažniausios tinklalapių projektavimo klaidos
• Kas yra ir kaip sprendžiama tinklalapio tapatumo problema?
• Svetainių atnaujinimo taktikos
• Navigacijos tikslai ir realizavimo būdai