Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

In the table below, you can see the first column contains what I called the "action menu" and some examples of action could be: email, create task, send letter, create paycheck... The second column is the "Edit" column. Click on the icon will lead users to the employee's page in editing mode. Right now a large number of users think it's handy since you can go directly into editing mode from this page. However, it does adds some clutter and I'm considering to combine it with the action menu. Maybe the first option in the menu is "Edit". Any thoughts?

enter image description here

share|improve this question
1  
How is clicking edit different than clicking on the name link? Don't both take the user to a page with full details? Make that page editable, if it isn't already, and you can drop the Edit control to solve both the clutter problem and any user confusion on what they click when. –  Michael Zuschlag Apr 4 '13 at 1:03
    
Click the name will go to the page in view mode. There is an Edit button there. Click edit on this page will directly go into edit mode. –  wcdomy Apr 4 '13 at 15:53

4 Answers 4

I think it looks good overall.

However, I do think removing he column is better. Less icons is better, and its also just another button to accidentally click.

share|improve this answer

Shouldn't be an issue. In fact in the present form when EDIT menu is separate from rest of the INTERACTION OPTIONS, I am finding it strange. So go for it and combine two left columns and it would improve your UI and its usability.

Another side tip if you may want to consider, Put ACTIONS column towards the right. At the moment you would spot an entry by looking in the middle columns (for example EMAIL ADDRESS or JOB TITLE) and slide your eyes back to perform an ACTION but if your buttons were towards the right, your eye wouldn't need to travel-backwards to perform any action and you could STOP-and-EDIT with one eye-movement, moving in forward direction only.

share|improve this answer

I would suggest learning from the interaction method used that Gmail uses, both on Android and browser versions. Have a visual way to select a row, such as a checkbox, and then have an action bar or toolbar with the options appear.

This not only gives you more space, but saves on having to have many duplicate icons, and allows actions that can be performed on more than one row at a time.

enter image description here

share|improve this answer
    
This is cool. But the intention is not to take actions on multiple record at the same time. –  wcdomy Apr 4 '13 at 15:54
    
@wcdomy Even if it's only for single records, the same system applies. It's just that it is flexible enough to allow multiple actions (delete for example). –  JohnGB Apr 4 '13 at 16:02

Sure, there is no problem with combining edit and the action menu items if the users are already familiar with the UI (apart from the few who will hate your transition, let's face it people don't welcome change with open arms). The only suggestion I would make it, move the action menu to the right end of the row. Idea being, people need to read the row item before deciding which row needs any action performed, so, you skip first column goto the name/title/email column and select the row and then come back to the first column. Whereas, if the action menu is last, you read the name/title/email and continue moving to the action menu, one fluid(ish) motion.

share|improve this answer
    
It is a good suggestions. The only concern is that we might have 10 columns and forcing people to scroll isn't ideal :( –  wcdomy Apr 4 '13 at 15:56
    
Oh, I assumed you had depicted the entirety of your table in the picture. –  rk. Apr 4 '13 at 15:59

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.