Tab order, information architecture of the gradebook and usability test of the gradebook

Tab order, information architecture of the gradebook and usability test of the gradebook

Laia Subirats -
回帖数:5
Hello,

There are some usability problems with the tab order:
  • When you press the tab key it goes from one item to the help button, which is not really usable because the help button is not frequently used.
  • When you edit a text and you press a tab in order to go to the text field and write something, the tab goes first to all the

Two possible solutions would be:

  • Set a tabulation preference order so that the components that are usually skipped are at the end
  • Control with Javascript specific cases
What do you think would be the best option?

I also made an information architecture study of the gradebook which resulted of this organization of the information:
Edit Gradebook: In this category there will be: Compute final score List of course assignments Edit course settings Grade letters: grade letters will replace letters because most people does not understand the meaning of letters. Grade scale: the same as grade letters.
View Grades: 4 reports are in this group: Grader report Outcomes report Overview report User report
Import/Export: As there are only 6 elements and it is not a frequently used functionality, the import / export group is in the same category

Finally, I made some usability tests of the gradebook which resulted of this actions:

* Task #1: Change the information architecture (this is specified in the study of information architecture)
* Task #2: Selecting the maximum grade of the courses with a scroll bar is not really usable. It would be better to allow the user to type the number.
* Task #3: It would also be far more intuitive to click on the last column (where the final score is automatically calculated)and putting there the formula.
* Task #4: It makes the user angry to introduce the equal sign every time a calculation should be done. It would be nice that the = is used automatically.
* Task #5: It would be great if there would be any connection between the grading menu and the adding assignment page.
* Task #6: There is too much information in the help menu of calculating the final grade. At least a summary would be helpful for a quick help.
* Task #7: It should be easier to return to the initial grade page from some pages (this functionality should be checked).
* Task #8: Calculate the final mark in the way calculus tools do (such as calc of open office or excel)
* Task #9: Add a help button next to the turn editing on button so that the functionality of the turn editing on button will be explained and perhaps they would notice the button easily. Another possibility would be to activate the turn editing mode in another way (redundancy is used in some applications such as text editors and sometimes can be useful for starters).
* Task #10: It would be useful too to be able to select other types of grading system such as the Spanish or European one (MH, Excellent, Good, Passable and Fail) automatically (without having to translate the American system to the European system) although this functionality is not a critical one.
* Task #11: A demo of how to use the gradebook would be very useful. What do you think about this?

Thanks in advance,

Laia



(Edited by Martin Dougiamas to fix formatting a bit - original submission Wednesday, 30 July 2008, 02:20 PM)
回复Laia Subirats

Re: Tab order, information architecture of the gradebook and usability test of the gradebook

Martin Dougiamas -
Core developers的头像 Documentation writers的头像 Moodle HQ的头像 Particularly helpful Moodlers的头像 Plugin developers的头像 Testers的头像
About the tab order, can you be more specific about what you are looking at? The TABINDEX is explictly set in the grader report to make tabbing work down columns as expected. It skips links for me too ...

About reorganising the menu into View-Edit-Import-Export, that generally makes sense to me. Bear in mind that each of the "view", "export" and "import" sections are plugins, so there could be any number of items there depending on the site.

The usability suggestions/tasks look very good to me. I'd like to see others' comments on these.

A couple of quick thoughts:

#5, could you explain more? the columns are added at the same time as assignments are added.
#8, the calculation already uses spreadsheet syntax ...

回复Martin Dougiamas

Re: Tab order, information architecture of the gradebook and usability test of the gradebook

Laia Subirats -
You're right,

"When you edit a text and you press a tab in orderr to go to the text field and write something, the tab goes first to all the editing images". It's already done.

About the help tab order, I wanted to say that sometimes help buttons make tedious to go all over the page. The problem of leaving help buttons at the end of the order tab and using F1 to access them directly; would be people that don't know that F1 is a shortcut for help.

What I wanted to say with #5 is that when you are in the "assignments" page that I have attached, you have no way to return to the gradebook without going back. You loose the Un site/ CF101/ Grades/ Report/ Grader report/ Grader report. It should be some link to return to the gradebook or connect this page with the gradebook.

In #8, I was referring that some letters and numbers should be displayed when the "turn editing on" is activated such as it is shown in image "Grades". This would make easier to calculate the final score in this page (for example (A1+B1+C1)/3 would be the average score for student 1).


附件 Assignments.JPG
回复Laia Subirats

Re: Tab order, information architecture of the gradebook and usability test of the gradebook

Laia Subirats -
I add the other image which was mentioned in the text.
附件 Grades.JPG
回复Laia Subirats

Re: Tab order, information architecture of the gradebook and usability test of the gradebook

sam marshall -
Core developers的头像 Peer reviewers的头像 Plugin developers的头像
A small point as I am not particularly familiar with gradebook but there is one more general issue here.

As usual, usability needs to take a back seat to accessibility in the case of the help buttons. For accessibility reasons it is not appropriate to skip help buttons in tab order (or put them at end of tab order) - even though this would be a usability benefit. Everything you can click on should be in tab order, corresponding roughly to how it appears on screen (and to a linear reading of the content). This is important for non-mouse users.

So, yes this is pretty annoying all over Moodle not just in the gradebook, but it needs to work that way. The only way around would be to offer a user-specific advanced option 'skip helpbuttons in tab order' (or maybe general 'Improve usability without regard to accessibility constraints') which would have to default to off. I don't think it's particularly good to introduce options for that sort of minor detail, so probably it has to continue sucking...

--sam
回复sam marshall

Re: Tab order, information architecture of the gradebook and usability test of the gradebook

Gary Anderson -
Sam:

I am no expert on accessibility issues, but it would seem to me that reducing the number of times that one must press tab to get through a form would help those who have no other way to get through a page the most.

So, I think you raise a good point, but we should be on the lookout for some possible innovative solutions to this (like using the F1 help button when a form element has the focus as the means to get help, etc).

Currently to post an assignment (not the most complicated Moodle form by any means) requires one to press tab 29 times. So it does seem to be an issue.

--Gary

PS: I have said much about the gradebook in the past so I will will see what others have to say on the matter.