Tuesday, April 6, 2010

Parallax Background

I used to be a great fan of Parallax Scrolling Backgrounds in the games of 90's. To get an similar effect in a web page was possible only with Flash. Now with this interesting Scrolling jQuery Library, we can get the same parallax scrolling effect, of course we can customize to a great extent on animation. Very useful!

Though kinda jerky, can be tamed. Check It out Here!

Wednesday, October 21, 2009

Robust Mobile - Brand Identity


After a very long time, the chance to design and build multiple brand identities.

First in the list - Robust Mobile!

Tuesday, April 14, 2009

Vimeo : People connecting through video.






If you are into the love of making videos and sharing them, vimeo is the perfect place to share. Showcases videos of amateur to professionals.

Though there are many sites which has the similar functionality, here the quality of the videos should be mentioned in particular. Most of the videos are breathtakingly in a higher resolutions.

Check it out.

Friday, February 27, 2009

A Documentation - GUI Design - Part 4

Kill the habit of rushing into design!

We will start with websites, those which lacks user friendly navigation as well as functionality, their by killing the usability standards, so obviously the site becomes a nightmare for the end user. I would like to share the points written by Mr.Jakob Nielson’s article on ‘The top 10 web design mistakes of 1999’, though he wrote that article 10 years back, down the lane at 2009, still we see websites which consistently showcase the 10 mistakes he mentioned.

The point is people often ignore the principles of good GUI design, once we ignore the step1 ultimately we lost the plot on how to serve and what to serve in the first place!

A good GUI design should be a intuitive one, if a site’s purpose intended was to communicate the information of a certain commodity, where as the info is hidden beneath a complicated menu level to access, what’s the point? The design should make it explicit that the information should be viewable or accessible upfront. This is one among the several bad design aspects which kills the user experience.

So the above mentioned are good too many valid reasons, to call a design just bad!

Let’s see where good design starts:

In order to avoid the basic mistakes, we have to make our basics right before we jump start a design process. Even if you are going to design a small job which is chicken shit for ya, sit back and do a small homework before jump start. If we can clearly answer the following 4 Basic questions, then we are good to go!

  1. Do you know your end-user?
  2. Do you have the content organized?
  3. How you are going to present it?
  4. Can you start the design now?

End User Matters the most

Of course first thing you should know in GUI design is who is your end user, is the target audience is young masses or the mature people. What is the geography of my end-user, is he from U.S.A or U.K or from Asia, again if asia which part of asia? These information are very crucial for a designer, unless you know these facts you will end up putting a typography and its size in a website which couldn’t be readable which is meant for a older or mature audience!

Organizing the content

Once you know how much content is available, it will be easier for you to analyze and decide upon on how to present the same in a appropriate manner to the user without much confusion. Furthermore it helps you to determine the choice of navigation or the menu system, as you just understood what comes first and what comes last from the organized content. This particular aspect will be very effective when you plan for dynamic websites. You don’t have to update the all of A-Z, just locate the exact page from the stack of the organized content and update that alone.

Present it for yourself first

If you have answered first 2 questions, you should be comfortable now to answer question #3.

Exactly, If you can see beforehand what your end-user will see and suffer looking at the GUI which you did, probably you are in the right directions, so accommodate missing and address problem areas which already shows up even in the stage of mock-up / wireframe stage.

Now you are Good to go!

More over if you like to know more on Good Principles on GUI design, you should read this nice book, ‘User Interface Design for Mere Mortals’ by Eric Butow.

More to come…