The document provides tips and best practices for creating an accessible, usable, and optimized website. It recommends making a mobile version of your site for free using website builders, designing for accessibility by screen readers, organizing information effectively, using keywords for search engine optimization, and ensuring good performance by reducing page load times and testing across browsers. Adhering to web standards and providing high color contrast for readability are also emphasized.
How to Troubleshoot Apps for the Modern Connected Worker
Tips and tricks for the best user-friendly website
1.
2.
3. 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.
4. 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
5. w w w. t e l e r i k . c o m
Here's an example of well-created
mobile version
6.
7. 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.
8. 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
9.
10. 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.
11. 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
12.
13. 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.
14. 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
15.
16. 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.
17. 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
18. 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 /
19.
20. 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.
21. 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
22. 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.
23. 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
24.
25. 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.
26. 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
27. 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 ...
28. 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
29. 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:
30.
31. 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.
32. 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
33.
34. Good ERROR HANDLING
and DESCRIPTION on-
screen messages are
very important for good
usability.
35. 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
36.
37.
38. 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.
39. 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
40. 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.
41. ! 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.
42. h t t p : / / t o o l s . p i n g d o m . c o m / f p t
43.
44. 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 …
45. 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
46.
47. 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 /
48.
49. 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.
50. 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: