Welcome to the Treehouse Community
Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.
Start your free trial
Peter Hilgersom
277 PointsCan I pick your brain?
Hi guys & girls,
Me and my company are working on a product picker. (http://i39.tinypic.com/m954ko.png)
Our goal is to translate difficult technical specifications into more human questions and limit the amount of choices. For instance: instead of selecting the operating system for a phone, we ask them what they want to use it for (facebook, whatsapp, etc).
I think we're on the right track, but I would like to know what you think about my work up till now. Is there anythign you do not understand? What would you do different? Do you like the layout? Does this appeal to you visceraly?
I'm especially interested in any artists/graphic designers who can give me some tips on how to make it a bit more lively. It's very 'user interfacy' now.. almost bland. But that may be just my tunnel vision at the moment ;)
I'm open for all harsh honest feedback so do not hold back!
4 Answers
Mandy Jansen
6,459 PointsHiya!
The top part is aligned... odd. 'Televisions' is much higher positioned than 'Five best results' and the selector buttons on the right. You could position the picker equally as high as the right side and show another result to even it out at the bottom, (that's just an idea) that way 'Matchmaker'/'advanced' might be aligned with the grey bar on the right. It now goes up and down at the top, I hope you understand what I mean.
Another thing that might help, is to let your design 'breath' by making the margins a bit bigger, don't try to fit everything in a small space, and make sure the important margins are the same size everywhere.
I also don't know what the 'voordelen' selector button does? Would it work to place that one next to 'Best viewed' and 'Save these...' as well? Either way, align that one with 'Best viewed'.
With that I get to my next point: I assume it's not finished yet, but there's an odd mix of English and Dutch/Flemish words :p As a Dutchie that was the first thing I noticed :)
It looks like you're on the right track!
Groetjes, Mandy
James Barnett
39,199 PointsNeat concept. However, I'm guessing you are designing an interactive website not a poster. There's no way to check the user experience of a static image. Ideas are a dime a dozen, implementation is what matters.
Peter Hilgersom
277 PointsCompletely so. Though I was more-over looking for some design pointers at the moment I agree with you!
Peter Hilgersom
277 PointsHi Mandy!
Thanks for your sharp eyes! There is some misalignment isn't there. I tend to have to fit in as much info into as little space as possible. That makes it really messy really easily.
The 'voordelen' dropdown is to select the content of that column. A nice little idea I 'borrowed' from Tweakers. All credits to them :-)
Ahhh. I thought I translated everything. but I'm Dutch to!
I've updated the design a bit with your suggestions. I'm more of an interaction/solution designer and I miss some genes on the artistic side I guess :-)
Gino Sciretta
2,051 PointsEven with the updated design you overloooked which in my opinion is the biggest change needed. Your television title is all alone on top, and the right side is misaligned. Also, you dont need to add the words "Sort on: ". People have been filtering for years now, and all the major sites dropped the labels, and added it as a default value inside the select box. What is the idea also behind numbering your results? I find that odd having numbers there which is adding a 6th column (yikes) to your rows.