Note:

If you want to create a new page for developers, you should create it on the Moodle Developer Resource site.

Usability issues - Tabs: Difference between revisions

From MoodleDocs
Line 18: Line 18:
! style="background:#ffdead;" | Specific Tabs
! style="background:#ffdead;" | Specific Tabs
! style="background:#efefef;" | First tab line
! style="background:#efefef;" | First tab line
! style="background:#efefef;" | Second tab line and justification of tabs order
! style="background:#efefef;" | Second tab line & justification of tabs order
|-
|-
| style="border-bottom:3px solid grey;" | 1
| style="border-bottom:3px solid grey;" | 1
| style="border-bottom:3px solid grey;" | Quiz
| style="border-bottom:3px solid grey;" | Quiz
| style="border-bottom:3px solid grey;" | Info, Results, Preview, Edit, Settings, Assign roles, Override permissions  
| style="border-bottom:3px solid grey;" | Info, Results, Preview, Edit (default), Settings, Assign roles, Override permissions  
| style="border-bottom:3px solid grey;" | Second tab line: Quiz, Questions, Categories, Import, Export
| style="border-bottom:3px solid grey;" | 2nd tab line: Quiz (default), Questions, Categories, Import, Export
 
|-
|-
| style="border-bottom:3px solid grey;" | 2
| style="border-bottom:3px solid grey;" | 2
| style="border-bottom:3px solid grey;" | Forum  
| style="border-bottom:3px solid grey;" | Forum  
| style="border-bottom:3px solid grey;" | Edit, Settings, Assign roles, Override permissions  
| style="border-bottom:3px solid grey;" | Edit (default), Settings, Assign roles, Override permissions  
| style="border-bottom:3px solid grey;" | Edit would contain the information of "add a discussion topic"
| style="border-bottom:3px solid grey;" | No 2n tab line. Edit would contain the information of "add a discussion topic".
|-
|-
| style="border-bottom:3px solid grey;" | 3
| style="border-bottom:3px solid grey;" | 3
| style="border-bottom:3px solid grey;" | Glossary
| style="border-bottom:3px solid grey;" | Glossary
| style="border-bottom:3px solid grey;" | Edit, Settings, Assign roles, Override permissions  
| style="border-bottom:3px solid grey;" | Edit (default), Settings, Assign roles, Override permissions  
| style="border-bottom:3px solid grey;" | Second tab line: Search, Browse by alphabet, Browse by category,  Browse by date, Browse by Author, Import, Export, Print. Edit would contain the information of "add a new entry".  
| style="border-bottom:3px solid grey;" | 2nd tab line: Search, Browse by alphabet, Browse by category,  Browse by date, Browse by Author, Import, Export, Print. Edit would contain the information of "add a new entry".  
|-
|-
| style="border-bottom:3px solid grey;" | 4
| style="border-bottom:3px solid grey;" | 4
| style="border-bottom:3px solid grey;" | Upload users / upload user pictures
| style="border-bottom:3px solid grey;" | Chat
| style="border-bottom:3px solid grey;" | CVS, enconding, overwrite, etc.
| style="border-bottom:3px solid grey;" | Settings, Assign roles, Override permissions
| style="border-bottom:3px solid grey;" |  
| style="border-bottom:3px solid grey;" | 2n tab line: Enter to the chat (default), Enter without frames and Javascript, Chat history. I would replace "View past chat sessions" by chat history (it must be taken into account that it has been used the concept "message history" previously at Moodle).
|-
| style="border-bottom:3px solid grey;" | 5
| style="border-bottom:3px solid grey;" | Choice
| style="border-bottom:3px solid grey;" | Edit (default), View responses, Settings, Assign roles, Override permissions
| style="border-bottom:3px solid grey;" | None 2nd tab line.
|-
|-
|}
|}

Revision as of 23:26, 2 August 2008

Identification of the tabs

To a large degree this has been done but it would be nice to have a table indicating areas where additional tabs are needed, to evaluate tab order, etc.

The consistent top row is:

  • View
  • Submissions
  • Update activity
  • Assign roles
  • Override permissions


Upload screenshots classification
ID Specific Tabs First tab line Second tab line & justification of tabs order
1 Quiz Info, Results, Preview, Edit (default), Settings, Assign roles, Override permissions 2nd tab line: Quiz (default), Questions, Categories, Import, Export
2 Forum Edit (default), Settings, Assign roles, Override permissions No 2n tab line. Edit would contain the information of "add a discussion topic".
3 Glossary Edit (default), Settings, Assign roles, Override permissions 2nd tab line: Search, Browse by alphabet, Browse by category, Browse by date, Browse by Author, Import, Export, Print. Edit would contain the information of "add a new entry".
4 Chat Settings, Assign roles, Override permissions 2n tab line: Enter to the chat (default), Enter without frames and Javascript, Chat history. I would replace "View past chat sessions" by chat history (it must be taken into account that it has been used the concept "message history" previously at Moodle).
5 Choice Edit (default), View responses, Settings, Assign roles, Override permissions None 2nd tab line.

Possibility of moving tabs using javascript mentioned in the Fluid project (Javascript vs. AJAX)

This is related to support tab layout widgets. I think I might prefer javascript to AJAX as my impression has been that AJAX generally slows the page down especially for large courses. Again, some research on comparing these appoaches could be useful to the developers as we try to figure out how best to implement the tabs.

Circumstances would tabs cause more confusion or not be recommended

It would be recommended to add this tabs and delete the update activity button because the information of the activity is displayed in the same page and accessing with that button increments too much the number of clicks to update.