{"id":2699,"date":"2020-10-15T19:55:28","date_gmt":"2020-10-15T19:55:28","guid":{"rendered":"http:\/\/digitalscientists.com\/?p=2699"},"modified":"2023-01-25T09:59:15","modified_gmt":"2023-01-25T09:59:15","slug":"designing-for-apples-lineup-responsive-v-adaptive-design","status":"publish","type":"post","link":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/","title":{"rendered":"Designing for Apple\u2019s lineup: responsive v. adaptive design"},"content":{"rendered":"\n<p>During Apple&#8217;s &#8220;Hi, Speed&#8221; event, the company announced its new lineup of products, featuring the iPhone 12 family, which adds more screen sizes to Apple\u2019s already extensive selection. Product Designer Gem Qiao weighs in on what it\u2019s like to design for various devices.<\/p>\n\n\n\n<p><strong>Q: Hey Gem. What\u2019s up with all these iPhone sizes? Is it really necessary, or is Apple just pushing out everything it can in desperation to make sales during a pandemic?<\/strong><\/p>\n\n\n\n<p>Gem: <\/p>\n\n\n\n<p>Well, speaking strictly from a design perspective, there are many advantages \u2013 and disadvantages \u2013 to Apple\u2019s breadth of screen sizes. Apple is relentless in trying to provide loads of options to its customers. That makes my job as a designer more challenging \u2013 and intriguing.<\/p>\n\n\n\n<p><strong>Q: <em>Intriguing? That\u2019s a word that gets my attention. Tell me more about that.<\/em><\/strong><\/p>\n\n\n\n<p>Gem:<\/p>\n\n\n\n<p>As a product designer, I\u2019m both intrigued and inspired by new applications and user experiences. When considering a new design, I take into account a variety of screen sizes, but more importantly, I want to focus on the user experience and the specific use case. For example, when considering an application meant for desktop, we can\u2019t just shrink a screen for mobile and hope for the same user experience. It\u2019s critical to design for different devices while maintaining the consistency of the product, yet also to design as efficiently as possible. Realistically, we need distinctly separate designs for desktop, <a href=\"https:\/\/digitalscientists.com\/mobile-app-development\/\">mobile apps<\/a>, and wearable devices.<\/p>\n\n\n\n<p><strong>Q: <em>From a designer\u2019s perspective, it\u2019s got to be a nightmare designing for all these different screens. How does that work?<\/em><\/strong><\/p>\n\n\n\n<p>Gem:<\/p>\n\n\n\n<p>Ideally, we would want a different design for each type of device and for each of the Android and iPhone models as well. Responsive design has helped us design for a variety of screen sizes, but it has limitations. That\u2019s where adaptive design comes into play.  Adaptive design generally refers to a device-optimized experience, or a graphical user interface (GUI) design that adapts to different screen sizes.<\/p>\n\n\n\n<p>Many design firms are beginning to embrace adaptive design as a new design strategy. <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>It\u2019s a great opportunity for\u00a0<a href=\"https:\/\/digitalscientists.com\/ux-design\/\">UI UX designers<\/a>\u00a0because adaptive design allows us to have more control over content and layout \u2013 and ultimately, more control over the user experience.<\/p>\n<\/blockquote>\n\n\n\n<p><em><strong>Q: So, back to the plethora of devices. Are they really necessary?<\/strong><\/em><\/p>\n\n\n\n<p>Gem:<\/p>\n\n\n\n<p>On one hand, there could be a single device that can ultimately serve all of our needs. On the other hand, different screen sizes are important in the way they are meant to accomplish different tasks. Ultimately, apps are designed to guide users to specific areas of focus, so to this end, phone size could have a big impact.<\/p>\n\n\n\n<p><strong><em>Q: I\u2019ve never thought of it that way and will take a closer look at viewpoints on my screens. You\u2019ve given me something new to consider in my online experience.<\/em><\/strong><\/p>\n\n\n\n<p>Gem:<\/p>\n\n\n\n<p>Happy to unveil some design insights. Here\u2019s a <a href=\"https:\/\/digitalscientists.com\/blog\/introducing-our-new-look\/\">link<\/a> to some more thoughts on design.<\/p>\n\n\n\n<h5 class=\"wp-block-heading\">Contributors<\/h5>\n\n\n\n<figure class=\"wp-block-image size-large is-style-m0\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"400\" src=\"http:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/contributors@2x-7-1024x400.png\" alt=\"Gem Qiao and Allison Goodwin - Responsive vs adaptive design | Apple Event\" class=\"wp-image-2706\" srcset=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/contributors@2x-7-1024x400.png 1024w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/contributors@2x-7-300x117.png 300w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/contributors@2x-7-768x300.png 768w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/contributors@2x-7-955x373.png 955w, https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/contributors@2x-7.png 1280w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>During Apple&#8217;s &#8220;Hi, Speed&#8221; event, the company announced its new lineup of products, featuring the iPhone 12 family, which adds more screen sizes to Apple\u2019s already extensive selection. Product Designer Gem Qiao weighs in on what it\u2019s like to design for various devices.<\/p>\n","protected":false},"author":14,"featured_media":2710,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_price":"","_stock":"","_tribe_ticket_header":"","_tribe_default_ticket_provider":"","_tribe_ticket_capacity":"0","_ticket_start_date":"","_ticket_end_date":"","_tribe_ticket_show_description":"","_tribe_ticket_show_not_going":false,"_tribe_ticket_use_global_stock":"","_tribe_ticket_global_stock_level":"","_global_stock_mode":"","_global_stock_cap":"","_tribe_rsvp_for_event":"","_tribe_ticket_going_count":"","_tribe_ticket_not_going_count":"","_tribe_tickets_list":"[]","_tribe_ticket_has_attendee_info_fields":false,"footnotes":""},"categories":[48],"tags":[],"coauthors":[60],"class_list":["post-2699","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Responsive v Adaptive Design | Apple Event | Digital Scientists<\/title>\n<meta name=\"description\" content=\"This week during their &quot;Hi, Speed&quot; event, Apple released its new lineup of iPhones, which just emphasizes the need for adaptive design.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Responsive v Adaptive Design | Apple Event | Digital Scientists\" \/>\n<meta property=\"og:description\" content=\"This week during their &quot;Hi, Speed&quot; event, Apple released its new lineup of iPhones, which just emphasizes the need for adaptive design.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Digital Scientists\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-15T19:55:28+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-01-25T09:59:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1276\" \/>\n\t<meta property=\"og:image:height\" content=\"854\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Gem Qiao\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Gem Qiao\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Article\",\"BlogPosting\"],\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/\"},\"author\":{\"name\":\"Gem Qiao\",\"@id\":\"https:\/\/digitalscientists.com\/#\/schema\/person\/583f0210afd4612f36fa423a9e8b7ae4\"},\"headline\":\"Designing for Apple\u2019s lineup: responsive v. adaptive design\",\"datePublished\":\"2020-10-15T19:55:28+00:00\",\"dateModified\":\"2023-01-25T09:59:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/\"},\"wordCount\":511,\"publisher\":{\"@id\":\"https:\/\/digitalscientists.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg\",\"articleSection\":[\"design\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/\",\"url\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/\",\"name\":\"Responsive v Adaptive Design | Apple Event | Digital Scientists\",\"isPartOf\":{\"@id\":\"https:\/\/digitalscientists.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg\",\"datePublished\":\"2020-10-15T19:55:28+00:00\",\"dateModified\":\"2023-01-25T09:59:15+00:00\",\"description\":\"This week during their \\\"Hi, Speed\\\" event, Apple released its new lineup of iPhones, which just emphasizes the need for adaptive design.\",\"breadcrumb\":{\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#primaryimage\",\"url\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg\",\"contentUrl\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg\",\"width\":1276,\"height\":854,\"caption\":\"Apple Event 2020 Hi, Speed.\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/digitalscientists.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Designing for Apple\u2019s lineup: responsive v. adaptive design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitalscientists.com\/#website\",\"url\":\"https:\/\/digitalscientists.com\/\",\"name\":\"Digital Scientists\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/digitalscientists.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitalscientists.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/digitalscientists.com\/#organization\",\"name\":\"Digital Scientists\",\"url\":\"https:\/\/digitalscientists.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digitalscientists.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2022\/11\/header-logo-light.svg\",\"contentUrl\":\"https:\/\/digitalscientists.com\/wp-content\/uploads\/2022\/11\/header-logo-light.svg\",\"width\":165,\"height\":48,\"caption\":\"Digital Scientists\"},\"image\":{\"@id\":\"https:\/\/digitalscientists.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/digitalscientists.com\/#\/schema\/person\/583f0210afd4612f36fa423a9e8b7ae4\",\"name\":\"Gem Qiao\",\"url\":\"https:\/\/digitalscientists.com\/blog\/author\/gem-qiao\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Responsive v Adaptive Design | Apple Event | Digital Scientists","description":"This week during their \"Hi, Speed\" event, Apple released its new lineup of iPhones, which just emphasizes the need for adaptive design.","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:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/","og_locale":"en_US","og_type":"article","og_title":"Responsive v Adaptive Design | Apple Event | Digital Scientists","og_description":"This week during their \"Hi, Speed\" event, Apple released its new lineup of iPhones, which just emphasizes the need for adaptive design.","og_url":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/","og_site_name":"Digital Scientists","article_published_time":"2020-10-15T19:55:28+00:00","article_modified_time":"2023-01-25T09:59:15+00:00","og_image":[{"width":1276,"height":854,"url":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg","type":"image\/jpeg"}],"author":"Gem Qiao","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Gem Qiao","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Article","BlogPosting"],"@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#article","isPartOf":{"@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/"},"author":{"name":"Gem Qiao","@id":"https:\/\/digitalscientists.com\/#\/schema\/person\/583f0210afd4612f36fa423a9e8b7ae4"},"headline":"Designing for Apple\u2019s lineup: responsive v. adaptive design","datePublished":"2020-10-15T19:55:28+00:00","dateModified":"2023-01-25T09:59:15+00:00","mainEntityOfPage":{"@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/"},"wordCount":511,"publisher":{"@id":"https:\/\/digitalscientists.com\/#organization"},"image":{"@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg","articleSection":["design"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/","url":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/","name":"Responsive v Adaptive Design | Apple Event | Digital Scientists","isPartOf":{"@id":"https:\/\/digitalscientists.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#primaryimage"},"image":{"@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#primaryimage"},"thumbnailUrl":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg","datePublished":"2020-10-15T19:55:28+00:00","dateModified":"2023-01-25T09:59:15+00:00","description":"This week during their \"Hi, Speed\" event, Apple released its new lineup of iPhones, which just emphasizes the need for adaptive design.","breadcrumb":{"@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#primaryimage","url":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg","contentUrl":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2020\/10\/appleevent_2020-1-e1602854914113.jpg","width":1276,"height":854,"caption":"Apple Event 2020 Hi, Speed."},{"@type":"BreadcrumbList","@id":"https:\/\/digitalscientists.com\/blog\/designing-for-apples-lineup-responsive-v-adaptive-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/digitalscientists.com\/"},{"@type":"ListItem","position":2,"name":"Designing for Apple\u2019s lineup: responsive v. adaptive design"}]},{"@type":"WebSite","@id":"https:\/\/digitalscientists.com\/#website","url":"https:\/\/digitalscientists.com\/","name":"Digital Scientists","description":"","publisher":{"@id":"https:\/\/digitalscientists.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitalscientists.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/digitalscientists.com\/#organization","name":"Digital Scientists","url":"https:\/\/digitalscientists.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digitalscientists.com\/#\/schema\/logo\/image\/","url":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2022\/11\/header-logo-light.svg","contentUrl":"https:\/\/digitalscientists.com\/wp-content\/uploads\/2022\/11\/header-logo-light.svg","width":165,"height":48,"caption":"Digital Scientists"},"image":{"@id":"https:\/\/digitalscientists.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/digitalscientists.com\/#\/schema\/person\/583f0210afd4612f36fa423a9e8b7ae4","name":"Gem Qiao","url":"https:\/\/digitalscientists.com\/blog\/author\/gem-qiao\/"}]}},"ticketed":false,"_links":{"self":[{"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/posts\/2699"}],"collection":[{"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/comments?post=2699"}],"version-history":[{"count":0,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/posts\/2699\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/media\/2710"}],"wp:attachment":[{"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/media?parent=2699"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/categories?post=2699"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/tags?post=2699"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/digitalscientists.com\/wp-json\/wp\/v2\/coauthors?post=2699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}