The MarTech Digest
545.5K views | +14 today
Follow
Your new post is loading...
Scooped by CYDigital
Scoop.it!

A Primer on Wireframing for Conversion Optimization - ConversionXL

A Primer on Wireframing for Conversion Optimization - ConversionXL | The MarTech Digest | Scoop.it
Tools for Wireframing/Prototyping
Again, the tool isn’t as important as the general purpose of concept communication. Here are some tools that make it really easy to make and share mockups though:

  • Balsamiq
  • MockFlow
  • OmniGaffle
  • Mockingbird
  • UXPin
  • Don’t Forget Paper and Pen

Most of the time, sketching ideas out on paper comes before any official (or digital) wireframe. But it’s still generally an important part of the process, as it allows you to explore more freely different iterations and throw out crappy ones before you communicate across your team.
CYDigital's insight:

The title is a bit of a misnomer: the article is really a primer on wireframing for anything. Good stuff.

 

NEW: Experience Remarkable Planning Accuracy With New, FREE Growth Hacking Tool. Go here: http://goo.gl/UjcA8x   

more...
No comment yet.
Scooped by CYDigital
Scoop.it!

Interactive Wireframing Comes of Age - ClickZ

Interactive Wireframing Comes of Age - ClickZ | The MarTech Digest | Scoop.it

If you are still making plain old static wireframes, it's time to start adding life to them: a clearer understanding of your project's flow will save you time and money later.


For the last 12 years, my company has used "interactive wireframes" as part of our design process. These have traditionally been simple HTML pages that contain graphic versions of the mockups, and use image-mapped hotspots to let the users click around. Sometimes we'll create full HTML versions instead of use images if the interactivity is easier shown in HTML. While this is a time-consuming task, interactive wireframes give our clients a much better sense of what the finished application, site, or process will feel like.


Recently, an iOS app called POP (short for Prototyping on Paper) was released that is the perfect tool to help us (and you) make this interactive wireframing task that much easier. The tool is simple: snap photos of your wireframes and link them to each other using rectangular hotspots. You can then walk through your prototype and click around as if it were a real application.

CYDigital's insight:

This app is super cool to use! We're always wireframing (as you probably are as well), but to have the wireframe interactive? Superb! Much better than using .ppt with links to different slides.


  • See the article at www.clickz.com
  • Receive a daily summary of The Marketing Automation Alert directly to your inbox. Subscribe here (your privacy is protected).
  • If you like this scoop, PLEASE share by using the links below.
  • iNeoMarketing merges marketing automation with content marketing for a powerful lead management solution, configured and managed by our knowledgeable, experienced staff.  Contact us.
more...
No comment yet.
Scooped by CYDigital
Scoop.it!

10 new wireframing tools to help you create rapid prototypes

10 new wireframing tools to help you create rapid prototypes | The MarTech Digest | Scoop.it

Wireframe.cc

A minimal online tool that provides allows you to rapidly mock up page layouts, and which requires no registration to use it, or to save your work. You can choose from mobile and desktop templates.

 

Moqups

An impressively powerful HTML5 app with plenty of common web elements that you can make use of when designing your pages. Easy to use, with desktop, mobile and tablet templates.

 

FlairBuilder

FlairBuilder is a desktop app for creating interactive wireframes, which allows teams / clients to play with the prototypes. Includes more than 70 drag and drop components and widgets.

 

Fluid UI

A lovely tool with lots of features for creating mobile app prototypes. Provides a canvas to see the big picture, as well as the page-level detail. Dive straight in, no immediate registration required.

 

Google Drawings

Morten Just has made a bunch of stencils for Google Drawings, to help people use it for wireframing.

 

HotGloo

A paid-for tool (with a limited access free option) that should be of interest to UX professionals. Includes the usual drag and drop functionality, alongside a comprehensive library of user interface elements. It also allows you to show different content states (for example, to show what a logged in user would see vs a new visitor).

 

Wirify

This one flips wireframing on its head, by giving you the option to turn existing web pages into wireframes in just one click.

 

iPhone Mockup

Allows multiple users to work on wireframes for iPhone apps. Changes are rendered in real-time.

 

iMockups

An iPad app for wireframing “on the go”.

 

ASCII Flow

You want lo-fi? You got it…

more...
Yu PANG's curator insight, November 16, 2016 1:25 PM
10 new #wireframing tools to help you create rapid prototypes