One of the biggest mistakes I’ve made in my career
medium.com
medium.com
"His mistake was to stop going above and beyond because someone told him it wasn't required"
The lesson we can all take from this is to give you absolute best - if your immediate manager(s) are not ready for it, don't stop just because they can't handle it.
"His mistake was to fail to defend a better, interactive workflow enabled by new technology that could have helped the company tremendously, and instead fell in line."
The lesson for me is, we have to think critically, recognize real opportunities for the company, and argue for them. To fail to do so is not doing your job.
More often than not I'll shy away from doing front-end precisely because a lack of understanding from a designers part on what's possible or what needs to be hacked together using ludicrous amounts of JS/CSS workarounds; especially since these very designs or ideas is what the client or PM okays / is expecting.
Just my $0.02 - as a dev I'd love you quite a lot of you knew what I do and help me by taking the limitations into account :)
I've worked some truly awesome design folks over the years, but also had some folks have their 'designer' send me a PSD from themeforest that they went in and added crap to that made it essentially unusable, then charged the client $800 for a $30 theme.
I think the more everyone on the team understands all the specialties the better the app is likely to be.
And I get really nervous when my company's designer wants to adding a scroll bar to a modal dialog. :-(
* Build a simple HTML template as interaction design
* Add some basic design (style, color, fonts)
* With the customer fine tune the design
* Add code to the templates to make it all work (or hand it over to development)
Ofcourse you still need design experience. You are just using other tools.When you are sitting next to someone, and you are designing UI, and you have to open anything that looks like code, it can throw off non-technical people severely. Oh, sure I can make this box bigger, let me just change this property on some CSS, adjust this div and then refresh the screen?
I have done both styles, using tools like Balsamiq and Axure RP, paper prototypes, whiteboard prototypes, fat-client prototypes using desktop UI frameworks, and prototypes in HTML/CSS/JS. I think the advice here is, make sure you know the audience you're working with, and that having to interleave code with the design process doesn't throw off the workflow (even if only basic coding).
In practice, it meant that clients started to have unrealistic expectations of 1) how many changes they could ask me to make over time, and 2) how much time it would take to make a change.
So nowadays I only do this with designers that I work with, at set times, or with clients that I know I can trust.
It works really well when designers know what they are catering to. In case of browsers, it saves a lot of time when they know browser differences, or when they know JavaScript / CSS capabilities.
I knew a couple of consultants who did enterprise process work and also knew Shockwave. They would program a demo of each process. A little figure moving paper from place to place gets the point across better than any PowerPoint presentation ever will.
Even 15 years ago, the best design folks I worked with could do basic HTML stuff, to at least test out their core ideas. We'd review them, and I'd point out some problems we'd have cross-browser, or limitations of JS interaction at that time, and we'd iterate some ideas. They understood enough of the web portion (and these folks came from print) that when I explained (or could demonstrate) the problems in code, which they'd already written some of, they knew why the problems were there. They could know something was actually not possible to recreate in pixel-perfect fashion across IE3,4,5, NS2,3,4, WebTV and Opera, because they had experienced a site was more than displaying a single JPG file on a website with a massive HTML map area (did a couple of those WAY early on - insane).
Don't send me a photoshop file with 280 layers, one for each rounded corner on the 17 round corner boxes with too-small text which only looks good on your 30 inch triple monitors please. It's not going to translate and give the same 'feel' on multiple screens. (how come it's OK for you to not have to know html/css, but I have to have a photoshop license to work with you? and your agency complains about how expensive I am to boot?).
I don't expect you to be an expert in coding/layout, but I do expect you to know the basics. Similarly, I'm fine with knowing how to open PS files, resize images, export to different formats when you don't deliver what I ask for, etc. I can't do all of your job, you can't do all of mine, but let's have some familiarity with each others' worlds, OK?
About 20-30% of the design folks I've dealt with have truly 'got it', when it comes to designing for the medium, and understanding the tools. Most of them also did it in print, and would have an understanding of copywriting basics, font impacts, etc, as well as paper issues (printing on different paper types could impact colors, glossy vs matte, whatever). They understood the print medium, because they understood the basics of paper, then got in to web and understood the basics of web (HTML/CSS/etc). For better or worse, the other 70+% of folks just don't get it, or seem to care.
The older I get, the easier it is to choose to not work with those folks, but for the first several years of web work, I couldn't put my finger on why it was so much more productive working with person A vs person B.