{"id":808,"date":"2013-01-28T17:47:12","date_gmt":"2013-01-29T00:47:12","guid":{"rendered":"https:\/\/www.andrewandlisa.org\/?p=808"},"modified":"2013-01-28T17:47:12","modified_gmt":"2013-01-29T00:47:12","slug":"what-will-tomorrows-web-be-like","status":"publish","type":"post","link":"https:\/\/www.andrewandlisa.org\/?p=808","title":{"rendered":"What will tomorrow&#8217;s web be like?"},"content":{"rendered":"<p>I see four trends converging, and I want to make a prediction about how they&#8217;ll collide to provide a type of experience that we&#8217;ll have on the web of tomorrow. \u00c3\u201a\u00c2\u00a0Those four trends are:<\/p>\n<ol>\n<li>Immersive<\/li>\n<li>Mobile<\/li>\n<li>Video<\/li>\n<li>Immediacy<\/li>\n<\/ol>\n<h2>Immersive<\/h2>\n<p>Many developers are striving to provide a more immersive experience. \u00c3\u201a\u00c2\u00a0Whether it&#8217;s better<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"810\" data-permalink=\"https:\/\/www.andrewandlisa.org\/?attachment_id=810\" data-orig-file=\"https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.08.48_AM.png?fit=457%2C291&amp;ssl=1\" data-orig-size=\"457,291\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Screen_Shot_2013-01-28_at_11.08.48_AM\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.08.48_AM.png?fit=457%2C291&amp;ssl=1\" class=\"alignright size-medium wp-image-810\" title=\"Screen_Shot_2013-01-28_at_11.08.48_AM\" src=\"https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.08.48_AM.png?resize=300%2C191&#038;ssl=1\" alt=\"\" width=\"300\" height=\"191\" srcset=\"https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.08.48_AM.png?resize=300%2C191&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.08.48_AM.png?w=457&amp;ssl=1 457w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<p>use of space within web sites and web apps, fullscreen options on everything from video players to desktop applications, it seems everyone is looking to add a fullscreen button to their users&#8217; experience. \u00c3\u201a\u00c2\u00a0Users have become intuitively conditioned to look for indicators of this immersive-style experience. \u00c3\u201a\u00c2\u00a0How to do I know? \u00c3\u201a\u00c2\u00a0W<\/p>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" data-attachment-id=\"811\" data-permalink=\"https:\/\/www.andrewandlisa.org\/?attachment_id=811\" data-orig-file=\"https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.11.05_AM.png?fit=452%2C420&amp;ssl=1\" data-orig-size=\"452,420\" data-comments-opened=\"1\" data-image-meta=\"{&quot;aperture&quot;:&quot;0&quot;,&quot;credit&quot;:&quot;&quot;,&quot;camera&quot;:&quot;&quot;,&quot;caption&quot;:&quot;&quot;,&quot;created_timestamp&quot;:&quot;0&quot;,&quot;copyright&quot;:&quot;&quot;,&quot;focal_length&quot;:&quot;0&quot;,&quot;iso&quot;:&quot;0&quot;,&quot;shutter_speed&quot;:&quot;0&quot;,&quot;title&quot;:&quot;&quot;}\" data-image-title=\"Screen_Shot_2013-01-28_at_11.11.05_AM\" data-image-description=\"\" data-image-caption=\"\" data-large-file=\"https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.11.05_AM.png?fit=452%2C420&amp;ssl=1\" class=\"wp-image-811 alignleft\" title=\"Screen_Shot_2013-01-28_at_11.11.05_AM\" src=\"https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.11.05_AM.png?resize=253%2C235&#038;ssl=1\" alt=\"\" width=\"253\" height=\"235\" srcset=\"https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.11.05_AM.png?w=452&amp;ssl=1 452w, https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.11.05_AM.png?resize=300%2C278&amp;ssl=1 300w, https:\/\/i0.wp.com\/www.andrewandlisa.org\/wp-content\/uploads\/Screen_Shot_2013-01-28_at_11.11.05_AM.png?resize=322%2C300&amp;ssl=1 322w\" sizes=\"auto, (max-width: 253px) 100vw, 253px\" \/><\/p>\n<p>hen I&#8217;m using a computer, tablet or mobile device with my children, they constantly scan for the fullscreen button, and ask (beg) me to use it. \u00c3\u201a\u00c2\u00a0I can hear their little voices chanting, &#8220;Fullscreen, fullscreen!&#8221; in a half-cute, half-annoying chorus of kid-tech-love.<\/p>\n<p>As a matter of fact, I&#8217;m composing this blog post in WordPress&#8217;s Fullscreen, distraction-free writing experience.<\/p>\n<h2>Mobile<\/h2>\n<p>We&#8217;ve been hearing for years that someday more people will be accessing the web via mobile phones. \u00c3\u201a\u00c2\u00a0Well, someday has arrived. \u00c3\u201a\u00c2\u00a0According to a <a title=\"Opens in a new window\/tab\" href=\"http:\/\/pewinternet.org\/Reports\/2011\/Smartphones\/Section-2\/Smartphones-as-an-internet-appliance.aspx\" target=\"_blank\">Pew Internet and American Life Project study from two years ago<\/a>, 28% of Americans access the web primarily from their mobile phones. \u00c3\u201a\u00c2\u00a0And 68% of American smartphone users access the web via their smartphones <em>every day<\/em>. \u00c3\u201a\u00c2\u00a0And this is in the US, where broadband mobile penetration is <a title=\"Opens in a new window\/tab\" href=\"http:\/\/mobithinking.com\/mobile-marketing-tools\/latest-mobile-stats\/b\" target=\"_blank\">growing slower than in Africa and Asia<\/a>.<\/p>\n<h2>Video<\/h2>\n<p><a title=\"Opens in a new tab\/window\" href=\"http:\/\/www.cisco.com\/en\/US\/solutions\/collateral\/ns341\/ns525\/ns537\/ns705\/ns827\/white_paper_c11-481360_ns827_Networking_Solutions_White_Paper.html\" target=\"_blank\">Cisco estimated<\/a> in 2011 that the sum of all video content will make up 86% of internet traffic by the year 2016. \u00c3\u201a\u00c2\u00a0When I visit a web site to learn about something, my first instinct now it to look for a 2-minute intro or example video. \u00c3\u201a\u00c2\u00a0Video is increasingly a big deal.<\/p>\n<h2>Immediacy<\/h2>\n<p>When I talk about immediacy, what I&#8217;m really referring to is the low latency of internet-delivered content. \u00c3\u201a\u00c2\u00a0That means that people are figuring out how to deliver content is ways that don&#8217;t make you wait around, watching the content load. \u00c3\u201a\u00c2\u00a0Our attention spans are being conditioned to this kind of experience. Designers and developers will continue to push forward our expectations for a low-latency experience.<\/p>\n<h2>Where it&#8217;s all leading<\/h2>\n<p>So when you smash these trends together, what do you get? \u00c3\u201a\u00c2\u00a0The potential for some very interesting stuff. \u00c3\u201a\u00c2\u00a0I think we&#8217;re going to see immersive content that blends video with vector-based artwork that we&#8217;ll experience on mobile devices (tablets, <a title=\"Opens in a new window\/tab\" href=\"http:\/\/en.wikipedia.org\/wiki\/Phablet\" target=\"_blank\">phablets<\/a>, <a title=\"Opens in a new window\" href=\"http:\/\/g.co\/projectglass\" target=\"_blank\">Google glass<\/a>, etc.). \u00c3\u201a\u00c2\u00a0Essentially, we&#8217;ll be able to watch little pieces of non-square video in cartoon-like worlds that load quickly on mobile devices in immersive viewing formats.<\/p>\n<p>How will this happen? \u00c3\u201a\u00c2\u00a0That&#8217;s the interesting part. \u00c3\u201a\u00c2\u00a0I think it&#8217;ll be achieved using HTML5 (or its successor language). \u00c3\u201a\u00c2\u00a0Right now, HTML5 has canvas tags for displaying video content without using a browser plugin. \u00c3\u201a\u00c2\u00a0I predict that these tags will take on more and more attributes, and we&#8217;ll start to see blends of little pieces of video, along with vector-style artwork. \u00c3\u201a\u00c2\u00a0Vector is low-latency, and video is rich in experience.<\/p>\n<p>This will happen in much the same way that javascript went from a language for adding simple interactivity to web sites (like a simple submit button) to a full-blown webapp-programming framework (that render products like Gmail). \u00c3\u201a\u00c2\u00a0I don&#8217;t think anyone expected the complexity, or the code libraries and other support tools, that we&#8217;ve seen emerge from javascript, which started as a more basic programming tool.<\/p>\n<p>In the same way, HTML5 (and its offspring) will bring us some very interesting experiences in the future. \u00c3\u201a\u00c2\u00a0Ever wanted to live in a cartoon? \u00c3\u201a\u00c2\u00a0You may get that chance in the future.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I see four trends converging, and I want to make a prediction about how they&#8217;ll collide to provide a type of experience that we&#8217;ll have on the web of tomorrow. \u00c3\u201a\u00c2\u00a0Those four trends are: Immersive Mobile Video Immediacy Immersive Many developers are striving to provide a more immersive experience. \u00c3\u201a\u00c2\u00a0Whether it&#8217;s better use of space &hellip; <a href=\"https:\/\/www.andrewandlisa.org\/?p=808\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">What will tomorrow&#8217;s web be like?<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[8,18,9,73],"tags":[138,326,348,124,128],"class_list":["post-808","post","type-post","status-publish","format-standard","hentry","category-computer","category-culture","category-thoughts","category-video","tag-future","tag-predictions","tag-video","tag-web","tag-webapps"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/pdZlL-d2","jetpack_sharing_enabled":true,"jetpack_likes_enabled":true,"_links":{"self":[{"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=\/wp\/v2\/posts\/808","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=808"}],"version-history":[{"count":6,"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=\/wp\/v2\/posts\/808\/revisions"}],"predecessor-version":[{"id":816,"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=\/wp\/v2\/posts\/808\/revisions\/816"}],"wp:attachment":[{"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.andrewandlisa.org\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}