ui review - texplanner

25
Issues remaining – for v 1.0 to be complete These usability issues as explained in this ppt. The fluid page issue. Work for all resolutions Ex : http://msdn2.microsoft.com/en-us/library/9a4y3z34(VS.80 ).aspx Global / local iteration issue Decide on all right pane columns headers Review of all right click and left click menus

Upload: vinay-mohanty

Post on 28-Jan-2015

103 views

Category:

Design


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: UI Review - TexPlanner

Issues remaining – for v 1.0 to be complete

• These usability issues as explained in this ppt.

• The fluid page issue. Work for all resolutions– Ex :

http://msdn2.microsoft.com/en-us/library/9a4y3z34(VS.80).aspx

• Global / local iteration issue

• Decide on all right pane columns headers

• Review of all right click and left click menus

Page 2: UI Review - TexPlanner

User research and usability

• Need a keyboard focus and enter to navigate through the task list.

• Define a tab order for the whole application so that a user doesn’t have to use a mouse to work.

• Setup tests to check and validate user reaction to following things– The nested tables on the right hand pane– The tree-table switch functionality– To decide between card, contextual buttons , floating menu.

• Usability tests for all major task flows.

Page 3: UI Review - TexPlanner

Spacing and positioning issues in the head section

Change this color of background to be Color : #f2efe3Logout moves closer to user ‘s name

Like this “Sys Admin [Logout]”For reference see image belowAlso add a logout button at top left corner like it was before.

So 2 logout options.

Increase the space here make this white band height 40 px

Make this band height 30 px. Keep the vertcial positioning of the “Texplanner” heading text in center of the background the band.

.notes_heading{Font: bold 20px arial,verdana, sans –serif;Color:#b6b6b6;}

Change text from “My Notes “ to “Notes”

Move this button to the left side like shown in the image below

The top section will look like this after the changes suggested above have been made.

Page 4: UI Review - TexPlanner

Jump in the filters and text when “show notes” is pressed to be corrected

There is a “jump” displacement in height and horizontal positioning that occurs when show notes button is placed. There should be no jump in these items.

There horizontal displacement in Logout , Date, printer button

There is both horizontal displacement and vertical displacement that occurs with the “me as” & “in group” dropdown.

For reference see the jump below in the two states.

Page 5: UI Review - TexPlanner

Problem : background doesn’t do a repeat-x the 1st time scroll bar is used. It does after the resize is done once.

The background do not repeat the 1st time the user uses the horizontal scroller ….

Note position of horizontal scroller.

The backgrounds come back to normal , Only after the user does the left side pane resize using the resize bar.

Page 6: UI Review - TexPlanner

The drop down on close should come back to “groups assoc. to u” and should not stay at “QDC Group : Projects”

After QDC group has been closed the data on right hand side still reads QDC group : projects , it should come back to “state 1”…i.e. “groups associated to you”

1

2

3

Page 7: UI Review - TexPlanner

Heading Fonts when projects are displayed in right hand side to be same as the style for “groups assoc to you”

2

1Use same font styling as used in (1) to write QDC Group: Projects

.project_group_heading {font: bold 12px/1.5 arial, helvetica, sans-serif; color:#4d4d4d;}

Page 8: UI Review - TexPlanner

Change the order of tab panes : put calendar on last (i.e. interchange tab positions of calendar and resources )

Change order of tabs .

Reason : Work , Iterations and Resources are main categories , the calendar is more like a visualization tool

Page 9: UI Review - TexPlanner

2

1 Scroll bar not attached to proper container

Vertical scroll bar hides , to get it back u again need to scroll the horizontal scroll bar

3

–Ex : http://msdn2.microsoft.com/en-us/library/9a4y3z34(VS.80).aspx–See this for example on how scroll bar is attached to the outer container n still stays when there is a page resize

The scroll bar container needs to be changed, so that we still see the scroll bar even when we do a horizontal scroll .

Page 10: UI Review - TexPlanner

Double scroll bars and the solution : don’t put a fixed div let data control scroll

Page 11: UI Review - TexPlanner

The edit in place text box stays like that even after the task is clicked

Page 12: UI Review - TexPlanner

Can we open only one at a time and highlight the left side to indicate which story > task am I working on as the highlight is at project. level

Page 13: UI Review - TexPlanner

Tool tip on the left navigation to show the full name, tool tip and roll over on the group bar

Page 14: UI Review - TexPlanner

The bold Font for story description is wrong, check previous .ppt

.story_details {font: bold 11px/1.5 verdana,arial, helvetica, sans-serif; color:#4d4d4d;}

Page 15: UI Review - TexPlanner

Add logic to trigger card only when focus is there. The latency to be computed when focus comes back

Use this image “window close”

Given in images modified folder.

Page 16: UI Review - TexPlanner

Right column headers, for story and project decide and implement

Page 17: UI Review - TexPlanner

The card positioning , find left click event and then decide ( 3 px right and say 13 px below the click

Page 18: UI Review - TexPlanner

Global / local iteration here discussion, add filters like in the resources tab to solve this feature request

Choose iteration view

Iterations

Iterations right hand side pane

Global iterationLocal iteration

Usability group

- Current Iteration ( this node is open by default )

+ All iterations

Page 19: UI Review - TexPlanner

Add data ( progress bar, no of tasks etc ) at story and project level for the right hand pane

Add relevant data here so that the user can have a overview of the story status ..refer excel sheet on what data to enter…. Compare the fields see the fields in next slide

Page 20: UI Review - TexPlanner

Add these fields and corresponding data at project and story table on right hand pane.

Add relevant data here so that the user can have a overview of the story status ..refer excel sheet on what data to enter…. Compare the fields see the fields in next slide

Page 21: UI Review - TexPlanner

Importance of tree-table view switch , no need to drill down so many levels ( drilling down might have advantages but is irritating )

Page 22: UI Review - TexPlanner

Need review of all right click and left click items. Create iteration missing in left click but there in right click

Page 23: UI Review - TexPlanner

No cursor on the pop-up boxes

Page 24: UI Review - TexPlanner

When new story / task is created the tree does not refresh and add that node when “OK” is pressed. It adds the node only after the groups has been collapsed and opened again

1 2 3

4 5“Story 39 a” still not added in the tree after pressing OK button it gets added only after collapsing and expanding the group …as shown in steps 4 and 5.

Page 25: UI Review - TexPlanner

END