Credit:https://designmodo.com/consistency-web-design/?
There’s tremendous value in consistency of digital interfaces. People browsing the web encounter dozens of websites that all have different styles, yet most feature very similar page elements.
Most designers don’t even think about these features. Page headers, navigation menus, body copy, CTA buttons, the list seems endless.
By designing with consistency you’ll learn how to create interfaces that encourage typical user behaviors. Your layouts will build trust and teach users repeatable patterns that help them work through your site much quicker.
Design For User Expectations
Most users expect websites to work a certain way. It should scroll vertically, links should be clickable, and the navigation should be visible right from the first page load.
How you design these expectations is completely up to you. But when you’re designing for consistency you want to keep a clear uniform design across the entire layout.
For visual consistency on the web I think BodyBuilding.com is a pristine example.
This site has many portals linking to their forums, their eCommerce shop, and their online help guides. All of these pages have the same design and the same navigation to keep them consistent with the entire site.
Users don’t want to think. They just want to act and get results. Consistent design helps this happen.
Do the thinking for your user to understand what they need. How would you design a blog page to encourage reading? What about an ecommerce shop to encourage checkouts?
Think about these questions yourself and apply them to your web projects. Which elements should be consistent on every page? This line of thinking always leads to solutions.
The homepage of Sketch is very consistent with certain user behaviors and expectations. The page has two CTAs: one for downloading a demo and one for buying the program.
But not everyone who visits the site wants either of those options. The top nav becomes the obvious next step.More
There’s tremendous value in consistency of digital interfaces. People browsing the web encounter dozens of websites that all have different styles, yet most feature very similar page elements.
Most designers don’t even think about these features. Page headers, navigation menus, body copy, CTA buttons, the list seems endless.
By designing with consistency you’ll learn how to create interfaces that encourage typical user behaviors. Your layouts will build trust and teach users repeatable patterns that help them work through your site much quicker.
Design For User Expectations
Most users expect websites to work a certain way. It should scroll vertically, links should be clickable, and the navigation should be visible right from the first page load.
How you design these expectations is completely up to you. But when you’re designing for consistency you want to keep a clear uniform design across the entire layout.
For visual consistency on the web I think BodyBuilding.com is a pristine example.
This site has many portals linking to their forums, their eCommerce shop, and their online help guides. All of these pages have the same design and the same navigation to keep them consistent with the entire site.
Users don’t want to think. They just want to act and get results. Consistent design helps this happen.
Do the thinking for your user to understand what they need. How would you design a blog page to encourage reading? What about an ecommerce shop to encourage checkouts?
Think about these questions yourself and apply them to your web projects. Which elements should be consistent on every page? This line of thinking always leads to solutions.
The homepage of Sketch is very consistent with certain user behaviors and expectations. The page has two CTAs: one for downloading a demo and one for buying the program.
But not everyone who visits the site wants either of those options. The top nav becomes the obvious next step.More
