Part 4 of 5: How to Design a Fantastic Online Experience – (Design Standards)

.

If you missed it, we wrote Part III of this series and you can learn all about some key Design Techniques and where to use them right >here<.

This time, let's save some dollars in research and have a look at the top web company's Design Standards.

Design Standards to Set You Apart

The best thing about this section is that if you take these basic design practices into account, you can move your online experience up several notches very quickly. The big wigs have sunk millions of dollars into figuring out the right colors, fonts, layouts, and even animation to see what we as society find attractive, (at least the majority). Plus the kicker is they put this information out for free! I am going to be referring to this article put out by Google, so make sure to scan it and save for some intriguing info later.

  • Bold, Graphic, Intentional.  It's important to gain the user's attention with typography, colors, scale, and photos to guide the visual flow. They create a meaning when put together and that can be good or bad for you. A great combination makes the user's experience easy and intuitive. A bad combination of these can create disaster. Have a look at some of the ways to use color (here), typography (here), and layout (here) from our good ol' pals at Google. A few of these may seem mobile-oriented (apps and such) and there is a good reason for that. We are using our phones more. However, the core principles remain the same for desktop.
  • Motion Provides Meaning.  This is an amazing thing with Showit for the desktop websites. With motion, we can infer and imply things that were not previously able to be done with just a good static design. Design can transform as the user interacts with it, and it recaptures the focus of the user when they may start to wander. There are a few caveats to this however, and you should be sure to discover what kind of motion is the best and when to use it. For that check out this in depth guide.

All in all good combinations of colors, typography, and photos all at the proper sizes make many designs stick out from others. Don't be afraid of the space between your elements and make sure to use animations in appropriate chunks. Have you seen a stellar example of one of these design standards? Give a fellow Showiteer a shout out below!

Showiteer Callie Beale discusses ten common things couples would change about their wedding if they could do it over again.

Read More

Top 10 Things People Would Change About Their Wedding

Is your website working for you? You shouldn’t just set up your site and hope for the best. You can use words and images to evoke emotion with your website visitors. By tapping into the best visuals for your brand, you can create a real connection with anyone one that comes across your online home. […]

Read More

Website Words & Images – A Critical Look at Your Site with Jen and Jeff of Tonic

With its romantic botanicals and stunning layout designs, Wonder is the perfect timeless and elegant design. Showcase your most striking imagery front and center with the custom featured posts section. About Wonder • Customizable color palette • 5 page templates • Corresponding Blog + Single Post template • Layered PSDs   Website design by Northfolk & […]

Read More

Wonder by Northfolk & Co.

Learn more about Showit

CHoose a design to Start with

Brand your business like nobody's business with the drag-and-drop website builder made for creatives like you. 

No thanks

     Watch the Free webinar