I must give up on my text-on-pure-white, cleaner-than-it-should-be ideals in the favor of a more blatant hierarchy. I begrudgingly admit that I think this will be easier to digest.
over 1 year ago
The white background works really well here
I think "Add Something" should be a button. It needs that kind of affordance to make it clear to the user that it triggers some kind of input form. It's the most important action on the site and needs some more love.
J — You mean the "Add Something" at the top or the "Add Something" at the bottom of the block list? I think the bottom one could be a bit heavier, and maybe the button style makes sense, but I am struggling with the one at the top. You're right, it should be the most prominent thing on the page, but the length of topic titles varies drastically — everything from one word to a full sentence — which makes the layout of that section very challenging. I had a more typical form field w/ submit button, but Jonnie felt that it would cause people to skip over the topic title as they might skip over the title of a form in favor of gleaning the title from the content itself.
If you're going to remove the form (which makes it 2-clicks to add something), I'd at least have it be a button and not just underlined text.
The idea here was that when you clicked, or focused, the "Add Something" at the top, you would just type it right there and hit enter. Type more, enter again, etc. The "Add Something" at the bottom would allow you to type multiple items comma-separated right at the end of the list.
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2013 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.
Follow Dribbble on Twitter