Organize the user interface so that the information flows either vertically or horizontally, with the most important information always located in the upper-left corner of the screen. Group related controls together using either white space or a frame. Place the most commonly used command button first. Assign meaningful captions to command buttons. Place the caption…

It is up-to designer how he perceives the layout, colors and elements which requires in-depth of experience in analytical skills of design which is called aesthetics. A designer himself has to see why the design is good and why the design is bad and when he overcomes this, he will see the difference in quality…

Most of the guidelines that are specified for Windows GUI applications can also be applied to Web based application’s User Interface. Web applications must try to keep it close to the windows applications or adhere to the UI Style guide.

Responsive web design is addressed to devices, screen sizes and orientations by creating flexible, fluid and adaptive websites. Previously, designers and developers were used to create the desktop Web versions with most common screen resolution along with a separate mobile version but that approach is totally changed by adapting Responsive Web Design that can render…