CONFIDENTIAL © MobCon Bulgaria. All rights reserved.

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.8 April 4, 2015

Wireframing

Inbox

CONFIDENTIAL © MobCon Bulgaria. All rights reserved.9 April 4, 2015

Hands-on

CONFIDENTIAL © MobCon Bulgaria. All rights reserved.10 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

CONFIDENTIAL © MobCon Bulgaria. All rights reserved.

Stefan Ivanov

UX Architect

Infragistics

@StefanIvan0vstefanivanovux

16 April 4, 2015