One of the most important screens for the Lovely iPhone App where users get to see listings in detail, flick through images, favorite, email, call, go next, previous, get directions, read through amenities, etc. I know feature explosion in one screen, but when you think about it you need all these things when you're searching for an apartment. So what we did was to give it structure and hierarchy. Do I think we did a good job? I think for a first release this screen has a good structure, but it definitely has room for improvement (which is in the works). Needless to say, feedback we get from users is key. Keep in mind, grandma compatibility mode was turned on while designing this screen :)
So if you've used this app, I would love to hear what you think about this screen. Is it serving the purpose for you? Are you finding things weird, or difficult to achieve?
If you haven't used the app and interested, you can download the app and play with it, if you're in the apartment hunt in a bigger city, you won't regret using this app.
Few thoughts that might help with space
1. Do I really need to see the email name or phone # ahead of time that i'm contacting - unsure how that would help me on acting on one or the other
2. Favorite button is the most prominent item on the screen, is this the most important information to the user?
Otherwise colors are great and look forward to seeing how the drop downs open up
Curious how those 'amenities' and 'description' dropdowns look when they're expanded? I'm in Canada and don't have an American iTunes account. I find with iOS I'm always trying to come up with a good solution to show/hide blocks of info.
I use this app daily and find it annoying that I can't easily share the listing with my fiance. I have to "send email" and change the address to his email just so he can get the listing on his own phone. Even then I think when he gets the email, if he clicks on it, it asks him to download the app even if he has it installed instead of an option just to open it up in the app right off the bat.
Would have loved this app about a year ago when I made the move to SF... pad mapper was good but janky as a mofo... this, well, everything padmapper is and more.
The way the primary, secondary, ... etc call to actions are done on this are pretty amazing.
First thing I think about is reducing the phone section to just say phone, or call. Would like to see an indented effect under the photo rather than that stroke. Also wonder about no email being shown if it doesn't exist.
@Jordan Fulghum I think all the other options are much more valuable especially given the space there is to work with. Seems like description would be the final thing to check if everything else checks out. This way it reduces the amount of space it takes (some people could write a ton of fluff)
Nice work. I think making the photos the most prominent part of a listing is the right call.
I do think it is a bit strange that you use drop downs to get info about amenities and the description. I agree with not surfacing amenities and description, but drop downs are traditionally used for choosing, not accessing more information. I don't have the app, but I hypothesize they actually behave as accordions, and if so, I might try putting the arrows to the left of the text (typical pattern). Not sure if this will actually be a usability issue, but it's worth a second thought.
21 Responses
Pro
Kerem Suer
One of the most important screens for the Lovely iPhone App where users get to see listings in detail, flick through images, favorite, email, call, go next, previous, get directions, read through amenities, etc. I know feature explosion in one screen, but when you think about it you need all these things when you're searching for an apartment. So what we did was to give it structure and hierarchy. Do I think we did a good job? I think for a first release this screen has a good structure, but it definitely has room for improvement (which is in the works). Needless to say, feedback we get from users is key. Keep in mind, grandma compatibility mode was turned on while designing this screen :)
So if you've used this app, I would love to hear what you think about this screen. Is it serving the purpose for you? Are you finding things weird, or difficult to achieve?
If you haven't used the app and interested, you can download the app and play with it, if you're in the apartment hunt in a bigger city, you won't regret using this app.
And definitely go check out the other shots in the LiveLovely Project.
Thanks.
3 months ago
Pro
Tycho Klein Severt ⚜
Nice, maybe change the "back" text. Really solid work!
3 months ago
Pro
Nuruzzaman Sheikh
Amazing! Love the big photo!
3 months ago
Pro
Henry Modisett
That rental seems really cheap!
This is great I'm working on something similar so it's cool to see a different organization.
3 months ago
Pro
Petros Dimitriadis
Very clean design, I think the favorite button is way too big and taking space of the description.
Buttons on the nav bar on top can become smaller.
3 months ago
Few thoughts that might help with space
1. Do I really need to see the email name or phone # ahead of time that i'm contacting - unsure how that would help me on acting on one or the other
2. Favorite button is the most prominent item on the screen, is this the most important information to the user?
Otherwise colors are great and look forward to seeing how the drop downs open up
3 months ago
Pro
Chris Farina
Nice and clean.. The design too! ;) Dig the stroke on the transparent mail button. Nice touch
3 months ago
Pro
Jimmy
@Tycho Klein Severt Great point. I came across a nice discussion on Dribbble a while back about the 'Back' button.
http://dribbble.com/shots/657864-The-iOS-Back-Button?list=searches&tag=back_button
I personally use 'Name of previous spot' then the 'Back Arrow'.
3 months ago
Pro
Jordan Borth
Curious how those 'amenities' and 'description' dropdowns look when they're expanded? I'm in Canada and don't have an American iTunes account. I find with iOS I'm always trying to come up with a good solution to show/hide blocks of info.
3 months ago
I use this app daily and find it annoying that I can't easily share the listing with my fiance. I have to "send email" and change the address to his email just so he can get the listing on his own phone. Even then I think when he gets the email, if he clicks on it, it asks him to download the app even if he has it installed instead of an option just to open it up in the app right off the bat.
3 months ago
Pro
Jonathan Moreira
This app is so awesome! I've just moved to SF and it's already saving me!
3 months ago
Pro
Jordan Fulghum
Why do I have to tap to read the description?
3 months ago
Pro
Avinash Tripathi
very nice work...
3 months ago
Pro
David McLeod
Would have loved this app about a year ago when I made the move to SF... pad mapper was good but janky as a mofo... this, well, everything padmapper is and more.
3 months ago
Pro
Joe Anderson
The way the primary, secondary, ... etc call to actions are done on this are pretty amazing.
First thing I think about is reducing the phone section to just say phone, or call. Would like to see an indented effect under the photo rather than that stroke. Also wonder about no email being shown if it doesn't exist.
@Jordan Fulghum I think all the other options are much more valuable especially given the space there is to work with. Seems like description would be the final thing to check if everything else checks out. This way it reduces the amount of space it takes (some people could write a ton of fluff)
3 months ago
Pro
Alexander J. O'Connell
Looking good. Sweet pad too!
3 months ago
Pro
Artem Tolstykh
nice work
3 months ago
Looks great! sweet palette. Just a question, why is amenities a drop down list? why not just list them.
3 months ago
nice!
3 months ago
Nice work. I think making the photos the most prominent part of a listing is the right call.
I do think it is a bit strange that you use drop downs to get info about amenities and the description. I agree with not surfacing amenities and description, but drop downs are traditionally used for choosing, not accessing more information. I don't have the app, but I hypothesize they actually behave as accordions, and if so, I might try putting the arrows to the left of the text (typical pattern). Not sure if this will actually be a usability issue, but it's worth a second thought.
3 months ago
4:20 strikes again! Nice work.
3 months ago