Skip to main content

Wireframes 2525 Responses

Last post: 1 month, 1 week ago | Thread started: Jul 8, 08, 3:27 p.m.

RespondNew TopicDisable Images

  • texascris

    hello. I'm applying for a new jab, and they asked me to do a wireframe for certain site, I haven't done many of them, so i'l looking for some inspiration, if you could share any links, will be grate.

    thanks QBN

    Jul 8, 08, 3:27 p.m. – Permalink
  • jfletcher

    damn, I have a million on my laptop, but don't know a place to look at them.... usually Interaction designers will have them in their portfolios. Maybe hit up Core77 and look around?

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 3:29 p.m. – Permalink
  • ukit

    Search Flickr for wireframes. There are tons of really good ones on there.

    http://flickr.com/search/?q=wire…

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 3:29 p.m. – Permalink
  • texascris

    grate, thanks ukit

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 3:32 p.m. – Permalink
  • jfletcher

    oh duh, good call, can't believe I forgot to check flickr.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 3:33 p.m. – Permalink
  • Llyod

    they look like a lot of boxes made in illustrator with page titles on them

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 3:33 p.m. – Permalink
  • Jaline

    "I'm applying for a new jab"

    that made me LOL

    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 3:34 p.m. – Permalink
  • Llyod

    http://www.homestarrunner.com/ca…

    • so good, thanks for the link. lightened up my afternoon.threadpost
    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 3:35 p.m. – Permalink
  • spendogg

    is a wireframe the same as a site map?

    • nopeBonSeff1/3
      more like a page with content elements and hierarchy of importanceBonSeff2/3
      Correct. Think of it this way - site maps are collections of wireframes, telling the developer what page is where. Wireframes are just individual pages.olli1013/3
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 3:59 p.m. – Permalink
  • ukit

    Wireframe = barebones layout of the page, without visual design

    Site map = well, map of the site

    • OK thanks! you 2 Seffspendogg1/3
      I disagree that it is layout. It is meant to represent content structure not layout.monkeyshine2/3
      There are different definitions at different places. Layout version is more common I think.ukit3/3
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 4:01 p.m. – Permalink
  • ukit

    This is a good example

    http://farm3.static.flickr.com/2281/2181557066_20cb883f36_o.jpg

    I like to create all my designs this way, it makes it that much easier to play around with different visual styles once you have the basic layout built.

    • -1 no no no. it is too close to design. I fight this fight every day with IAs.monkeyshine1/5
      Agreed - let the designers deal with iconography and colour.olli1012/5
      Hmmm - good point - I guess it is different if there is more than one person involved.ukit3/5
      this is FAR to designed to be considered a wireframe. this would cause derailment to a developer/dev team.madirish4/5
      what mad and monkey saidjevad5/5
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 4:09 p.m. – Permalink
  • doesnotexist

    this is great

    http://farm3.static.flickr.com/2267/2217669913_4ded0489df_o.jpg

    • +1 yes yes yes. This is exactly what a wire frame is meant to do.monkeyshine1/2
      Holy crap - that looks so close to one I did recently, it's scary. Nice to know great minds think alike! :-p
      olli1012/2
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 4:37 p.m. – Permalink
  • olli101

    Give this a shot. Search for "wireframes"

    http://boxesandarrows.com/

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 10:52 p.m. – Permalink
  • utopian1

    Let me take a "jab" at it!

    http://www.prospectdesignstudio.com/Images/wireframe.jpg

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 8, 08, 11:15 p.m. – Permalink
  • ukit

    @ monkeyshine - I see where you're coming from with the total separation thing. On the other hand, it doesn't really address usability - I always thought one of the advantages of using wireframes was that you could nail down the most usable layout without worrying about the visual end of things. I guess ultimately it depends on who's involved in the process and what their roles and abilities are.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 9, 08, 12:33 a.m. – Permalink
  • monkeyshine

    Ukit, I totally agree. I think the problem is that you can't really nail down a layout without thinking about the visual end of things. It's much easier to be the designer who is fleshing out the wire frame (or at least intimately involved with the wire frame build).

    I have issues with wire frames in general. In my experience, the wire frames go to the client for approval before design. When the IA (who likely has no design experience - and you can only hope they realize this) puts in visual elements like tabs or color the client can get fixed on that and think it's designed. Connected to this, sometimes a client will see a wire frame and not really understand what it is they are looking at or how they need to access it.

    If wire frames were only used internally to guide the UI I'd be less concerned. I realize this isn't a perfect solution. In my eyes, a wire frame is meant to convey hierarchy and flow of content, not layout.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 9, 08, 3:52 a.m. – Permalink
  • madirish

    "it doesn't really address usability"
    complete, total, fail on that assessment there, ukit; sorry. :(

    the #1 role a wireframe serves a team/project, is to account for all required functional items across a site/application within a rough structure said functional items should fall into. A second cue they lend to, is establishing a visual hierarchy through volumetric representations of items within a layout; void of any 'design' or aesthetic vocabulary. This is why b/w or greyscale works well, along with F.P.O. call outs and system buttons/form factors are appropriate.

    An effective wireframe set does not include refresh, input, or interactive elements, IMO. Items of this nature should without question be detail noted as functional specs in an area of the page (side/column/etc) but not presented as elements within the wireframe itself. This is the role of the design comp artwork, and the nature of those elements and how they interact with the user should be worked out by the designer; not in a functional roadmap/spec document that a wireframe is.

    Make sense?

    • i want to make sure it is clear that this is purely my opinion, and not that of some sort of global 'standard'.madirish1/3
      life would be easier if it were a global standard.monkeyshine2/3
      again, i see where you're coming from , but you should keep in mind they are used differently by many agencies/ organizationsukit3/3
    next note >+ add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 9, 08, 6:26 a.m. – Permalink
  • bulletfactory

    taken from - http://www.digital-web.com/artic…

    http://www.digital-web.com/images/articles/expressionengine/ss_1ab.jpg

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 9, 08, 7:51 a.m. – Permalink
  • studderine

    madirish has it down.

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 9, 08, 7:52 a.m. – Permalink
  • stewart

    besides a few koganinja logos i made 20 of those wireframes today (yawn)

    http://www.kulsdom.com/qbn/wireframe.gif

    + add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 9, 08, 8:04 a.m. – Permalink
  • graham

    http://www.thinkswedish.com/blog…

    next note >add note

    You must be logged in to add a note. Login now or register for an account.

    Cancel
    Dog-earJul 9, 08, 11:35 a.m. – Permalink

Login or Register to respond to this

Skip to main content