Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations...
Transcript of Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations...
![Page 1: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/1.jpg)
www.spotlightmobile.com
Kiyo KuboCofounder and President
April 21, 2010
Sunday, April 25, 2010
![Page 2: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/2.jpg)
www.spotlightmobile.com
Spotlight Mobile
• Began at the Human Computer Interaction Lab, Cornell University in 1998
• Company formallyestablished in 2002
• Over 50 clients
• Solutions for WindowsMobile, Palm, Android, iPhone
• Millions of users
• Consulting
• Product development
April 21, 2010
Sunday, April 25, 2010
![Page 3: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/3.jpg)
www.spotlightmobile.com
Partial Client List
April 21, 2010
Sunday, April 25, 2010
![Page 4: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/4.jpg)
www.spotlightmobile.com
Building for Mobile
• A Brief Industry History• Current Industry Landscape• Design Considerations• Examples
April 21, 2010
Sunday, April 25, 2010
![Page 5: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/5.jpg)
www.spotlightmobile.com
Then
• Founded to do high end delivery on mobile devices
• To let users feed back into the system• To form networks and track each other• To do all the stuff you should be able to do
when you have… basically a computer in your hands
• To do all the stuff we see in movies
Sunday, April 25, 2010
![Page 6: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/6.jpg)
www.spotlightmobile.com
Then
• Days of old…
April 21, 2010
Sunday, April 25, 2010
![Page 7: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/7.jpg)
www.spotlightmobile.com
Then
• Days of old…
April 21, 2010
Sunday, April 25, 2010
![Page 8: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/8.jpg)
www.spotlightmobile.com
Then
• Days of old…
April 21, 2010
Sunday, April 25, 2010
![Page 9: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/9.jpg)
www.spotlightmobile.com
Then
• Device availability– Devices exist, capable devices, though?
• Device Standards– NONE!
• Ease of deployment– NOT!
Sunday, April 25, 2010
![Page 10: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/10.jpg)
www.spotlightmobile.com
What do you do?
• Enterprise Deployment• Lowest-common-denominator problem
Sunday, April 25, 2010
![Page 11: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/11.jpg)
www.spotlightmobile.com
Moving ahead…
April 21, 2010
Sunday, April 25, 2010
![Page 12: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/12.jpg)
www.spotlightmobile.com
• Smartphones– Palm Trio– Blackberry
– iPhone
– Android
Moving ahead…
April 21, 2010
Sunday, April 25, 2010
![Page 13: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/13.jpg)
www.spotlightmobile.com
• Smartphones– Palm Trio– Blackberry
– iPhone
– Android
Moving ahead…
April 21, 2010
Sunday, April 25, 2010
![Page 14: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/14.jpg)
www.spotlightmobile.com
• Smartphones– Palm Trio– Blackberry
– iPhone
– Android
Moving ahead…
April 21, 2010
Sunday, April 25, 2010
![Page 15: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/15.jpg)
www.spotlightmobile.com
• Smartphones– Palm Trio– Blackberry
– iPhone
– Android
Moving ahead…
April 21, 2010
Sunday, April 25, 2010
![Page 16: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/16.jpg)
www.spotlightmobile.com
• Smartphones– Palm Trio– Blackberry
– iPhone
– Android
Moving ahead…
April 21, 2010
Sunday, April 25, 2010
![Page 17: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/17.jpg)
www.spotlightmobile.com
• Device availability
• Device Standards
• Ease of deployment
Then
- Devices exist, capable devices, though?
- NONE
- NOT!
Sunday, April 25, 2010
![Page 18: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/18.jpg)
www.spotlightmobile.com
Now
• Device availability
• Device Standards
• Ease of deployment
- Devices exist, capable devices, though?
- NONE
- NOT!
Sunday, April 25, 2010
![Page 19: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/19.jpg)
www.spotlightmobile.com
Now
• Device availability
• Device Standards
• Ease of deployment
- 85 million highly capable devices
- NONE
- NOT!
Sunday, April 25, 2010
![Page 20: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/20.jpg)
www.spotlightmobile.com
Now
• Device availability
• Device Standards
• Ease of deployment
- 85 million highly capable devices
- 1 Device, 1 screen size, 1 feature set, etc…
- NOT!
Sunday, April 25, 2010
![Page 21: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/21.jpg)
www.spotlightmobile.com
Now
• Device availability
• Device Standards
• Ease of deployment
- 85 million highly capable devices
- 1 Device, 1 screen size, 1 feature set, etc…
Quickly copied, but still much easier to deploy…
- 1 App store right to deviceAND GET PAID!
Sunday, April 25, 2010
![Page 22: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/22.jpg)
www.spotlightmobile.com
Current Environment
• All industries, all companies are interested• Very VERY little in house expertise (though
this is not always clear to them)– Not just programming languages but also
paradigms
• Caution– NO desire for this to turn out like the web.
Sunday, April 25, 2010
![Page 23: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/23.jpg)
www.spotlightmobile.com
• On iPhone, 150k+ apps• On Android, 42k+ apps• As an independent, you have to market!• Apple MAY help, but don’t count on it... if
they do...
Current Environment
Sunday, April 25, 2010
![Page 24: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/24.jpg)
www.spotlightmobile.com
• On iPhone, 150k+ apps• On Android, 42k+ apps• As an independent, you have to market!• Apple MAY help, but don’t count on it... if
they do...
Current Environment
– HRB 40x uptick
Sunday, April 25, 2010
![Page 25: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/25.jpg)
www.spotlightmobile.com
• On iPhone, 150k+ apps• On Android, 42k+ apps• As an independent, you have to market!• Apple MAY help, but don’t count on it... if
they do...
Current Environment
– HRB 40x uptick– Small Company Y 100x uptick
Sunday, April 25, 2010
![Page 26: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/26.jpg)
www.spotlightmobile.com
Designing for Mobile
• VERY different than designing for Web• Slow processor• Unreliable Internet• Limited screen real estate• Use case• Interaction type (touch, keyboard, nubbin)• Standards are important...
Sunday, April 25, 2010
![Page 27: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/27.jpg)
www.spotlightmobile.com
• Vogue– Graphic Design– UX Design
• Standards– Slideshow, flip to reveal details– Select states– Badges
– Technical Design• State Saving• Network activity
Good Design
Sunday, April 25, 2010
![Page 28: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/28.jpg)
www.spotlightmobile.com
• Clean lines, no gratuitous drop shadows
• Matches design/brand of Apple and Vogue.
Vogue - Graphics
Sunday, April 25, 2010
![Page 29: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/29.jpg)
• Standards (Animation, iPod)
www.spotlightmobile.com
Vogue - UX
Sunday, April 25, 2010
![Page 30: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/30.jpg)
www.spotlightmobile.com
• Standards (physical objects, photos)
Vogue - UX
Sunday, April 25, 2010
![Page 31: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/31.jpg)
www.spotlightmobile.com
• Standards (Badges, Mail, Select States)
Vogue - UX
Sunday, April 25, 2010
![Page 32: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/32.jpg)
www.spotlightmobile.com
• State Saving, Network Activity
Vogue - Technical
Sunday, April 25, 2010
![Page 33: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/33.jpg)
www.spotlightmobile.com
• Southwest App– Graph Design
• Hmm
– UX Design• Doesn’t match how users work
– Technical Implementation• Missing
Bad Design (and we we care)
Sunday, April 25, 2010
![Page 34: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/34.jpg)
www.spotlightmobile.com
• Important!• App icon - Important• Think about your users
– What they are doing– Where they are!
Design
Sunday, April 25, 2010
![Page 35: Spotlight Mobile, Inc.dret.net/lectures/mobapp-spring10/spotlight.pdf · • Design Considerations • Examples April 21, 2010 Sunday, April 25, 2010. Then • Founded to do high](https://reader033.fdocuments.net/reader033/viewer/2022051606/601bab92fb215b152a0b45c0/html5/thumbnails/35.jpg)
www.spotlightmobile.com
Kiyo KuboCofounder and President
April 21, 2010
Sunday, April 25, 2010