Moving away from gestures and going more towards simplifying as much as possible for beta launch.
Full size PDF of the wireframe attached.
I'd love any feedback and critique—thanks!
12 months ago
This is wonderful, thanks for sharing your process! The iphone stencil and making color legend is a very nice touch.
Loving this. It's a good sign when an app witeframe is worth hanging on the wall itself
11 months ago
Well done @Meng He
Thank you so much, everyone!
@David Luhman, the wonderful iPhone stencil is by @Shaun Moynihan! All compliments should be directed to him :) It's awesome he shared it with the community. Here's a link:
@Ivan Tolmachev, thank you! The founder did exactly that—blew it up, printed it out no a big board, hung it on a wall in his co-working space, and wrote "NDAs suck" on the top. Awesome.
@Shaun Moynihan, Thanks so much for creating the iPhone 4 wireframe, it rocks! And it's also "miss" :)
Definetly one of the most beautiful wireframes I've ever seen!
@Meng He My apologies, was wrong of me to assume 'sir'. Also, really nice work on these wireframes. Looking forward to seeing the UI design.
love your work! well done
Looks really nice! What app do you use for creating your wireframes?
Thanks, guys. @Jim Haakman I use Adobe Illustrator. I try to use OmniGraffle, but keep coming back to Illustrator because it's much easier to be accurate (snap to point, snap to grid), and also faster than Photoshop for work like this.
by Meng He
It feels great to finally move on to the UI design now that we're mostly happy with the wireframes.
After playing with what feels like a million different styles, the look and feel is finally coming together! We went dark, and realized it just wasn't fun. We went light, and realized it was way, way too frilly. Now finally I think we found our voice.
Here's a preview of the drink detail page of our app so far. What do you think?
Actual size attached. Critique and comments are appreciated :)
10 months ago
The drink check in UI design.
The text fields and other important fields appear above the keyboard "fold" (full-size detail attached), and other secondary fields such as location tagging and social sharing below.
is it ok to use the wire frames ?
10 months ago
@Ahmed Galal, what would you like to use it for?
@Meng He no no i ment use the system that you made, of course i wont do anything to that app :), i mean apply that system to the apps i`m working on
@Ahmed Galal, haha, that makes more sense. The templates are actually all by different people in the community.
The iPhone template can be found here: http://dribbble.com/shots/599324-iPhone-4-Template-v2
The annotation markers are part of OmniGraffle's original stencil sets.
The gesture hand is part of this stencil set: http://graffletopia.com/stencils/791
Hope this helps!
thank you so much for your help :)
@Ahmed Galal Glad I could help :) Good luck with your project—can't wait to see your wires!
@Meng He thank you, will keep you updated :)
Trending drink recommendations based on 2A Drink Discovery on the original wireframes.
I'd love to hear your thoughts on Twitter! @menghe
Full size attached.
9 months ago
Another fan of your work, here; wireframes especially. I also use AI for this and have tried Omnigraffle and agree with your points about AI being simpler, faster to create more precise layouts. Thanks for re-sharing the iPhone stencil; I'll be using this on some wireframes I recently completed and will try to share soon. Well done!
9 months ago
Drag down to grab your drink ticket and log in to Shindig. See it in action as an animated GIF!
I'd love to hear your thoughts on Twitter! Tweet me: @menghe
8 months ago
I'd love to hear your thoughts on Twitter. Tweet me: @menghe
3 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