We just released a massive upgrade to LayerVault, with plenty of UI and UX updates. The coolest little thing we put in production was this click-and-hold menu.
Today's updates include changing our non-standard behavior of doubleclicking files and projects to open. Until today, a single click exposed the file menu. Not anymore — everything's now nice and simple.
One click to open. Clicking and holding to expose the file menu.
11 months ago
Looks solid, love the slothlove too.
Sweet, dig this a lot.
click and hold on a web app? Living on the edge, I like it ;)
How are you teaching/indicating this interaction to users?
Looks cool. Seems weird though for desktop.
Allan, I really enjoy layer vault. But I cannot stand click to hold. It literally makes my finger tremble if it doesn't support "sticky" menus… It hurts to have to hold… :-(
I just tried the click-and-hold and it indeed feels a little weird. I would prefer a small "more" icon in the top right or something, you could even show that on hover only.
Besides that, the other updates look great.
@Gilbert Guttmann what feels weird about it?
@Court Kizer Luckily you don't have to click and hold all the way to the menu options. Your fingers are safe :)
Like @Jason Perez indicated, maybe you should add a "Click and Hold" sign when the user hovers it.
I'm concerned how discoverable this will be. It's not a pattern that people would think to use with a mouse. A lot of users don't even know the "long press" gesture for iOS.
What have you found so far?
@Henry Modisett We've used it internally and (after the first time you do it) it's really wonderful. Those menus are essentially a feature for pro users, so discoverability doesn't affect experience too much.
But even for pro users, is there a hint that the interaction is possible? I'll definitely play with it :)
@Henry Modisett There's a note at the bottom of each page
"There's a note at the bottom of each page"
Because every user reads footer notes before proceeding to use a product.
I think you could do two things to help the user here:
1) when holding, give an indicator that something is about to happen. Open Kudos button comes to mind.
2) quick solve: display on right-click.
@Jason Perez @Allan Grinshtein
Who clicks and holds on the web?
Who right clicks on the web?
Who double clicks on the web?
Answer: instinctively – no one.
The interface must afford being right-clicked, double-clicked or clicked and held. [Text-based] instructions are an inelegant solution; a quick 'fix'.
That being said, it is very pretty and I'm sure that with some extra thought and testing an elegant implementation could compliment the style.
Awesome, I like this interaction structure much more. Great work.
Great idea, agree that maybe you should add some visual aid so users can discover this feature. After it's been done at least once, no need for that help anymore.
@Jason Perez @Allan Grinshtein @Saul Hardman
Agree. Including small instructions only on the rollover might be a minimally intrusive solution.
That being said, I'm new to UI design and Layervault has been a huge inspiration!
@Allan Grinshtein I use tap to click everywhere, so having to actually click my mouse/touchpad and hold it felt very unnatural. Maybe I'm the minority here :)
I agree w/ @Gilbert Guttmann @Henry Modisett @Jason Perez. This feels a bit like "how could this be super minimalist?" got in the way of "what's the easiest thing for the user?" In my experience, the speed with which I can navigate an interface makes a tremendous difference in my satisfaction. If Photoshop is slow, I want to punch my monitor. If a site loads slow, I want to scream. If I have to wait 1 sec to access a function I need on LV, well, it might be bad. I liked Gilbert's idea of a "more" option. Other ideas could work - I just wouldn't slow people down.
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.