Webmaster Forum

Go Back   Webmaster Forum > Web Development > Web Design Lobby > Web Usability

Web Usability Discuss and review websites for better usability.


Reply
 
Thread Tools Display Modes
Share |
  #1  
Old 05-19-2009, 01:47 AM
itpetex itpetex is offline
Banned
 
Join Date: 04-21-09
Posts: 33
iTrader: 0 / 0%
Website usability, step by step

Hello,

maybe anybody could make a some type of list for website usablity? Main things for first?
 
Reply With Quote

Advertisement

Advertisement

  #2  
Old 05-19-2009, 10:15 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
You could start by investing in the book "Don't Make Me Think!" by Steve Krug. It's a short book, not too technical and not too expensive. Author's site: http://www.sensible.com/
 
Reply With Quote
  #3  
Old 05-19-2009, 09:54 PM
kos's Avatar
kos kos is offline
Coding Tiger
 
Join Date: 04-13-07
Location: .ro
Posts: 4,029
iTrader: 3 / 100%
It's funny to see that for a usability consultant his navigation consists of pure images, don't you think?
 
Reply With Quote
  #4  
Old 05-19-2009, 10:26 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Quote:
Originally Posted by Costin Trifan View Post
It's funny to see that for a usability consultant his navigation consists of pure images, don't you think?
Ahhh, but look at the bottom of the page, text links for search engines and accessibility.
 
Reply With Quote
  #5  
Old 05-20-2009, 11:03 AM
kos's Avatar
kos kos is offline
Coding Tiger
 
Join Date: 04-13-07
Location: .ro
Posts: 4,029
iTrader: 3 / 100%
Quote:
Originally Posted by htmlbasictutor View Post
Ahhh, but look at the bottom of the page, text links for search engines and accessibility.

yeah, but those are at the bottom of the page, which forces a user to scroll down to find them

PS. and the title text for those links is missing too...
 
Reply With Quote
  #6  
Old 06-25-2009, 06:13 PM
kieransimkin kieransimkin is offline
Contributing Member
 
Join Date: 06-25-09
Location: Brighton, UK
Posts: 116
iTrader: 0 / 0%
Quote:
Originally Posted by Costin Trifan View Post
It's funny to see that for a usability consultant his navigation consists of pure images, don't you think?
Something wrong with that? Surely as long as images have alt tags that doesn't hinder usability too much - he does have text links at the bottom of the page.

Disclaimer; I run a site on which all the content is in images. Have a look and see if you think that makes it less usable.
 
Reply With Quote
  #7  
Old 06-25-2009, 08:08 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Quote:
Originally Posted by kieransimkin View Post
Something wrong with that? Surely as long as images have alt tags that doesn't hinder usability too much - he does have text links at the bottom of the page. ...
Quote:
"It’s alt attribute, not alt tag
Ok people, time to get some basic terminology right. I’ve posted about this before, but here goes again: There is no such thing as an alt tag in HTML! It is an attribute which is required for images, and is specified in the img tag that defines an img element."
Reference: It’s alt attribute, not alt tag at 456 Berea Street

Usability, accessibility and SEO are all related and all work together.

Having an image based site may appear usable to the naked eye, but it creates accessibility and SEO isssues.

Relying on images using the alt attribute isn't going to add to the usability, accessibility nor the SEO of the site. There are many other factors that go into making a web page user friendly, accessible and search engine friendly.

If you study of each of these issues, you will find one thing for usability will also help accessibility and search engine optimization. And likewise if you start with one of the other areas, you will find the techniques learned also help the other 2 areas.

Last edited by HTMLBasicTutor; 06-25-2009 at 08:13 PM.
 
Reply With Quote
  #8  
Old 06-25-2009, 08:34 PM
kieransimkin kieransimkin is offline
Contributing Member
 
Join Date: 06-25-09
Location: Brighton, UK
Posts: 116
iTrader: 0 / 0%
Quote:
Originally Posted by htmlbasictutor View Post
Reference: Itís alt attribute, not alt tag at 456 Berea Street

Relying on images using the alt attribute isn't going to add to the usability, accessibility nor the SEO of the site.
My question is why - under what circumstances is the alt attribute on an image less accessible than a piece of plain text?

You make a good point about the misuse of the term "alt tag" - of course you are correct and if I'd thought about it for a minute I'd have known that myself. The tag is an IMG tag, the alt text is an attribute of that tag. I hadn't even noticed that the incorrect terminology had crept into common usage - normally that's exactly the kind of thing that annoys me, so I can see where you're coming from!
 
Reply With Quote
  #9  
Old 06-25-2009, 08:43 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Quote:
Originally Posted by kieransimkin View Post
My question is why - under what circumstances is the alt attribute on an image less accessible than a piece of plain text?
When it is full of keywords (a.ka. keyword stuffing).

The alt attribute is there to add a description of the image for:
-those who use assistive technology to read web pages
-those who choose to have images turned off to save bandwidth and/or ignore ads.
 
Reply With Quote
  #10  
Old 06-25-2009, 10:33 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
10 Tools to Improve Your Siteís Usability on a Low Budget

To get back to the original question,

Quote:
"Testing the usability of your site is one of the smartest things you can do. Usability involves making a websiteís interface easier to use and simpler to understand, so that the userís experience is as enjoyable as possible.

The more usable a site is, the more satisfying it will be to interact with it ó and happy visitors translate into happy customers.

Ideas about what makes for the best website design donít always translate perfectly when put into practice. Elements that one person might consider easy to use may actually turn out to be confusing for someone else...testing for usability is the only reliable way to find out how well a website works...."
Reference: 10 Tools to Improve Your Siteís Usability on a Low Budget

This article goes on to cover how often should you test your website for usability and 10 tools you can use (free and low cost).
 
Reply With Quote
  #11  
Old 06-29-2009, 06:27 PM
fredrob77 fredrob77 is offline
Contributing Member
 
Join Date: 01-22-09
Posts: 148
iTrader: 5 / 100%
I suggest you read hxxp://www.usability.gov/ its a very informative site, and I agree with the Don't make me think book, a very great book for web designers.
 
Reply With Quote
  #12  
Old 07-06-2009, 03:29 AM
myndconsulting's Avatar
myndconsulting myndconsulting is offline
Contributing Member
 
Join Date: 05-18-09
Location: Philippines
Posts: 256
iTrader: 0 / 0%
Yes, navigation that consists purely of images has usability and SEO issues. There should be text links immediately below each image.

Embedding your images thru the CSS background-image property is also a no-no for SEO work.
 
Reply With Quote
  #13  
Old 07-06-2009, 07:54 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Quote:
Originally Posted by myndconsulting View Post
...Embedding your images thru the CSS background-image property is also a no-no for SEO work.
Why would you say that? I dont' believe that to be true.
 
Reply With Quote
  #14  
Old 07-06-2009, 10:21 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Building Respect for Usability Expertise

New article by usability expert Jakob Nielsen:
Quote:
Summary:
Enemies of usability claim that because "the experts disagree," they can safely ignore user advocatesí expertise and run with whatever design they personally prefer.
Building Respect for Usability Expertise
 
Reply With Quote
  #15  
Old 07-07-2009, 01:07 AM
myndconsulting's Avatar
myndconsulting myndconsulting is offline
Contributing Member
 
Join Date: 05-18-09
Location: Philippines
Posts: 256
iTrader: 0 / 0%
Quote:
Originally Posted by htmlbasictutor View Post
Why would you say that? I dont' believe that to be true.
do you have a suggestion on how i can add the "alt" attribute details to a CSS background-image property?
 
Reply With Quote
  #16  
Old 07-07-2009, 01:16 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Quote:
Originally Posted by myndconsulting View Post
do you have a suggestion on how i can add the "alt" attribute details to a CSS background-image property?
Why would you want to add an alt attribute to a background image?

I was referring to your statement that a CSS background image is bad for SEO.
 
Reply With Quote
  #17  
Old 07-07-2009, 03:02 AM
myndconsulting's Avatar
myndconsulting myndconsulting is offline
Contributing Member
 
Join Date: 05-18-09
Location: Philippines
Posts: 256
iTrader: 0 / 0%
Quote:
Originally Posted by htmlbasictutor View Post
Why would you want to add an alt attribute to a background image?

I was referring to your statement that a CSS background image is bad for SEO.
It's because you can't add the "alt" attribute to the CSS background-image property.

The solution is to use the HTML <img> tag instead of CSS.
 
Reply With Quote
  #18  
Old 07-07-2009, 10:05 AM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
Quote:
Originally Posted by myndconsulting View Post
It's because you can't add the "alt" attribute to the CSS background-image property.

The solution is to use the HTML <img> tag instead of CSS.
1. Agree, if the image is an important part of the page content, using the img set of tags c/w alt attribute is the way to go:
  • those using some assistive technology cannot see/read background images done via CSS
  • you can incorporate keywords into the alt attribute description but it's not for keyword stuffing. It's a description of the picture.

2. Disagree,
  • if you are doing this to keyword stuff via the alt attribute of decorative elements of the page.
  • if for decorative elements, adds additional coding to the page (i.e. adds to the file size) which would be better used for content

Using ALT attributes smartly - Official Google Webmaster Central Blog
 
Reply With Quote
  #19  
Old 07-07-2009, 08:23 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
247 web usability guidelines

Quote:
Although designing usable systems requires far more than simply applying guidelines, guidelines can still make a significant contribution to usability by promoting consistency and good practice. We use this list of guidelines in our consultancy work. For best results, remember to interpret the guideline in context ó this requires a bit more thought but ensures you will get a lot more from your review. ó David Travis, July 6, 2009
247 web usability guidelines
 
Reply With Quote
  #20  
Old 07-25-2009, 02:46 PM
HTMLBasicTutor's Avatar
HTMLBasicTutor HTMLBasicTutor is offline
Administrator
 
Join Date: 10-29-07
Location: Canada
Posts: 26,536
iTrader: 5 / 100%
The Impact of Aesthetics on Attitudes Towards Websites

Quote:
A userís perception of a Web site can evoke a wide range of emotions and attitudes. These emotions and perceptions impact the userís attitude towards the Web siteís content, advertised products, company, credibility and site usability....
Continued: The Impact of Aesthetics on Attitudes Towards Websites
 
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Web Usability

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


V7N Network
Get exposure! V7N I Love Photography V7N SEO Blog V7N Directory


All times are GMT -7. The time now is 04:27 PM.
Powered by vBulletin
Copyright © 2000-2014 Jelsoft Enterprises Limited.
Copyright © 2003 - 2018 VIX-WomensForum LLC