Context is king

According to Daniel Filler, experience design director at Capital One, the most important thing for designers to understand is the customer problem they’re solving for. Second is the context in which customers will encounter said problem, and can play an important part here.

“Sticky elements — headers, components, and the like — are tools to surface context to our customers,” says Daniel, whose own site was recently featured in an article on “12 Fixed Sticky Navbars That’ll Grab Your Attention.”

“Think of them as signs on a highway — way finders to ensure we’re continuing to provide relevant information to a corresponding section or aiding customers along their journey via calls to action.”

In addition, Daniel argues, that as the number of devices we design for increases, and the plethora of resolutions and sizes continues to proliferate, sticky elements also allow us to ensure visibility of this contextual information or action, regardless of screen size.

“Of course, with great power comes great responsibility,” he warns. “I’d ensure you’re providing visibility to these blocks in a manner that aligns with your customer’s unique needs, not just that of the business. Sure, it’s important the business meets its goals, but not at the expense of our customer experience — that just propagates dark patterns.”

Are fixed elements mandatory?

“You’ll want to decide whether the fixed element is mandatory,” advises Zell Liew, a freelancer developer and front-end consultant from Singapore. “Most of the time, fixed elements compete with content for space. If it’s largely a content site, then it’s best to not have any fixed elements.”

“But absolutely positioned items can be wonderful. If you have absolutely positioned items, you can create interesting animations. You can find an example on 2015.devfest.asia. Scroll down and you’ll see the event date nag becomes a fixed header, which in this case is mandatory to help navigating.”





Source link

LEAVE A REPLY

Please enter your comment!
Please enter your name here