UI Review - TexPlanner


Published on

Published in: Design, Business, Technology
  • Be the first to comment

  • Be the first to like this

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

UI Review - TexPlanner

  1. 1. <ul><li>These usability issues as explained in this ppt. </li></ul><ul><li>The fluid page issue. Work for all resolutions </li></ul><ul><ul><li>Ex : http://msdn2.microsoft.com/en-us/library/9a4y3z34(VS.80).aspx </li></ul></ul><ul><li>Global / local iteration issue </li></ul><ul><li>Decide on all right pane columns headers </li></ul><ul><li>Review of all right click and left click menus </li></ul>Issues remaining – for v 1.0 to be complete
  2. 2. <ul><li>Need a keyboard focus and enter to navigate through the task list. </li></ul><ul><li>Define a tab order for the whole application so that a user doesn’t have to use a mouse to work. </li></ul><ul><li>Setup tests to check and validate user reaction to following things </li></ul><ul><ul><li>The nested tables on the right hand pane </li></ul></ul><ul><ul><li>The tree-table switch functionality </li></ul></ul><ul><ul><li>To decide between card, contextual buttons , floating menu. </li></ul></ul><ul><li>Usability tests for all major task flows. </li></ul>User research and usability
  3. 3. Spacing and positioning issues in the head section Change this color of background to be Color : #f2efe3 Logout moves closer to user ‘s name Like this “ Sys Admin [Logout]” For reference see image below Also 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.
  4. 4. 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.
  5. 5. Problem : background doesn’t do a repeat-x the 1 st time scroll bar is used. It does after the resize is done once. The background do not repeat the 1 st 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.
  6. 6. 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
  7. 7. Heading Fonts when projects are displayed in right hand side to be same as the style for “groups assoc to you” 2 1 Use 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; }
  8. 8. 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
  9. 9. 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 <ul><ul><li>Ex : http://msdn2.microsoft.com/en-us/library/9a4y3z34(VS.80).aspx </li></ul></ul><ul><ul><li>See this for example on how scroll bar is attached to the outer container n still stays when there is a page resize </li></ul></ul>The scroll bar container needs to be changed, so that we still see the scroll bar even when we do a horizontal scroll .
  10. 10. Double scroll bars and the solution : don’t put a fixed div let data control scroll
  11. 11. The edit in place text box stays like that even after the task is clicked
  12. 12. 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
  13. 13. Tool tip on the left navigation to show the full name, tool tip and roll over on the group bar
  14. 14. 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; }
  15. 15. 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.
  16. 16. Right column headers, for story and project decide and implement
  17. 17. The card positioning , find left click event and then decide ( 3 px right and say 13 px below the click
  18. 18. 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 Usability group - Current Iteration ( this node is open by default ) + All iterations Global iteration Local iteration
  19. 19. 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
  20. 20. 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
  21. 21. Importance of tree-table view switch , no need to drill down so many levels ( drilling down might have advantages but is irritating )
  22. 22. Need review of all right click and left click items. Create iteration missing in left click but there in right click
  23. 23. No cursor on the pop-up boxes
  24. 24. 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.
  25. 25. END
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.