*Navigation - at the top
Sliders - with pics
Search box - at the top
Logo - top left
Liron Segev - Twitter: @Liron_Segev #EyeTrack
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
Marketing :
“I know
above the
line, below
the
line, through
the line”
CEO:
“I sign the cheque
cause I am CEO
BI*CH”
IT Techie:
“I am certified in
C++, MCSE, A+, PHP, J
AVA, SQL, TCP/IP”
Designer:
“I rock Paint
Shop, Photo
Shop, Coral
Draw & have
a Paint brush
DUDE”
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
“Best Practice” “Industry Standard”
Ironic that the search for the perfect website designed has lead us to the
point that every site looks exactly the same.
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
Stats tells us WHAT the web user does,
We need to know HOW the web user does it
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
We Measure:
• What people instantly see on the site
• In what order people view the information
• Where people’s eyes fixate
• What people don't see at all
10 Websites:
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
“Make headlines BIG so users
see the information.
User don’t read small print”
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
• Smaller font encourages people to read
• Large font encourages people to scan
• People read both headline AND text when headline is bold
and the same size as the text
• People only look at the left one-third of the text
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
“Divide the web page into
clear, separated blocks
otherwise the user will be
confused”
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
• Visual Break discouraged further reading
8ta News24
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
“People read from LEFT to
RIGHT as we are used to in
the real world”
*
Liron Segev - Twitter: @Liron_Segev
• People scan down a list of headlines on the left
• Headlines have less than 1 second of attention
iol
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
“Navigation must be at the
top – that is where people
expect it to be”
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
• Right-hand navigation received more attention than top navigation
• Up to 29% more user engagement than top-navigation
Vodacom
DSTV
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
“Charge top money for Headline
Banner as it’s the first thing
people see”
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
• Banners at the top = least attention
• Text + Pictures ads = most attention @ 6 seconds (on avg)
• Text-only ads received attention for 1.2 seconds (on avg)
• Bigger ads = better chance of being seen
• “Skyscraper” did not fare well and largely ignored unless part of content
iol
MTN
Ster Kinekor
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
• Right-hand adverts received more attention
• Ads in the middle of the page were received well
• Ads on the left not so well
• Ads close to popular content did well
News24 DSTV
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
“Usage of images must be
sparse and generic images
are best”
*
Liron Segev - Twitter: @Liron_Segev #EyeTrack
• Large images hold the attention longer
• Images at least 210x 230 pixels viewed by more than half the testers
• Clear faces attract attention
• Images were often ed - repeatedly
Cell DSTV
Compticket - Face Compticket – No Face
*
1. Info that requires reading should be the same font & size as the headline
2. Place catchy headlines on the left where people scan
3. Play with navigation to keep attention
4. Ads do work if placed strategically and on the right
5. Large clear images with people’s faces work well
Thank you for your time !
Liron Segev – www.EyeTracking.co.za
Email: [email protected]
Blog: TheTechieGuy.com
Cell : 0837881911
Twitter: @Liron_Segev