What Designers Can Learn From The New Science Of Eye-Tracking

6 GazePlot WorkersComp

Via Fastcodesign

Designers loathe to be told to design something “eye-catching”—it’s the vaguest of briefs. But for Amy Alberts, a user research manager at the data visualization company Tableau, determining the things that catch a person’s eye is an exact science.

With a masters degree in applied cognitive psychology, Alberts has done years of research on what involuntary patterns in eye movement reveal about the human brain. As a researcher at Microsoft and now at Tableau, Alberts has applied her psychology background to examine what those eye movements can teach us about interface and data design.

At last year’s Tableau Conference, Alberts conducted an eye-tracking study with the conference’s participants. She asked them to look at various dashboards—the presentation displays that show a company’s analytics—while an eye tracker traced the movement of their gaze across the page. She recently released the results of those tests in a whitepaper, which details the elements of the data visualizations and layout design that most draw a viewer’s attention.

Designers know implicitly that certain things, like strong imagery and high contrast colors, will grab a viewer’s attention. But the value of the Tableau study is that it shows that even within commonly held standards of good design, there are some approaches that work better, and more consistently, than others. “The thing that I think was interesting is that there seems to be—in this research as well as general brain research—certain elements like maps, big number, line graphs, and so on, that are more compelling than others,” Alberts says. “They draw attention faster than other ones; there’s a hierarchy.”

In tracking attention-grabbing design, this nascent science seeks to quantify user experience by viewing design and functionality through the user’s eyes.

WHAT DRAWS THE EYE? BIG NUMBERS–AND HUMANS

One of the most striking patterns that the study showed was how effective large numbers were at drawing a viewer’s attention.

The analysis showed that numbers set in large type got a lot of “visual attention”—a term Alberts uses to distinguish eye movement from actually seeing and absorbing content, the latter of which can’t be proved just from eye-trackers. Numbers set in large type were also consistently one of the first things on the page that received that attention. “A big number is the neon sign of dashboards,” says Alberts. “Eyes go to it immediately.”

See more!

7 HeatMap AgencyUtilization


Eink, E-paper, Think Ink – Collin shares six segments pondering the unusual low-power display technology that somehow still seems a bit sci-fi – http://adafruit.com/thinkink

Stop breadboarding and soldering – start making immediately! Adafruit’s Circuit Playground is jam-packed with LEDs, sensors, buttons, alligator clip pads and more. Build projects with Circuit Playground in a few minutes with the drag-and-drop MakeCode programming site, learn computer science using the CS Discoveries class on code.org, jump into CircuitPython to learn Python and hardware together, TinyGO, or even use the Arduino IDE. Circuit Playground Express is the newest and best Circuit Playground board, with support for CircuitPython, MakeCode, and Arduino. It has a powerful processor, 10 NeoPixels, mini speaker, InfraRed receive and transmit, two buttons, a switch, 14 alligator clip pads, and lots of sensors: capacitive touch, IR proximity, temperature, light, motion and sound. A whole wide world of electronics and coding is waiting for you, and it fits in the palm of your hand.

Join 26,000+ makers on Adafruit’s Discord channels and be part of the community! http://adafru.it/discord

Have an amazing project to share? The Electronics Show and Tell is every Wednesday at 7pm ET! To join, head over to YouTube and check out the show’s live chat – we’ll post the link there.

Join us every Wednesday night at 8pm ET for Ask an Engineer!

Follow Adafruit on Instagram for top secret new products, behinds the scenes and more https://www.instagram.com/adafruit/

CircuitPython – The easiest way to program microcontrollers – CircuitPython.org


Maker Business — To make it through a tough business cycle, layoffs should be a last resort

Wearables — Be outdoor ready

Electronics — When do I use X10?

Python for Microcontrollers — Python on Microcontrollers Newsletter: CircuitPython 6.1.0.RC0, Blinka Explained, and more! #Python #Adafruit #CircuitPython @micropython @ThePSF

Adafruit IoT Monthly — Our Favorite IoT Projects from 2020

Microsoft MakeCode — Space Jam, The MakeCode Show & More!

EYE on NPI — Maxim’s Himalaya uSLIC Step-Down Power Module #EyeOnNPI @maximintegrated @digikey

New Products – Adafruit Industries – Makers, hackers, artists, designers and engineers! — NEW PRODUCTS – Ultra Flexible White LED Strips – 480 per meter – 5m long – Warm White + Cool White

Get the only spam-free daily newsletter about wearables, running a "maker business", electronic tips and more! Subscribe at AdafruitDaily.com !



No Comments

No comments yet.

Sorry, the comment form is closed at this time.