Wireframes
- Started
- Last post
- 25 Responses
- 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
- jfletcher0
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?
- ukit0
Search Flickr for wireframes. There are tons of really good ones on there.
- texascris0
grate, thanks ukit
- jfletcher0
oh duh, good call, can't believe I forgot to check flickr.
- Llyod0
they look like a lot of boxes made in illustrator with page titles on them
- Jaline0
"I'm applying for a new jab"
that made me LOL
- Llyod0
- so good, thanks for the link. lightened up my afternoon.threadpost
- ukit0
Wireframe = barebones layout of the page, without visual design
Site map = well, map of the site
- OK thanks! you 2 Seffspendogg
- I disagree that it is layout. It is meant to represent content structure not layout.monkeyshine
- There are different definitions at different places. Layout version is more common I think.ukit
- ukit0
- -1 no no no. it is too close to design. I fight this fight every day with IAs.monkeyshine
- Agreed - let the designers deal with iconography and colour.olli101
- Hmmm - good point - I guess it is different if there is more than one person involved.ukit
- this is FAR to designed to be considered a wireframe. this would cause derailment to a developer/dev team.madirish
- what mad and monkey saidjevad
- doesnotexist0
- +1 yes yes yes. This is exactly what a wire frame is meant to do.monkeyshine
- Holy crap - that looks so close to one I did recently, it's scary. Nice to know great minds think alike! :-p
olli101
- olli1010
Give this a shot. Search for "wireframes"
- ukit0
@ 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.
- monkeyshine0
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.
- madirish0
"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'.madirish
- life would be easier if it were a global standard.monkeyshine
- again, i see where you're coming from , but you should keep in mind they are used differently by many agencies/ organizationsukit
- bulletfactory0
taken from - http://www.digital-web.com/artic…
- studderine0
madirish has it down.