On Beauty, Usability and Interactivity

So here I am wondering, are you interested to stack up on more of this? Sometimes, we do need things like this for motivation.

The Web Designer’s Idea Book Vol. 3 Giveaway

Featuring more than 650 examples, this third volume of The Web Designer’s Idea Book is packed with visual inspiration for creating top-notch web design. Web design expert Patrick McNeil, author of the popular Web Designer’s Idea Book series, is back with the latest examples of the best design on the web today.

 Arranged thematically, this guide puts important topics like technology, design styles, elements, site types and site structure at your fingertips. This new volume also includes a detailed discussion of the various content management systems available to help you find the best platform for your project.

Usability’s a big word on the web nowadays. Go over this checklist and see if what you’re working on adds up:

 Vital Website Usability Checklist You Can’t Ignore

Some would argue that the majority of a website’s usability is determined by site navigation alone. Think of it this way: If your customers are too confused by your layout to navigate your site efficiently, then they’re going to get frustrated and leave rather quickly! Lots of visitors will just leave the site if they can’t locate what they want in just a matter of a few clicks.

No matter where prospects go on your site, you’ll want to ensure that they always know where they are. This means that it’s a good idea to consistently and prominently display your company logo and brand name on every webpage, always in the same place. Consistency is a hallmark of super-effective navigation.

Read more on ‘usability’ here.

And check out this example on standard usability:


It might help, too, to look up on these as well:

 Foundation for Beginners: Progress, Alerts, Tooltips and the Elusive Megadrop

In the previous tutorial we built a simple responsive contact form, which demonstrated how Foundation’s form elements could be used. Now let’s implement some more elements to add a new layer to the form. We’ll do this by adding stages to the submit button; we’ll take the standard click of the send message button, add a progress indicator, a success message and clear the inputs once the email is sent.

As I am purely showcasing Foundation features this is not a functional form, although you could add a php based send script and use ajax to make the form post without navigating away from the page. Take a look at Submit A Form Without Page Refresh using jQuery for further instructions.

Let me end with these words by Emile Zola – “The artist is nothing without the gift, but the gift is nothing without work”. Something you and I should take a minute to ponder on.  A good weekend to us all!


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )


Connecting to %s