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?
@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!
@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.
@Warren Baskin 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.
@Meghan Robichaud 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.
12 Responses
Pro
Meghan Robichaud
Home controls for an ESL app to help practice english conversation.
4 months ago
Pro
Mihail
Great idea, I think I would have come in handy this application :)
4 months ago
Pro
David Klawitter
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?
4 months ago
Pro
Warren Baskin
I'd prefer to have the menu icon/link on the right side, but it's clean either way. Great job!
4 months ago
Pro
Andrus Valulis
So lovely. I really like it!
4 months ago
Pro
Meghan Robichaud
@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!!
4 months ago
Pro
Warren Baskin
@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
4 months ago
Pro
Tobia Crivellari
Lovely UI!
4 months ago
Pro
David Klawitter
@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.
4 months ago
Pro
Meghan Robichaud
@Warren Baskin
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.
4 months ago
Pro
Warren Baskin
@Meghan Robichaud
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.
4 months ago
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.
3 months ago