4 ms·
Overthinking Design
- goldvine 13y agoCurious to get the hacker perspective on this topic...have you tried this method with your products? Tried something else that worked well? Let's chat :-)
- jtfairbank 13y agoDo you ask the designer to create the basic styles / example markup as well? General things like buttons, alerts, perhaps some generic layouts. Or just take the template they provide and have your in house devs hash that out?
- goldvine 13y agoI'm our only dev :-) I did all of that myself, and modify the guide moving forward as things change. We just need a good push in the right direction as our visual design skills are seriously lacking.
- jtfairbank 13y agoHaha, sounds like me. Using bootstrap and playing around with the styles, I can get the project 80% of the way there visually. I never feel satisfied with my designs though... having a style guide to follow would probably be able to bump me past that.
- kyberias 13y agoAnd you're underthinking your selection of the font color with regards to the background color of the page.
- goldvine 13y agoCare to be more specific?
- rpedela 13y agoA darker shade of gray would be easier to read in my opinion.
- oonny 13y agoI was thinking the same thing; the font color in the blog post can use some contrast.
- goldvine 13y agoThanks!
- keithpeter 13y agoYes, HN has ruined light grey on white for me as I tend to see it as a downvote. Seriously, I'm not being funny about that - I have begun to perceive low contrast light grey on white as something suspect.
- goldvine 13y agoIt's not that light... You're saying that people downvote sites for having grey text on white instead of black? That's idiotic...
- pessimizer 13y agoNo, he's saying that grey text makes him think of a comment on hacker news that has been downvoted.
- kyberias 13y agoBut seriously they do and it's not that idiotic: http://contrastrebellion.com/ http://contrastrebellion.com/
- ThomPete 13y agoSome startups are so early in their field and creating a new industry that design isn't important. Others are later to the game and can use design to differentiate from those early in the game who didn't get around to it. And finally some need to think long and hard about their design because it's become a hygiene factor. That pretty much sums up my take on things.
- goldvine 13y agoThanks Thom
- caiob 13y agoBut, how to teach old dogs a new trick?
- goldvine 13y agoCan you clarify? :-)
- Edd314159 13y agoWhile I believe that it works for you, your "early product design" process doesn't sound anything like interface design. It's just a subset of branding. Design is solving problems, not just choosing what the buttons on your website will look like before you have your product or any kind of context (the order of which sounds backwards to me.) > And it’s not all about looks, you know. You say this, and maybe I'm missing the point of your post, but you continue to describe how this process is entirely about how things look. Additionally, I have an issue with this: > Over time, you’ll build up a collection of “liked” work that you can show to any designer to give them a concrete idea of the style you like. This sounds like a horrible idea. Any decent designer out there knows that Dribbble exists and doesn't need you to point that out to them. They likely have their own "style" (if we're reducing "design" to just aesthetics for the purpose of discussion) and won't like you showing them what "style" you want them to adopt. Their job as a designer is to solve problems, not make things look pretty in Photoshop according to your taste parameters. Everything they produce should adhere to your brand guidelines, but that's it.
- ThomPete 13y agoThe job of the designer is to solve problems and help their client maintain their identity. It does not matter whether the designer have their own style. Most aren't hired for that and shouldn't be.
- wlesieutre 13y agoI think the takeaway is that it lets developers be the designers. Most programmers I know are pretty good at solving problems, but they don't always have an eye for visual details aspect of it. The style guide gives them a framework to work in, and can hopefully prevent a UI atrocity. Maybe hiring an outside designer to do the whole app would get you better results, but if you're going to toss all of that as the app changes, it might not be worth the expense. Assuming your devs aren't bad at user interaction stuff, this gets you most of the way there at a small fraction of the cost.
- goldvine 13y agoVery well said. Thank you for jumping in.
- philipjoubert 13y agoThe designers at Salesforce recently wrote an excellent blogpost that relates to this: https://medium.com/p/c8f3001f709b https://medium.com/p/c8f3001f709b tl;dr Salesforce made a style guide and a HTML/CSS UI kit of the style guide. This allowed them to implement designs faster.
- duvander 13y agoA style guide is an important way to keep everybody on the same page. Not enough products have one. As others (including the OP) suggest, this is not the entirety of design, but it's a great step after something like Bootstrap to help differentiate the product.
- goldvine 13y agoWell said
- normloman 13y agoAnd when you pay good money for a style guide that amounts to the iOS 7 theme, you're underthinking design.
- goldvine 13y agoWe love it, and it's been a great launching pad. Which is what matters.
- normloman 13y agoIf you were just going to settle on a generic, flat design, you could have used a free css framework and gotten the same result.
- goldvine 13y agoWe didn't choose that visual up front, we worked with a designer that chose that look based on the product (Minimal Analytics). The brand has defined the product over time and is very recognizable. Whereas a flat css theme wouldn't have been unique or recognizable. But I'm not going to change your mind ;-)
- normloman 13y agoIt's not unique or recognizable anyway. Minimal Analytics looks identical to hundreds of other sites.
- nej 13y agoI think it's also worth reading "Why you should move that button 3px to the left"[0] article from Medium. [0] https://medium.com/design-startups/c012e5ad32f7 https://medium.com/design-startups/c012e5ad32f7
- supercoder 13y agoUnderthinking Design ? All they've got here is a style guide. Totally ignoring all the rest of the design process when it comes to the interaction, layout etc. Maybe if they made the distinction to only say 'Overthinking visual design' but really I'm still not sure what to take away from this article...
- goldvine 13y agoAdded that distinction after the fact. The rest of the product "design" is done by me, the founder/dev. I don't really think someone needs to be hired for the sole-role of planning wireframes, interaction, and flow. That is a core skill of any maker.