Prototyping
Tags
keyboard shortcuts: ← previous shot → next shot L or F like
32,491,394,184 pixels dribbbled
Copyright © 2009-2012 Dribbble LLC. All screenshots © their respective owners.
Handcrafted in Salem, Massachusetts. Hosted by (mt) Media Temple.
9 Responses
Pro
Dave Shea
Probably re-inventing the wheel here, but something I've started doing lately is formalizing some of my coding conventions into a rapid prototyping library using basic CSS grid, colour and type classes, jQuery effects, and some CSS3 extras like RGBa.
It's proving valuable for working through workflows and basic interactions. This is a screen from a client's app where I had a working prototype of the entire thing in about 6 hours of coding.
With any luck I'll be able to re-use the codebase once I start building out the actual UI. (This monochrome skin is just the basic reusable prototype style.)
over 1 year ago
Pro
Garrett Dimon
I've been doing something similar, albeit for myself rather than client projects, and I've found it to be priceless. I really think that frameworks like what you're creating are going to become priceless and carry significant advantages over just doing normal wireframes or comps.
over 1 year ago
Pro
Dave Shea
In cases like this where there's time and budget, I totally agree. Not all projects will lend themselves to this type of in-depth up front work, but where I can I'll be doing more of this in the future.
Verbatim quotes from the client: "Being able to play with your wireframes really helped us in that we were able to solve one nagging interaction issue instantly" and "we really feel like this back-and-forth had allowed us to hash out vague ideas into something more tangible"
over 1 year ago
Dave, great stuff.
One question: How did you give your client the ability to "play with your wireframes"?
over 1 year ago
I'm trying to convince the guys here to adopt a similar workflow. Bloody impossible in a department of 300+
over 1 year ago
Pro
Dave Shea
@Scott - uploaded them to an FTP server and let them go for it. If that's not a good answer, I'm not really sure what you're asking.
over 1 year ago
Sure. I wasn't sure if it was guided, with you in the driver's seat, or if you gave them the files and let them have at it. I'm not sure I'd have the guts or the patience to turn over design files like that. How do you keep them from going off the rails with inane little changes?
over 1 year ago
Pro
Dave Shea
Ah, gotcha. So far I've had clients get that this is a work in progress, and not derail the conversation into too many little meta discussions about type or layout or whatever. So far. Inevitably I'll eventually get one who takes this into "move that element to the left" territory, at which point I'd likely throw on the brakes and switch over to mocking up one or two pages to give them a comparison, and then tell them to get over visual tweaking already. More politely of course.
I think it helps that I work with a lot of development shops; if I were interfacing directly with less savvy clients, I might have a different process.
over 1 year ago
Cool, thanks for the insight!
over 1 year ago