Wire Framing
•Download as PPTX, PDF•
0 likes•635 views
This document discusses wireframing tools for mobile application development. It recommends keeping wireframes simple with features like quick editing and multiple format saving. Several software options are listed, including Adobe Photoshop, BluePrint, Keynote and PowerPoint. Balsamiq is highlighted for its simple templates, ease of use, template availability, export options, support community and cross-platform availability. Key differences between wireframes and storyboards are outlined, with wireframes focusing on functionality and flows, while storyboards are more visual and artistic.
Wire Framing
- 1. Wire framing For Mobile Applications
- 2. Keep it Simple  Fast – Agile  Practical – use Software  Learning – low learning curve  Plenty of features  Easy manipulations  Many formats for saving  Quick edits  Easy presentation style
- 3. Some Software Solutions  Adobe Photoshop – with templates  BluePrint – for iPad only  Keynote – with templates  Powerpoint  Balsamiq  Others….
- 4. Blasamiq  Some nice features and Advantages  Simple drawing-type templates  Easy to learn – quick design  Many available templates  Multiple export formats  Great support and community participation  Web based sharing  Windows and Mac versions
- 5. Wireframe vs. Storyboard ï‚— Wireframe ï‚— Functional profile of Application ï‚— Flow ï‚— Contents ï‚— Elements (buttons, sliders, etc.) ï‚— Basic
- 6. Wireframe vs. Storyboard ï‚— Storyboard ï‚— Artistic ï‚— Visual ï‚— Aspect ratio (Landscape / Portrait) ï‚— Better representation of Navigation views ï‚— Split screen ï‚— Tables ï‚— Scroll ï‚— Modal
- 7. Live Demo ï‚— Live demonstration of Balsamiq