May 1, 2017, posted by iq

Why Are They Called Wireframes?: an Etymology

As a UXer, I’m used to fielding the question, “What’s user experience?” To describe my job, I don’t say, “I conduct research with end users and then design wireframes.” Well, I used to, but I got enough head tilts accompanied by a, “Huh?” that I changed my answer. Now I say “I design website blueprints” or “I figure out how the information on the page is organized,” because “wireframes” isn’t a user-friendly word.

Where did “wireframes” even come from? The term started here, actually:

Wireframes | IQ Agency

Architects and other professionals who needed to show off a 3-D model through a 2-D medium used a bare-bones, blueprint-style “wireframe” – calling it that because the line art looked like wires.

As computer-generated 3-D models became the norm, CAD programs kept using the term for a low-fidelity representation of a 3-D product. Here’s an example of a CAD wireframe.

CAD Wireframe | IQ Agency | Car

Pretty, huh? I wish my wires were so artistic.

That leads us to today’s “wireframes,” as used in the user experience world. From Infragistics’s definition: “They commonly depict functional layout: including interface elements and navigational systems. The wireframe usually lacks typographic style, color, or graphics, since the main focus is on functionality, behavior, and priority of content.”

So basically, we borrowed the phrase from other disciplines because that’s what technology does (see also: folders, files, desktop, dashboard, move to trash…)

UX | Mobile Wireframe Example | IQ AgencyMobile Wireframe Example | IQ Agency | UX

Share on Facebook Share on Twitter Share on LinkedIn

Digital IQ Agency Named A Top Atlanta Digital Marketing Agency

Digital Responsive Website Design: Creating Future-Friendly Experiences

Digital 5 Buzzwords from SXSW to Use at Your Next Big Meeting

Advertising, Digital First Entertainment: Young Storytellers

Advertising, Digital Daltile: Rewrite The House Rules

Digital Hot Spring Spas