{"id":680,"date":"2020-10-13T07:07:32","date_gmt":"2020-10-13T07:07:32","guid":{"rendered":"https:\/\/artattackk.com\/blogs\/?post_type=uiux&p=680"},"modified":"2024-07-17T09:47:42","modified_gmt":"2024-07-17T09:47:42","slug":"beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone","status":"publish","type":"uiux","link":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/","title":{"rendered":"BEGINNER\u2019S GUIDE TO UX DESIGN And the role of UX in the birth of the iPhone"},"content":{"rendered":"

A high executive from Microsoft was once bragging to Steve Jobs at a family function about how Microsoft was going to rule the world with their tablets and stylus pens, and that Apple should just license it. Jobs hated this person passionately, and he lost his patience at this conversation.\u00a0<\/span><\/p>\n

During this period Apple had developed a prototype of an Ipad on which you could move photos with your fingers. Steve approached Scott Forstall, former head of iOS, and asked,<\/span><\/p>\n

\u00a0\u201c<\/span>Do you think you could take that demo that we\u2019re doing with the tablet and the multi-touch and shrink it down to something small enough to fit in your pocket?\u201d<\/span><\/p>\n

When the design team presented a prototype of a phone, Steve said, \u201cput the tablet on hold, let\u2019s build a phone.\u201d<\/span><\/p>\n

And that\u2019s how the iPhone came into the picture.<\/span><\/p>\n

Steve Jobs hated styluses. He knew the importance of user experience which, in this situation, dictated that the users didn\u2019t need a stylus but an easy to use the phone.<\/b><\/em><\/p>\n

Below is a beginner\u2019s guide to user experience and its use in design.<\/span><\/p>\n

\u00a0<\/span>What is User Experience?<\/b><\/h3>\n

\"Several<\/p>\n

User experience, commonly known as UX, is a person\u2019s emotions and attitudes about using a particular product, system, or service. It is the pattern of interaction between humans and computers when it comes to digital products.\u00a0<\/span><\/p>\n

If the user expects an easy and fun way to achieve the goals through your product, the UX design delivers this easy and fun experience.<\/span><\/p>\n

UX DESIGN IS THE BRIDGE BETWEEN THE PAIN POINTS THAT USERS EXPERIENCE WITH AVAILABLE SOLUTIONS AND GOALS THAT THE NEW SOLUTION AIMS TO SOLVE.<\/b><\/p>\n

The UX Design can be summarised into 6 steps:<\/span><\/p>\n

1.<\/strong>\u00a0<\/span>Analyzing Data:<\/strong> User-centric design is based on data. The data collected from user observation leads you from understanding their pain points to ideating a product that will solve those pain points.<\/p>\n

There are two types of user data:<\/b><\/p>\n

\u00a0 \u00a0 \u00a0 1.<\/b>Quantitative:<\/b> Quantitative data tells you what is happening. The sources of quantitative data are page views,\u00a0 \u00a0 \u00a0 \u00a0click rates, session duration, conversion rates, bounce rates, etc.<\/p>\n

\u00a0 \u00a0 \u00a0 2.<\/b>Qualitative:<\/b> Qualitative data tells you why something is happening. The sources can be user interviews,\u00a0 \u00a0 \u00a0observing users performing the activity that you care about, surveys, reviews, etc.\u00a0\u00a0\u00a0<\/span><\/p>\n

Quantitative data tells you where your users are struggling, while qualitative data tells you why they are struggling.<\/b><\/p>\n

\u00a0 2.<\/strong> Creating Personas:<\/strong> Personas give you a clear picture of who your users are and what are their pain points.\u00a0 They allow the entire team to get on the same page and develop and deliver to the people with similar attributes.<\/p>\n

 <\/p>\n

\u201cPersonas are imaginary yet realistic and detailed descriptions of the users of your product.\u201d<\/b><\/em><\/p>\n

– Chriss Nodder.\u00a0<\/b><\/em><\/p>\n

When you are creating personas for your product\/service you are describing your target user in as much detail as possible. These descriptions include likes-dislikes, user quotes, needs, pain points, goals, etc. <\/span><\/p>\n

\u00a0 3.<\/strong> Ideation:<\/strong> After chalking down personas and their pain points it\u2019s time to get creative. Ideation is the process of coming up with the best possible solutions for user pain points. Ideation should involve no restrictions.<\/p>\n

 <\/p>\n

\u201cIdeation is when building castles in the air is considered as talent.\u201d<\/b><\/em><\/p>\n

–\u00a0<\/b>Jason Ho<\/b><\/em><\/p>\n

4.Storyboarding: <\/b>Describing how you expect users to complete their task is the first step to develop a software solution to the problems you identified. Storyboards help you convert these expectations into stories.<\/p>\n

 <\/p>\n

If the user is the main character of your novel, your product is the user\u2019s magic lamp, and the storyboard is the novel.\u00a0<\/b><\/p>\n

Storyboarding puts the restriction-free ideation process to check in the real world. It ensures that the solution you design will be buildable by your team and desirable by users.\u00a0<\/span><\/p>\n

\u00a0 \u00a0 5. Prototyping: <\/b>Once the ideation and storyboarding processes are completed the team moves on to prototyping. A prototype is a mockup of the solution that the team desires to offer the users to achieve its goals.<\/p>\n

The 2 steps in Prototyping are<\/b><\/p>\n

1.Paper Prototype:<\/b> A paper prototype is your product\u2019s mockup and functionality from beginning to end on a piece of paper.<\/span><\/p>\n

\u201cThe less cost you sink into a prototype the less concern you\u2019ll have about throwing it out and starting again if you get things wrong.\u201d<\/b><\/p>\n

– Chriss Nodder<\/b><\/p>\n

2. Interactive Prototype: Based on the finalized paper prototype, an interactive prototype is designed to demonstrate how the product interaction might work and look like. Consider this to be the beta version of your product.\u00a0<\/span><\/b><\/p>\n

    \n
  1. Evaluation: <\/b>When the interactive prototype is tested with representative users the data and observations collected are to be evaluated. Based on this evaluation a <\/span>Usability Report <\/b>is generated. The Usability Report contains the following information:<\/span><\/li>\n<\/ol>\n

     <\/p>\n

     <\/p>\n

    Background:<\/em><\/strong> What was tested, the environment under which testing was conducted, and who conducted the tests?<\/span><\/b><\/p>\n

     <\/p>\n

    Methods of Testing:<\/em> What activities did you ask the users to perform, what questions did you ask, what data did you collect, subtle observations?<\/span><\/b><\/p>\n

    Test Results:<\/em> The quantitative and qualitative data collected, user quotes, user actions, etc. The intent here is to understand whether the product has negated all the previous pain points and helps the user to achieve the goals that they intend to achieve.<\/span><\/p>\n

    Further Recommendations:<\/em> Based on the above test results what changes do you recommend and how will that alter the user experience.\u00a0<\/span><\/p>\n

     <\/p>\n

     <\/p>\n

    Remember user-centric design is a result of teamwork and cannot happen in isolation. And, the entire team\u2019s focus is to prioritize, not what feels good to them, but the user.\u00a0<\/span><\/p>\n

     <\/p>\n

    \u201cPeople ignore design that ignores people.\u201d<\/b><\/p>\n

    – Frank Chimero<\/b><\/p>\n

     <\/p>\n

     <\/p>\n

    Check out other blog articles at https:\/\/www.artattackk.com\/blog\/<\/a>\u00a0<\/span><\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

     <\/p>\n

    <\/h3>\n

     <\/p>\n

     <\/p>\n","protected":false},"featured_media":681,"template":"","class_list":["post-680","uiux","type-uiux","status-publish","has-post-thumbnail","hentry","entry"],"yoast_head":"\nBEGINNER\u2019S GUIDE TO UX DESIGN | UX in the birth of the iPhone<\/title>\n<meta name=\"description\" content=\"Get started with UX design and understand its role in the birth of the iPhone with this comprehensive beginner's guide. Learn about user research and wireframing.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"BEGINNER\u2019S GUIDE TO UX DESIGN | UX in the birth of the iPhone\" \/>\n<meta property=\"og:description\" content=\"Get started with UX design and understand its role in the birth of the iPhone with this comprehensive beginner's guide. Learn about user research and wireframing.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/\" \/>\n<meta property=\"og:site_name\" content=\"wordpress\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-17T09:47:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/artattackk.com\/blogs\/wp-content\/uploads\/2024\/04\/001-beginners-guide-to-ux-design.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"616\" \/>\n\t<meta property=\"og:image:height\" content=\"313\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/\",\"url\":\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/\",\"name\":\"BEGINNER\u2019S GUIDE TO UX DESIGN | UX in the birth of the iPhone\",\"isPartOf\":{\"@id\":\"https:\/\/artattackk.com\/blogs\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/artattackk.com\/blogs\/wp-content\/uploads\/2024\/04\/001-beginners-guide-to-ux-design.webp\",\"datePublished\":\"2020-10-13T07:07:32+00:00\",\"dateModified\":\"2024-07-17T09:47:42+00:00\",\"description\":\"Get started with UX design and understand its role in the birth of the iPhone with this comprehensive beginner's guide. Learn about user research and wireframing.\",\"breadcrumb\":{\"@id\":\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#primaryimage\",\"url\":\"https:\/\/artattackk.com\/blogs\/wp-content\/uploads\/2024\/04\/001-beginners-guide-to-ux-design.webp\",\"contentUrl\":\"https:\/\/artattackk.com\/blogs\/wp-content\/uploads\/2024\/04\/001-beginners-guide-to-ux-design.webp\",\"width\":616,\"height\":313,\"caption\":\"blog thumbnail\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/artattackk.com\/blogs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"BEGINNER\u2019S GUIDE TO UX DESIGN And the role of UX in the birth of the iPhone\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/artattackk.com\/blogs\/#website\",\"url\":\"https:\/\/artattackk.com\/blogs\/\",\"name\":\"wordpress\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/artattackk.com\/blogs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"BEGINNER\u2019S GUIDE TO UX DESIGN | UX in the birth of the iPhone","description":"Get started with UX design and understand its role in the birth of the iPhone with this comprehensive beginner's guide. Learn about user research and wireframing.","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:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/","og_locale":"en_US","og_type":"article","og_title":"BEGINNER\u2019S GUIDE TO UX DESIGN | UX in the birth of the iPhone","og_description":"Get started with UX design and understand its role in the birth of the iPhone with this comprehensive beginner's guide. Learn about user research and wireframing.","og_url":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/","og_site_name":"wordpress","article_modified_time":"2024-07-17T09:47:42+00:00","og_image":[{"width":616,"height":313,"url":"https:\/\/artattackk.com\/blogs\/wp-content\/uploads\/2024\/04\/001-beginners-guide-to-ux-design.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/","url":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/","name":"BEGINNER\u2019S GUIDE TO UX DESIGN | UX in the birth of the iPhone","isPartOf":{"@id":"https:\/\/artattackk.com\/blogs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#primaryimage"},"image":{"@id":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#primaryimage"},"thumbnailUrl":"https:\/\/artattackk.com\/blogs\/wp-content\/uploads\/2024\/04\/001-beginners-guide-to-ux-design.webp","datePublished":"2020-10-13T07:07:32+00:00","dateModified":"2024-07-17T09:47:42+00:00","description":"Get started with UX design and understand its role in the birth of the iPhone with this comprehensive beginner's guide. Learn about user research and wireframing.","breadcrumb":{"@id":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#primaryimage","url":"https:\/\/artattackk.com\/blogs\/wp-content\/uploads\/2024\/04\/001-beginners-guide-to-ux-design.webp","contentUrl":"https:\/\/artattackk.com\/blogs\/wp-content\/uploads\/2024\/04\/001-beginners-guide-to-ux-design.webp","width":616,"height":313,"caption":"blog thumbnail"},{"@type":"BreadcrumbList","@id":"https:\/\/artattackk.com\/blogs\/ui-ux\/beginners-guide-to-ux-design-and-the-role-of-ux-in-the-birth-of-the-iphone\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/artattackk.com\/blogs\/"},{"@type":"ListItem","position":2,"name":"BEGINNER\u2019S GUIDE TO UX DESIGN And the role of UX in the birth of the iPhone"}]},{"@type":"WebSite","@id":"https:\/\/artattackk.com\/blogs\/#website","url":"https:\/\/artattackk.com\/blogs\/","name":"wordpress","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/artattackk.com\/blogs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/artattackk.com\/blogs\/wp-json\/wp\/v2\/uiux\/680","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artattackk.com\/blogs\/wp-json\/wp\/v2\/uiux"}],"about":[{"href":"https:\/\/artattackk.com\/blogs\/wp-json\/wp\/v2\/types\/uiux"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/artattackk.com\/blogs\/wp-json\/wp\/v2\/media\/681"}],"wp:attachment":[{"href":"https:\/\/artattackk.com\/blogs\/wp-json\/wp\/v2\/media?parent=680"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}