App Design Tools20 Mar 2014
Working on a native app project has allowed me to experiment with new design tools. Here are a few of my favorites:
LiveView lets you display anything from your Mac onto your iPhone/iPad. You simply overlay a window frame on your design file and boom your design is projected on your device screen. This is great for visual tests like font size, touch target sizes, and color contrast. I’ve used it for responsive design projects as well.
Skala Preview is similar to LiveView but instead of using a window frame, it connects to Photoshop directly to mirror your file onto the device. It supports Android and iOS.
Flinto is a great app for making a super quick interactive prototype from your wireframes. You just add your image files and then easily add hot spots for navigation, select transitions and setup fixed headers/footers. It works on iOS/Android phones/tablets and is amazingly intuitive to use. The benefits of seeing your early design concepts on the device, with realistic interaction are huge. It enables better user flow, navigation and interaction decisions at the beginning of a project, instead of waiting for dev to make it real and then discovering issues.