https://www.johngrace.com/contact daily 0.75 2020-03-30 https://www.johngrace.com/whatdog daily 0.75 2019-09-03 https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3c151a1ae6cf89ccf9151c/1538799718012/sketches.png WHAT DOG UX Case Study - SKETCHING IDEAS The wording of a completed match was important so I worked through some rough ideas. https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3c27e92b6a2817333ef1e5/1538799718016/prototype.png WHAT DOG UX Case Study - EARLY USER TESTING Using a paper prototype we We were able to learn if our testers understood the new feature we were implementing and if they understood how it was making their photo match. We wanted users to enjoy seeing their match being made by keeping them entertained while they waited. https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3bc00e0e2e72dc7191d206/1538799717998/melissa.png WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3bc2c9f950b7631c29af0e/1538799718000/harrisonframe.png WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b216d3e1ae6cf26eed2821a/1538799717997/Mockup-Generated-by-Dunnnk.jpg WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3c2d09aa4a9983df4df13a/1538799718018/RESULT.png WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3bd585aa4a99ec4758e54f/1538799718005/ WHAT DOG UX Case Study - WHAT CAR What Car was a fun idea but after our researcher ran it by some car enthusiasts it did't seem right anymore. They were too interested in their own abilities to identify cars and would not use an app to do it. https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3c27d5758d4643597b54fb/1538799718015/report.png WHAT DOG UX Case Study - MISMATCH FLAGGING During testing of the existing app users questioned the flag icon in the bottom tab bar. This is a "report error" button but it wasn't clear what error they were reporting. Users asked what could they do to report a false breed match which is the intent of the button so I worked through ideas to clarify this icon while redesigning the content of the report error modal. https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3c4ecd8a922db5a52a839c/1538799718023/humanmatch.gif WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b084ddc8a922d37c7a01224/1538799718004/IMG_3247.PNG WHAT DOG UX Case Study Take photo of a human to identify their dog breed. https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b084d95758d46948e566e4f/1538799718002/Screen+Shot+2018-05-22+at+2.01.35+PM.png WHAT DOG UX Case Study Take a photo of a dog to identify its breed. https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3bd5bcaa4a99ec4758f15e/1538799718009/persondog.png WHAT DOG UX Case Study - HUMAN TO SPECIFIC DOG PHOTO MATCH This was a loose idea we had from the start after initially playing around with the app and it was the direction we took. Providing users with a dog photo match based on visible traits would likely yield funny matches and more satisfying results than simply identifying them as a breed of dog. https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3c2ed26d2a7346fab8067d/1538799718020/Human+Match.png WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3c424d2b6a281733423e73/1538799718021/dogbreed.gif WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3c4ffcf950b77f516b5da1/1538799718025/Humananotation.png WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b084a12aa4a997f2ed789bb/1538799718011/Screen+Shot+2018-05-25+at+10.38.00+AM.png WHAT DOG UX Case Study https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5b3bd6521ae6cfb0f1da2cdc/1538799718007/ WHAT DOG UX Case Study - WHAT FOOD What Food? https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5bb7c06d9140b7c6a4c728e7/1538799717994/whatdogsplash.png WHAT DOG UX Case Study https://www.johngrace.com/about daily 0.75 2021-08-26 https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5d324ca218cbd700010bf892/1563577519677/profilev2.png ABOUT Climbing in the North Cascades https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5d5dc620d48ef80001235d60/1566426657886/r.png ABOUT https://www.johngrace.com/prea daily 0.75 2018-10-06 https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5bb83b2e71c10bb3c3e531de/1538800839821/preasplash.png PREA - coming soon https://www.johngrace.com/index daily 1.0 2021-12-05 https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5f15c7a1d8faca34e8cb1329/1595262906499/bex.png John Grace | Product Designer - Expedia Micro-site Desktop | Mweb | App https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5d6587a4ca61490001c9a598/1585636877863/playpoolrect.png John Grace | Product Designer - PLAY POOL Social app iOS https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5d65899ff30bd400015a8a64/1629953255726/samsungrect2.png John Grace | Product Designer - Samsung Checkout experience Desktop | PWA https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/612729a61ec7b359a75cc393/1629956896594/neatoposter.png John Grace | Product Designer - Neato Robotics app iOS | Android https://static1.squarespace.com/static/5afb0f6ff2e6b125e1fb269b/t/5d5dc3cf1375b8000177f879/1585636877853/r.png John Grace | Product Designer