Wireframe Examples – App mockup, templates and chart Prototypes

This is a quick reference to several wireframe examples

Table Grid wireframe

Image

Wireframe Grids are extremely flexible and powerful. You can add HTML text, links and style the cell contents. If you need to merge columns or row cells then look into using the Table HTML tag inside the paragraph widget

Hacker News Front page mockup

Image

 

Flow chart diagram with wireframing options

MockupTiger wireframes have connectors that can be used to build flowdiagrams

Image

 

Dashboard Chart wireframes

MockupTiger is the only tool that has so many d3js charts for prototyping. Edit the data in the chart and immediately see the chart change. Much better than static image files that are seen in other tools.

Image

Just having fun with various wireframing widgets

Image

 

Another simple wireframe

Image

Product Management Engineering Dashboard mockup/prototype

More details on how the above wireframe-prototype was built using the Google spreadsheet template for Grid Tables

 

Related posts:

  1. Wireframe software : New release coming up..
  2. Mockup Gauges, Dials and Speedometers
  3. Multiple Projects in Mockuptiger and How to share mockup tiger wireframe with others
  4. Wireframe Software : How do you share wireframes to all public
  5. KPI widget Mockup for Dashboards

Posted in Other | Tagged , , , , , , , , ,


Let the Tiger help you build your next Mockup!

Start by sketching your idea into a wireframe in few clicks