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.
10 months ago
Nice, maybe change the "back" text. Really solid work!
Amazing! Love the big photo!
That rental seems really cheap!
This is great I'm working on something similar so it's cool to see a different organization.
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.
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
Nice and clean.. The design too! ;) Dig the stroke on the transparent mail button. Nice touch
@Tycho Klein Severt Great point. I came across a nice discussion on Dribbble a while back about the 'Back' button.
I personally use 'Name of previous spot' then the 'Back Arrow'.
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.
This app is so awesome! I've just moved to SF and it's already saving me!
Why do I have to tap to read the description?
very nice work...
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)
Looking good. Sweet pad too!
Looks great! sweet palette. Just a question, why is amenities a drop down list? why not just list them.
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.
4:20 strikes again! Nice work.
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