{"id":1322,"date":"2010-12-14T14:25:23","date_gmt":"2010-12-14T21:25:23","guid":{"rendered":"http:\/\/dabbble.tumblr.com\/post\/2315892134"},"modified":"2010-12-14T14:25:23","modified_gmt":"2010-12-14T21:25:23","slug":"another-iphone-app-ui-by-jeremiah-shaw","status":"publish","type":"post","link":"https:\/\/bibik.org\/index.php\/2010\/12\/14\/another-iphone-app-ui-by-jeremiah-shaw\/","title":{"rendered":"Another iPhone app UI by Jeremiah Shaw"},"content":{"rendered":"<p><strong><a href=\"http:\/\/dribbble.com\/shots\/89697-iPhone-app-UI\">The Shot<\/a><\/strong><\/p>\n<p><a href=\"http:\/\/dribbble.com\/shots\/89697-iPhone-app-UI\"><img decoding=\"async\" src=\"http:\/\/media.tumblr.com\/tumblr_ldfs4mXCcS1qzmda4.png\"\/><\/a><\/p>\n<p><strong>The Original Layout<\/strong><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/media.tumblr.com\/tumblr_ldfs5hyyw91qzmda4.png\"\/><\/p>\n<p>I had to make some assumptions as to the purpose of this screen. \u00c2\u00a0I\u00e2\u20ac\u2122m assuming the user clicked on one of their tasks and this is the task update screen. \u00c2\u00a0 The previous <a href=\"http:\/\/dribbble.com\/shots\/89696-App-UI\">Shot on Dribbble<\/a> shows tips and encouragements, so I\u00e2\u20ac\u2122m assuming that\u00e2\u20ac\u2122s what \u00e2\u20ac\u0153ask for help\u00e2\u20ac\u009d is all about. \u00c2\u00a0<\/p>\n<p>The slider is gorgeous, but is it adjusting the timeframe (\u00e2\u20ac\u0153now\u00e2\u20ac\u009d versus \u00e2\u20ac\u0153later\u00e2\u20ac\u009d) or the completion percentage of the task? \u00c2\u00a0 Is the checkbox for marking the task as complete?<\/p>\n<p><strong>I\u00e2\u20ac\u2122ll do the layout<\/strong><\/p>\n<p><img decoding=\"async\" src=\"http:\/\/media.tumblr.com\/tumblr_ldfspftc9U1qzmda4.png\"\/><\/p>\n<p>The header was a bit cluttered with an assortment of actions. \u00c2\u00a0If this is truly a task update screen, let\u00e2\u20ac\u2122s make it a normal Cancel\/Save header. \u00c2\u00a0Of course, keep the custom button treatment.<\/p>\n<p>We can keep the now\/later indicator and the slider together. \u00c2\u00a0 \u00c2\u00a0The slider is so beautiful, make it bigger! \u00c2\u00a0 \u00c2\u00a0If that checkbox really is a \u00e2\u20ac\u0153complete\u00e2\u20ac\u009d control, let\u00e2\u20ac\u2122s pull that out. \u00c2\u00a0 The user should be excited to complete a task, so make it a big beautiful button that has a clear call-to-action. \u00c2\u00a0 Additionally, have a help call-to-action.<\/p>\n<p>The text at the bottom of the Shot was just helper text, right? \u00c2\u00a0 If so, we can still tuck that at the bottom of the screen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Shot<\/p>\n<p>The Original Layout<\/p>\n<p>I had to make some assumptions as to the purpose of this screen. \u00c2\u00a0I\u00e2\u20ac\u2122m assuming the user clicked on one of their tasks and this is the task update screen. \u00c2\u00a0 The previous Shot on Dribbble shows tips and encouragements, &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1322","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/posts\/1322","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/comments?post=1322"}],"version-history":[{"count":0,"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/posts\/1322\/revisions"}],"wp:attachment":[{"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/media?parent=1322"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/categories?post=1322"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/bibik.org\/index.php\/wp-json\/wp\/v2\/tags?post=1322"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}