PKP WAL Grids

From PKP Wiki
Jump to: navigation, search

Current Screenshot

Grids.png

Issues

Users were having a hard time to understand the meaning of the pencil icons. Also, some visual elements (like grid rows, lack of alignment and too much spacing, text colors, etc) can make it harder for users to focus on important information.


Recommendations

Recommendation A (John):

  1. remove grid row lines;
  2. decrease space between rows;
  3. change pencil icon
  4. gray column titles

Version 1

Grids without row lines.png


Version 2, based on discussion page feedback.

Grids without row lines2.png

Discussion

See "discussion" tab at the top of the wiki page.

Decision

Based on users feedback (05 June 2014)

  • Use medium spacing with grid row lines
  • Use different icons for category items expansion and grid row actions expansion
  • Hide search controls
  • Other small style changes (fonts, spacing, alignments, etc)

Prototype

Prototype by Bruno (http://ojs-pkpprototypes.rhcloud.com/index.php/test/management/settings/website). Log in: admin / ojsojs

Click in the grid header title to toggle grid row lines. Press A or + and S or - to increase / decrease space between grid rows.

Feedback

Implementation

http://pkp.sfu.ca/bugzilla/show_bug.cgi?id=8774