{"id":1784,"date":"2012-04-17T10:13:15","date_gmt":"2012-04-17T16:13:15","guid":{"rendered":"http:\/\/alliwalk.com\/blog\/?p=1784"},"modified":"2012-04-17T10:13:15","modified_gmt":"2012-04-17T16:13:15","slug":"sketching","status":"publish","type":"post","link":"https:\/\/alliwalk.com\/blog\/2012\/04\/sketching\/","title":{"rendered":"Sketching!"},"content":{"rendered":"

With a little downtime at work, I’ve been catching up on some nice UX articles online. Here’s one I found about storyboarding iPad transitions using sketching called “Storyboarding iPad Transitions” by Greg Nudelman<\/a>. The article calls out 7 principles that can be applied to storyboarding iPad transitions. <\/p>\n

    \n
  1. Component Relationship (background-foreground)<\/li>\n
  2. Illusion (motion perception and perceptual constancy)<\/li>\n
  3. Exaggeration (highlighting states, actions, and changes in state)<\/li>\n
  4. Staging (camera view, lighting, focus)<\/li>\n
  5. Acceleration and Deceleration (slow in and out)<\/li>\n
  6. Metaphors (using real-world analogies to convey complex digital events)<\/li>\n
  7. Simplicity (avoiding noise)<\/li>\n<\/ol>\n

    Actually, I wish I’d seen this article about 3 months ago as it’s directly related to the mobile project I’m currently working on. I did create a lot of sketches, on Post-Its(!), but I didn’t think so much about documenting the transitions<\/em> as much as focusing on the user flow, which is what I’ve posted examples of below. <\/p>\n

    Here are some examples of what I did:
    \n    \"\"<\/a>\"\"<\/a><\/p>\n

    There’s more available here.<\/a><\/p>\n

    The article really makes it sound like this is a fairly complicated process; a lot of work. But, I think it would be very helpful, depending on your project. Particularly for off-shore development. Unfortunately, my project has simply too many screens to efficiently even sketch the interactions out, let alone wireframe them all. I hope I get to try this out on another, smaller project.<\/p>\n","protected":false},"excerpt":{"rendered":"

    With a little downtime at work, I’ve been catching up on some nice UX articles online. Here’s one I found about storyboarding iPad transitions using sketching called “Storyboarding iPad Transitions” by Greg Nudelman. The article calls out 7 principles that can be applied to storyboarding iPad transitions. Component Relationship (background-foreground) Illusion (motion perception and perceptual … Continue reading “Sketching!”<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[323,321,320,322],"_links":{"self":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/1784"}],"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=1784"}],"version-history":[{"count":5,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/1784\/revisions"}],"predecessor-version":[{"id":1789,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/posts\/1784\/revisions\/1789"}],"wp:attachment":[{"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/media?parent=1784"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/categories?post=1784"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/alliwalk.com\/blog\/wp-json\/wp\/v2\/tags?post=1784"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}