navigation

Tips and tricks for the best user-friendly website

Tips and tricks for the best user-friendly website

by
March 21, 2014

Some great tips and tricks for your website.

 

  • 1. w w w. m o b i l e t e s t . m e
    As more and more people use their mobile phones to access the Internet, CREATING A MOBILE OPTIMIZED WEBSITE has become a necessity. If your website cannot currently be accessed on mobile, you can create a MOBILE VERSION of your website for FREE with the help of web-based mobile website builders. ! Check how your existing website appears on mobile
  • 2. w w w. t e l e r i k . c o m
    Here’s an example of well-created mobile version
    Applied simple web design techniques to make sure your website can be accessed easily these on-screen readers. A user – friendly website should also be accessible to everyone including BLIND, DISABLED or THE ELDERLY. These users typically use screen-readers to access the Internet. ! Make your website available to a larger audience
  • 3. How information is ORGANIZED and PRESENTED on your website is vital for good usability. Plan your website sections and categories carefully and present the information in a way that it is EASY FOR USERS to find. ! Always think from the perspective of your users
  • 4. The average Internet user skims through the content on a web page instead of reading each and every word from top to down. Users tend to scan through KEY PARTS OF THE PAGE quickly to determine if it is relevant to their needs. Good SOCIAL MEDIA integration is key to the success of any website today. Take steps to make sure your content is easily shareable. ! Make your website easy for readers to scan what is important for them
  • 5. Free tool that you can use to find broken links is LINK CHECKER. No one likes to read a page filled with spelling errors. Go through your site regularly and check for broken links in your content and in any graphics that link out to other sites. ! Having broken links on your website makes you look unprofessional
  • 6. Free tool that you can download: h t t p : / / w u m m e l . g i t h u b . i o / l i n k c h e c k e r /
  • 7. Provide links to your HOMEPAGE and MAIN SECTIONS such as order form, contact page, products, and articles on every page. Try to limit the number of menu items as far as possible. You can also use cookie crumbs, linked headings you often see at the top of websites showing where a visitor is on the website. Highlight the navigation to indicate where the visitor is. ! Make sure that visitors always know where they are and where they need to go
  • 8. Clearly label each section and if possible, use TEXT LINKS because they are SMALL IN SIZE and are also crawl able by search engines. If you want to provide site visitors with animated content, the best way is to use HTML5 and CSS3. ! Avoid using flash navigation or fancy JavaScript drop downs
  • 9. Use KEYWORDS in titles, meta tags, headings, file names and in the content of your site. SEO is one of the most commonly neglected aspects of a website, but a website is useless if no one can find it. Do some research to see how often those keywords are searched for through a tool like Google’s Keyword Tool. ! Think about the keywords that users may search for to find a product or service you offer
  • 10. A nice tool like Google Analytics will keep track of the number of people who come to your website, what pages they viewed, where they came from, what keywords they used in search engines, how many left after the first page and more … ! SEO can mean the difference between getting 500 visitors a month and 500+ visitors a day
  • 11. Free tool that you can use: h t t p : / / s e o s i t e c h e c k u p . c o m / 
  • 12. To get the most out of your site, it is important to ensure the FORMS are easy to use and accessible to everyone. Forms are very IMPORTANT ELEMENT on business websites. They allow users to interact with the site. ! Avoid building complex forms with huge number of fields
  • 13. Good ERROR HANDLING and DESCRIPTION on- screen messages are very important for good usability. ! Displaying the right error message improves the user experience and overall usability
  • 14. Nothing is more annoying for website visitors than a website that takes long to load. In fact, SLOW SPEED is one of the main reasons why visitors LEAVE A WEBSITE. ! Making sure your website loads within 4 to 6 seconds is important for good usability
  • 15. You can use free tool such as PINGDOM to test the speed of your website and to get suggestion on what you can do to improve your speed.
  • 16. Reducing the size of your graphics is one way of getting pages to load faster You can use free tool such as PINGDOM to test the speed of your website and to get suggestion on what you can do to improve your speed.
  • 17. It is important to ensure your website APPEARS and BEHAVES consistently across all major browsers such as Chrome, Internet Explorer, Firefox, Safari and Opera. Browser compatibility can be easily overlooked … ! Simple things like this set a professionally designed website apart from the rest
  • 18. More information and markup validation tools can be found on W3C’s website A website that adheres to the relevant web design best practices and standards is often more ROBUST and DEPENDABLE.
    h t t p : / / v a l i d a t o r . w 3 . o r g /
  • 19. Good contrast between background and text e.g. black text on a white background makes your content LEGIBLE and EASY TO READ. Lack of contrast, on the other hand, makes it very difficult for visitors to read your content.
  • 20. Use correct labels for all fields. Try to keep the number of fields to a minimum. Offer tooltips and suggestions. Display on-screen message on completion. Use correct validation.

Goodluck !

Stefaniya Talambazova

Quality Assurance at Dreamix

More Posts - Website

Follow Me:
LinkedInGoogle Plus

Do you want more great blogs like this?

Subscribe for Dreamix Blog now!

  • I really appreciate the advice. I actually came across this searching for a way to link my companies Facebook Fan Page to their Twitter status, but subsequently you have convinced me out of it. Thank you!

  • I tried adding the code for changing the default avatar image to my functions file. I copied it just as you have it and keep getting a white screen. I�m using Genius and am wondering if that has something to do with it? I can�t figure it out. Do you have any suggestions? I�d love to change the default image. Thanks!

  • I am surprised that works for you, as I have heard nothing but bad things about people pasting from Word to the Visual Editor! But if it works�

    • Nedyalko Nedyalkov

      This is interesting. Please share with us some examples.

  • Do not add a number of call to actions as it will make it too hard for your users to decide where to click.

  • seo

    Hello Web Admin, I noticed that your On-Page SEO is is missing a few factors, for one you do not use all three H tags in your post, also I notice that you are not using bold or italics properly in your SEO optimization. On-Page SEO means more now than ever since the new Google update: Panda. No longer are backlinks and simply pinging or sending out a RSS feed the key to getting Google PageRank or Alexa Rankings, You now NEED On-Page SEO. So what is good On-Page SEO?First your keyword must appear in the title.Then it must appear in the URL.You have to optimize your keyword and make sure that it has a nice keyword density of 3-5% in your article with relevant LSI (Latent Semantic Indexing). Then you should spread all H1,H2,H3 tags in your article.Your Keyword should appear in your first paragraph and in the last sentence of the page. You should have relevant usage of Bold and italics of your keyword.There should be one internal link to a page on your blog and you should have one image with an alt tag that has your keyword….wait there’s even more Now what if i told you there was a simple WordPress plugin that does all the On-Page SEO, and automatically for you? That’s right AUTOMATICALLY, just watch this 4minute video for more information at. Seo Plugin
    seo http://www.SeoOptimizationGuide.com/

  • Ӏ have beеո sսгfіnǥ oոlіnе
    mοге thaѕn
    3 ɦoսrs tοɗaƴ, ʏеt I ոеѵег fοuոԁ anү intегеsting aгticlе lіκе үouгs.
    Ιt іѕ ƿгеtƴ wߋгtҺ еnߋսցɦ fοг mе.
    In my օρіոіοո, іf all
    ѡeЬ ߋѡոегѕ ɑոԀ ƅloցgеrѕ maɗе ցߋoɗ cօոteոt aѕ ƴоu dіԀ, thее ѡеb աіll Ƅе muϲɦ mοге uѕеfսl tɦan
    eνеr Ƅеfօrе.

  • Good ɗay! I sіmplʏ want tօ
    gіνе үοս ɑ Ьіg
    thսmbs սρ fοг ʏоսг еxcеllеnt
    iոfο уοu ɦaѵe гiǥɦt hегe օn
    tɦіѕ ρost.
    І am геtսгոіnց tο ƴօսг sitе
    fօг moге
    ѕоօո.

  • To users migrating to Smartphones and mobile phones, it is very important to know how your website appears on these devices.

    • Nedyalko Nedyalkov

      Yes you are right! Now almost all website template builders have the option to see how it will look like in Smartphones