Not the most exciting screen to look at, but I'm really happy with how it came out from an interaction standpoint, so I thought I'd share.
You can choose to display the app in the menu bar or in the dock. When that setting is changed, the app has to restart to apply the setting. Originally I had an alert pop up as soon as you changed it. It gave you the option to restart now or do it yourself later. It was annoying because it didn't give you a chance to tweak any other settings, especially the "hide automatically" option. More than one person completely missed that option, because they chose to restart immediately.
So I tried to get a bit more clever with it. Instead of prompting you immediately, I had the alert come up after you left the preference pane. That gave you plenty of time to adjust the settings first, but it was still pretty annoying. And now if you knew you wanted to restart the app to apply the setting immediately, it took two steps: close the window and then click the restart button.
Finally I came up with this. If you change the setting the window animates to show this notice. Now there's immediate feedback when you change the setting, but it doesn't force you to do anything. You can mess with the settings as much as you like first. It also keeps the option available, so you can ignore it but still come back to it, without having to manually quit and re-open the app. But if you know you want to restart the app immediately, all you have to do is click the button or press return.
over 1 year ago
Instead of showing an alert pop over as soon as they change the setting, how about a modal window dropping down when they have finished tweaking, that is, when they click the close button of this window after a change ? That way, the chance to tweak other option is not lost.
The current level of detail with text and a restart button is extraneous in my opinion, considering the fact that there is a different functionality apart from the icon location switch ; keyboard shortcut recording option. So if a user comes just to record a new keyboard shortcut, he is presented with irrelevant information.
All this in the spirit of making the settings window look as clean, minimal and relevant as possible.
@Prathyush Pramod What you're describing was the second thing I tried (third paragraph above). For someone familiar with the process it was tedious, and for a new user it was potentially confusing—the dialog came up sometime after changing the setting.
This is much better. The text and button are not shown at all unless the menu bar/dock setting is changed, so there's never any irrelevant information shown. (It also hides if you change the setting back.) The window expands to show the notice and button immediately after changing the setting, so you know right away what's going on.
I added a movie so you can see exactly how it works!
@Mike Piontek That sold it for me :D
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