{"id":2080,"date":"2020-09-07T06:29:37","date_gmt":"2020-09-07T06:29:37","guid":{"rendered":"https:\/\/www.kreativewebtech.com\/blog\/?p=2080"},"modified":"2020-09-07T06:29:39","modified_gmt":"2020-09-07T06:29:39","slug":"back-vs-cancel","status":"publish","type":"post","link":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/","title":{"rendered":"Back Vs Cancel"},"content":{"rendered":"\n\n\n\n\n\nngg_shortcode_0_placeholder\n\n\n\n\n\n\n\n\n

Usually, there are 2 ways to exit the screen<\/strong><\/p>\n\n\n\n

  • ‘X’ icon or ‘Cancel’<\/li>
  • Back arrow<\/li><\/ul>\n\n\n\n

    Now when to choose what?
    Let’s see some examples from the real apps.<\/strong><\/p>\n\n\n\n

    Instagram Stories:<\/strong><\/p>\n\n\n\n

    • ‘X’ makes sense because the back arrow would confuse users to go to previous story, <\/li>
    • and not to actually exit the stories.<\/li>
    • Also, the stories are a part of the seperate flow from the other screens.<\/li><\/ul>\n\n\n\n

      Photo editing:<\/strong><\/p>\n\n\n\n

      • Because we are changing the settings of the photo, it needs to be clear for the user that <\/li>
      • the follow will be cancelled and the inputs will (most likely) be lost. The back<\/li>
      • arrow would give a wrong impression.<\/li><\/ul>\n\n\n\n

        booking.com ptoperty:<\/strong>
        It doesn’t contain the inputs fields, nor it’s the seperate flow in the journey,
        therefore we can easily place an arrow to go back.
        But it doesn’t have to be like this. For example, Airbnb uses ‘X’ in their property details screen.<\/p>\n\n\n\n

        A few takeaways:
        Use the ‘X’ icon or ‘Cancel’<\/strong><\/p>\n\n\n\n

        1. To avoid losing data the user puts in<\/li>
        2. To close the 1. step in the new flow<\/li>
        3. To close the model view<\/li><\/ol>\n\n\n\n

          You can use the back arrow when:<\/strong><\/p>\n\n\n\n

          1. The user doesn’t input anything<\/li>
          2. It’s a part of the new flow, but it doesn’t exit the flow. It simply goes
            \nback to the previous step.<\/li><\/ol>\n\n\n\n

            How do you use the back arrow and ‘Cancel’ \/ ‘X’?<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"

            Usually, there are 2 ways to exit the screen ‘X’ icon or ‘Cancel’ Back arrow Now when to choose what? Let’s see some examples from the real apps. Instagram Stories: ‘X’ makes sense because...<\/p>\n","protected":false},"author":1,"featured_media":2081,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"ngg_post_thumbnail":0,"footnotes":""},"categories":[18,25,58,8,20,69,28],"tags":[],"class_list":["post-2080","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphics-design","category-infographics","category-ui-ux-design","category-website-design","category-website-development","category-website-redesign","category-wordpress"],"yoast_head":"\nBack Vs Cancel - Blog Kreative Web Tech<\/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:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Back Vs Cancel - Blog Kreative Web Tech\" \/>\n<meta property=\"og:description\" content=\"Usually, there are 2 ways to exit the screen ‘X’ icon or ‘Cancel’ Back arrow Now when to choose what? Let’s see some examples from the real apps. Instagram Stories: ‘X’ makes sense because...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog Kreative Web Tech\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-07T06:29:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-07T06:29:39+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.kreativewebtech.com\/blog\/wp-content\/uploads\/2020\/09\/11-3.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"958\" \/>\n\t<meta property=\"og:image:height\" content=\"848\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#\\\/schema\\\/person\\\/dc485ec58d6a60cb4257fe81dda9046f\"},\"headline\":\"Back Vs Cancel\",\"datePublished\":\"2020-09-07T06:29:37+00:00\",\"dateModified\":\"2020-09-07T06:29:39+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/\"},\"wordCount\":241,\"publisher\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/11-3.jpg\",\"articleSection\":[\"graphics design\",\"Infographics\",\"UI UX Design\",\"Website Design\",\"website development\",\"Website Redesign\",\"Wordpress\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/\",\"url\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/\",\"name\":\"Back Vs Cancel - Blog Kreative Web Tech\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/11-3.jpg\",\"datePublished\":\"2020-09-07T06:29:37+00:00\",\"dateModified\":\"2020-09-07T06:29:39+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/11-3.jpg\",\"contentUrl\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/11-3.jpg\",\"width\":958,\"height\":848},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/back-vs-cancel\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Back Vs Cancel\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/\",\"name\":\"Blog Kreative Web Tech\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#organization\",\"name\":\"Blog Kreative Web Tech\",\"url\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/cropped-footer-logo.png\",\"contentUrl\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/cropped-footer-logo.png\",\"width\":1688,\"height\":634,\"caption\":\"Blog Kreative Web Tech\"},\"image\":{\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/#\\\/schema\\\/person\\\/dc485ec58d6a60cb4257fe81dda9046f\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f3ec3d8113ed0094e55158744283c59e2a274f67877a65a33bc7a54966d72ca0?s=96&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f3ec3d8113ed0094e55158744283c59e2a274f67877a65a33bc7a54966d72ca0?s=96&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f3ec3d8113ed0094e55158744283c59e2a274f67877a65a33bc7a54966d72ca0?s=96&r=g\",\"caption\":\"admin\"},\"url\":\"https:\\\/\\\/www.kreativewebtech.com\\\/blog\\\/author\\\/admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Back Vs Cancel - Blog Kreative Web Tech","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:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/","og_locale":"en_US","og_type":"article","og_title":"Back Vs Cancel - Blog Kreative Web Tech","og_description":"Usually, there are 2 ways to exit the screen ‘X’ icon or ‘Cancel’ Back arrow Now when to choose what? Let’s see some examples from the real apps. Instagram Stories: ‘X’ makes sense because...","og_url":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/","og_site_name":"Blog Kreative Web Tech","article_published_time":"2020-09-07T06:29:37+00:00","article_modified_time":"2020-09-07T06:29:39+00:00","og_image":[{"width":958,"height":848,"url":"https:\/\/www.kreativewebtech.com\/blog\/wp-content\/uploads\/2020\/09\/11-3.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/#article","isPartOf":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/"},"author":{"name":"admin","@id":"https:\/\/www.kreativewebtech.com\/blog\/#\/schema\/person\/dc485ec58d6a60cb4257fe81dda9046f"},"headline":"Back Vs Cancel","datePublished":"2020-09-07T06:29:37+00:00","dateModified":"2020-09-07T06:29:39+00:00","mainEntityOfPage":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/"},"wordCount":241,"publisher":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kreativewebtech.com\/blog\/wp-content\/uploads\/2020\/09\/11-3.jpg","articleSection":["graphics design","Infographics","UI UX Design","Website Design","website development","Website Redesign","Wordpress"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/","url":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/","name":"Back Vs Cancel - Blog Kreative Web Tech","isPartOf":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/#primaryimage"},"image":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/#primaryimage"},"thumbnailUrl":"https:\/\/www.kreativewebtech.com\/blog\/wp-content\/uploads\/2020\/09\/11-3.jpg","datePublished":"2020-09-07T06:29:37+00:00","dateModified":"2020-09-07T06:29:39+00:00","breadcrumb":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/#primaryimage","url":"https:\/\/www.kreativewebtech.com\/blog\/wp-content\/uploads\/2020\/09\/11-3.jpg","contentUrl":"https:\/\/www.kreativewebtech.com\/blog\/wp-content\/uploads\/2020\/09\/11-3.jpg","width":958,"height":848},{"@type":"BreadcrumbList","@id":"https:\/\/www.kreativewebtech.com\/blog\/back-vs-cancel\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.kreativewebtech.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Back Vs Cancel"}]},{"@type":"WebSite","@id":"https:\/\/www.kreativewebtech.com\/blog\/#website","url":"https:\/\/www.kreativewebtech.com\/blog\/","name":"Blog Kreative Web Tech","description":"","publisher":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.kreativewebtech.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.kreativewebtech.com\/blog\/#organization","name":"Blog Kreative Web Tech","url":"https:\/\/www.kreativewebtech.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.kreativewebtech.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.kreativewebtech.com\/blog\/wp-content\/uploads\/2021\/06\/cropped-footer-logo.png","contentUrl":"https:\/\/www.kreativewebtech.com\/blog\/wp-content\/uploads\/2021\/06\/cropped-footer-logo.png","width":1688,"height":634,"caption":"Blog Kreative Web Tech"},"image":{"@id":"https:\/\/www.kreativewebtech.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.kreativewebtech.com\/blog\/#\/schema\/person\/dc485ec58d6a60cb4257fe81dda9046f","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/f3ec3d8113ed0094e55158744283c59e2a274f67877a65a33bc7a54966d72ca0?s=96&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f3ec3d8113ed0094e55158744283c59e2a274f67877a65a33bc7a54966d72ca0?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f3ec3d8113ed0094e55158744283c59e2a274f67877a65a33bc7a54966d72ca0?s=96&r=g","caption":"admin"},"url":"https:\/\/www.kreativewebtech.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/posts\/2080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/comments?post=2080"}],"version-history":[{"count":1,"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/posts\/2080\/revisions"}],"predecessor-version":[{"id":2082,"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/posts\/2080\/revisions\/2082"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/media\/2081"}],"wp:attachment":[{"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/media?parent=2080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/categories?post=2080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kreativewebtech.com\/blog\/wp-json\/wp\/v2\/tags?post=2080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}