Internetinio puslapio dizainas

1. Vytauto Didžiojo Universitetas Ekonomikos ir vadybos fakultetas Internetinio puslapio dizainas Atliko: Vaiva Jakienė

2. Kaip mąsto lankytojas? • Jis vertina kokybę ir patikimumą. • Jis neskaito teksto • Interneto lankytojai yra nekantrūs ir reikalauja momentinių rezultatų. • Lankytojai nepriima optimalių sprendimų. • Vartotojai vadovaujasi intuicija. • Lankytojas nori kontroliuoti.

3. F-taisyklė (1) 2006 m. atliktas tyrimas parodė, kad dažniausiai puslapio lankytojai jį tyrinėja trimis pagrindinėmis kryptimis: Lankytojas pirmiausia skaito viršutinę puslapio dalį horizontaliai judėdamas iš kairės į dešinę Paskui leidžiasi šiek tiek žemyn ir vėl skaito horizontaliai iš kairės į dešnę. Tačiau šįkart perskaito mažiau teksto Galiausiai puslapio lankytojas peržvelgia tekstą iš viršaus į apačią dešnėje lapo pusėje

4. F-taisyklė (2) • Puslapio lankytojai neskaito visko, kas parašyta • Pirmos dvi pastraipos turi būti informatyviausios • Pagrindines nuorodas, paragrafus ir paantraštes geriausia sudėti kairėje puslapio pusėje

6. SĖKMINGOS SVETAINĖS ELEMENTAI: • Tuščia erdvė; • Spalvų suderinamumas; • Šriftų tipai; • Tekstūra; • Žvilgsnio kryptis; • Navigacija; • Elementų vienodumas; • Estetika.

7. Tuščia erdvė • Tuščia erdvė - tai laisva vieta piešinyje, dokumente, plakate arba kitoje vietoje, kurioje nėra jokio teksto, vaizdų ar kitų dizaino elementų. • Patariama užpildyti nuo 60 iki 80 proc. puslapio, o tuščia palikti atitinkamai 40-20 proc. • Baltos erdvės puslapiui suteikia erdvumo ir tvarkingumo įspūdį

9. Spalvų suderinamumas (2)

10. Spalvų suderinamumas (1) Raudona: energingumas, aistra, jėga; taip pat agresija, pavojus. Mėlyna: vėsa, dvasingumas, laisvė, kantrybė, ištikimybė, taika, pasitikėjimas; taip pat liūdesys, depresija. Geltona: lengvumas, optimizmas, laimė, džiaugsmas. Žalia: gyvybėm natūralumas, sveikata, turtai; tam tikrom aplinkybėm – radioaktyvumas. Oranžinė: draugiškumas, šiluma, linksmumas, drąsa. Violetinė: išmintis, šventė. Balta: skaistumas, švara, jaunystė, gaiva, taika. Juoda: jėga, elegancija, paslaptingumas, mistiškumas. Pilka: saugumas, brandumas, patikimumas. Rožinė: romantika, moteriškumas. Ruda: komfortas, stabilumas.

11. Spalvų suderinamumas (2) • Spalvų suvokimą taip pat įtakoja: • Lytis: pvz., Vyrams labiau patinka oranžinė ir mėlyna nei raudona ir geltona, o moterims labiau patinka raudona nei mėlyna ir geltona nei oranžinė. • Amžius: Vyresnio amžiaus žmonėms labiau patinka švelnios, alyvinės, akių nevarginančios spalvos. Jaunimui – šviesios, ryškios spalvos. • Kultūra: pvz., europiečiams balta spalva asocijuojasi su vestuvėmis, angelais, ramybe. Tačiau daugeliui Rytų šalių balta spalva nekelia tokių šiltų emocijų: kinams balta spalva simbolizuoja mirtį ir gedulą. Indams – nelaimę. Globaliai „saugi“ spalva – mėlyna

12. Spalvų suderinamumas (2) • Patarimai • 1. Naudoti ne daugiau nei 3 spalvas! • 2. Šiltas spalvas derinti su šiltomis (oranžinė, geltona, raudona), o šaltas su šaltom (violetinė, žalia,mėlyna). • 3. Derinti spalvas prie parduodamo produkto (pvz., atributika paplūdimiui - smėlio spalva) • 4. Atkreipti dėmesį į teksto spalvą! : • Šviesus tekstas – tamsus fonas. Ir atvirkščiai. • Balta ir juoda • Šiltų spalvų tekstui nenaudoti, kai fonas yra juodas

13. Elementų vieningumas

17. 10 patarimų kuriant sėkmingą web puslapį (1) • Neversti lankytojų mąstyti • aiški struktūra, • nedidelis kiekis vizualinių užuominų, • lengvai atpažįstamos nuorodos. • Nepiknaudžiauti lankytojo kantrybe • Fokusuoti lankytojų dėmesį

20. 10 patarimų kuriant sėkmingą web puslapį (2) • 4. Atskleisti galimybes: suprantamas turinys ir patogus naudojimasis sistema. • 5. Efektyviai išnaudoti raštą: • naudokite trumpas ir aiškias frazes • naudokite lengvai skenuojama puslapio išdėstymą • naudokite paprastą ir tikslią kalbą

22. 10 patarimų kuriant sėkmingą web puslapį (3) 6. Siekti paprastumo 7. Nebijoti tuščios erdvės 8. Naudoti šablonus

24. 10 sėkmingo web puslapio savybių (4) • 9. “Matoma kalba” (visible language): • Organizacija • Minimalizmas • Komunikacija 10. Testuoti! Testuoti! Testuoti!

26. Ačiū už dėmesį :)