Regisztrációs űrlap tervezési minták

A Smashing Magazine indíott egy cikksorozatot a webes űrlapok tervezési mintáiról. Az első részben a regisztrációs űrlapokat vették górcső alá. Megvizsgálták a 100 leglátogatottabb közösségi vagy webes szolgáltatásokat nyújtó oldal regisztrációs űrlapját (az Alexa és a Technocrati adatai alapján). Tanulságos az eredmény.

Összefoglalva a következőkre jutottak:

  • a regisztrációs űrlapok oldalának struktúrája jellemzően (a vizsgált oldalak 61%-ánál) a végletekig leegyszerűsített, hogy minél kevesebb dolog vonja el a felhasználó figyelmét az űrlap kitöltésétől sign-u,
  • túlnyomórészt egyoldalas űrlapok (93%),
  • az űrlapok jó része tájékoztatja a felhasználókat a regisztrációval járó előnyökről (41%),
  • a beviteli mezők címkéi vastagított betűstílussal formázottak (62%)
  • a címkék elrendezésére vonatkozóan nem lehetett általános trendet megállapítani,
  • túlnyomórészt kötelezően megadandó mezőket tartalmaztak a formok,
  • a beviteli mezők jellemzően egymás alatt helyezkednek el (86%).

További tanulságok

A regisztrációs oldalra mutató linkeket általában a fejlécbe teszik vagy a kezdőoldal hangsúlyos részére. Sok helyen a regisztrációs link mellett szerepel a bejelentkezés link is (pl. Yahoo, MySpace).

A regisztrációs formok felépítésével kapcsolatban nagyon fontos alapelv, hogy minden szükségtelen részletet el kell távolítani róla. Szükségtelen részlet az, amely nem segíti a form kitöltését. A lényeg, hogy a felhasználó az űrlap kitöltésére tudjon összpontosítani. Minden ami nem segíti az űrlap kitöltését az akadályozza a felhasználót. Mégis a vizsgált űrlapok 28%-a nem adott semmilyen segítséget a kitöltéshez.

Jó példák, ahol a felhasználó segítséget kap a kitöltéshez: Del.icio.us, Last.fm, Basecamp, Digg

A form átláthatóságát nagyban befolyásolja a címék elhelyezkedése. Nincs vezető trend ezzel kapcsolatban. Viszont kutatások által is alátámasztott tény, hogy a felülre igazított címkék könnyítik meg leginkább a form kitöltését. Ha korlátozott az űrlap függőleges kiterjedése, akkor a bal oldalon lévő, jobbra igazított címkéket érdemes még használni.

Címkék elhelyezkedése az űrlapon.

reply

When searching some information about lipodrene ephedra I constantly find lots of interesting posts as this one

A webhelyet a Drupal - egy nyílt tartalomkezelő rendszer - működteti