my istra : the simple, multi screen end user app for istra

63
My Istra The Simple, Multi Screen End User App Centile Customer Days 26 th September 2013 Emmanuel Roubion Apps Team Leader Product Manager

Upload: emmanuel-roubion

Post on 03-Jul-2015

2.112 views

Category:

Technology


4 download

DESCRIPTION

A - visual - presentation about our Unified Communication HTML5 webapp "myIstra" for smartphones, tablets and PC. Explains Why & How it has to be Simple and Multi-screens (hint: its for the people!) Works only with our Istra Unified Communication platform (http://www.centile.com)

TRANSCRIPT

Page 1: My Istra : The Simple, Multi Screen End User App for Istra

My Istra

The Simple, Multi Screen End User App

Centile Customer Days 26th September 2013

Emmanuel Roubion Apps Team Leader

Product Manager

Page 2: My Istra : The Simple, Multi Screen End User App for Istra

1. Why focusing on end user app?

2. User Experience

3. So many devices…

4. Simplification

Agenda

Page 3: My Istra : The Simple, Multi Screen End User App for Istra

Why Focusing on End User

App?

Page 4: My Istra : The Simple, Multi Screen End User App for Istra

One true reason

Page 5: My Istra : The Simple, Multi Screen End User App for Istra

User Volume: everyone goal

Key Metric

Page 6: My Istra : The Simple, Multi Screen End User App for Istra

Attraction

Page 7: My Istra : The Simple, Multi Screen End User App for Istra

Everything has to be simple

Make them feel they’re in

control!

Retention

Page 8: My Istra : The Simple, Multi Screen End User App for Istra

User Experience

Page 9: My Istra : The Simple, Multi Screen End User App for Istra

User Experience

What is UX ?

Page 10: My Istra : The Simple, Multi Screen End User App for Istra

User Experience

Page 11: My Istra : The Simple, Multi Screen End User App for Istra

User Experience

Page 12: My Istra : The Simple, Multi Screen End User App for Istra

User Experience

Page 13: My Istra : The Simple, Multi Screen End User App for Istra

User Experience

Page 14: My Istra : The Simple, Multi Screen End User App for Istra

Identifying the most important features (data, actions) and bring them to the front.

Make software for “ordinary” people:

with human language

hiding technology / engineering worlds

UX Approach

Page 15: My Istra : The Simple, Multi Screen End User App for Istra

Don’t make the user think!

Page 16: My Istra : The Simple, Multi Screen End User App for Istra

Don’t make the user think!

Page 17: My Istra : The Simple, Multi Screen End User App for Istra

UX is hard to get right

Page 18: My Istra : The Simple, Multi Screen End User App for Istra

My prefered quote!

Page 19: My Istra : The Simple, Multi Screen End User App for Istra
Page 20: My Istra : The Simple, Multi Screen End User App for Istra

Don’t ask developers…

Page 21: My Istra : The Simple, Multi Screen End User App for Istra

A hand in hand project

Page 22: My Istra : The Simple, Multi Screen End User App for Istra

Analysis…

Page 23: My Istra : The Simple, Multi Screen End User App for Istra

The result…

Page 24: My Istra : The Simple, Multi Screen End User App for Istra

So many devices…

Page 25: My Istra : The Simple, Multi Screen End User App for Istra

So many devices…

Page 26: My Istra : The Simple, Multi Screen End User App for Istra

Post-PC era…

Page 27: My Istra : The Simple, Multi Screen End User App for Istra

Wearable Era… (Seriously?)

Page 28: My Istra : The Simple, Multi Screen End User App for Istra
Page 29: My Istra : The Simple, Multi Screen End User App for Istra

Mobile OS

Page 30: My Istra : The Simple, Multi Screen End User App for Istra

Mobile OS

Page 31: My Istra : The Simple, Multi Screen End User App for Istra
Page 32: My Istra : The Simple, Multi Screen End User App for Istra
Page 33: My Istra : The Simple, Multi Screen End User App for Istra

Too many skills!

Too much effort!

Unmaintanable over time!

We have to be smarter…

A specific app for each?

Page 34: My Istra : The Simple, Multi Screen End User App for Istra

So what about choosing…

Page 35: My Istra : The Simple, Multi Screen End User App for Istra
Page 36: My Istra : The Simple, Multi Screen End User App for Istra

How ?

Page 37: My Istra : The Simple, Multi Screen End User App for Istra

Reasons

Why?

Page 38: My Istra : The Simple, Multi Screen End User App for Istra

#1 Cross Browsers

Page 39: My Istra : The Simple, Multi Screen End User App for Istra

#2 Cross-Desktop

Page 40: My Istra : The Simple, Multi Screen End User App for Istra

#3 Cross Mobiles

Page 41: My Istra : The Simple, Multi Screen End User App for Istra

(Even next mobile OS…)

Page 42: My Istra : The Simple, Multi Screen End User App for Istra

#4 App Store

Page 43: My Istra : The Simple, Multi Screen End User App for Istra

“Responsive web design is

a approach aimed at crafting web

sites to provide an optimal viewing

experience across a wide range of

devices (from mobile phones to

desktop computer monitors).”

#5 Responsive

Page 44: My Istra : The Simple, Multi Screen End User App for Istra

Let’s see…

Page 45: My Istra : The Simple, Multi Screen End User App for Istra

Simplification

Page 46: My Istra : The Simple, Multi Screen End User App for Istra

Multiplicity

Page 47: My Istra : The Simple, Multi Screen End User App for Istra

Multiplicity

Page 48: My Istra : The Simple, Multi Screen End User App for Istra

App Multiplicity

XPad MyIstra Switchboard

Page 49: My Istra : The Simple, Multi Screen End User App for Istra
Page 50: My Istra : The Simple, Multi Screen End User App for Istra

One App to rule them all

Page 51: My Istra : The Simple, Multi Screen End User App for Istra

Multiplicity

Page 52: My Istra : The Simple, Multi Screen End User App for Istra

One App

Page 53: My Istra : The Simple, Multi Screen End User App for Istra

How to unify?

XPad MyIstra Switchboard

Page 54: My Istra : The Simple, Multi Screen End User App for Istra

Illustrations

Page 55: My Istra : The Simple, Multi Screen End User App for Istra
Page 56: My Istra : The Simple, Multi Screen End User App for Istra
Page 57: My Istra : The Simple, Multi Screen End User App for Istra
Page 58: My Istra : The Simple, Multi Screen End User App for Istra

Name

Entry point

Consistent UI

Adapts to users rights

One App is one…

Page 59: My Istra : The Simple, Multi Screen End User App for Istra

One App is

Page 60: My Istra : The Simple, Multi Screen End User App for Istra

Recap

Page 61: My Istra : The Simple, Multi Screen End User App for Istra

My Istra

Page 62: My Istra : The Simple, Multi Screen End User App for Istra

Thanks!

http://www.centile.com

Page 63: My Istra : The Simple, Multi Screen End User App for Istra

4. Cido (http://www.cido.co.uk/events/51/customer-services-workshop.aspx)

5. Nowy szeryf, via Wikimedia Commons (http://commons.wikimedia.org/wiki/File:Vumeters-audio-5.1.png)

6. Zureks, via Wikimedia Commons (http://commons.wikimedia.org/wiki/File:Horseshoe_magnet_by_Zureks.jpg)

10/11/12. Eric Burke (http://bluemediaboutique.wordpress.com/tag/eric-burke/)

16. Smashing Magazine (http://uxdesign.smashingmagazine.com/2010/10/05/what-is-user-experience-design-

overview-tools-and-resources/)

17. Jared Uffenorde (http://uffenorde.com/ux/user-experience-quotes/)

18/31/48. ed_needs_a_bicycle, via Flickr (http://www.flickr.com/photos/omcoc/6751047205/)

27. Jorge Correa, via Flickr (http://www.flickr.com/photos/jorgecorrea/4359779134/)

30. Securedge Networks (http://www.securedgenetworks.com/secure-edge-networks-blog/bid/78530/4-Tips-for-

BYOD-on-School-Wireless-Networks)

34. John W. Mauchly on the Eniac (http://www.comtechblog.com/introduction-of-computer/)

35/36. W3C (http://www.w3.org/html/logo/)

41. CommsMEA (http://www.commsmea.com/11885-mobile-apps-market-to-hit-52-billion-by-2016/)

49. Lord of the Ring - (c) All Rights Reserved Warner Bros. / New Line Cinemas

Credits / Photos