Alan Rogers Sneak Peek | Store
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers.
44,061,918,578 pixels dribbbled
Copyright © 2009-2012 Dribbble LLC. All screenshots © their respective owners.
Handcrafted in Salem, Massachusetts. Hosted by (mt) Media Temple.
11 Responses
This iPad application is for Create DM and their Client, Alan Rogers camping guides.
This is a very small snapshot of the Store screen (landscape).
This is going to be somewhat long, but bear with me - I feel I need to somewhat justify myself here…
I'm very happy with this iPad design, but the Store 'irks' me. As Designers, you know that sometimes you have to sacrifice aesthetics for user experience. I'm guilty of being a fan/member of the delicious generation, so where possible, I like interfaces to not 'just' work but look fantastic.
My problem with the Store aspect of this design, is the labelling and pricing of the books. The end goal of this application, is for customers to purchase books - therefore, they must be the focal. So, when it came to designing the labels and prices, I had to hold back. I had many ideas, my favourite being price tags, but having that element repeat itself 20 or so times on a screen is unappealing. Granted, the books are repeated, but their covers are not, so it isn't tedious. A price tag would also challenge the book in terms of size and screen real estate and risk distracting the user's eye and becoming a focal.
As a side note, I tried many ideas, such as shelf labels and the like, but this particular series of books has very long book names (ironically, the one in the ss being one of the shortest), so it proved a little difficult to fit alongside prices.
Ultimately, I used Apple as inspiration and tried to envisage how they would incorporate a Store into iBooks, had they not replicated the App Store. Is my implementation of labelling and pricing innovative? No. But, it works and it will be intuitive and distraction free for users to browse and buy books.
I wish I could show you the full screen, but my Client understandably would like to keep some mystery. In saying all of that, I can't wait to show you the rest of the visual design, this is my first iPad interface and I'm very proud of it!
6 months ago
Pro
Bady
Really nice! love the clean self and the details on it :) Just one thing that weird to me is the price button, looks floating :P
6 months ago
cool
6 months ago
Pro
Richard Tabor
Super job.
6 months ago
wow!
6 months ago
Rebound
Alan Rogers Sneak Peek | Photo
by Natalie Nash
This iPad application is for CreateDM and their Client, Alan Rogers camping guides. This is a very small snapshot of the Store screen (portrait).
I'm not usually one for photos of mockups, but it does mean I can show you more of this iPad UI without lifting up the skirt entirely!
6 months ago
Thanks gents :)
@Bady I can sort of see what you mean, but in full view it looks 'correct'!
6 months ago
Pro
Maxwell Barvian
The details on this are fantastic! Well done.
The only thing that's bothering me is that those buttons and text seem to be floating, although their styles indicate that they're supposed to look embedded into the wood (right?). I'm not sure how you would fix that immediately, but it really threw me off.
6 months ago
Thanks Maxwell! Bady above mentioned something similar, I think it may be the way I have previewed this - perhaps because it's only one book, I don't get that impression in the overall design, at all. You are correct, in that it is embedded into the wood :)
6 months ago
Pro
Supratim Nayak
Lovely stuff, Natalie!
6 months ago
Pro
Nico Prat
Very nice ! What is that kind of Lego at the bottom right corner ?
6 months ago