Grace Smith2013-04-02 18:41:41 UTC
Planning and wireframing your mobile website or application is an essential part of a successful design process. It can help save you money (on design and development costs), expand initial ideas, build structure and functionality and effectively gather invaluable early feedback.
We have gathered 20 of the best tools for wireframing mobile websites and apps, each of which offers a unique set of features.
Furthermore, there are plenty of other wireframing and diagramming apps available, which may also be of interest. Please note, though, not all the tools listed below offer mobile-specific functionality; several are rather basic. However, each is worth exploring to see if it fits your requirements:
Framer - Modern prototyping tool
Indigo Studio - Rapid, interactive prototyping
Mockingbird - Wireframes on the fly
Simulify - Interactive, shareable wireframes, mockups and prototypes
Solidify - Create clickable prototypes
Lovely Charts - Diagramming app with desktop and mobile versions
ForeUI - Easy to use UI prototyping tool
Creately - Realtime diagram collaboration
JumpChart - Architecture, layout and content planning
Lumzy - Mockup creation and prototyping tool
Concept.ly - Convert wireframes and designs into interactive apps
Frame Box - Easy, simple wireframing
Realizer - Interactive presentation prototypes
Cacoo - Diagrams with realtime collaboration
Mockup Builder - Super-easy prototyping and mockups
Tiggzi - Develop cross platform mobile apps fast
Mockup Designer - Basic wireframing tool hosted on GitHub
ClickDummy - Turn mockups into clickable prototypes
Mockups.me - Create and present interactive UI wireframes
Mockabilly - iPhone mockups with genuine iphone behavior
RWD Wireframes - Wireframing tool for responsive layouts
Blocks - Create annotated HTML prototypes
UX Toolbox - Create, document and share wireframes and prototypes
Have we left out your favorite wireframing tool? If so, please share your recommendations with other readers in the comments.
Image via istockphoto, thegoodphoto
Topics:
Apps and Software,
contributor,
design,
Dev & Design,
gallery,
Mobile,
Tech,
tools,
wireframing if(window.pageChanged) window.omni({"channel":"tech","content_type":"article","top_channel":"tech","content_source_type":"Internal","content_source_name":"Internal","author_name":"Grace Smith","age":"0","pub_day":2,"pub_month":4,"pub_year":2013,"pub_date":"04/02/2013","isPostView":true,"post_lead_type":"Gallery"}); metaData = {"link":[["canonical","http://mashable.com/2013/04/02/wireframing-tools-mobile/"],["image_src","http://rack.2.mshcdn.com/media/ZgkyMDEzLzA0LzAyL2EyL2RyYWZ0aW5ndG9vLmE1N2JjLmpwZwpwCXRodW1iCTcyMHg3MjAjCmUJanBn/ab7616da/cbb/drafting-tools-istockphoto.jpg"]],"meta_property":[["og:url","http://mashable.com/2013/04/02/wireframing-tools-mobile/"],["og:title","20 Excellent Wireframing Tools for Mobile"],["og:type","article"],["og:site_name","Mashable"],["og:image","http://rack.2.mshcdn.com/media/ZgkyMDEzLzA0LzAyL2EyL2RyYWZ0aW5ndG9vLmE1N2JjLmpwZwpwCXRodW1iCTcyMHg3MjAjCmUJanBn/ab7616da/cbb/drafting-tools-istockphoto.jpg"],["og:article:published_time","2013-04-02T18:41:41Z"],["og:article:modified_time","2013-04-02T18:41:54Z"]],"meta_name":[["description","Check out these 20 wireframing tools for mobile websites and apps, each with unique features and capabilities. "],["keywords",["mobile","features","design","tools","wireframing","uncategorized","tech","apps-software","dev-design","gallery"]],["twitter:title","20 Excellent Wireframing Tools for Mobile"],["twitter:description","Planning and wireframing your mobile website or application is an essential part of a successful design process. It can help save you money (on design and development costs), expand initial ideas, bui..."],["twitter:image","http://rack.3.mshcdn.com/media/ZgkyMDEzLzA0LzAyL2EyL2RyYWZ0aW5ndG9vLmE1N2JjLmpwZwpwCXRodW1iCTU2MHg3NTAKZQlqcGc/e35b6aab/cbb/drafting-tools-istockphoto.jpg"],["twitter:site","@mashable"],["twitter:url","http://mashable.com/2013/04/02/wireframing-tools-mobile/"],["twitter:creator","@mashable"],["twitter:card","photo"],["twitter:image:width","560"],["twitter:image:height","750"]],"short_url":[["short_url","http://on.mash.to/Z5RNXh"]]};
View the original article here
Google (and especially the Google+ team) are keeping very busy. While I/O 2013 may have wrapped up last week, the company's just unveiled a new update for its social network on Android devices. Packing some familiar new photo features (like auto-backup and auto-highlights), the refresh includes even more Snapseed filters and tools. Location sharing can now tap into your circle arrangements, and you'll be able to share geo-locations with specific sets of people. Related hashtags will now function within the app, like we've already seen on the web-based version, while (perhaps predictably) there's now one-tap access to Mountain View's Hangouts app too. Gotta keep 'em all connected, right? when.eng("eng.perm.init")