I'm alive and finally found some time to work on this app a little more. Honestly we can possibly ship it as it is right now, but I want to polish couple more things.
So I've actually never liked the previous search button treatment. It felt way too heavy comparing to other UI elements in the app. So I started thinking about fun ways to enhance that little part. I know it might not be the best "UX", or it might really not have any value to it. For example if you're checking out from a shopping cart, "slide to action" might help prevent accidental check outs possibly. I like to question things and try to find the right answer, but here I can't really give you a specific UX reasoning behind my choice, it just feels fun. :)
I will rebound another one to show a more traditional search button.
Feel free to follow me on twitter and ask any specific questions you have.
I've also started sketching the landing page as it might have a little odd layout.
I also want to thank James Blake for inspiring me with his f'in incredible music.
about 1 year ago
by Kerem Suer
Here's the more traditional search button. My feelings about it = "meh"
about 1 year ago
Cool idea, love the tones in this as well, so clean!
Slide to search is a terrible interaction. Why make the user perform a difficult and laborious action vs simply tapping a button?
@Josh Puckett I totally agree on your point - but it is something about gestures, swiping insted of pushing. I think we the future in touch screens, lie in the gestures not in touching buttons...
@Josh Puckett @Anders Drage I can see both of your points. I think this right now might seem a bit odd but I like what was said at SXSW this year from the google ux team, "Don't listen to the negative feedback at first. Let the timeline expand for a while and let people start to appreciate your innovation".
The color scheme is great here, feels very warm. I don't mind the gesture button here. I like @Kerem Suer's thought process behind it when referring to "accidental checkouts." It would be a good solution.
The interesting part is that when you are typing in a field, there is always a "Done" button when the keypad is open that finishes the CTA, which I'm not sure can be avoided... just a thought.
While it is beautiful, isn't this an un-needed interaction? The keyboard provides a search button and a user would have to close the keyboard to swipe. Not to mention this application would behave differently than 99% of the other applications out there. Users would have to re-learn a basic function, then remember it's only for this app.
Now, if you're looking to redesign the keyboard with this interaction, that's another conversation. :)
Nice idea, but i think Slide has its own functions stuck with it now. Sliding to search would be confusing and just a bit awkward to use. A standard button is more well known and a lot easier.
It's like having a "slide to open" on a door, instead of push.
Agreed that it's possibly a great solution for shopping cart checkout, as you mentioned! It's definitely a more deliberate action.
Search, not sure. It would bring up the iPhone keyboard, as mentioned by @Anthony Fonteo ... which raises the question: do you let the "Done" button enact the search, or simply collapse the keyboard? In this case, you wouldn't need a button at all, just a search field. The spy glass could also double as a search button? Just spitballing here.
If you felt the "Slide to Search" interaction was something worth pursuing, you could try combining the input with the slider. The user could type in the track of the slider and then slide the handle over to perform the search. Maybe the icon on the slider handle changes to an "X" to clear the search and the text in the track says "Searching..." and then displays the number of results. I still think it's a heavy interaction, but might be neat to try out.
Not digging the slide to interact button. Seems cumbersome. Much easier to tap rather than to tap + slide.
First off, I love to see longer comments rather than "NICE". So thanks, keep the wheels turning. As I said in my first comment, I'm just trying it out, and got to play with an actual build this morning. Not half bad and laborious as I thought. But again, I guess when you compare it to a single tap, yes it is laborious, and you might even be burning a calorie or two more :)
Jokes aside, I'm aware it's not the sexiest user experience, but it's definitely more fun than a native keyboard done button. And I don't want to get in too much into abstract values, but sliding gives me an accomplishment feeling, maybe because it IS laborious, I do a little extra and see something happen out of it.
Another topic is the keyboard call to action buttons, I've always been a fan of either keyboard or nav bar call to actions and moving all the old school, web looking buttons out of the actual form, I've had many debates with my ex art director Mark that in an iOS device users DO expect their call to actions to be in the nav bar vs call to actions at the bottom of a form. But I think applying that thought process to this simple UI where there's hundreds of pixels of real estate free for use. I don't think anyone can argue putting a fat button there, is hurting the user's experience.
But again, I'm loving everyones thoughts and opinions here. This is why I signed up to Dribbble in the first place, to get feedback from an awesome community with many incredible talented people.
In all seriousness, I'm not a big fan of the slide to search. Many times I've had to slide my finger 2-3 times just to unlock my phone because I didn't make it all the way across.
Maybe make it slide upon a tap? I'm just throwing it out there...
Very nice work.
I love this. Beautiful visuals aside, I think "slide to _______" is an interesting concept that could be in many places other than the lock screen.
I can't tell you how many times I've sent an SMS on my iPhone before I was ready to do so. Obviously "slide to send" would take up more room than what's available in the SMS interface, but maybe there's a more compact gesture that could serve the same purpose. Like touching and dragging the send button (or "search", "purchase", or whatever) outside of a radius that would appear when you touch the button.
by Vince Lane
Here's a quick 'n dirty mockup. Touch the button and a small ellipse appears. To complete the action, drag the button outside the ellipse. It'd fit in places much smaller than a "slide to send" bar.
Feels kinda Android-lockscreen-ish though, now that I'm giving this another look.
I love it! I do understand the comments above but I'm just more and more of the opinion that touch with just tapping is boring. I can't see the rest of the layout but, assuming the other actions are simple, I don't see any harm in it.Innovation has to come from somewhere, the best way is always to try it out.
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