
	Where results make sense

Topic: Wireframes

Related Topics

3D computer graphics

Information architecture

In the News (Wed 30 Dec 09)

Northern Trust

Marvin Harrison

Peter Chernin

Gary Locke

Match Play

Penelope Cruz

Mickey Rourke

AR Rahman

Danny Boyle

Hugh Jackman

	Wireframes (Site not responding. Last check: 2007-10-22)
		A wireframe is a description of the vertices and edges of a three dimensional object, specified by x, y and z coordinates.
		Wireframe systems do not normally perform ``hidden line removal'' and the operator must therefore specify the visibility of each edge and vertex for a given projection.
		Wireframes are not sufficently powerful for many spatial reasoning tasks, because it is possible for a single wireframe to represent several different objects, depending on what spaces in the frame are filled - wireframes are ambiguous.
	www.cl.cam.ac.uk /users/afb21/publications/masters/node21.html (188 words)

	Wireframes + Greg Froh, 2005
		Wireframes allow a developer to work at a high level towards usage-based design, without worrying about colours, fonts, content, or underlying technologies.
		Wireframes help define the elements of an interface that will remain constant, as well as the elements that are expected to change.
		A wireframe is also useful for determining some basic information architecture, showcasing how the same content may be accessed by more than one means.
	greg.froh.ca /resources/wireframes (214 words)

	Blog Entry "no more" from IA? EH.
		Finally not much gives me horror as much as hearing an IA say wireframes are a major part of their value, or critical to their work (assuming they are doing IA as a pure role, with a visual designer as their team mate).
		Using the wireframes we (the visual designer) and myself were able to replicate the problem areas, but also able to get logical structures that we could present to the client.
		The wireframe allowed us to not only tie the content we were given to the site structure in a half hour meeting, but pointed out problems with the layout that we needed to tweak to improve findability.
	www.eleganthack.com /archives/no_more.php (3958 words)

	Garrett Dimon: Understanding the Limited Value of Wireframes (Site not responding. Last check: 2007-10-22)
		Wireframes are technical documents and should be treated as such.
		Wireframes are clearly better than functional specs, use cases, and other forms of abstract requirements documents, but they are still too abstract for those not in the industry.
		Rails has kept me awake some nights, trying to figure it out and make it work, but wireframes almost 100% of the time are only beneficial to the developer, and what I mean by that is: By wireframing to thyself you better visualize the contents and the paths of workflow.
	www.garrettdimon.com /archives/understanding-the-limited-value-of-wireframes (1764 words)

	Andy Budd::Blogography: Blogging From the "Design Process" SkillSwap (Site not responding. Last check: 2007-10-22)
		Wireframes are therefor more general that a paper prototype and are designed for the use of the development team.
		Paper prototypes tend to be an extension of the wireframes, with comments removed, and all the various possible paths filled in, allowing the prototype to be tested.
		Also while wireframes by their nature tend not to have any design treatments applied to them (hence the term wireframe), paper prototypes can often include the design as well as the informational layout.
	www.andybudd.com /archives/2003/10/blogging_from_the_design_process_skillswap (1059 words)

	[No title]
		Wireframe No. 1: This wireframe includes the school seal/logo in the top left corner of the page, serving as the axis of a wave crest swirl that cuts off the top third and left quarter of the page.
		Wireframe No. 3 was, strangely, the favorite of all testers, because everybody seemed really drawn to the big sunrays concept and they felt pulled in and warmed by the big center seal.
		The testers felt that it was the priority of Wireframe No. 3 to attract new students and help current ones with their studies, which is a reasonably good thing for a school’s site to convey.
	www.gradcenter.marlboro.edu /~skoenig/wireframes.doc (1629 words)

	Usable Shopping Carts Sample Chapter
		Wireframes are similar to blueprints — we need one to represent each of the individual screens of the overall UI.
		Wireframing can save weeks of time in development because of the number of errors that are avoided — you can make sure everything works at this stage, and get the client's approval, before you get to the coding stage.
		Wireframes in UI Wireframes typically show the main parts of the screen sectioned off into modules that reflect certain functions (sometimes known as modular design).
	www.glasshaus.com /samplechapters/1140/default.asp (1876 words)

	MNteractive » What’s the Best Application for Making Wireframes?
		For example, wireframes in usability evaluation will need to be quickly modified after each evaluation where as those documenting a site will only change during major refreshes.
		Wireframes are the easiest way to visually communicate and comprehend the impact of a change across an entire system.
		Of course this thread could easily get bogged down in a semantics discussion of what wireframing is and isn’t and what flow mapping is and isn’t but I will leave that for someone else.
	mnteractive.com /archive/whats-the-best-application-for-making-wireframes (1116 words)

	strange systems: Using Wireframes
		Wireframes serve a central function in communicating the content and layout of each web page for internal discussion and client review as well as a blueprint from which graphic designers and web developers will derive final designs.
		A wireframe attempts to separate the look and feel of the site from the way it works and reads by presenting a stripped down, simplified version of the page devoid of all distractions.
		There may actually be a need to generate a number of wireframes of differing levels of detail for a single page depending on where you are in the development of the site.
	www.strangesystems.net /archives/000005.php (856 words)

	Wireframe Yourself
		Wireframing is wonderfully straight-forward, amazingly sensible and devoid of wonky-geek requirements.
		Wireframing, however, is storyboarding's parent technique (see Behind the Scenes on storyboarding), and a website overlooks the potential of wireframing to its detriment.
		The wireframe provides the outline for your storyboard, which easily can be fleshed-out after all iterations of the wireframe are complete.
	www.grokdotcom.com /wireframing.htm (1471 words)

	Boxes and Arrows: HTML Wireframes and Prototypes: All Gain and No Pain (Site not responding. Last check: 2007-10-22)
		A wireframe is a grayscale block diagram that illustrates the overall navigation and the blocks of elements such as content, functionality, etc. that will go on the screen.
		Because of their interactivity, HTML wireframes are regularly used to user test design ideas on the fly with people in the office, friends, or anyone who happens to stop by.
		Even if your wireframe is based on the simplest HTML out there (ours always are) and only takes 10 minutes to create, the fact that you have ventured out of the realm of graphics software demonstrates your concern with creating something that is implementable, not just a blue-sky concept.
	www.boxesandarrows.com /archives/html_wireframes_and_prototypes_all_gain_and_no_pain.php (2453 words)

	The Zen of Wireframes / Atomiq
		So it's important for our wireframes to have enough fidelity to act as good paper prototypes, but not so much that they prevent iteration and exploration as they move toward comps and wireflows.
		The Zen of Wireframes approach is simple: you go for maximum simplicity by using only one shape, one font and one colour.
		The Zen of Wireframes says that only one font can be used in a wireframe, and it will be Arial.
	www.atomiq.org /archives/2005/05/the_zen_of_wireframes.html (515 words)

	strange systems: Using Wireframes (Revised)
		These wireframes can be used in conjunction with detailed wireframes to provide a high level strategic overview to the wireframes before diving into the details.
		You are somewhat limited by what you can test with a wireframe, but I've found that it still provides valuable input for issues of general organization, navigation and the usability of key terms used on the site.
		Many clients have never seen a wireframe and the most common client reaction to a full wireframe that they are "overwhelming" or "cluttered".
	www.strangesystems.net /archives/000037.php (1609 words)

	Wireframes vs. page description diagrams - Signal vs. Noise (by 37signals)
		The problem with wireframes is that the value they provide to the IA is completely different than the value the provide to the client.
		And it’s hard to make a client sign-off on a wireframe when the most obvious aspect of the document — the arrangement of things on the screen — is the one thing that that we’re not asking for agreement on.
		Wireframes can be really useful, but they can also be problematic.
	www.37signals.com /svn/archives2/2005/04/wireframes_vs_p.php (2004 words)

	iaslash Wireframes (Site not responding. Last check: 2007-10-22)
		I made some minor updates to my OmniGraffle wireframe palette to include a title box, some added box outlines, and note shapes.
		You wireframe first, before a single line of code is written, a single graphic or color is chosen, or a single word of copy is composed.
		Wireframing is not concerned with design, navigational layout, content or even the developers' and designers' concepts of how to produce your website.
	www.iaslash.org /taxonomy/page/or/73 (1210 words)

	Dan Brown's Greenonions.com » Music
		Wireframes, for all their power, are not meant to be used again and again.
		They are meant to convey the design to be implemented, but it’s not like we’ll be passing the wireframes around to different implementers for them to build their own versions.
		Wireframes are a part of the process, not an end in and of themselves.
	www.greenonions.com /archives/tags/music (670 words)

	How do we do HTML wireframes? / Atomiq
		The initial wireframes are done with a CSS that only sets intial fonts and turns on content block borders so the page takes on a wireframe look.
		Being able to iterate in a clickable wireframe and start getting the right questions asked early as well as having the IA's wireframe work product used in the workflow (not having to rework the Visio or Illustrator comps) is incredibly efficient and gets needed questions up front when it is least expensive to make changes.
		Think of the standards-based wireframe as the unstyled version of a web page, in which content presentation is hierarchically and structurally correct (content is ordered correctly, page headers use the h1 tag, etc.), but with the important addition of having self-describing meta data (e.g.
	www.atomiq.org /archives/2005/09/how_do_we_do_html_wireframes.html (915 words)

	Wireframes: A Vital Step in Your Web Site Strategy
		Wireframing is a process that can significantly decrease the amount of time required in design and development.
		At the wireframe stage, additional business goals are revealed, manifesting themselves through company assets and specific marketing endeavors.
		Once wireframes have been defined and agreed upon, the transition into visual design will be much easier and efficient with significantly less back peddling.
	www.barrettcommunications.com /contentmgr/showdetails.php/id/378 (266 words)

	Information Management Weblog: Wireframes (Site not responding. Last check: 2007-10-22)
		Christina Wodke has posted a some interesting feedback to a Boxes and Arrow's article: The Devil's in the Wireframes.
		The article discusses how wireframes are often overloaded with too much detail, defeating their point.
		Is the wireframe an atrocity whose time has come to be booted out of the development cycle?
	www.karlnelson.net /weblog/000523.html (117 words)

	Targetware :: View topic - AC3D wireframes?
		I have "wireframes" checked in ortho and 3D and if I switch them on or off the skin switches on and off but not necessarily the wireframes.
		Interestingly, the wireframes show if that area of the model is brought into touch with the screen edge.
		At first all the wireframes were displayed in ortho views but I maximised top view and then zoomed slightly and the wireframes imediately vanished.
	www.targetware.net /modules.php?op=modload&name=PNphpBB2&file=viewtopic&p=73975&sid=57a9994ed823621c14f9423c7ccc0bc7&POSTNUKESID=0f22045c848be4821680452447889705 (830 words)

	Wireframes
		Wireframes are part of the information architecture, defining page structures for individual web pages or page types (i.e., templates).
		A wireframe is an abstract diagram illustrating the structural aspects of a page or page template.
		A wireframe defines the types of information and services (including navigation) available on a page.
	www.iconprocess.com /iconprocess/wireframes.php?detail=ueTemplatePEUI (155 words)

	Digital Web Magazine - News - IA with content or IA with code?
		One thing about the new article is it talks a lot about page description diagrams which are an interesting way to do IA shorthand.
		I do static wireframes for most regular content-rich sites, when working with a team where someone else will develop the site and where it is important for me to communicate about the wireframes (lots of good annotations).
		I do XHTML wireframes when I have more time, when doing my own work, or when working on a smaller site that I will ultimately build (not that I do many of these).
	www.digital-web.com /news/2005/09/ia_with_content_or_ia_with_code (571 words)

	Wireframing - Dreamweaver MX and UltraDev Zone - DMXzone.COM
		Wireframes are similar to blueprints - we need one to represent each of the individual screens of the overall UI.
		Wireframing can save weeks of time in development because of the number of errors that are avoided - you can make sure everything works at this stage, and get the client's approval, before you get to the coding stage.
		But before we begin to explain what programs are available, let's go into a small aside about an additional Wireframing method to think about in the future - we want to make sure you are aware of all the possibilities before you start.
	www.dmxzone.com /ShowDetail.asp?NewsId=3991 (1879 words)

	YourTotalSite.com / Redesign Phase 2 - Information Architecture
		The redesign is still happening, and I have some sample wireframes and page description diagrams to prove it.
		The wireframes should serve as more of a guideline than a concrete tablet of instructions.
		By creating wireframes or page description diagrams, you force yourself to really analyze the content and organization of that content.
	www.yourtotalsite.com /archives/information_architecture/redesign_phase_2_inform/Default.aspx (1736 words)

	Boxes and Arrows: Representing Content and Data in Wireframes: Special Deliverable #10 (Site not responding. Last check: 2007-10-22)
		Visio practically groaned as I opened the wireframes for my current project, which were in something like the twentieth revision.
		Anyway, as meticulous as the project manager and I were in going through the wireframes to ensure they looked “clean,” things are always dirtier in the cold light of day (read: during the presentation to the client).
		As the wireframes evolved over several weeks, the date examples I used in the wireframes were not applied consistently.
	www.boxesandarrows.com /archives/representing_content_and_data_in_wireframes_special_deliverable_10.php (1522 words)

	Re:Design - A modular approach to the web design process - Wireframes
		Your wireframe is really the "web version" of your finalised site structure and concept grid with your clients or dummy content inserted into each page.
		Jeff Lash has an article at Digital Web with the great idea of creating wireframes in XHTML/CSS, that way changes can be easily made and incorporated into the colour version later in the project.
		Gabe Zentall has been nice enough to share with everyone his User Interface Library for prototypes and user interface schematics if you plan to use a paper based or PowerPoint type presentation, these are an excellent aid.
	www.interface-7.net /redesign/wireframes.html (185 words)

	Boyink Interactive, LLC > Representing Content and Data in Wireframes > Comments (Site not responding. Last check: 2007-10-22)
		Sample data can make or break a wireframe, whose purpose is typically to illustrate architecture and interaction.
		By codifying the types of sample content they employ in their deliverables, information architects can create a coherent narrative to illustrate a website's functionality.
		This article from Boxes and Arrows has some good tips for the data and content that appears in the wireframes.
	www.boyink.com /comments/P700_0_1_0 (191 words)

	Using hairlines and wireframes (Site not responding. Last check: 2007-10-22)
		To accelerate them, Imagenation offers the options of displaying them with hairlines, or wireframes, or both.
		To request the current hairline status, use the GetViewHairlines transaction.
		To request the current wireframe status, use the GetViewWireframes transaction.
	www.spicer.com /downloads/WebHelp/OLE/proced2/api_view.html (86 words)

	InfoDesign: Understanding by Design - News \| Wireframes
		Wireframe Annotations in Visio : Special Deliverable #11
		Poorly selected sample data can end up clouding the wireframe or distracting stakeholders from its purpose.
		"Wireframing is wonderfully straight-forward, amazingly sensible and devoid of wonky-geek requirements." (GROK dot com - Future Now)
	www.informationdesign.org /archives/cat_wireframes.php (186 words)

	Boxes and Arrows: Where the Wireframes Are: Special Deliverable #3 (Site not responding. Last check: 2007-10-22)
		He was referring, of course, to wireframes, though at the time we called them page schematics.
		Usually wireframes are rendered in some kind of drawing program, like Visio or Illustrator, but can also appear as bitmaps or even HTML.
		But as much as a wireframe helped designers visualize the functionality and interaction of the site, it cramped their style.
	www.boxesandarrows.com /archives/002808.php (1628 words)

Try your search on: Qwika (all wikis)