{"id":2009,"date":"2017-02-22T11:39:13","date_gmt":"2017-02-22T17:39:13","guid":{"rendered":"http:\/\/alliwalk.com\/blog\/?p=2009"},"modified":"2017-07-05T17:05:09","modified_gmt":"2017-07-05T23:05:09","slug":"ios-design-planning","status":"publish","type":"post","link":"https:\/\/alliwalk.com\/blog\/2017\/02\/ios-design-planning\/","title":{"rendered":"Skillshare Course in iOS Design: Planning"},"content":{"rendered":"<h1><em>Introduction<\/em><\/h1>\n<p>As I mentioned in <a href=\"http:\/\/alliwalk.com\/blog\/?p=1969\">a previous post<\/a>, I recently completed a Skillshare class on iOS design. The focus of the course is to take an existing app and update it. Part 1 of the 3-part course is all about UX design. The instructor takes students through planning, personas, user journeys, and wireframes. Here is the work I did for Part 1.<\/p>\n<h2>Planning<\/h2>\n<p>The app I selected was Axis 360. This is an app that allows people to checkout audiobooks and e-books using their library card. It&#8217;s an app that I&#8217;ve been using quite a bit and I wanted to focus on improving it if possible.<\/p>\n<p>The first thing I did was take screenshots of the existing app.<\/p>\n<div id='gallery-1' class='gallery galleryid-2009 gallery-columns-3 gallery-size-medium'><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/MyStuff.png'><img width=\"169\" height=\"300\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/MyStuff-169x300.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-2014\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/MyStuff-169x300.png 169w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/MyStuff-576x1024.png 576w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/MyStuff.png 750w\" sizes=\"(max-width: 169px) 85vw, 169px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-2014'>\n\t\t\t\t&#8220;My Stuff&#8221;\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen.png'><img width=\"169\" height=\"300\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen-169x300.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-2013\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen-169x300.png 169w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen-576x1024.png 576w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/BookScreen.png 750w\" sizes=\"(max-width: 169px) 85vw, 169px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-2013'>\n\t\t\t\tBook detail\n\t\t\t\t<\/figcaption><\/figure><figure class='gallery-item'>\n\t\t\t<div class='gallery-icon portrait'>\n\t\t\t\t<a href='https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Playback.png'><img width=\"169\" height=\"300\" src=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Playback-169x300.png\" class=\"attachment-medium size-medium\" alt=\"\" loading=\"lazy\" aria-describedby=\"gallery-1-2015\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Playback-169x300.png 169w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Playback-576x1024.png 576w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/Playback.png 750w\" sizes=\"(max-width: 169px) 85vw, 169px\" \/><\/a>\n\t\t\t<\/div>\n\t\t\t\t<figcaption class='wp-caption-text gallery-caption' id='gallery-1-2015'>\n\t\t\t\tPlayback\n\t\t\t\t<\/figcaption><\/figure>\n\t\t<\/div>\n\n<p>&nbsp;<\/p>\n<p>The course then begins by creating a high level list of activities someone can complete on the app. I focused on listening to an audiobook. The instructor used sticky notes, so I did too.<\/p>\n<figure id=\"attachment_2016\" aria-describedby=\"caption-attachment-2016\" style=\"width: 840px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6491.jpg\"><img loading=\"lazy\" class=\"wp-image-2016 size-large\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6491-1024x768.jpg\" alt=\"Scenarios\" width=\"840\" height=\"630\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6491-1024x768.jpg 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6491-300x225.jpg 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6491-768x576.jpg 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/IMG_6491-1200x900.jpg 1200w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><figcaption id=\"caption-attachment-2016\" class=\"wp-caption-text\">Scenarios. (You can see sketches on the reverse page.)<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2>User Journey<\/h2>\n<p>From there, I created a high-level user journey. This includes a screen with a list of checked out books, a book detail screen, and a playback screen.<\/p>\n<figure id=\"attachment_2017\" aria-describedby=\"caption-attachment-2017\" style=\"width: 840px\" class=\"wp-caption alignleft\"><a href=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/userjourney.png\"><img loading=\"lazy\" class=\"wp-image-2017 size-large\" src=\"http:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/userjourney-1024x534.png\" alt=\"User Journey\" width=\"840\" height=\"438\" srcset=\"https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/userjourney-1024x534.png 1024w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/userjourney-300x156.png 300w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/userjourney-768x400.png 768w, https:\/\/alliwalk.com\/blog\/wp-content\/uploads\/2017\/02\/userjourney.png 1140w\" sizes=\"(max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><\/a><figcaption id=\"caption-attachment-2017\" class=\"wp-caption-text\">User Journey, for Axis 360<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<h2><\/h2>\n<h2>Personas<\/h2>\n<p>At this point in the course, the instructor introduced personas. In this case, these were proto-personas. I admit that I did not complete this part of the 3-part course.<\/p>\n<p>My philosophy is that personas are only useful if they can be validated by objective data. This includes providing completed personas to a client, or by interviewing potential users. In my case, I had neither a client nor potential users. Unvalidated user needs, demographic data (age, marriage status, gender), and interests (stock-car racing) would be a work of fiction and thus useless in directing the experience. So, I skipped this step, although I came back to it during the visual design phase.<\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h3><em>Next up&#8230;<\/em><\/h3>\n<p>In the next post, I&#8217;ll talk about sketches and wireframes.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction As I mentioned in a previous post, I recently completed a Skillshare class on iOS design. The focus of the course is to take an existing app and update it. Part 1 of the 3-part course is all about UX design. The instructor takes students through planning, personas, user journeys, and wireframes. Here is &hellip; <a href=\"https:\/\/alliwalk.com\/blog\/2017\/02\/ios-design-planning\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Skillshare Course in iOS Design: Planning&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":2016,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[4,1,343,3],"tags":[331,390,391,480,341,387,389,388],"_links":{"self":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2009"}],"collection":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/comments?post=2009"}],"version-history":[{"count":11,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2009\/revisions"}],"predecessor-version":[{"id":2054,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/2009\/revisions\/2054"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/media\/2016"}],"wp:attachment":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/media?parent=2009"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/categories?post=2009"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/tags?post=2009"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}