Eightly - Wireframes

3 Attachments

22 Responses

  1. Haraldur Thorleifsson Haraldur Thorleifsson

    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.

    likes

    4 months ago

  2. Louis Currie Louis Currie

    I respect detail in wireframes and prototypes, awesome design till the end!

    likes

    4 months ago

  3. Tyler Allen Tyler Allen

    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. :)

    likes

    4 months ago

  4. Lehel Babos Lehel Babos

    Love seeing the detail as well. What do you use to create your wires?

    likes

    4 months ago

  5. Haraldur Thorleifsson Haraldur Thorleifsson

    Thanks guys

    @Lehel Babos I just use good 'ol photoshop

    likes

    4 months ago

  6. Peter Gajdos Peter Gajdos

    Oh boy, this is going to be legen...

    4 months ago

  7. John Howard John Howard

    Clean my friend.

    4 months ago

  8. Nick Sloggett Nick Sloggett

    Why do you put so much time into wireframes? Kind feels like a lot of time that could/tends to be throw away work?

    4 months ago

  9. Kyle Brinker Kyle Brinker

    dude, you're so good!

    4 months ago

  10. Haraldur Thorleifsson Haraldur Thorleifsson

    @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.

    likes

    4 months ago

  11. Zach Blevins Zach Blevins

    @Haraldur Thorleifsson I do the same. Nicely done!

    4 months ago

  12. Masum Rana Masum Rana

    Your style is going to be a trend to all :D

    4 months ago

  13. Nick Sloggett Nick Sloggett

    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!

    likes

    4 months ago

  14. Christopher Magruder Christopher Magruder

    @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.....

    likes

    4 months ago

  15. Nick Cammarata Nick Cammarata

    If you turned these into a general startup template(by turning it into html), I think a lot of people would buy it.

    4 months ago

  16. Adrián Somoza Adrián Somoza

    Awesome and insightful. Thanks for sharing!

    4 months ago

  17. Bob Schuster Bob Schuster

    @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.

    4 months ago

  18. Chirag D Chirag D

    Thank you for inspiration and can't wait to see more!

    4 months ago

  19. Marc Bowers Marc Bowers

    Great wire frames, I can already tell the finished site will look amazing.

    4 months ago

  20. Chris Whalen Chris Whalen

    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.

    4 months ago

  21. Gene Maryushenko Gene Maryushenko

    @Haraldur Thorleifsson no contact area? BTW your work inspirs me ... and probably 1000 other people :)

    4 months ago

  22. 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