A konverzióbarát felhasználói felület: használj egyetlen oszlopot

UI tippek 1 - Használj kevesebb oszlopot



Az egyoszlopos elrendezés segít egy irányba terelni a felhasználók figyelmét. Jobban kézben tudod tartani a mondanivalódat, szinte kézen fogva vezeted az érdeklődőidet. Több oszlop esetén meg van annak a kockázata, hogy elvonja a figyelmet az oldal fő céljától. Ha csak teheted, mesélj el egy történetet, ahelyett, hogy információkat zúdítasz a téma iránt érdeklődőkre, és soha ne felejtsd el az akcióra hívó, angolul "call to action" gombot az oldal végén.

A kevesebb, több - az egyoszlopos elrendezés előnyei



Szerző: Kocsis Kata

Az egyetlen oszlop semmiképpen sem jelenti azt, hogy teljes képernyőszélességben kígyóznak a hosszú, apró betűs sorok. Érdemes a könnyebb olvashatóság miatt olyan oldalakat tervezni, ahol kihasználhatod az üres részek figyelem összpontosító erejét. Nem szabad félni a margóktól.

Természetesen nem minden oldal lehet ennyire egyszerű, hiszen sokszor éppen a böngészés vagy a navigáció az oldal célja. Tipikusan, amikor egy blogban böngészhetnek a posztok között, akkor éppen az a cél, hogy a felhasználó úgy érezze, ő irányítja az eseményeket, ő választ a pillanatnyi érdeklődésének megfelelően. Egy webshop esetén sem jó megközelítés az egyoszlopos történet mesélés.

Share this post

Leave a comment

Filtered HTML

  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • Engedélyezett HTML jelölők: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.

Plain text

  • A HTML jelölők használata nem megengedett.
  • A webcímek és email címek automatikusan kattintható hivatkozásokká alakulnak.
  • A sorokat és bekezdéseket a rendszer automatikusan felismeri.
CAPTCHA
Bizonyítsd be, hogy nem vagy robot!
   ____       _   _      __  __                 
/ ___| __| | | | __ | \/ | _ __ __ _
| | / _` | | |/ / | |\/| | | '_ \ / _` |
| |___ | (_| | | < | | | | | |_) | | (_| |
\____| \__,_| |_|\_\ |_| |_| | .__/ \__, |
|_| |___/
Enter the code depicted in ASCII art style.