https://www.sykesjohn.com/home daily 1.0 2020-05-21 https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7abe49567f3777ea399724/1589316442017/nasa-instrument-iteration.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d7ab6328d0d0643bce74279/5d7ab767f6a5de4ec17a57a1/1589316442000/marsglobe+%281%29.png Home - Mars Globe https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d7ab6328d0d0643bce74279/5d7ab65374a611579e207369/1589316441996/Instrument+Data+Viz+Storyboard.png Home - Instrument Health Display how favorable conditions were for the usage of a particular instrument on the rover at a given time. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d7ab6328d0d0643bce74279/5d7ab63374a611579e206ec7/1589316441984/Tau-mapping.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d76f8258ba70f7fc57d97d0/1589316441953/nasa-competitive-analysis+%281%29.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d76d4b55043af20c0b4e696/1589316441932/Asset+3-8.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7ab1f432e4730e2e6ca272/1589316441981/ Home We used the design requirements to evaluate and narrow down 400 features and concepts. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d77044a5814032c1a80195c/1589316441970/Asset+6-8.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7acc1c4199d84f2aa40811/1589316441921/Lrroi.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d76ca855043af20c0b3d19d/1589316441940/nasa-global-dust-storm.png Home Atmospheric opacity (tau) is a measure of optical depth or how much sunlight can penetrate the atmosphere. Since Mars is covered with dust, the higher the tau value means there’s more dust in the air, and less sunlight can reach the surface. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d77047a3d27287f52ca0044/1589316441976/Asset+3-8.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7704698ba70f7fc57eba3d/1589316441961/ Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7abb5f567f3777ea3940af/1589316442013/nasa-paper-prototype+%281%29.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d77041b8ba70f7fc57eb3cf/1589316441958/Asset+2-8.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7abea48ed7956eb1e5bb9f/1589316442022/nasa-rover-view-iteration.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7abf03567f3777ea39a993/1589316442027/nasa-seasonal-tau-iteration.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7704383d27287f52c9fbaa/1589316441965/ Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cec84a4fa0d606ea9c4216b/1559004339824/Screen+Shot+2019-05-27+at+5.45.02+PM.png Home We used these images because my research had revealed devices which relies on pattern recognition would need to utilize concrete, universal objects as references rather than those that evoke strong emotions or abstract concepts…. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d09510c670b59000119d255/1560891673775/Participants1.png Home The participant breakdown for initial research by age, sex, and mobile platform https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf81fc882ef850001a2606f/1559764937892/Untitled-1.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cec7907652dea904b768859/1559001435127/Screen+Shot+2019-05-23+at+9.37.29+AM.png Home Utilizing spare electronics, a pair of glasses frames, and a remote-controlled Keynote deck, we built a low-fidelity version of our ‘Brainwave Authentication Device.’ https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf822ab7a7e30000117e35b/1559765679168/ Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5cec983af4e1fccb2293052c/5cec98af085229ffac194db3/1559009543069/WhiteHat.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5cec983af4e1fccb2293052c/5cec983a9b747a2124093bb4/1559761556697/Technopath.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf8084117a7a50001ee9073/1559758920223/IMG_20190604_141707.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf80bea5daa440001024340/1559759855951/BlurredParticipantPhoto.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d1522d8fe74b300013abd6d/1561666292149/Artboard+1.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ce9f810f4e1fccb227c32d7/1558837277685/Screen+Shot+2019-05-25+at+7.20.09+PM.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cec84e915fcc0da649d762b/1559004413473/ Home A simulation of ThnoughtID in the real world, applied to a mobile phone and a locked door. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cec946b7817f71809d91d38/1559008380177/Screen+Shot+2019-05-27+at+6.52.27+PM.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf808c017a7a50001ee97a3/1559759043924/Screen%2BShot%2B2019-06-05%2Bat%2B11.15.04%2BAM.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ce050542cb6cf00014251f5/5ce050553fdc1e000141d8d5/1558628055440/Screen%2BShot%2B2019-04-29%2Bat%2B3.29.00%2BPM+%281%29.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ce050542cb6cf00014251f5/5ce05054dc364f0001ef84ee/1558628055437/Screen%2BShot%2B2019-04-29%2Bat%2B3.28.45%2BPM.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ce050542cb6cf00014251f5/5ce050540f06d30001f98136/1558628055433/Screen%2BShot%2B2019-04-29%2Bat%2B3.28.13%2BPM.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ccde8c5a9c5690001a5c674/5ce322c338bb9e0001a3d909/1558628055398/image2.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ccde8c5a9c5690001a5c674/5ce0369bad659800019df4e8/1558628055396/image3.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ccde8c5a9c5690001a5c674/5ce0369728ec660001710267/1558628055392/image1.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ccde76171c10b7dac27cb31/1558628055390/5CRE0gVMQlEcCsHNsDAjl5J8NYifKE9Af9c3lhM8GSjAD48oi0Pn4Sml3ODuv73xYGLKvshXoPGd30mZfkCQ9ZbubccxZidV9cNg_aqnDbjakG402US-R_8Vs5SXghg4WmP4VuaYXA4.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cce5d2071c10b7dac2ace42/1558628055430/otherthing.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ce03fe1fc145d0001f30bdc/1558628055418/KeyPath1Gif.gif Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ce312e7b638bf0001164bf5/1558628055415/ Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5cce19b2e2c4833aaec12ef7/5cce1e6ceef1a108d731fdab/1558628055407/Screen+Shot+2019-05-04+at+4.20.51+PM.png Home - Study Findings: Accepting a Last-Minute Appointment This path was well understood by all participants. There were some requests for native calendar integration. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5cce19b2e2c4833aaec12ef7/5cce1d1aeb3931597f909430/1558628055404/Screen+Shot+2019-05-04+at+4.15.15+PM.png Home - Study Findings: Cancelling an Appointment The “My Appointments” section of the homescreen did not clearly communicate multiple doctors appointments with the same doctor. Doctor detail screen does not contain enough new information. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5cce19b2e2c4833aaec12ef7/5cce19b3b208fc5e822446b4/1558628055401/LowFi1.png Home - Study Findings: Requesting an Appointment The function of the Upcoming Appointments list on the homescreen was unclear. The layout of the Time Selection screen was unclear. The hierarchy of the doctor information in the Schedule Appointment screen should prioritize availability rather than address. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf81eee03566d000187f4ee/1561580232133/StatsWexel.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf2f278e7617c000115a386/1561580232154/ Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ce31279bcdcd70001de4dba/1558628055421/ Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ce0428d62f60d0001bb14e4/1558628055425/Keypath2Gif.gif Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf300a8c3e8000001594880/1559429318843/Wexel.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ce312dbfe6ce300019b1c64/1558628055412/ Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cce5d76e2c4833aaec2c753/1558628055428/Time_location.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d095bc332086d0001fbe63e/5d095c4fc2341b0001fe80cf/1561580232150/jc.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d095bc332086d0001fbe63e/5d095bfcaeaadd00016677b6/1561580232147/es.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d095bc332086d0001fbe63e/5d095bdd08719c0001567000/1561580232143/Screen+Shot+2019-06-18+at+2.46.59+PM.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d095bc332086d0001fbe63e/5d095bc3d70977000173e6b4/1561580232136/JA.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ce31358808ca700013e01ee/1558628055410/image1.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ce3128598a4090001f24d23/1558628055423/image1.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d1d32791ec56e0001276773/1562194558448/Asset+1%402x-100.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d1e6ff25e9d7a00010ed482/1562275911072/HuluMenuMedium.gif Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d1d347b3434970001f58c0f/1562195075388/New-Hulu.com-Laptop_r3.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d13dc40b1d7c30001360b3e/1561583670979/ Home Content Card Sort Dendrogram https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d1e7531ae39c800014eae1f/5d1e75378df1e600014998ed/1562277176613/Untitled-1Artboard+1.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5d1e7531ae39c800014eae1f/5d1e753111031d0001f2415e/1562277178852/Screen+Shot+2019-06-26+at+2.32.10+PM.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d13daf504c48b0001b1e66e/1561582337200/ Home Hulu’s previous navigation, prioritizing Movies and TV along with select genres. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d1e76bfae39c800014ec211/1565720717275/Screen+Shot+2019-07-04+at+12.43.36+PM.png Home Live version of Hulu Web Navigation https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d13dc60d81ead0001134512/1561583677546/ Home Category Card Sort Dendrogram https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d13e49444babf0001e21d5e/1561660059062/ Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d151929a199c1000164f89d/1561663821082/Artboard+1.png Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7ae1b6374a006dcb423581/1588798831713/Cascade_Wexel_Presentation2.001.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7ae1f6ec71ca18222dfa0b/1568334328452/Hulu-Blk-on-Grn-Interactive.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7ae240aa8a98291242a608/1568334402575/Artboard%252B1.jpg Home https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5d7ae28b5b79f651b1b08497/1589316441917/TitleCard.jpg Home https://www.sykesjohn.com/about daily 0.75 2020-05-06 https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5eb32cc3d055ef42c3a03d16/1588800713632/SykesJohn_Resume_05062020.jpg About https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5cf2f4b1c3e800000158e29e/1559426230114/ About https://www.sykesjohn.com/nfl daily 0.75 2020-05-21 https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191f88f0b3f0ad6754e0b/5ec1c11ac9d64037cc9bd7f7/1589756218899/Flow+4%3A+Watch+In+Market+Game+Live.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191f88f0b3f0ad6754e0b/5ec1c116feaa194a8172344b/1589756213657/Flow3%3A+Watch+Last+week+Games.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191f88f0b3f0ad6754e0b/5ec1c10357dcf4405a69c8f9/1589756185484/Flow2%3A+Partialy+avail+Game.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191f88f0b3f0ad6754e0b/5ec1c0ee5bddb16cf6df25a1/1589756169586/Flow3%3A+Watch+Last+week+Games.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191f88f0b3f0ad6754e0b/5ec1c0e70bcf3d6a67c78007/1589756160077/Flow2%3A+Partialy+avail+Game.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191f88f0b3f0ad6754e0b/5ec1c0d2f718486a6558de20/1589756144164/Artboard.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec331c461caf25e581ac10b/5ec331f5476d2c49099edc1e/1589852645346/IMG_20200518_171337.jpg NFL Game Pass - Game Pass Integration: Listen Live These were my initial sketches around how to integrate Game Pass features into the larger information architecture. I included a Watch and Listen functions for Live games. In the case of a final game, the CTA would switch to Replay and Highlights. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec331c461caf25e581ac10b/5ec331f451296f13b9156754/1589852396272/IMG_20200518_171330.jpg NFL Game Pass - Game Pass Integration: Upsell Modal The addition of Listen Live CTA in a locked state was intended to surface an under-utilized, but valued feature according to fans. Here, it’s used as a ‘next-best-option’ for fans who would prefer to watch the game live, but can not due to regional blackout rules. Many fans were not aware of this Game Pass feature and my intent was to surface it using a locked state CTA, which leads to the Game Pass upsell I’ve roughly sketched next to it. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec331c461caf25e581ac10b/5ec331e747920b50fd262527/1589851854825/IMG_20200518_171322.jpg NFL Game Pass - Scores Toggle: Placement 2 Another toggle exploration I tried. This one was an exploration just to see how a hamburger menu might function on a modal. I quickly decided against this treatment after the sketch. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec331c461caf25e581ac10b/5ec331e7a76083511e1c35af/1589851768517/IMG_20200518_171315.jpg NFL Game Pass - Scores Toggle: Placement 1 I tried a few different explorations to see how I could integrate the scores toggle, which was one of the valued features in Game Pass according to our fan surveys as it is essentially spoiler protection for games a fan may not have seen. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec331c461caf25e581ac10b/5ec331d9fb18bc79a5219a19/1589851943057/IMG_20200518_171307.jpg NFL Game Pass - Score Toggle: Placement 3 This page behaves differently depending on if it is a game day or not. On a game day, there is a Livestream of the current in-market game. I wanted to see how the toggle placement would work on both gamedays and non-gamedays. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec331c461caf25e581ac10b/5ec331d949f63d22c631b3f5/1589851149235/IMG_20200518_171258.jpg NFL Game Pass - Toggle Exploration Here I sketched some potential solutions to the scores toggle. I was focused on both the nomenclature and the icons as they both can inform each other. My preference was for the Scores (Show/Hide) concept as it used the smallest real estate and I ft it was the clearest. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec331c461caf25e581ac10b/5ec331c51b61c605ab1e734e/1589852477680/IMG_20200518_171251.jpg NFL Game Pass - Game Pass Integration: Icon Exploration This is another exploration I attempted to see if I could use iconography to reduce the number of text buttons on the element. Although I did not use this treatment in the mobile app, it did inform a later design I did for Game Pass’ web platform. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec331c461caf25e581ac10b/5ec331c551296f13b91560c0/1589850864769/IMG_20200518_171241.jpg NFL Game Pass - Game Details Page These are three different concepts for a potential Game Details page where a fan could go to get more information on a specific game and see which media related to it was available. Here I was playing around with how to organize the metadata and CTAs in the clearest way. https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ebb0b59feb6471a6043c79a/1568328735451/Lrroi.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191dff718486a6550c13c/5ec1922257dcf4405a6154fd/1589744251079/Artboard+Copy+3.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191dff718486a6550c13c/5ec1920f377f3d1b43ba18cf/1589744216359/Artboard+Copy+2.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191dff718486a6550c13c/5ec191e29974cb409f0813ad/1589744150086/Artboard+Copy.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/5ec191dff718486a6550c13c/5ec191df3ca6b4722ced56c0/1589744172830/Artboard.jpg NFL Game Pass https://static1.squarespace.com/static/5ccb6e61fb22a54fefcf00da/t/5ebb0b59feb6471a6043c797/1568334477977/TitleCard.jpg NFL Game Pass