Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Usability checklist – catch common problems before user testing

userium.com

Post reply on HN
Print view View original

1–10 of 37 posts

Re: Show HN: Usability checklist – catch common problems before user testing

#2

Post by userium »

Hi Everyone,

I created a free - research based - usability checklist, which can be used to catch common usability issues on websites before doing expensive user testing.

By fixing obvious usability problems you get more meaningful feedback from user testing.

Please help me make this service better by sending some feedback. Do you find this useful? Would you use this? Should I develop it further?

Many thanks in advance!

-Nina, nina@userium.com, http://userium.com

Re: Show HN: Usability checklist – catch common problems before user testing

#5

Post by ianox »

userium wrote: post #2

Hi Everyone, I created a free - research based - usability checklist, which can be used to catch common usability issues on websites before doing expensive user testing. By fixing obvious usability problems you get more meaningful feedback from user testing. Please help me make this service better by sending some feedback. Do you find this useful? Would you use this? Should I develop it further? Many thanks in advanc…

Looks good. It should help raise awareness of common issues and help make more user-friendly web sites and applications.

Minor gripe: shouldn't it be alt attributes, instead of tags?

Re: Show HN: Usability checklist – catch common problems before user testing

#6

Post by holic »

userium wrote: post #2

Hi Everyone, I created a free - research based - usability checklist, which can be used to catch common usability issues on websites before doing expensive user testing. By fixing obvious usability problems you get more meaningful feedback from user testing. Please help me make this service better by sending some feedback. Do you find this useful? Would you use this? Should I develop it further? Many thanks in advanc…

I'm seeing the content flash when checking/unchecking an item. Can I suggest toggling a class instead of wrapping/unwrapping the tag?

  
    .done {
      text-decoration: line-through;
    }
  

  
    $(document).on('click', '[type="checkbox"]', function () {
      var $this = $(this);
      $this.parent().toggleClass('done', $this.is(':checked'));
    });

Re: Show HN: Usability checklist – catch common problems before user testing

#7

Post by kmfrk »

If you want, you can also create a raw Markdown template to use in GitHub issues, after GitHub implemented Tasks: https://github.com/blog/1375-task-lists-in-gfm-issues-pulls-....

    To Do
    =====

    Groceries
    ---------
    - [ ] Buy milk
    - [x] Buy eggs
EDIT: You could also play with the idea of a paid plan that allows users to create their own custom checklist using a select amount of your checks - possibly with the option of creating their own as well.

I'd consider throwing down $3 or $5 as a one-time fee, and even if the site stops working, I wouldn't have minded spending that money.

EDIT: Another feature could be the ability to display your own list on /user/123. It'd save me the bother of always going on about the same things, especially when it comes to accessbility.

EDIT: Another feature could be custom CSS and branding, but that could be implemented as a second tier, since other companies might want to use this for branding and PR. I personally don't care for it as a private individual.

Re: Show HN: Usability checklist – catch common problems before user testing

#8

Post by TuringTest »

userium wrote: post #2

Hi Everyone, I created a free - research based - usability checklist, which can be used to catch common usability issues on websites before doing expensive user testing. By fixing obvious usability problems you get more meaningful feedback from user testing. Please help me make this service better by sending some feedback. Do you find this useful? Would you use this? Should I develop it further? Many thanks in advanc…

The title should reflect that it's a checklist focused on websites. I opened it expecting to apply it to desktop applications and was surprised by it.

Re: Show HN: Usability checklist – catch common problems before user testing

#9

Post by jakub_g »

Very good idea. If I could suggest some improvements, it'll be good to have a separate print-only stylesheet [0] and test it cross-browser (probably one-column only, or two-columns with small adjustments). Currently, in print preview with default settings, it produces either hell lot of unused whitespace in the portrait mode (Opera), or not-so-much-but-still in Firefox due to floating issues. It looks much better though in Chrome.

[0]

Re: Show HN: Usability checklist – catch common problems before user testing

#10

Post by jakub_g »

[list-item-requests]

1. Basic functionality of the page can be used without mouse, just with keyboard (using TAB button to navigate between the links / buttons). Whenever I TAB, the active/focused item should be clearly indicated e.g. with a border or different background color.

2. You should be extremely careful not to override the native keyboard shortcuts of the browser. E.g. SHIFT+ARROW_LEFT/RIGHT/UP/DOWN are commonly used to expand text selection (TheNextWeb is an offender here, as they treat arrow left/right as a shortcut for "prev/next article" which extremely annoys me). Ctrl+L focuses the location bar of the browser. AltGr+[a-zA-Z] are used in many languages to enter diacritics like "ó".

Post reply on HN