This is an updated version of my lock screen actions concept. Changed some stylings, shading, and wording to fit the default actions in the respective applications. I also exported the design on various wallpapers to showcase that the shade fits every background – available on my Tumblr.
about 1 year ago
While I like the idea and the use-case this comes from, I think I enjoyed your previous approach more. That may just be because I find the 3x3 grid they added in iOS 6 to be jarring, though. :p But some other points:
Main problem with this is the pulley grabber. While its placement makes sense, visually it's quite odd. But more importantly, the pulley graphic should not be moving from one surface material to another. By doing so, you sort of break the the 'grab me' visual illusion, as you wouldn't really be pulling and "grabbing" the material it was originally on. So on one hand the pulley serves to literally pull the entire screen up, and on the other it's simply a shelf slider; this could be confusing.
Lastly, the overlapping gradient doesn't seem to fit. Perhaps because it's a curved surface gradient rather than a stark glass contrast, but i'm not sure.
Would you mind if I tackle this concept some time? I do love the idea. :)
PS. Also thought I should mention this little oddity: the contacts and facebook icons are a few pixels or two below the twitter icon. :p
I'm actually fond of the new UIActionSheet. I think it's a huge improvement over standard buttons and makes sense. People associate applications and actions that apply to them by their icon. Having the icon as the forefront is huge for that reason.
As for the pulley grabber, I may not be understanding what you mean. Are you comparing it to how the camera button, as an example, handles? The shade will be dynamic. If you think about it from the perspective of the Notification Center (or the camera button as a matter of fact), people aren't precisely orienting their fingers to pull it down. It's simply a drag over. The same would be with this. Since the slide to unlock doesn't respond to any vertical gestures, people will most likely slide over and pull up the shade just like the Notification Center. It will have a point where it will go by itself to the top (and reverse) or return to the bottom if not pulled and released far enough (and reverse). The grabber initially overlays the section (so to speak), so it wouldn't be an issue of leaving the material it sat on because the gradient is modeled similarly to where it lays.
The overlapping gradient is important because it clearly indicates it's a shade that goes over, not under, or at the level of the clock header. Having a stark or standard glass gradient, of any shape or form, makes it look like a bumpy mountain if you look from the clock header and follow it down until you hit the shade gradient.
Thanks for pointing out the pixel difference! I noticed that when I was toying around on the iPad as well and never mentioned that I fixed it here. Much appreciated!
by Joshua Tucker
In order to achieve the most optimal situation, I repurposed the grabber. When dragged up on the lock screen, this view pops up with all the various actions. I added the ability to toggle Do Not Disturb and Bluetooth as they are the most relevant and useful settings here.
As before, the user will have the option to arrange the actions from Settings. Camera by default will be the first action unless the user changes it. I happened to not "choose" Camera to be on my first page in this example.
Full screen images available on my Tumblr.
Partial credit to Brent Caswell.
11 months ago
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