For Subscribers

The Benefits of Framing Out Your Website Developing a website prototype with a wireframe tool will get you and your designer closer to what you envision.

By Mikal E. Belicove

Opinions expressed by Entrepreneur contributors are their own.

Suppose you're sitting at Starbucks with your corporate architect to discuss plans for an office renovation. You grab a napkin and start sketching desktops and conference areas with your pen. Some of the lines don't show up, and the napkin bunches up and tears, but you're quite pleased with your rendering--until you catch sight of your architect rolling her eyes.

Same goes for creating or redesigning your company's website. You can produce a forest of Post-it notes along with crude renderings in an attempt to communicate your point. Or you can employ sophisticated online wireframing tools or software to translate your vision into a website prototype.

Tools for Framing

While you can certainly use just about any graphics application to wireframe a website, more feature-rich options are available, including:

• Protoshare: Robust online wireframing tool that allows you to create rich, interactive website prototypes that you can share and collaborate on with others.

• Gliffy: Online diagramming tool with an intuitive interface.

• OmniGraffle: Mac-friendly software for wireframing.

• LucidChart: Create, collaborate on and publish highly polished wireframes online.

• Axure RP: Wireframing software for both the PC and Mac.

A wireframe--a stripped-down visual representation of a web page--helps you identify usability problems and market positioning opportunities early on, before you sink a lot of money into graphic design and programming. Until relatively recently, wireframes were in the sole domain of professional web designers. But today you can find dozens of wireframing tools online (see box), all with a free trial period, that simplify the process.

No real expertise is required to wireframe your site. Use the online tools to convey your ideas of what the site should look like and include. Because you're not a designer, you're not aiming for perfection; you're simply trying to convey a starting point that includes elements you feel are key to telling your story, positioning your company or brand, or drawing attention to a call to action or navigation scheme that is important to you. Your web designer will take it from there.

"I love it when clients provide wireframes," says Jerry Chrisman, owner of Grip Media, a graphic design and web development agency in Portland, Ore. "It helps me get a better idea of exactly what the client wants, and it speeds up development and avoids unnecessary complications."

So do yourself and your designer a favor. Wireframe your site before heading out to that meeting at Starbucks.

Mikal E. Belicove is a market positioning, social media, and management consultant specializing in website usability and business blogging. His latest book, The Complete Idiot’s Guide to Facebook, is now available at bookstores. 

Want to be an Entrepreneur Leadership Network contributor? Apply now to join.

Business News

Wimbledon Player Begs Morgan Stanley to Give His 'Lucky Charm' Sister More Time Off Work

Ben Shelton, ranked No. 10 in the world, is playing in the quarter-final round on Wednesday.

Leadership

The One Trait That Separates Great Leaders From Everyone Else

Here's why this mindset is an entrepreneur's superpower for leadership excellence.

Science & Technology

How to Prepare Your Small Business for the Next Wave of AI Innovation

The future of AI for entrepreneurs isn't bigger models — it's better context.

Business News

Microsoft, OpenAI, and Anthropic Pour $23 Million into an AI Training Center for Teachers

The hub will train teachers to use AI for tasks like generating lesson plans.

Business News

A Code Ninjas Franchise Empowers Youth with Tech & Education

Code Ninjas is a leading kids' coding franchise that teaches children ages 7-14 how to code by building video games.

Marketing

They Googled You. What They Saw Made Them Walk Away — Here's How to Change Your Online Reputation in 6 Steps

One Google search can shape a customer's decision — or drive them away. Here's how to take control of your brand image with six practical steps.