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 Chatbots: A New Era of Customer Engagement

Digital Responsive Web Design – Page 4

Digital Responsive Web Design – Page 3