Web Design Basics You May Have Forgotten
In the aftermath of the latest Panda update, the Google team has encouraged webmasters to focus on user experience rather than algorithms.
As the battle for rankings in Google’s search results is growing, many web designers are losing focus on the essence of being a designer.
The path to achieving a design that would express beauty is now being put in second place to the path to good search engine results.
Exceptional web design requires ingenuity and technical expertise. It’s important to develop a site that is both results-driven and appeals to the masses. Yet, creating a visually appealing website is only half the battle in the world of Internet commerce. The website must also actively encourage website traffic through link building, web crawlers and other search engine optimization (SEO) techniques. Not to mention, the website must be compatible with all major browsers, as well as, mobile browsers. Whether the user has Flash or HTML5 capability, the website must still function properly.
Achieving all of these requirements is no small order for a website designer. Planning is essential to exceptional design. Web designers must consider every aspect of web design and anticipate their customers’ navigational behavior to create a website design that will attract visitors and convert sales.
The question then becomes, “How can web designers successfully accomplish this goal?” This article will review some of the basic aspects of website design to help companies appeal to the masses and still increase revenue for their clients.
Where Are All the Web Designers?
A simple question is–what has become of web designers?
Do you think that a potential client searching for a designer and looking at someone’s portfolio is actually looking for someone to design their site? Of course they are! So, there’s no need for you to keep telling them that you design websites. Instead, tell them why you do it. Change your message so as not to sound like every other freelance designer out there.
People visit your portfolio, not because they want to know whether or not you design websites, but because they want to see visual images of what you have done. They know what they need and they need you to give it to them.
Also, remember that the success of your designing career does not hinge on your website alone. Word of mouth, reputation and the quality of your work are the strongest sources of clients and it all comes down to you. Keep in mind that you need to have a brand, and your brand is your work.
Let’s now talk about some basic web design practices that tend to be forgotten by the “experts.”
The Need for High Usability
SEO techniques and link building drive website traffic to the site, but once the visitors land on a page, it is the designer’s job to entice them to stay and look around. What are the components of a highly usable website? Here are nine such components:
- Capture the Audience. The design must capture the user’s attention when they land on the page. At first glance, they should know what the company is promoting and be able to find the most important pieces of information quickly.
- Keep the Content Simple and Straightforward. The most important information should be readily available. Users should be able to scan the page and find the content easily without reading deeply. Good formatting is essential to keeping the reader’s attention.
- Include an ALT and Title Attribute for Images. A descriptive ALT attribute and title attribute will allow visitors to navigate to the page they are interested in without waiting for the entire page to load.
- Leave Text Outside Images to Attract Search Engine Spiders. Text inside images is not detected by search engine web crawlers or spiders. Include text outside the images to attract visitors to the site based upon relevance to search topics. Additionally, many web surfers turn off the images in their web browsers and therefore, will not be able to view the catch phrase or word that may capture the attention of the user. Design for every type of user, and your website will attract more visitors.
- Ensure that All Links are Working and Intuitively Placed. Ensure that all the links are placed strategically placed on the website. The navigable links should describe the current location of the visitor, the previous location of the visitor and other options for the visitor on the site.
Ensure the links adequately describe the information connected to the link. CSS may be used to emphasize the links so the user can easily spot the link on the page. Include text links and a text based site map to help lost users find their way on the web site. Text-based site maps are also important in search engine optimization, because web crawlers can easily pick up keywords from site maps. Repetition on each page is instrumental. Depending upon the link building system, there is no way to determine what page the visitor will land on first. Ensure that the visitor can easily navigate throughout the website, regardless of their landing page. Include a link to the home page either through the logo or elsewhere. The links should be consistent and in the same location on every page.
- Include a Site Search Box. A search box will help navigators find the information they are seeking easily. Include the search box to increase the usability of the website.
- Increase the Load Speed of the Website. While catchy graphics will capture an audience, they will also deter an audience if the page takes too long to load. Many visitors will navigate to your competitor’s page while they are waiting for yours to load. In the time it takes your website to load, your competitor has already won your visitor’s business. This is not a good strategy.
- Use Web Crawlers and Spiders to Increase Traffic. Web crawlers and spiders are used by sophisticated web sites to find links to other relevant websites on the web. These spiders scour the web and constantly build links to improve the search engine research position (SERP) in Google’s search engine. Linking to relevant, high traffic websites will increase your company’s chances of improving their SERP. Diversification of the websites your company links to will also improve your SERP. Blogs, social media websites, company websites, community forums and other sites are all considered fair game for link building. This is a continual process that must be monitored regularly to maintain a high ranking in Google. These links should be natural and relevant to be within the guidelines of White Hat SEO techniques. The better and more relevant your links are, the higher your ranking will become in a search engine, such as Google.
- Ensure Your Keyword Density is High. Keyword density is also essential to increasing web traffic and creating relevance in Google’s search engine. Web crawlers also search for relevant keywords during Google’s searches. The more relevant your keywords, the higher your web page will become.
Make Your Website Design Work on All Platforms
Unfortunately, the only way to ensure your website is cross-compatible on all platforms is to test it on as many browsers as possible. The most popular browsers, currently, are Internet Explorer and Mozilla Firefox. With Internet capability on mobile devices, designers also have to design for these devices.
The three main web design technologies available are:
- Cascading Style Sheets (CSS)
Each is displayed differently by browsers. Websites may load perfectly on one browser and may appear disorganized on another browser. The version of a browser may also affect the loading capability of the website. Ensure compatibility on all web browsers to avoid deterring visitors to your site.
Use an HTML validator to ensure that all of the coding is correct. This will aid in compatibility issues. A validator may be found at http://validator.w3.org. If the code is correct, the website should be optimized to fit multiple browsers. The validator will inform the browser of the version of HTML the site is using.
CSS technology can lead to some web browser compatibility issues. This technology tends to truncate the website as it is viewed. CSS is desirable because this technology does not cause browsers to crash.
Flash often impedes the loading of some websites on computers that do not have this capability. For instance, the new Apple iPad does not feature Flash. A website designed with Flash will probably not load properly. Always design a non-Flash version of the website for users that do not wish to install the plug-in onto their computers. Additionally, recognize that search engines will not track links on a website created with Flash technology.
Most mobile devices require the most rudimentary websites available. To load a website quickly on a mobile device, there should be no use of frames, graphical links or high resolution images. Minimize the graphics for faster loading on mobile devices. Scripting, pop-ups and complex form fields are all difficult to navigate on a mobile device.
Create your website for the lowest common denominator, the mobile device, to improve the usability for all users. Test the websites on actual devices, instead of emulators, to ensure the ease of use of the website. Blackberry, Android and iPhone are the most popular platforms that companies should test first.
Conversion of Flash to HTML5
Because of the increasing popularity of smart phones, clients are challenged to design eye-catching web designs for both the computer and mobile devices. Flash was the primary way to create a visually appealing site as many web designers have done for Nike, Gucci and Coca-Cola. Flash intensive sites, however, do not work well for mobile devices. Thus, HTML5 was created to fill the void.
There are several tools available to aid in the conversion of Flash to HTML5. Two are briefly reviewed below:
- Adobe. The tool allows web designers to export Flash CS5 animations into HTML code, HTML5, Scalable Vector Graphics (SVG) or other tags. The code will perform as though it was still flash but it will be rendered directly in the browser. Since most browsers support HTML5, the website becomes virtually universal.
- Google Swiffy. Google Swiffy also allows designers to convert Flash to HTML5. With this software, companies may design websites with Flash content without requiring a Flash Player. This software has been proven to work for Chrome, Safari and iPad applications. The application will not convert all Flash content. However, simple animations and ads will be converted easily.
Though there are many steps to exceptional website design, clients that pay attention to all aspects will build a website that will attract customers, retain customers and convert sales. After all, isn’t it that the reason why you are developing a website?
What design tips have I forgotten? What tips would you add?
Image by Danard Vincente
- Want To Know How To Design? Learn The Basics.
- Website Design is not Graphic Design
- 27 Best Photoshop Web Layout Design Tutorials to Design Decent Web Layouts
- Interview With Adrian Diaconescu of Rubiqube – We Talk About Design, Blogging and Freelancing
- How You Know When Your Website Design is Finished
Unleash the true potential of your business. Get The Unlimited Freelancer and start transforming your freelance business,
now only $19.
September 11th, 2011 at 8:46 am
September 11th, 2011 at 11:14 am
I would like to add site architecture, so many sites fail in having their content categorized and associated correctly that it is really mind numbing to me. EVERY site absolutely needs to have a plan for content…
September 12th, 2011 at 5:57 am
Simple but great advice!
Barry JenningsSeptember 12th, 2011 at 6:58 am
Hey guys: I saw your website online while searching for google – I noticed that while your website looks “hot” ( you are a web design company!) Your online rankings were not strong as they could be.
September 12th, 2011 at 7:06 am
These are correct basics for web design for sure. Thanks for sharing.
RustyHSeptember 12th, 2011 at 8:03 am
I find the biggest problem facing webSites is the majority of every site I visit, looks and feels the same. There is no creativity in layout anymore. If every box of cereal looked the same, the world would be a sad place.
September 12th, 2011 at 1:00 pm
Good Web Design is just the start of a company having an online presence. Having good on page and off page SEO is essential and knowing what your competition is doing is key to success.
September 12th, 2011 at 2:33 pm
good revision of basics…google swiffy is a good tool too….
Daquan WrightSeptember 12th, 2011 at 7:54 pm
The most important design tip I could give, is to design with a user focused philosophy. Your content should appeal to your niche, your design should capture the imagination of your targeted audience, and the colors should fit as well.
Think about how the user will respond to the site/app and what they want/need.
September 13th, 2011 at 6:33 am
Great,i am completely amazed,thanks for sharing such informative stuff…
September 13th, 2011 at 12:37 pm
Web design is the process of designing websites — a collection of online content including documents and applications that reside on a web server/servers.As a whole, the process of web design includes planning, post-production, research, advertising, as well as media control that is applied to the pages within the site by the designer or group of designers with a specific purpose. The site itself can be divided into its main page, also known as the home page, which cites the main objective as well as highlights of the site’s daily updates; which also contains hyperlinks that functions to direct viewers to a designated page within the site’s domain.
September 14th, 2011 at 12:53 am
A really well written post, thank you for your hard work, please keep it up. I’ve found a lot of information which will help all who wants to create and marketing a website.
September 16th, 2011 at 8:58 am
I think the new google update will help in SEO for professional designers and developers who try to create a nice website. Currently most of the website that top in google are poorly designed with spinned contents, full of ads. They top just because of tonnes of backlinks.
BTW, not most of the users disable images.
September 17th, 2011 at 2:26 pm
Very valuable points mentioned which we miss out on at times.Thanks for reminding and sharing:)
November 26th, 2011 at 6:54 pm
The problem with coming up first in google searches for website design keywords is that it is brutally competitive, if not impossible to come up first unless you are working on it everyday for 5 years straight. Then you may see some results.
March 30th, 2012 at 8:32 am
I’ve said that least 3604256 times. SCK was here
May 2nd, 2013 at 9:51 pm
What this product does for me, is after i walk by the kitchen, I really don’t stop to see what I am able to just grab and mindlessly snack on. I just shed those urges. It’s effortless and i enjoy Cho Yung Diet Tea for that reason!
- Web Design Basics You May Have Forgotten | FreelanceFolder | معرض مؤسسة مطور
- Web Design Basics You May Have Forgotten | FreelanceFolder | Offmile web design | logo design | graphic design source
- Web Design Basics You May Have Forgotten | How To Start Online Business
- Web Design Basics You May Have Forgotten | FreelanceFolder | Translogistics
- Web Design Basics You May Have Forgotten | FreelanceFolder « ImpartMe
- Web Design Basics You May Have Forgotten | FreelanceFolder | Simon Bugler: Freelance Web Designer
- Web Design Basics You May Have Forgotten | FreelanceFolderCornwall Creative Web Design | Cornwall Creative Web Design
- Introduction to HTML5? And Why does It Matter? | Hostage India | Knowledge Base
- 5 Moduri de a obţine conţinut Web de la clienti la timp | ro-Stire
- 5 Ways to Get Web Content from Your Client on Time – Your online guide for finding a job
- 5 Ways to Get Web Content from Your Client on Time | World's Greatest T-Shirt
- 10 New Guidelines for Web Designers for 2012 | The iDevelopment Team
- Daily Links 02/01/2012 | EduEyeView
- Web Design Basics | avivaallegro
- SEO Techniques All Top Websites Should Use
- When a Client Can't Afford You: Why It's Still Better to Bid High
- How To Stop Scrambling For Clients And Get A Steady Stream Of Paying Gigs
- A Simple Way To Stop Clients From Rejecting Your Proposals
- 3 Reasons Your Rates Are Still Low (And How To Start Raising Them)