Personally I'd switch Export and Cancel around. My eyes follow the content vertically from the left, and so I ultimately end up at Cancel rather than Export which seems slightly backward.
7 months ago
I think I disagree with @Zander Brade — for me the Export button's position doesn't really seem unnatural. I also follow the content from left to right, but the element at the very end of that flow (bottom right-hand corner) is the one that catches most of my attention. Also, I generally associate an interactive element on the right with a "confirm/next" action, while an element on the left feels more like a "back" action to me.
@Zander Brade @Jona I think it depends on the interfaces throughout the rest of the application. I think both can work, left and right, as long as you apply it consistently. I don't see any problems when I look at this view!
I personally feel that the underline below the "Export"'s on the left look like they need a bit more love. But that depends on context as well. In this view, they just look a bit outdated to me.
I love the colors!
To me it's fine, but have you thought about font sizes as well? I don't know the target audience this is for, but it can be too small for, let's say, my parents.
The button's in the right place - in a contained window like this, terminating actions are usually in the bottom right corner, google the Gutenberg diagram. It's not the gospel of course, but it's more common for it to be there.
I suppose we're not getting the full picture here, but why is there a "I don't want to export this topic" option and also a cancel option?
As mentioned before, why are you showing "I don't what to export this topic" as an option if the only action is Export? Are you exporting other things besides the "topic"? Sounds contradictory, tho.
@Zander Brade having it on the right should mean less fixation points for the user, because when scanning from left to right they will 1. see the Cancel button, 2. see the Export button, 3. Act on the export button.
If it were on the left there would be an extra fixation point as the user sees export, then cancel, then relocates export and finally interacts.
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–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.