{"id":1992,"date":"2017-10-03T15:34:04","date_gmt":"2017-10-03T15:34:04","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1992"},"modified":"2017-10-03T15:34:04","modified_gmt":"2017-10-03T15:34:04","slug":"its-time-to-change-the-way-we-define-a-great-user-experience","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience","title":{"rendered":"It\u2019s Time to Change the Way We Define a Great User Experience"},"content":{"rendered":"

There\u2019s a fundamental flaw in the way we define a good mobile experience today.<\/p>\n

The talk is almost always about performance. Faster load times! Smooth scrolling! Sure, all that\u2019s great and it does make for a nice mobile app experience. But the definition is too narrow.<\/strong> It\u2019s all about what happens inside the mobile app.<\/p>\n

What\u2019s equally important is the experience before<\/em> and after<\/em> your users interact with your app.<\/p>\n

<\/p>\n

\"\"

It’s [not always] better in the app<\/h3>\n

Here\u2019s an example on the left. You open a link on your phone and it takes you to a site plastered with banners that say \u201cDownload the app!\u201d. (Sorry, reddit)<\/p>\n

And so you click a link to download the app, which takes you away from the browser and into your app store or marketplace. And then you have to download the app, which takes time and eats up space on your phone. Finally you sign into the app, only to find that the mobile app offers a tenth of the functionality of the desktop web app you\u2019re used to using.<\/p>\n

At that point, does it matter how performant the app is? Not really. What you get is a disjointed, jarring, sub-par experience either way. <\/p><\/blockquote>\n

UX is more than just performance<\/h3>\n

A truly great experience would allow you to interact with the app wherever you are, with smooth transitions between modes of interaction. For example, clicking the link on your mobile browser takes you right to the app, like this example from Starbucks. No app store. Nothing to download and install. Right to the app. And there you\u2019ll find the exact same feature set that you have come to expect from your desktop experience, right on your phone or tablet.<\/p>\n

\"\"

The promise of PWAs<\/h3>\n

All this is possible today, thanks to progressive web apps, or PWAs.<\/p>\n

Max and Justin have already written about the value of PWAs<\/a> and what makes it all possible<\/a>. In short, web tech is now at point where you can give you a native app experience without having to install anything on your device. That includes offline access and great performance.<\/p>\n

For app builders, there are tons of benefits to this model. With PWAs and web technology you can address almost any platform or device with a single codebase, and no app stores to worry about.<\/p>\n

Redefining a great UX<\/h3>\n

Going back to the performance debate, building an app that users will love isn\u2019t just about load times. The experience should span across devices and modes of interaction, whether users are engaging with a natively-installed app, a mobile browser, or a desktop device. It\u2019s time we broadened our thinking about what makes a great app – and a happy user.<\/p>\n","protected":false},"excerpt":{"rendered":"

There\u2019s a fundamental flaw in the way we define a good mobile experience today. The talk is almost always about performance. Faster load times! Smooth scrolling! Sure, all that\u2019s great and it does make for a nice mobile app experience. But the definition is too narrow. It\u2019s all about what happens inside the mobile app. […]<\/p>\n","protected":false},"author":50,"featured_media":1999,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[22,78],"class_list":["post-1992","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-all","tag-progressive-web-apps","tag-ux"],"acf":[],"yoast_head":"\nIt\u2019s Time to Change the Way We Define a Great User Experience - Ionic Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"It\u2019s Time to Change the Way We Define a Great User Experience\" \/>\n<meta property=\"og:description\" content=\"There\u2019s a fundamental flaw in the way we define a good mobile experience today. The talk is almost always about performance. Faster load times! Smooth scrolling! Sure, all that\u2019s great and it does make for a nice mobile app experience. But the definition is too narrow. It\u2019s all about what happens inside the mobile app. […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-03T15:34:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1400\" \/>\n\t<meta property=\"og:image:height\" content=\"640\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Andrew Haire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@achaire\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Andrew Haire\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience\"},\"author\":{\"name\":\"Andrew Haire\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/23d2e3134b9b44cbcae61eb6cc431d17\"},\"headline\":\"It\u2019s Time to Change the Way We Define a Great User Experience\",\"datePublished\":\"2017-10-03T15:34:04+00:00\",\"dateModified\":\"2017-10-03T15:34:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience\"},\"wordCount\":473,\"commentCount\":12,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg\",\"keywords\":[\"Progressive Web Apps\",\"UX\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience\",\"url\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience\",\"name\":\"It\u2019s Time to Change the Way We Define a Great User Experience - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg\",\"datePublished\":\"2017-10-03T15:34:04+00:00\",\"dateModified\":\"2017-10-03T15:34:04+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg\",\"width\":1400,\"height\":640},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"It\u2019s Time to Change the Way We Define a Great User Experience\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/23d2e3134b9b44cbcae61eb6cc431d17\",\"name\":\"Andrew Haire\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/05\/M6yUSmBo-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/05\/M6yUSmBo-150x150.jpg\",\"caption\":\"Andrew Haire\"},\"description\":\"VP of Marketing\",\"sameAs\":[\"https:\/\/x.com\/achaire\"],\"url\":\"https:\/\/ionic.io\/blog\/author\/andrewhaire\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"It\u2019s Time to Change the Way We Define a Great User Experience - Ionic Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience","og_locale":"en_US","og_type":"article","og_title":"It\u2019s Time to Change the Way We Define a Great User Experience","og_description":"There\u2019s a fundamental flaw in the way we define a good mobile experience today. The talk is almost always about performance. Faster load times! Smooth scrolling! Sure, all that\u2019s great and it does make for a nice mobile app experience. But the definition is too narrow. It\u2019s all about what happens inside the mobile app. […]","og_url":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience","og_site_name":"Ionic Blog","article_published_time":"2017-10-03T15:34:04+00:00","og_image":[{"width":1400,"height":640,"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg","type":"image\/jpeg"}],"author":"Andrew Haire","twitter_card":"summary_large_image","twitter_creator":"@achaire","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Andrew Haire","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience"},"author":{"name":"Andrew Haire","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/23d2e3134b9b44cbcae61eb6cc431d17"},"headline":"It\u2019s Time to Change the Way We Define a Great User Experience","datePublished":"2017-10-03T15:34:04+00:00","dateModified":"2017-10-03T15:34:04+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience"},"wordCount":473,"commentCount":12,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg","keywords":["Progressive Web Apps","UX"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience","url":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience","name":"It\u2019s Time to Change the Way We Define a Great User Experience - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg","datePublished":"2017-10-03T15:34:04+00:00","dateModified":"2017-10-03T15:34:04+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg","width":1400,"height":640},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/its-time-to-change-the-way-we-define-a-great-user-experience#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"It\u2019s Time to Change the Way We Define a Great User Experience"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/23d2e3134b9b44cbcae61eb6cc431d17","name":"Andrew Haire","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/05\/M6yUSmBo-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/05\/M6yUSmBo-150x150.jpg","caption":"Andrew Haire"},"description":"VP of Marketing","sameAs":["https:\/\/x.com\/achaire"],"url":"https:\/\/ionic.io\/blog\/author\/andrewhaire"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2017\/09\/ux-header.jpg","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1992","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/50"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1992"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1992\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media\/1999"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}