0
To App - or -Not to App?<br />Janine Warner & David LaFontaine<br />DigitalFamily.com<br />
The trouble with apps<br />What are the challenges with apps?<br />Not cross-platform<br />Approval by Apple <br />Changea...
The Mobile Web – “The refreshing alternative”<br />
1. Do Nothing<br />
2. Design for high-end<br />…if all you care about are “superphones”  they already do a pretty good job of supporting most...
3. One simple low-end version<br />Auto-detect script to send users to the correct site<br />Hardest part is limiting what...
4. Multiple versions<br />Content adaptation vs. distinct sites <br />Key to making this work: a really good device databa...
Multiple Versions<br />
Design Tips - Facebook<br />
BBC<br />
Google<br />
Dictionary.com<br />
Discovery<br />
Upcoming SlideShare
Loading in...5
×

Mobile twin cities

568

Published on

Adapting designs to function on the dizzying array of mobile devices is one of the most challenging tasks facing web designers these days. This presentation (originally given to a group of app developers and mobile geeks in the Twin Cities) tries to identify the major "pain points" and provide solutions.

Published in: Self Improvement
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
568
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
3
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • The legend of Procrustes – a bandit who either lengthened or shortened people to fit his bed. Shown here on ancient Greek pottery.
  • Ex: Every restaurant that has a Flash-based site should create a simple mobile version
  • Transcript of "Mobile twin cities"

    1. 1. To App - or -Not to App?<br />Janine Warner & David LaFontaine<br />DigitalFamily.com<br />
    2. 2. The trouble with apps<br />What are the challenges with apps?<br />Not cross-platform<br />Approval by Apple <br />Changeability <br />
    3. 3. The Mobile Web – “The refreshing alternative”<br />
    4. 4. 1. Do Nothing<br />
    5. 5. 2. Design for high-end<br />…if all you care about are “superphones” they already do a pretty good job of supporting most websites<br />Can use HTML5 & CSS3 to create fully interactive & rich media experiences that rival many apps <br />
    6. 6. 3. One simple low-end version<br />Auto-detect script to send users to the correct site<br />Hardest part is limiting what you put on the site – choosing content <br />TIP: Always include a link back to the main site<br />
    7. 7. 4. Multiple versions<br />Content adaptation vs. distinct sites <br />Key to making this work: a really good device database and really smart scripting to send the right version to the right device <br />
    8. 8. Multiple Versions<br />
    9. 9. Design Tips - Facebook<br />
    10. 10. BBC<br />
    11. 11. Google<br />
    12. 12. Dictionary.com<br />
    13. 13. Discovery<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×