Which header actions do you prefer?

Andrew Brown — November 6 2009

We have many headers for tasks lists, tasks, conversations, pages but what would be considered to be a better design?

1. Always show ‘Edit and ‘Delete’ links on the right hand side

header_1

2. On hover show ‘Edit’ and ‘Delete’ buttons on the left hand side

header_2

Leave a comment in this post with your vote.

Read also

  • carlostcv
    La opción de los iconos parece más bonita pero creo que es menos usable que la primera. Por lo tanto voto por la opción 1
  • Yo soy más de la opción 1, pero las dos me gustan.
  • Yo soy más de la opción 1, pero las dos me gustan.
  • aaronaiken
    Number 1 for sure!
  • Problem with number 2 is that edit and delete are too close, so it's easy to delete accidentally!
  • The icons are nice but on the wrong place i think. So i prefer number 1!
  • Sijmen
    The icons look good but they have a small hit zone. Also, assuming this block will be aligned to the left, the icons would be at the very left of the screen instead of the middle, as with the first design. I assume the mouse is more likely to be near the middle.

    So my vote goes for layout one, but with icons ;)
  • I prefer option number one. That version just seems more natural to me. With the icons in number 2 I don't actually realize that they are there and that they do something.
blog comments powered by Disqus

Latest Posts

What's Teambox?

An open-source web-based project management tool. Share messages, tasks and wiki for each of your projects. More social. Multi-language.

Use it online for free!

How to grab the code

Teambox is written in Ruby on Rails and is free to download at at our Github repository. Installation Guide

Use it online for free!

Need Help?

If you need assistance, got a suggestion or want to buy us a beer, then send us an email, or give us a tweet.

Pablo Villalba

Twitter: @teambox_app

pablo@teambox.com

2010 © Teambox Technologies S.L.