phone for me, tablet for we-indic threads mobile conf 2011

21
1 Phone for Me, Tablet for We: Building a multi screen app in One Hour Abhay Aggarwal Xebia India

Upload: abhay-aggarwal

Post on 26-May-2015

308 views

Category:

Technology


2 download

TRANSCRIPT

Page 1: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

1

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

Abhay AggarwalXebia India

Page 2: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

2

Phones & Tablets – Different?

Page 3: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

3

Something happened…

Page 4: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

4

It’s all in the design

Page 5: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

5

One design, Multiple Personalities

Page 6: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

6

Page 7: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

7

The Apple Bandwagon

960 x 640 screen rez 1024 x 768 screen rez

Page 8: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

8

The Android Carnival

240x320

240x400

320x480

360x640

480x800

540x960

1280x800

800x480

1024x600

Page 9: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

9

Become a Native App Developer…

• Highly fragmented mobile technology landscape

• Need specialized resources or learn each technology

• Production and maintenance costs overshoots the budget

Page 10: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

10

…Or, you can code smart

Page 11: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

11

Let’s build an app...

...or not!

Page 12: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

12

The Key to Nirvana

Page 13: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

13

#1IDENTIFY YOUR USER

Page 14: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

14

#2Sketch basic layouts for different sizes

Page 15: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

15

#3CONSTANT = CONSISTENT

Page 16: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

16

#4Modularize your code

Page 17: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

17

#5Separate the business logic from user

interface

Page 18: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

18

#6Plan for data storage

Page 19: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

19

#7Use CSS & resource bundles extensively

Page 20: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

20

Your thoughts?

Page 21: Phone for me, Tablet for we-Indic Threads Mobile Conf 2011

21

abhay aggarwal . www.xebiaindia.com . [email protected]

</thanks>