December 26, 2011

Website, & Landing Page Design Best Practices, Tips

Landing Page Design Best Practices
The first generation Landing page best practices
  • Most of the fields on the form were required. 
  • The “submit” button was still in fashion. 
  • Payoff for filling out the form - A phone call from a sales rep.
The second generation Landing Page Best practices

Best practices included:
  • A/B and multivariate (MVT) testing — test, test, test your ideas
  • “message match” continuity between ads/emails and their landing pages
  • shorter and friendlier forms with better calls-to-action (CTAs)
  • emphasis on text content (not Flash!) to improve SEO and quality scores
  • “social proof” with logos, awards, certifications, testimonials, etc.
  • Broad summary of the most universal landing page best practices of the time:
Landing page best practices from the READY Framework
Current Landing Pages Best Practices
Higher set of principles:
  1. Deliver meaningful, context-relevant content
  2. Present that content with an engaging, affective design
  3. Offer a compelling, but not coercive, “next step” to take
An Example Of current Landing Pages Landing page for an online game called Dragons of Atlantis:
Example of Landing Pages 3.0
It violates several earlier landing page best practices
  • Uses large images — in the background, in the foreground, in pop-up lightboxes. 
  • It actually uses a slide show of images — gasp! — in that main window, rotating one after another every few seconds.
Advantages
  • The images sell the experience of the game itself.
  • They’re lightly annotated just enough to communicate the essence of game play. 
  • The rotator tells a story with them in a succinct and captivating way.
  • It may take a second or two for this page to load on a fast connection, but it enchants respondents enough to sign-up
  • Those large images are being served via a content delivery network (CDN), and the image rotator is not Flash-based but driven by lightweight Javascript.
  • Other Landing Page rules are still observed: short form, clear call-to-action, the highlighted “free to play” value proposition, a strategic sliver of social proof. 
  • It’s a hybrid of solid fundamentals and creative departures from the old school.

Website Design Best Practices & Tips
The following Mint Leaf Studio infographic gives some best practices and tips for improving your website design in 12 simple steps.
  • The 12 improvements include search functionality, navigation, typography, security and SEO. 
  • Interesting facts regarding Navigation which can be improved using these best practices: People cant find what they are looking for on websites 60% of times
  • Interesting facts regarding Internal search which can be improved using these best practices: 80% people leave a website if internal search performs poorly. 
  • Adding a blog can improve number of visitors, inbound links and indexed pages significantly
  • Fact regarding Design best practices: Visual design is reflective of your brand
  • Fact regarding Typography: Typography directly determines readability 
  • Fact regarding Button Design best practices: Buttons can directly influence and improve conversion
  • 21% of users abandon shopping cart due to concerns of personal data safety
  • Consumers are 2.8 times more likely to search for a brand's product when they see a brand both in paid search and social media than without seeing it in Social Media. 
  • Example of SEO improvement:Some 62% of people click on a search result from the first page of results. If you do a better job thinking about optimizing search results, you can significantly boost your traffic numbers.
Website Design Best Practices, Website Design Tips and improvements

28 comments:

  1. Great post! Turns out I was already using some of your tips but I learned a couple of new things as well. Thanks again.

    ReplyDelete
  2. Designers love beautiful sites...SEO loves optimized content and code, but no one of them should not deceive each other. My web development partners http://www.nixsolutions.com/services/web-development-services/ perfectly combine design and SEO.

    ReplyDelete
  3. The Magic Members plugin is a WordPress plugin which includes multiple features. The plugin is met to be an easy membership feature which allows the user to have multiple membership levels. These levels include; Silver, Gold and Platinum. For users who have membership sites, they will be able to control different levels of the membership site such as a download area. wordpress membership plugin

    ReplyDelete
  4. We suggest the right wordpress website development package which includes wordpress theme design, wordpress theme integration, Houston Website Development

    ReplyDelete
  5. Thanks a lot for the tips. If you're interested in testing tips and tricks, check out htis website http://qatestlab.com/services/we-are-professionals-in/installation-testing/. I think this guys are good.

    ReplyDelete
  6. Thanks for the nice blog. It was very useful for me. I'm happy I found this blog. Thank you for sharing with us,I too always learn something new from your post. Freelance Website Designer 

    ReplyDelete
  7. Quite impressive! I was skeptical at first about Best Website Design, but just after reading this blog, I understand what it actually is.

    ReplyDelete
  8. This is a great post. I like this topic.This site has lots of advantage.I found many interesting things from this site. It helps me in many ways.Thanks for posting this again. best web designer in pakistan

    ReplyDelete
  9. Fantastic blog! Great tips! The way of representing this blog is fabulous, because this blog contains images which was beneficial for understanding. You can click on Website Solution in Perth for a better understanding.

    ReplyDelete
  10. This comment has been removed by the author.

    ReplyDelete
  11. This comment has been removed by the author.

    ReplyDelete
  12. Corporate Webdesign Nürnberg.Wir realisieren Ihren Internetauftritt. Überzeugen Sie Ihre Kunden mit Webdesign und profitieren Sie vom Wiedererkennungswert.
    Webdesign Nürnberg für Ihren perfekten Internetauftritt.Überzeugen Sie Ihre Kunden mit einer Corporate Website und profitieren Sie vom hohen Wiedererkennungswert unseres Webdesigns.

    ReplyDelete
  13. This comment has been removed by the author.

    ReplyDelete
  14. I can see that you are an expert at your field! I am launching a website soon, and your information will be very useful for me.. Thanks for all your help and wishing you all the success in your business. website improve

    ReplyDelete
  15. In helping the small businesses and the large businesses, we have taken a step to implement the internet. We have found great difficulty and a challenging task to sell over the internet, for which you need to build a website or redesign your existing one. dallaswebsitedesign.com

    ReplyDelete
  16. For those who have dabbled in the art of developing websites for any period of time, you know very well what it feels like to start with a blank white page and end up with something that is wonderful as well as operational. This holds true even if the websites you have developed in the past were personal websites that you designed for yourself. web design advice

    ReplyDelete
  17. I liked the Infographic and the content too but Its about the website design and the design of this page is not very good. First of all you guys have to work on your own website and if you need any kind of help in Website design or Development feel free to get in touch via http://www.si3.ae/.

    ReplyDelete
  18. Do you have any recommendations on the best way to get recorded in Yahoo News? I've been striving for some time yet I never appear to arrive! Welcome it.
    webdesign

    ReplyDelete
  19. A reliable ecommerce website development agency must have lots of stores highlighted in their portfolio. Mona Media

    ReplyDelete
  20. Thank you for taking the time to publish this information very useful! Citation Flow Blog Comments

    ReplyDelete
  21. There are so many website design companies dotted around the world, it seems every man and his dog is setting up such a company, in fact anyone with a laptop seems able to offer this service, and the prices for such a service are dropping like flies, you can pick up a website for a few hundred pounds etc.Website Designer in Lucknow

    ReplyDelete
  22. Appreciation for really being thoughtful and also for deciding on certain marvelous guides most people really want to be aware of.
    web design training in chennai

    ReplyDelete
  23. If you work from home or are trying to get that elusive first project, creating a professional website is an important step. Wordpress Websites Creator

    ReplyDelete
  24. This is very educational content and written well for a change. It's nice to see that some people still understand how to write a quality post! rank tracker

    ReplyDelete





Follow my blog with Bloglovin
Powered by Blogger.