mobile wireframing with indigo studio
TRANSCRIPT
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
Mobile Wireframing with Indigo Studio
http://www.infragistics.com/products/indigo-studio
2
Stefan IvanovUX Architect, Infragistics
@StefanIvan0vstefanivanovux
April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
Agenda
Wireframing
feature overview
demo
hands on
good practices
3 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
Wireframing
High-fidelity prototypes
The skeleton of the product
Rich libraries with components
Define screen layouts, transitions and interactions
One of the last iterations during the UCD process
4 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
Wireframing
Closely resemble the final product
Test workflows, structure and animations
Reference point for developers to code
Difficult to create but easy to extend and update
Sketching, whiteboards, cutouts
5 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
digo Studio
Wireframing and prototyping code free
For desktop, mobile and responsive web
Rich component library
Rich set of animations
The beginner’s heaven
6 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
digo Studio
Storyboards
Cross-platform
Screen parts
Export and sharing
Prototype hosting
7 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
Feedback
People confuse camera and gallery very often – merge them
License plate, date and note are too cluttered – split them in two
People tend to try to scroll rather than flick/tap to see next image –
change to a scrolling browsing
When browsing the feed users want to see the ranking of the one, who
reported the case and the number of views of the case
The radar allows me to add my license plate but there is no other
information about my profile (such as photo, ranking etc.)
Some were confused as the submission of a case did not show them
the submit/report/done button at first glance11 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.12 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.13 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
Wrap up
Wireframing
feature overview
demo
hands on
good practices
14 April 4, 2015
CONFIDENTIAL © MobCon Bulgaria. All rights reserved.
Resources
15 April 4, 2015
http://indigo.infragistics.com/help/what-you-can-do-with-indigo-studio.html
https://www.youtube.com/watch?v=uE9fx-GdG_Q
http://indigo.infragistics.com/help/storyboards-overview-and-key-concepts.html
http://indigo.infragistics.com/help/designing-for-ios.html
http://indigo.infragistics.com/help/targeting-platforms-and-screen-
sizes.html