Juzer interfejs - Dizajn i analiza

Post on 01-Jul-2015

674 views 2 download

description

Prezentacija "Juzer interfejs - Dizajn i analiza" koju su Nikola Mitić i Ognjen Kraus održali na biZbuZZ konferenciji 29. oktobra 2009. godine u Nišu.

Transcript of Juzer interfejs - Dizajn i analiza

ISTAĆI JASNO STA RADIŠ I ŠTA PRODAJEŠ

PUTANJE OKA

DOČARATI USLUGU ILI PROIZVOD

PUTANJE OKA

PUTANJE OKA

PRIMARNE I SEKUNDARNE AKCIJE

NE IZMIŠLJAJTE TOPLU VODU

JEDNOSTAVNOST

NE ODVLAČITI PAŽNJU BOJAMA I OBLICIMA

JEDNOSTAVNOST

BUDI KREATIVAN!

VAJERFREJMS

BUDI KREATIVAN

INSTINKT!

ANALIZA: HEAT MAPS

HEAT MAPS & CRAZY EGG

HEAT MAPS: LINKOVI

HEAT MAPS: LINKOVI

FOOTER

FOOTER

HEAT MAPS: REDIZAJN

HEAT MAPS: REDIZAJN

EYE TRACKING

EYE TRACKING – FOKUS NA LICA

EYE TRACKING – FOKUS NA LICA

EYE TRACKING I BANNER BLINDNESS

EYE TRACKING I FENSI FORMATIRANJE

Dizajn Pozicioniranje naziva polja Grupisanje polja

Ulazne vrednosti Obavezna polja Formati

Akcije Primarne Sekundarne

NAZIV POLJA - IZNAD

NAZIV POLJA - PORAVNAT SA DESNE

NAZIV POLJA - PORAVNAT SA LEVE

NAZIV POLJA - U SAMOM POLJU

PRIMARNE I SEKUNDARNE AKCIJE

POPUNJENE FORME

FORME ZAKLJUČAK

o Naziv polja iznado Smanjuje potrebno vreme za popunjavanje formeo Koristi se za poznata poljao Teže je prikazati error poruke

o Naziv polja poravnat desnoo Smanjuje potrebno vreme za popunjavanje formeo Koristi se kada nema dovoljno prostora po vertikalio Olakšava prikaz error poruka

o Naziv polja poravnat levoo Koristi se za napredne formeo Dobar je za izmenu već unetih podataka

WEBSITE OPTIMIZER I A/B TESTIRANJE

VAST.COM FORM OPTIMIZATION

SEOMOZ LANDING PAGE TESTIRANJE

#5

#2

#1 - SCROLL FOREVER

#1 - SCROLL FOREVER

SEOMOZ LANDING PAGE TESTIRANJE

TABELE

SALES LETTER

DONT MAKE ME THINK!

KISS