Some wireframes for a marketing site. This is just a tiny part of a pretty epic projected I worked on with some truly amazing people, including @Bill Bull who among other things designed the iPod classic UI.
I'll share more soon but for now you can see a little more in the attached wireframes.
4 months ago
I respect detail in wireframes and prototypes, awesome design till the end!
These are some of the best wireframes I've seen; it's really nice to see when someone takes the time and effort to build quality wireframes. Some true dedication there, totally respect that.
Cant wait to see the final product. :)
Love seeing the detail as well. What do you use to create your wires?
@Lehel Babos I just use good 'ol photoshop
Oh boy, this is going to be legen...
Clean my friend.
Why do you put so much time into wireframes? Kind feels like a lot of time that could/tends to be throw away work?
dude, you're so good!
@Nick Sloggett A polished design takes me maybe 10 longer than a wireframe. I'm however not a big fan of typical wireframes since I like having a pretty good sense of how the actual design will look.
With wireframes I can quickly try layouts and options and then review with clients. Wireframes isolate the discussion and focuses it on layout and structure.
I also find that when I'm working with wireframes I'm a lot more willing to experiment since I can try something without investing a lot of time. If I'm not careful I can spend way too much time tweaking an asset, maybe even without fully knowing if and how it will fit in. And once I have it I might get overly attached to it and reluctant to change or remove it because of the sunken cost. Doing something quick like this avoids most of those problems.
Finally, the work is definitely not throw away. I usually start polishing the visuals in the same psd as the wireframe.
This type of workflow has in my opinion dramatically improved the quality of my work.
Obviously, everybody is different so this might not work for everyone, but given my experience I strongly recommend at least trying this out.
@Haraldur Thorleifsson I do the same. Nicely done!
Your style is going to be a trend to all :D
Love the explanation... definitely inspiring to change my own work flow to try it out! Thanks for taking the time to let me know H!
@Haraldur Thorleifsson and @Nick Sloggett Agree that everyone has their own workflow. It's unique to the individual (or team) and if it helps extract the best solution with the least amount of effort—I'm all for it.
If it ain't broke.....
If you turned these into a general startup template(by turning it into html), I think a lot of people would buy it.
Awesome and insightful. Thanks for sharing!
@Haraldur Thorleifsson I couldn't agree more. Putting in the extra effort up front not only makes for a clearer understanding of how the design will work, but I've also found that it makes client communication much easier- which can sometimes be a big pain point in the process.
Thank you for inspiration and can't wait to see more!
Great wire frames, I can already tell the finished site will look amazing.
I am definitely going to try this way out for myself. I find that when I start with wireframes. I can't help myself but start adding splashes of color, before you know it I'd added graphics and then I'm reluctant to change something because of the work I've put into it. I will FORCE myself to stick to the gray tones.
@Haraldur Thorleifsson no contact area? BTW your work inspirs me ... and probably 1000 other people :)
by Crystal Nguyen
So I came across this shot from @Haraldur Thorleifsson (http://dribbble.com/shots/1346031-Eightly-Wireframes?list=users) and how he recommended at least trying this type of workflow with wireframing. I can only say THANK YOU for sharing your experience with the way you work.
In doing this I have experienced a greater and efficient workflow because of the ability to not only get a fairly good sense of where a design is heading but the ability to try multiple layouts QUICKLY and retain that visual sense.
I agree, at least try it.
Thank you again for sharing!
3 months ago
keyboard shortcuts: ← previous shot → next shot L or F like
Show and tell for designers
What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.
Copyright © 2009–2014 Dribbble LLC. All screenshots © their respective owners. Shipped from Salem, Mass. USA.