Home controls for an ESL app to help practice english conversation.
10 months ago
Great idea, I think I would have come in handy this application :)
Would be a nifty UI to prototype and play around with. What caught my eyes immediately were the deep shadows under your buttons - not sure if that was intentional or not?
I'd prefer to have the menu icon/link on the right side, but it's clean either way. Great job!
So lovely. I really like it!
@Mihail Thanks! I'm not really sure how to respond to that second bit...
@David Klawitter Yep, it was. But I'm open to pulling it back - you think it draws too much focus?
@Warren Baskin You think so? I think I only decided to put it there because people were used to finding it there (see: path, Facebook, rdio, reminders, youtube...) :) Thanks!
@Andrus Valulis :) Thank you!!
@Meghan Robichaud that's a really good point. I also noticed the same thing as I looked through a few apps on my iPhone. I'm kind of biased, but a few things stick out to me:
- Facebook has one icon on each side--I'm thinking that they were trying to mimic the layout of their full 3-column site. The right side allows you to quickly find users and chat with them.
- Youtube has their menu icon on the left, but their search icon is on the right. I personally value their search feature more than the menu.
Basically what I'm saying is that most people are right handed and probabaly hold their phones with their right hand more than 50% of the time. My right thumb loves right-sided menu icons :-D
@Meghan Robichauda In a way it makes it feel like those elements are floating or taller than their design lets on. However, I didn't consider the user base - if I make some really broad assumptions about them this might be beneficial.
Hmmm you raise some good points. Right vs. left side is getting trickier. I interpreted the menu on the left side of the app the same way you do to it being in the right (i.e. easier for right handed users).
I saw the menu placement as something to encourage the swipe, since it's much more natural to swipe from left to right with your right hand - which only makes sense with the menu on the left.
Personally I prefer left side nag buttons, because if I'm holding my phone with one hand I find I have to cramp my hand up more to reach the ones on the right, whereas on the left I can fold my hand over the phone further without worrying about dropping it. Really, I try to avoid using my phone with one hand as often as possible, 'cause I always drop it trying to reach the top. Maybe that's an issue of small hands vs. large hands? Something I hadn't put a *whole lot* of thought into before.
I wish I had the time to just watch how people use their phones for a while... (without being creepy..) It's very interesting to hear about what different users prefer.
Haha same here. I wish that I could watch people use their phones to get an idea of what's most popular. There doesn't seem to be any big research on the topic--it would make for an interesting documentary as well.
Don't forget to turn off the lock icon in the menu bar when doing app mockups. It's not used anymore in iOS 6 and was only ever used when the phone was actually locked, so not when an app is in use.
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