Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
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...
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...
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 - fr...
Applied simple web design techniques to make sure
your website can be accessed easily these on-screen
readers.
A user - fr...
How information is ORGANIZED and PRESENTED
on your website is vital for good usability.
Plan your website sections
and cat...
How information is ORGANIZED and PRESENTED
on your website is vital for good usability.
Plan your website sections
and cat...
The average Internet user skims through the
content on a web page instead of reading each
and every word from top to down....
The average Internet user skims through the
content on a web page instead of reading each
and every word from top to down....
Free tool that you can use to find broken
links is LINK CHECKER.
No one likes to read a page
filled with spelling errors.
...
Free tool that you can use to find broken
links is LINK CHECKER.
No one likes to read a page
filled with spelling errors.
...
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 /
Provide links to your HOMEPAGE and MAIN
SECTIONS such as order form, contact page,
products, and articles on every page.
T...
Provide links to your HOMEPAGE and MAIN
SECTIONS such as order form, contact page,
products, and articles on every page.
T...
Clearly label each section
and if possible, use TEXT
LINKS because they are
SMALL IN SIZE and are also
crawl able by searc...
Clearly label each section
and if possible, use TEXT
LINKS because they are
SMALL IN SIZE and are also
crawl able by searc...
Use KEYWORDS in titles, meta tags,
headings, file names and in the
content of your site.
SEO is one of the most commonly
n...
Use KEYWORDS in titles, meta tags,
headings, file names and in the
content of your site.
SEO is one of the most commonly
n...
A nice tool like Google
Analytics will keep track
of the number of people
who come to your website,
what pages they viewed...
A nice tool like Google
Analytics will keep track
of the number of people
who come to your website,
what pages they viewed...
h t t p : / / s e o s i t e c h e c k u p . c o m /
Free tool that you can use:
To get the most out of your
site, it is important to ensure
the FORMS are easy to use
and accessible to everyone.
Forms ar...
To get the most out of your
site, it is important to ensure
the FORMS are easy to use
and accessible to everyone.
Forms ar...
Good ERROR HANDLING
and DESCRIPTION on-
screen messages are
very important for good
usability.
Good ERROR HANDLING
and DESCRIPTION on-
screen messages are
very important for good
usability.
! Displaying the right
erro...
Nothing is more annoying for
website visitors than a website that
takes long to load. In fact, SLOW
SPEED is one of the ma...
Nothing is more annoying for
website visitors than a website that
takes long to load. In fact, SLOW
SPEED is one of the ma...
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 improv...
! Reducing the size of
your graphics is one way
of getting pages to load
faster
You can use free tool such as
PINGDOM to t...
h t t p : / / t o o l s . p i n g d o m . c o m / f p t
It is important to ensure
your website APPEARS
and BEHAVES consistently
across all major browsers
such as Chrome, Internet...
It is important to ensure
your website APPEARS
and BEHAVES consistently
across all major browsers
such as Chrome, Internet...
More information and markup validation tools can be found on W3C’s website
A website that adheres to the relevant web desi...
Good contrast between background and
text e.g. black text on a white background
makes your content LEGIBLE and EASY
TO REA...
 Use correct labels for all fields
 Try to keep the number of fields to a minimum
 Offer tooltips and suggestions
 Dis...
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Tips and tricks for the best user-friendly website
Upcoming SlideShare
Loading in …5
×

Tips and tricks for the best user-friendly website

1,578 views

Published on

This presentation gives you some tips and tricks for making the best user-friendly website.

1. Mobile compatibility
2. Accessible to ALL Users
3. Well planned information architecture
4. Well-formatted content that is easy to scan
5. Spell check and broken links
6. Effective navigation
7. SEO and optimization
8. Usable forms
9. Good error handling
10. Fast load times
11. Browser consistency
12. Valid Markup & Clean Code
13. Contrasting color scheme

Follow this tips and you will have a great website

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Tips and tricks for the best user-friendly website

  1. 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.
  2. 2. 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
  3. 3. w w w. t e l e r i k . c o m Here's an example of well-created mobile version
  4. 4. 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.
  5. 5. 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
  6. 6. 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.
  7. 7. 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
  8. 8. 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.
  9. 9. 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
  10. 10. 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.
  11. 11. 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
  12. 12. 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 /
  13. 13. 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.
  14. 14. 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
  15. 15. 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.
  16. 16. 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
  17. 17. 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.
  18. 18. 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
  19. 19. 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 ...
  20. 20. 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
  21. 21. h t t p : / / s e o s i t e c h e c k u p . c o m / Free tool that you can use:
  22. 22. 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.
  23. 23. 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
  24. 24. Good ERROR HANDLING and DESCRIPTION on- screen messages are very important for good usability.
  25. 25. 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
  26. 26. 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.
  27. 27. 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
  28. 28. 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.
  29. 29. ! 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.
  30. 30. h t t p : / / t o o l s . p i n g d o m . c o m / f p t
  31. 31. 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 …
  32. 32. 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
  33. 33. 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 /
  34. 34. 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.
  35. 35.  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 Here are some tips:

×