Mobile optimizing your legacy applications

Slide 1

Slide 1 text

applying mobile technology to legacy applications Brett Pollak Kian Colestock

Slide 2

Slide 2 text

@brettcpollak Ain’t she a beauty?

Slide 3

Slide 3 text

No content

Slide 4

Slide 4 text

Mobile is for everybody

Slide 5

Slide 5 text

The best device to use is the one within reach

Slide 6

Slide 6 text

No content

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

@brettcpollak

Slide 10

Slide 10 text

97% of the people in the US ages 18-24 have a mobile phone

Slide 11

Slide 11 text

78% of them use apps or websites on their phone

Slide 12

Slide 12 text

2011 2012 2013 (projected) Page views from mobile

Slide 13

Slide 13 text

2011 2012 2013 (projected) Percent views from mobile

Slide 14

Slide 14 text

In 3 years 50% of website views will come from mobile

Slide 15

Slide 15 text

Time? Costs? Technology? Stakeholder Support?

Slide 16

Slide 16 text

Methods for Determining Legacy Application Viability 1. Longevity of legacy system and/or data 5 years+? 2. Look at the transactional “heat map” across your system for potential mobile benefits. 3. Start tracking end user behavior (Google Analytics). 4. Mobile vs. non-mobile preferences of target users. 5. Listen to your customers. 6. Complexity of business use case being performed. 7. Target bottlenecks in the business workflow for mobile.

Slide 17

Slide 17 text

What are our options to support mobile devices?

Slide 18

Slide 18 text

m.ucsd.edu Responsive Web Design

Slide 19

Slide 19 text

There are steps you can take to help you decide on the best technical approach

Slide 20

Slide 20 text

Identify Personas

Slide 21

Slide 21 text

@brettcpollak

Slide 22

Slide 22 text

@brettcpollak

Slide 23

Slide 23 text

Create application flows & screen flows

Slide 24

Slide 24 text

@brettcpollak

Slide 25

Slide 25 text

No content

Slide 26

Slide 26 text

Determine what flows make sense for mobile

Slide 27

Slide 27 text

Separate mobile site or responsive design?

Slide 28

Slide 28 text

No content

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

Responsive Design for a more simplistic layout

Slide 31

Slide 31 text

No content

Slide 32

Slide 32 text

No content

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

No content

Slide 35

Slide 35 text

Can the features of the phone enhance the experience?

Slide 36

Slide 36 text

No content

Slide 37

Slide 37 text

Wireframe screen layouts based on workflow

Slide 38

Slide 38 text

Develop both mobile & desktop views in parallel

Slide 39

Slide 39 text

Testing

Slide 40

Slide 40 text

Having a person in charge of user experience can help you design great interfaces