Phone for Me, Tablet for We: Building a multi screen app

Abhay Aggarwal & Nitin Khattar

2

Phones & Tablets – Are they different?

3

Something happened…

4

It’s all in the design

5

One design, Multiple Personalities

6

7

The Apple Bandwagon

960 x 640 screen 1024 x 768 screen

8

The Android Carnival

1280x800

800x480

1024x600

240x320

240x400

320x480

360x640

480x800

540x960

• Highly fragmented mobile technology landscape

• Need specialized resources or learn each technology

• Production and maintenance costs overshoots the budget

9

Become a Native App Developer…

10

…Or, you can code smart

11

Let’s build an app…

12

The Key to Nirvana…

13

#1IDENTIFY YOUR USER

14

#2 Sketch basic layouts for different

sizes

15

#3 CONSTANT = CONSISTENT

16

#4 Modularize your code

17

#5 Separate the

business logic from user interface

18

#6 Plan for data storage

19

#7 Use CSS & resource bundles

extensively

20

Your thoughts

21

</thanks>

abhay aggarwal . aaggarwal@xebia.com

nitin khattar . @khattarn

www.xebia.in