Great start. What about the name of the shot, where would that go? Putting more emphasis on the stats (more prominent numbers and less prominent icons) should help. I assume the aspect ratio of the shot is optimized for Dribbble and the actual app would use up all the space thus showing more whitespace and potentially change the layout, right?
@Vilen the shot is optimized for dribbble but the layout won't change that much, it's just shortened. The shots will display in a table view so just imagine more of them vertically. I tried putting the shot title in there but couldn't find a good spot for it, I want to get it in there so I'll keep trying.
not liking the check mark on the left (which section is that? I can't guess it), other than that it's pretty awesome..... I guess I have to get an iphone or an imac now :D
and I'd also would turn down the opacity of the thin outer line of the frame, seems a bit strong.
The main point of any Dribbble for iPhone: iPhone is 480x320 (or twice more) and Dribbble shot is 400x300. So the goal is to show actual size shot — it's always better.
Try Dunk for iPhone, it's great. I believe, you can make it even better.
Maybe there's no need in table view? You can show only shots and make swipe navigation through them. It's easier; you don't need to return to table view to see the next shot.
@Yaroslav Thanks for the feedback, I have used Dunk and don't like the UX of only flipping through shots. I want an over view table. You won't have to go back to the table view to see the next shot. There will be a way to change shots in the detail view.
Table view is definitely the way to go. Especially on Retina display you can squeeze in so much detail and yet quickly scroll through. Going image to image without the overview really constrains the user from quick exploration removing the ability to skip multiple shots at a time.
I love the little "championship cup" icon. One suggestion: I'd like to see something softer than the hard lines around the image (and little "SF" av). Something subtler would help blend them better with the excellent UI.
I would place the stats in a horizontal line + thumb. I think it looks cleaner and also you have more place on the left side to show the shot bigger. Just a thought!
@Bjango thanks :) I wish it was available right meow, soon...
@Filip that's how I did it for the Mac App, but to better fill the space I moved the stats to the side. I think showing the shot half size is best because that's what Dribbble provides and scaling an image by an even amount produces the best results.
@Julius I agree I wasn't totally happy with it, was waiting for someone to call me on it :)
@Mirko I agree, my plan is that tapping on a shot in the table view will bring you to a web view where you can like and comment, like how the Mac App works.
33 Responses (page 1 of 2)
Pro
David Keegan
First pass at the iPhone version of Play by Play. What do you guys think?
over 1 year ago
Like :)
over 1 year ago
great choice of colors! like the glow points on the bottom too:)
over 1 year ago
Pro
Scott Stephens
looks great...love the Mac version
over 1 year ago
Pro
Milos Milikic
Good work! I just think that numbers with icons on the left needs more work.
over 1 year ago
Pro
Vilen
Great start. What about the name of the shot, where would that go? Putting more emphasis on the stats (more prominent numbers and less prominent icons) should help. I assume the aspect ratio of the shot is optimized for Dribbble and the actual app would use up all the space thus showing more whitespace and potentially change the layout, right?
over 1 year ago
Pro
David Keegan
@Vilen the shot is optimized for dribbble but the layout won't change that much, it's just shortened. The shots will display in a table view so just imagine more of them vertically. I tried putting the shot title in there but couldn't find a good spot for it, I want to get it in there so I'll keep trying.
over 1 year ago
Pro
Egor Kosten
Yep :) I already using it
over 1 year ago
Pro
Daniel Keller
not liking the check mark on the left (which section is that? I can't guess it), other than that it's pretty awesome..... I guess I have to get an iphone or an imac now :D
and I'd also would turn down the opacity of the thin outer line of the frame, seems a bit strong.
over 1 year ago
The main point of any Dribbble for iPhone: iPhone is 480x320 (or twice more) and Dribbble shot is 400x300. So the goal is to show actual size shot — it's always better.
Try Dunk for iPhone, it's great. I believe, you can make it even better.
over 1 year ago
Pro
David Keegan
@Daniel The check is for 'following'.
@Yaroslav Yep, this is just the preview table view, tapping on a shot will take you to a view where you can view the full size shot.
over 1 year ago
Maybe there's no need in table view? You can show only shots and make swipe navigation through them. It's easier; you don't need to return to table view to see the next shot.
over 1 year ago
I highly recommend you to take a glance at Dunk for iPhone. Have you seen it?
over 1 year ago
Pro
David Keegan
@Yaroslav Thanks for the feedback, I have used Dunk and don't like the UX of only flipping through shots. I want an over view table. You won't have to go back to the table view to see the next shot. There will be a way to change shots in the detail view.
over 1 year ago
Pro
Vilen
Table view is definitely the way to go. Especially on Retina display you can squeeze in so much detail and yet quickly scroll through. Going image to image without the overview really constrains the user from quick exploration removing the ability to skip multiple shots at a time.
over 1 year ago
Pro
William Szilveszter
I love the little "championship cup" icon. One suggestion: I'd like to see something softer than the hard lines around the image (and little "SF" av). Something subtler would help blend them better with the excellent UI.
over 1 year ago
Pro
James Scott
You the man David. Looks sharp! I'm using travvveling right meow but will surely make the switch.
over 1 year ago
Pro
Marc Edwards ✎ Bjango
@James I really, really hope you meant to say "right meow", because it’s awesome.
over 1 year ago
Pro
Filip Raatz
I would place the stats in a horizontal line + thumb. I think it looks cleaner and also you have more place on the left side to show the shot bigger. Just a thought!
over 1 year ago
i think the settings glyph is to big :) but everything else looks nice and crisp :)
over 1 year ago
I like the look and layout, but in my opinion the best dribbble app on iPhone so far is the mobile-version if the site itself.
over 1 year ago
Wow, that is really nice!
over 1 year ago
Pro
David Keegan
@Bjango thanks :) I wish it was available right meow, soon...
@Filip that's how I did it for the Mac App, but to better fill the space I moved the stats to the side. I think showing the shot half size is best because that's what Dribbble provides and scaling an image by an even amount produces the best results.
@Julius I agree I wasn't totally happy with it, was waiting for someone to call me on it :)
@Mirko I agree, my plan is that tapping on a shot in the table view will bring you to a web view where you can like and comment, like how the Mac App works.
over 1 year ago
Pro
Zan | ninetofive.me
David, amazing. Nuff said.
over 1 year ago
Pro
Kevin Harris
Looks fantastic. Liked! Can't wait for it to come out!
over 1 year ago