F-tipo interneto puslapio išdėstymas, svetainės lankytojams leidžia elgtis bei jaustis natūraliai. Pasirodo, yra atlikta keletas mokslinių tyrimų, patvirtinančių šitą teoriją. Šiame straipsnyje aptarsiu, kaip atskirti f-tipo svetainės dizainą bei kodėl jis veikia.
Tai kas tas f-tipo interneto puslapio išdėstymas?
F-tipo interneto puslapio išdėstymas yra paremtas keliais akies judėjimo krypties tyrimais. Šie tyrimai leido suprasti, kad dauguma interneto naršytojų akimis puslapį skenuoja „F“ raidės formos būdu: iš pradžių pastebėdami kairį viršutinį kampą, vėliau judant į dešinę puslapio viršumi arba kairiuoju kraštu žemyn.
Vartotojas puslapyje dažniausiai naturaliai elgiasi taip:
- Žvilgsnis į viršutinį kairį kampą. (1 taškas).
- Naršytojo žvilgsnis slysta puslapio viršumi iš kairės į dešinę. (Nuo 1 iki 2 taško).
- Naršytojo žvilgsnis slysta puslapio šonu. (Nuo 1 iki 3 taško).
- Skaitytojas nusileidžia eilute žemiau ir praskenuoja ją visą iš kairės į dešinę. (Nuo 4 iki 5 taško).
- Vėliau įjungiamas skenavimo režimas ir peržvelgiamas visas likęs puslapis. Žvilgsnis juda iš kairės į dešinę ir viena eilute žemiau pakartojama.
Dažniausiai interneto puslapis skaitomas iš kairės į dešnę ir iš viršaus į apačią. Svarbiausius elementus interneto puslapyje galime išdėlioti hierarchiškai pagal svarbą:
- Logotipas ir navigacijos elementai turėtų būti išdėstyti iš kairės į dešinę viršutinėje eilutėje, arba kairiąjame šone iš viršaus į apačią, nes jie svarbiausi.
- Paveikslėliai, kad ir kur būtų išdėlioti, sulaukia daugiausiai skaitytojų dėmesio.
- Dėmesys į tekstų pavadinimus atkreipiamas tik peržvelgus paveikslėlius.
- Tekstas yra praskenuojamas, o neskaitomas.
Kaip atrodo interneto svetainė, panaudojus f-tipo elementų išdėstymą?
Svarbiausius elementus suskirstome į 2 blokus kuo aukščiau svetainės viršuje. Pirma eilutė, arba pirmas blokas, prasideda logotipu, toliau eina navigacijos elementai, bei veikti kviečiantis mygtukas, pvz., registracijos elementas. Antrame bloke talpiname banerį arba eilutę su tekstu, paaiškinančia į kokį puslapį patekome. Skaitytojas, vos patekęs į interneto puslapį, gali lengvai jame suisiorientuoti dėl viršuje esančių navigacijos elementų. Dėl truputį žemiau esančio infromacinio banerio yra informuotas kokioje svetainėje atsidūrė.
F-tipo interneto puslapio išdėstymas veikia, nes:
- Interneto puslapio skaitytojai informaciją priima natūraliai, jaučiasi patogiai, nes taip skaito visą gyvenimą. Pvz. knygas ar žurnalus skaito iš viršaus į apačią bei iš kairės į dešinę.
- Reikia prisiminti, kad naršytojai, tekstą skenuoja, neskaito kiekvieno žodžio ir viso teksto, todėl svarbiausia informacija turi būti pateikta teksto viršuje.
- Dėmesys į paveikslėlius bei antraštes atkreipimas, tik jeigu jie įdomūs ir įtraukiantys.
Puslapių, sukurtų naudojant f-tipo dizainą, pavyzdžiai:
engageinteractive.co.uk
transformology.com
Kaip sekasi taikyti f-tipo išdėstymą, kuriant interneto puslapius?
Panašūs straipsniai:
- Vientisumas interneto puslapio dizaine
- Kodėl atrodo, kad dauguma aplankytų interneto puslapių panašūs?
- Ką bendro turi Z-tipo interneto svetainės dizainas ir trikampiai?
- Geštalto principas – ir tu įvaldysi erdvę
- Kur krypsta akys?
Tags: f-tipas, F-tipo išdėstymas, f-type, įdomiausi interneto puslapiai, įdomiausi puslapiai, interneto puslapių kūrimas, web dizainas, Wordpress