FOWA 2011

265 views
200 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
265
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
1
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • FOWA 2011

    1. 1. FUTURE OFWEB APPSLas Vegas 2011
    2. 2. BEYONDTHEBROWSER
    3. 3. BEYONDTHEBROWSER Case study •Users like the desktop for app access
    4. 4. BEYONDTHEBROWSER Case study •Users like the desktop for app access •Web app access can be difficult
    5. 5. BEYONDTHEBROWSER Case study •Users like the desktop for app access •Web app access can be difficult •People are using keywords of the products to search what they aldready know, for ex. facebook.com
    6. 6. BEYONDTHEBROWSER
    7. 7. BEYONDTHEBROWSER Pokki.com
    8. 8. BEYONDTHEBROWSER Pokki.com DEMO
    9. 9. WHYSHOULD ILOVE YOU?How to create a brand people truly love
    10. 10. WHYSHOULD ILOVE YOU? Ok so you’ve built your app, now what? How do you get users, and more importantly how do you create LOYAL users who come back often and feel compelled to spread the word about your app.
    11. 11. WHYSHOULD ILOVE YOU? Don’t suck •Create a sense of WOW
    12. 12. WHYSHOULD ILOVE YOU? Don’t suck •Create a sense of WOW •Today, someone is using your product for the very FIRST time. They still need to sense the same feeling you felt when you first released it.
    13. 13. You will be judged by what you create and not whatyou say. 1 So many startups just talk about it (on social media, etc.). Shut up and freaking build something!
    14. 14. WHYSHOULD ILOVE YOU? Stand out •How do you build something amazing? You will be judged by what you create and not what you say. 1 So many startups just talk about it (on social media, etc.). Shut up and freaking build something!
    15. 15. WHYSHOULD ILOVE YOU? Stand out •How do you build something amazing? •Reinvent yourself You will be judged by what you create and not what you say. 1 So many startups just talk about it (on social media, etc.). Shut up and freaking build something!
    16. 16. WHYSHOULD ILOVE YOU? Stand out •How do you build something amazing? •Reinvent yourself •Be positive. it’s easy to be negative. Cynicism is easier than accepting reality You will be judged by what you create and not what you say. 1 So many startups just talk about it (on social media, etc.). Shut up and freaking build something!
    17. 17. WHYSHOULD ILOVE YOU? Stand out •How do you build something amazing? •Reinvent yourself •Be positive. it’s easy to be negative. Cynicism is easier than accepting reality •Ignore naysayers in the creation phase of idea You will be judged by what you create and not what you say. 1 So many startups just talk about it (on social media, etc.). Shut up and freaking build something!
    18. 18. WHYSHOULD ILOVE YOU? Stand out •How do you build something amazing? •Reinvent yourself •Be positive. it’s easy to be negative. Cynicism is easier than accepting reality •Ignore naysayers in the creation phase of idea •Be assertive and confident. Kick Ass. Take names (but do it with respect) •“Look into their eyes, shake their hand, pat their back, and wish them luck, but I’m thinking I’m going to bury you.” Seve Ballesteros You will be judged by what you create and not what you say. 1 So many startups just talk about it (on social media, etc.). Shut up and freaking build something!
    19. 19. WHYSHOULD ILOVE YOU? Stand out •How do you build something amazing? •Reinvent yourself •Be positive. it’s easy to be negative. Cynicism is easier than accepting reality •Ignore naysayers in the creation phase of idea •Be assertive and confident. Kick Ass. Take names (but do it with respect) •“Look into their eyes, shake their hand, pat their back, and wish them luck, but I’m thinking I’m going to bury you.” Seve Ballesteros •Two types of people: People who build & people who talk (be You will be judged by what you create and not what you say. 1 So many startups just talk about it (on social media, etc.). Shut up and freaking build something!
    20. 20. Viral Products, active and passive features:what this means for promotion is that even passive viralfeatures, such as social recommendation engines on Amazonor automated notifications like iTUNES Ping,when added to a digital product, increases the size of theadoption map.And when both passive and active viral features are added toa product, adoption is ten times greater than with traditionalbanner ads, and twice as effective as email campaigns.
    21. 21. WHYSHOULD ILOVE YOU? Rethink virality •Viral Marketing vs. Viral Products Viral Products, active and passive features: what this means for promotion is that even passive viral features, such as social recommendation engines on Amazon or automated notifications like iTUNES Ping, when added to a digital product, increases the size of the adoption map. And when both passive and active viral features are added to a product, adoption is ten times greater than with traditional banner ads, and twice as effective as email campaigns.
    22. 22. WHYSHOULD ILOVE YOU? Rethink virality •Viral Marketing vs. Viral Products •Create viral products that spread virally. Viral Products, active and passive features: what this means for promotion is that even passive viral features, such as social recommendation engines on Amazon or automated notifications like iTUNES Ping, when added to a digital product, increases the size of the adoption map. And when both passive and active viral features are added to a product, adoption is ten times greater than with traditional banner ads, and twice as effective as email campaigns.
    23. 23. WHYSHOULD ILOVE YOU? Rethink virality •Viral Marketing vs. Viral Products •Create viral products that spread virally. •Active & Passive Viral Features Viral Products, active and passive features: what this means for promotion is that even passive viral features, such as social recommendation engines on Amazon or automated notifications like iTUNES Ping, when added to a digital product, increases the size of the adoption map. And when both passive and active viral features are added to a product, adoption is ten times greater than with traditional banner ads, and twice as effective as email campaigns.
    24. 24. WHYSHOULD ILOVE YOU? Rethink virality •Viral Marketing vs. Viral Products •Create viral products that spread virally. •Active & Passive Viral Features •Simply adding a “Share” button can increase peer-to-peer influence over produce purchase by 400%. Viral Products, active and passive features: what this means for promotion is that even passive viral features, such as social recommendation engines on Amazon or automated notifications like iTUNES Ping, when added to a digital product, increases the size of the adoption map. And when both passive and active viral features are added to a product, adoption is ten times greater than with traditional banner ads, and twice as effective as email campaigns.
    25. 25. Matthew Weiner (born 29 June 1965)[1] is an Americanwriter, director and producer of television drama. He is thecreator, executive producer, head writer, and show runnerof the AMC television series Mad Men. He is also noted forhis work on the HBO series The Sopranos, on which heserved as a writer and producer during the shows fifth andsixth seasons.
    26. 26. WHYSHOULD ILOVE YOU? Create emotion •You have to create emotion and feel your passion. Matthew Weiner (born 29 June 1965)[1] is an American writer, director and producer of television drama. He is the creator, executive producer, head writer, and show runner of the AMC television series Mad Men. He is also noted for his work on the HBO series The Sopranos, on which he served as a writer and producer during the shows fifth and sixth seasons.
    27. 27. WHYSHOULD ILOVE YOU? Create emotion •You have to create emotion and feel your passion. •“You feeling something. That’s what sells.” Matthew Weiner Matthew Weiner (born 29 June 1965)[1] is an American writer, director and producer of television drama. He is the creator, executive producer, head writer, and show runner of the AMC television series Mad Men. He is also noted for his work on the HBO series The Sopranos, on which he served as a writer and producer during the shows fifth and sixth seasons.
    28. 28. Kannski ekkiNotLandsbankinn en...
    29. 29. WHYSHOULD ILOVE YOU? Create rockstars •Don’t take credit for something you didn’t create on your own. Kannski ekki NotLandsbankinn en...
    30. 30. WHYSHOULD ILOVE YOU? Create rockstars •Don’t take credit for something you didn’t create on your own. •Elevate the people in your organization. Kannski ekki NotLandsbankinn en...
    31. 31. WHYSHOULD ILOVE YOU? Create rockstars •Don’t take credit for something you didn’t create on your own. •Elevate the people in your organization. •Let them speak, blog, tweet, etc. Kannski ekki NotLandsbankinn en...
    32. 32. WHYSHOULD ILOVE YOU? Work hard. Stay positive. Build something.
    33. 33. HTML5SMART MARKUPFOR SMARTERWEBSITESwhat’s new?
    34. 34. SMART MARKUPFORSMARTER WEBSITES A little HTML5 history •June 2004: WhatWG begins work on Web Application 1.0
    35. 35. SMART MARKUPFORSMARTER WEBSITES A little HTML5 history •June 2004: WhatWG begins work on Web Application 1.0 •2007: Work begins at W3C
    36. 36. SMART MARKUPFORSMARTER WEBSITES A little HTML5 history •June 2004: WhatWG begins work on Web Application 1.0 •2007: Work begins at W3C •May 2011: HTML5 to last call
    37. 37. SMART MARKUPFORSMARTER WEBSITES A little HTML5 history •June 2004: WhatWG begins work on Web Application 1.0 •2007: Work begins at W3C •May 2011: HTML5 to last call •2014: HTML5 Standard?
    38. 38. SMART MARKUPFORSMARTER WEBSITES You can use it now
    39. 39. SMART MARKUPFORSMARTER WEBSITES You can use it now
    40. 40. SMART MARKUPFORSMARTER WEBSITES Fault tolerance n. a system’s ability to continue to operate when it encounters and unexpected error.
    41. 41. SMART MARKUPFORSMARTER WEBSITES Browsers ignore what they don’t understand
    42. 42. SMART MARKUPFORSMARTER WEBSITES <video poster=”poster.png”> <source src=”video.m4v”/> <source src=”video.webm”/> <source src=”video.ogv”/> <img src=”poster.png” alt=””/> <ul> <li><a href="video.m4v">Download MP4</ a></li> <li><a href="video.webm">Download WebM</a></li> <li><a href="video ogv">Download Ogg</
    43. 43. SMART MARKUPFORSMARTER WEBSITES What’s the
    44. 44. SMART MARKUPFORSMARTER WEBSITES What’s the easiest way to
    45. 45. SMART MARKUPFORSMARTER WEBSITES What’s the easiest way to write HTML5?
    46. 46. <!doctype html>
    47. 47. SMART MARKUPFORSMARTER WEBSITES Use the new doctype <!doctype html>
    48. 48. The HTML4 Lexicon html meta head link style title base body dl dt dd bdo script noscript map dfn b object param p div ul ol li cite iframe address area img br a smallpre code abbr kbd var q samp hr menu textarea ins del sub sup span strong select option optgroup label input
    49. 49. SMART MARKUPFORSMARTER WEBSITES The HTML4 Lexicon The HTML4 Lexicon html meta head link style title base body dl dt dd bdo script noscript map dfn b object param p div ul ol li cite iframe address area img br a small pre code abbr kbd var q samp hr menu textarea ins del sub sup span strong select option optgroup label input
    50. 50. The HTML5 Lexicon html meta head link style title base body dl dt dd section article bdo script noscript map dfn b aside details summary object param p div ul ol li cite canvas audio video iframe address area img br a small nav figure figcaption pre code abbr kbd var q samp hr menu header footer command textarea ins del sub sup span strong time source datalist select option optgroup label input output ruby progress form fieldset legend button i em mark hgroup meter
    51. 51. SMART MARKUPFORSMARTER WEBSITES The HTML5 Lexicon The HTML5 Lexicon html meta head link style title base body dl dt dd section article bdo script noscript map dfn b aside details summary object param p div ul ol li cite canvas audio video iframe address area img br a small nav figure figcaption pre code abbr kbd var q samp hr menu header footer command textarea ins del sub sup span strong time source datalist select option optgroup label input output ruby progress form fieldset legend button i em mark hgroup meter
    52. 52. <html xmlns="http://www.w3.org/1999/xhtml"lang="en"xml:lang="en"><html lang="en">
    53. 53. SMART MARKUPFORSMARTER WEBSITES Simplification <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <html lang="en">
    54. 54. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta charset="utf-8" />
    55. 55. SMART MARKUPFORSMARTER WEBSITES Simplification <meta http-equiv="Content-Type" content="text/ html; charset=utf-8"> <meta charset="utf-8" />
    56. 56. <link rel="stylesheet" href="style-original.css" type="text/css" /><style type=”text/css”>/* ... */</style><script type=”text/javascript” src=”myscript.js”></script><link rel="stylesheet" href="style-original.css" /><style>/* ... */</style><script src=”myscript.js”></script>
    57. 57. SMART MARKUPFORSMARTER WEBSITES Simplification <link rel="stylesheet" href="style-original.css" type="text/css" /> <style type=”text/css”> /* ... */ </style> <script type=”text/javascript” src=”myscript.js”></script> <link rel="stylesheet" href="style-original.css" /> <style> /* ... */ </style> <script src=”myscript.js”></script>
    58. 58. THANKYOU

    ×