ict.ken.be

• Invision
• Axure
• Balsamiq

more:

• UXPin
• webPGR
• Powerpoint
• Keynote
• Indesign
• http://wiki.c2.com/?GuiPrototypingTools

Designing Prototypes for Websites in Balsamiq Mockups by Evgeny Onutchin

https://app.pluralsight.com/library/courses/designing-prototypes-websites-balsamiq-mockups-2115/table-of-contents

Process

• Wireframe > Mockup > Prototype

Features

• Offline application (not-free)
• Symbols are basically templates
• Clone mockups
• Bootstrap template
• Low fidelity vs high fidelity prototyping

Keyboard Shortcuts

• https://docs.balsamiq.com/desktop/shortcuts/

• https://www.axure.com/
• https://share.axure.com/

Introduction to Axure RP by Antonia Anni

https://app.pluralsight.com/library/courses/introduction-axure-1965/table-of-contents

• Offline application to be installed
• Community Widget Libraries
• Allow hotspots and online commenting
• Embedding urls
• Creating Forms

Responsive Style Guide and Pattern Library Creation in Axure by Sandra Gonzalez

https://app.pluralsight.com/library/courses/responsive-style-guide-pattern-library-creation-axure-2446/table-of-contents

• Set typical breakpoints
• Always start from Base and then specialize on breakpoint tabs
• Default & flow library out of the box
• Custom styles can be copied
• Touch checkbox need to be custom made
• Touch radio button need to be custom made
• Responsive grid
• Input fields with watermark
• Interactive notifications
• Responsive navigation
• Grouping on breakpoint level
• Create template file to use with your custom library
• And finally build prototype with your library

Notes on Creating Web and App Prototypes with InVision by Jay Boucher

https://app.pluralsight.com/library/courses/web-app-prototypes-invision-2014
https://projects.invisionapp.com/d/main#/projects

Features

• Screen Status (In Progress, Needs Review, Approved)
• Click and hold to highlight the hotspots
• Create templates and apply them to multiple pages
• Setting fixed header point
• Maintain scroll position after click
• Global dropdown menu with slide effects
• Updating and synchronising files (manual or dropbox)
• Version history using time stamp
• Sharing and commenting
• Download and put on your own web server
• Real-time collaboration and feedback using liveshare
• Save snapshots of chat drawings
• Build from Photoshop file visible layer groups (+, *, &, .png)
• Build from Sketch (-)