Mobilizer – Preview tool for mobile development from Springbox on Vimeo.
Tools
5
Sep 11
TAP – how to create prototypes for iPhone/iPad
Now it”s easy gues from UNITiD found a way which can make your wireframes alive on iPad/iPhone.
TAP falls into the category of “Smoke-and-Mirrors”, where technology is used to create the illusion of a working product. With TAP we use the iOS web browser to display what is essentially a mini website with clickable images of the application interface. Having a click-through prototype is not so special in itself. But what makes this tool interesting for designers, is that without any coding, they can make a prototype that:
- Runs full screen without the default Safari browsers navigation at the top and bottom of the screen.
- Animates transitions between screens with effects like slide cube, dissolve, flip, pop, slide-up and swap.
- Supports gestures like swipe left, right, up and down and change orientation of the device.
- Caches the prototype on the device, so it loads instantly and responds as snappy as a native application.
- Allows the designer to lay out the whole interface in Adobe Fireworks, a program likely familiar to many designers and to set the rest up through a simple web interface. No coding required.
- Video playback and animated images can be integrated. A little bit of coding required
Technically, TAP is a library of files containing custom developed PHP and Javascript (JQtouch & JQuery) code that makes the prototype come to life.
Follow this link to see full description.
22
Feb 11
Windows Phone 7 design resources
First up, the UI Design and Interaction Guide for Windows Phone 7 v2.0 . Guide provides detailed information about:
- UI elements and controls,
- UI system behaviors
- nteraction model for the touch interface
Designers and developers should read this guide to learn about the dos and don’ts of UI implementations for their Windows Phone apps. There is Windows Phone Developer Tools documentation
Another worth telling resource are Design Templates for Windows Phone 7. These are a collection of 28 layered Photoshop template files and the Segoe WP font family that can be used to create pixel-perfect application layouts, to help guide UI development, or to pitch an idea. On Graffletopia you can find these Windows Phone stencils
Last but not the least App Hub center with getting started guide which provides the tools and resources you need to create, distribute, and merchandise app.
19
Nov 10
Ultimate Collection of Printable Mobile Sketching Templates
Take a look at complete selection of free printable Mobile Sketch Paper for the Android, Blackberry, iPhone, iPad, Motorola Smartphone, Nokia and Windows Mobile Phone for you to download. Whatever you think suits your needs you can easily print them out, and get yourself on your way to sketching the next big mobile application hit.
List of stencils has been created by Hannah. She is the founder and curator of MOObileFrames, a collection of wireframes, sketches and user interface drawings that focuses on mobile applications
There is also a Nokia resource for mobile paper prototyping not mentiod in post above. You can find at Nokia forum library
16
Nov 10
Mobile Usability Testing using Eye Tracking: Domino’s Pizza
Example of SMI system using the Domino’s mobile site to order a pizza on an iPhone
10
Nov 10
Opera Mobile emulator
Opera Mobile emulator is the desktop version of Opera’s smart phone browser. The Opera Mobile emulator renders pages as close as you can get to how it would look on a real phone. It can be paired with Opera Dragonfly for an effective testing environment before taking it to the physical phone. The Opera Mobile Widgets Emulator is included to aid developing Opera Widgets.
Download the Opera Mobile emulator
4
Nov 10
Nokia User Experience papers
Nokia has recently published two documents with guidelines, checklists and style guide for Symbian^3. We have:
User Experience Checklist for Touch
This checklist gathers usability guidelines from Nokia UI Style Guides. The selected topics are considered the most important UI style issues to take into account in touch application development to ensure familiar user experience to the device users. Use the list in every phase of your application development to ensure consistent user experience for the device users.
User Experience Checklist for Keypad
This checklist gathers usability guidelines from Nokia UI Style Guides. The selected topics are considered the most important UI style issues to take into account in application development to ensure familiar user experience to the device users. Use the list in every phase of your application development to ensure consistent user experience for the device users.
And last everything you would like to know about Symbian ^3 document
This document gives an overview of the Nokia Symbian^3 (S^3) user interface and describes its essential parts, giving examples of how to use the interface elements. The document can be used as an introduction to the style or as reference material. It provides background material to help user interface designers make decisions about their products.
Enjoy reading
27
Sep 10
Android App Developers GUI Kits, Icons, Fonts and Tools
Everything what you need to know about Android development by speckyboy blog.