01 Oct Web Design: The Difference is in Small Details
The Difference between something Good and Something Great is Attention to Detail
Just as John Dulles, in one of his quotes said -A man’s accomplishment can be said as the cumulative effect of his attention to detail; in a similar fashion in each of the realms that man touches, including a web design project 🙂 , protracted immersion in mundane details can lead to epiphanies.
Well, these are not striking bolts zapped from the blue, but in the framework of web design are usually rewards preceded by fine craftsmanship, an attention will and effective handling of even the minute-est of details.
Design your Site to Match its Purpose
Research has shown that people quickly evaluate a site by visual design alone, and with this preparatory groundwork, when designing your site, your site gains credibility. Pay attention to layout, typography, images, alignment, consistency issues and more. Of course, not all sites gain credibility by looking like Apple.com. But, the visual design should match the site’s purpose.
Sweat the Small Stuff
Small parts of your site, from alignment to rendering, choosing gradient or texture and to contrast and color, can make or break the design. Taking care of the details will speak of the value, offer better conversion, help the client be more professional, and last long enough to be a worthwhile investment.
Here are a couple of common elements that have a high probability of being overlooked in most web design.
1. Purposeful Alignment
Checking your measurements and alignments ensure that your elements are cleanly and evenly laid out. For this purpose, Guides are an essential tool for carefully calculating alignment, flushing text and images, and of course checking symmetry. Photopshop Ctrl/Cmd + R is used to bring up the rulers from top or side to create the guide. Proper alignment also helps a site maintain hierarchy and consistency in design.
Additionally, one of the quickest ways to place and size elements as you build is by using the grid.A grid form or tabular sizes of rows and columns consists or evenly spaced squares which is easy to work with.
As a fundamental design principle, symmetry permeates from opposites that work together and that can add visual appeal. In its simplest form, symmetry is a repeating pattern of identical elements that are equally spaced out along a line. When you start designing, be sure to create gutters, margins, and spacing setups to lay out elements clearly.
Space Geek in Symmetry
3. Render and Check Browser Type
Choosing and using a font is not merely a stylistic issue, it’s worth having a look at how the technology comes into play. Understanding why fonts look the way they do helps us make websites that are successful and comfortable to read in every scenario.
With a wide variety of fonts available, and a number of browsers to choose from, the web designer should be well aware of the various mechanisms of type rendering, how they are developed, and how and why they are applied by various operating systems and browsers so that he/she can ensure the quality of typography is high.
4. Design with Real Content
Designing without content is like trying to come up with a solution without knowing what the problem is. Unless you know your client’s goals and intended points of conversion, you can’t begin a project. As a thumb rule, having real content empowers you to create the best approximation of the final site possible, saving you countless days of revisions.
Sweat it with Small Features
Further, certain elements or innovative features of your site will always garner more attention than others because of an image, element or color or feature. For instance, Hipmunk a travel (innovative) site, recently gained popularity for its presentation of search results in a time line format integrated with your Google Calendar. The graphic timeline is extremely helpful as compared to other popular sites like Expedia.com and TripAdvisor as you can fidget with the results until you find the flights that work best for you, including adjustable sliders that allow you to restrict times and prices.
These and other small details attributes for different parts of the site which denotes that the site can mean more useful, effective, accurate, clear, comprehensive, simple, beautiful, elegant, or simply wonderful.