https://drfoxdesign.com/blog daily 0.75 2024-06-27 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719522047006-FIOCPKMUIESAIGMP2TBJ/Writing+1.jpg Blog https://drfoxdesign.com/blog/awe-2024 monthly 0.5 2024-07-10 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719517484013-840F6BWKHP5JYIVB355U/Blind+2.png Blog - AWE 2024: Insert AI Here A phone identifies products on a shelf from afar using QR codes. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719517614995-FHD1FR7A1NUQKNM8WAM5/Blind+3.png Blog - AWE 2024: Insert AI Here An Ocutrx head-mounted AR display. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719517649435-X5YMS5AZ1H1YZIT1UGKX/Blind+4.png Blog - AWE 2024: Insert AI Here A woman wearing dark glasses and holding a phone listens to sounds that guide her around a museum. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/43e545bf-de58-4f97-af5e-0b5be5a7aa5c/Authenticity+1.png Blog - AWE 2024: Insert AI Here - Make it stand out Cryptography can be used to link 2D and 3D images to confirm authenticity. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/937fd4c6-7700-47c3-8cef-c0023c7ac3a0/Legal+1.jpg Blog - AWE 2024: Insert AI Here - Make it stand out Much research is still required to flesh out the policies and regulations that will safekeep XR. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719521053244-MR3SHZID6V8TK5PQC04V/Expo%252B4.jpg Blog - AWE 2024: Insert AI Here - VOY Tunable Lenses Lens inserts from VOY act like tunable bifocals, letting multiple people with different prescriptions use the same VR headset. Alt: A pair of lenses with an attached metal knob allows a user to adjust their magnification from 0 to 6. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719518907445-LVM3UFEGSNTZASGRG2AS/Expo+2.jpg Blog - AWE 2024: Insert AI Here - SIMTEK VR Hoverboard I was able to strap into this contraption from SIMTEK and cruise around a VR space like I was riding a Segway. Not great for ducking in and out of cover, but fantastic for smooth movement! Alt: Dylan wears a VR headset. He's strapped from the knees down into a white platform that responds to his motion. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719518911267-MTSG9C5K80CSEXPYP2Q4/Expo+3.jpg Blog - AWE 2024: Insert AI Here - Pencil XR The Pencil XR app helps you learn to draw using passthrough VR. You lay the controller on the page, then it guides you through sketching, shading, etc. You can even create an amalgam object, shine a light any way you want, then trace the shadow on your page! Alt: A booth with several large inflatable pencils and a VR headset. Sketches are tacked up all over. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/a01a2c78-87dc-40ce-a5f7-4546e569c814/AWE+main+stage+snapdragon.jpg Blog - AWE 2024: Insert AI Here - AWE 2024 Insert AI Here https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/54f8d10d-0705-48f0-b513-457eec7d5abe/Elderverse+4.jpg Blog - AWE 2024: Insert AI Here - Make it stand out VR simulations can help determine whether elders are safe to live independently. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719520026568-AE55AOGVBAOFTMJM0E81/2024-06-19+14.06.36.jpg Blog - AWE 2024: Insert AI Here Dylan in front of the Long Beach Convention Center, a large building of white metal and glass. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719520038211-CZ1Z652IMNMH7HS9C2EM/2024-06-19+17.33.29.jpg Blog - AWE 2024: Insert AI Here The Generative AI Accessibility panel. Left to right: Dylan Fox, Sean Dougherty, Stefanie Hutka, Ash Shah. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719520053702-2JT3QSHKKTBKT6EDLHA2/2024-06-19+21.27.21.jpg Blog - AWE 2024: Insert AI Here An outdoor party in the style of Burning Man, with a huge neon van styled to look like a rhino, and a large glowing pineapple. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719520071331-D6ONG8RBD57J5ZVCOHC3/2024-06-19+22.34.12.jpg Blog - AWE 2024: Insert AI Here Dylan and Sean are transformed via AI into paper cutout avatars. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719520132968-SKZOYF5QTTPAGASFPLJG/2024-06-18+09.09.16.jpg Blog - AWE 2024: Insert AI Here The main AWE stage, bedecked in fog and lights. Slides read "AI heart XR: Keep us human." https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1720635786847-PTMDSQOSAVPF1FFVLZE7/Rocket+launch+AWE.jpg Blog - AWE 2024: Insert AI Here A rocket flies over Long Beach at night, leaving a long trail in the sky. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355450456-RI9WFFSOAMJ64VMP58T1/2024-06-19+12.09.29.jpg Blog - AWE 2024: Insert AI Here - AI-Generated XR AI can prompt a user for places or celebrities, then bring them into XR, no code required. Alt: In "The Great Magisto," an AI-fueled avatar wears a paper bag over his head with an image of Albert Einstein on the front; behind him, a poster reads "The Great Magisto in San Jose." https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355460484-2OWSYNE2A374OL1QB5BU/2024-06-19+12.19.49-1.jpg Blog - AWE 2024: Insert AI Here - Natural Language Data Visualization AI, XR, and NLP combine to create this interactive map of Wellington, New Zealand. Council members can finally get to the bottom of where and why their residents vomit! Alt: A map of Wellington is marked with red dots. Text reads: "Citywide Digital Twins for answering 'What can we learn?' and 'What if?' BuildMedia's Unreal Engine model of Wellington, NZ allows consolidation of city data. 'For elected officials, data literacy is like health and safety - it's everyone's job now.''' https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355547391-CCP0ATT4WERL4U25CSFY/Poe+AI.png Blog - AWE 2024: Insert AI Here - Ask the Author AI can facilitate reading by allowing people to ask questions of the "author" in real time. Alt: An avatar of Edgar Allan Poe floats in a candlelit VR room, with an "Ask me anything" prompt. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355720549-QK2LF9H5X6AO7EO35PKI/Production+pipeline+2.jpg Blog - AWE 2024: Insert AI Here - Spot the Difference AI can be great for brainstorming, but don't trust it to get the details right. Alt: Slide reads "The new job of an art director: what's wrong with this picture?" An AI generated drawing of a street shows a stoplight with no red and a bus with no door. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355720479-6ZCBUPGPDB7HZCBRYLAT/Production+pipeline+3.jpg Blog - AWE 2024: Insert AI Here - Strange Choices Cat doors don't usually go above ovens. Beware what makes it into the final build by momentum! Alt: Digital concept art of a kitchen shows a cat door several feet off the floor. Caption reads "But be careful: sometimes strange choices from AI can make their way into a final product." https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355625380-VA0N59AV9O3H7M79M3DV/Production+pipeline.jpg Blog - AWE 2024: Insert AI Here - Picking Concepts Be able to articulate what you like about an AI image. Alt: An AI image of a classroom. Text reads: "Critical at this stage: Be specific about what we like about this image. In this case, it's not about any specific element (we don't need the weird hanging fabric or tacked up papers or globe mounted to the wall). It's about: warm colors, warm lighting, low angle sun, plants. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355842023-RHABQ38BOKQOHWFOUIN3/Holodeck+1.jpg Blog - AWE 2024: Insert AI Here - Holodeck Alt: AI generated image of a woman wearing a VR headset in front of a cyberspace tunnel. Text: "The Holodeck is: a Spatial Computer; a Teleportation Device; a Data Hub; a Spatial AI Enabler; a Long-Term Vision. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355842320-P02K5BU02TLO8Q6COFRT/Holodeck+2.jpg Blog - AWE 2024: Insert AI Here - Spatial Analytics Smartphone video can be converted into spatial information about head and limb placement, and applied to a 3D space. Alt: Smartphone camera footage of a person is overlaid with dots representing their position. A timelapse version of this is placed in a 3D scan of a workshop. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1719355842981-D0ONAE9ZLZJTCYYVZYO9/Holodeck+3.jpg Blog - AWE 2024: Insert AI Here - Spatial GPT Chat GPT can be trained to recognize spatial data, such as when and where someone interacted with a tool. Alt: Overload on a 3D workshop scan is a ChatGPT log. It reads, for example, "During the time period of 21:21 to 21:22, Steve K made several tool-related actions in a given space." https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/fc0bc1c6-2efe-4acb-b177-cdc1da1deff7/Enterprise+1.jpg Blog - AWE 2024: Insert AI Here - Make it stand out VR is finding its place in enterprise, but not without friction. https://drfoxdesign.com/blog/specs-on-deck monthly 0.5 2024-06-27 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/f80753d0-5cba-449d-96bb-bbc584f9ad85/Specs+on+Deck+Ameer+Basheer.png Blog - Blind in 2040: Specs on Deck - Make it stand out Photo by Ameer Basheer on Unsplash https://drfoxdesign.com/blog/tag/accessibility monthly 0.5 https://drfoxdesign.com/blog/tag/AI monthly 0.5 https://drfoxdesign.com/blog/tag/XR monthly 0.5 https://drfoxdesign.com/blog/tag/SciFi monthly 0.5 https://drfoxdesign.com/blog/tag/Conference monthly 0.5 https://drfoxdesign.com/blog/tag/AWE monthly 0.5 https://drfoxdesign.com/ar-for-vips daily 0.75 2024-06-25 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565033142237-7MQ19WV5HL0Q306EB4YT/Obstacle+Recognition+Icon.png Augmented Reality for Visually Impaired People Traffic cone icon https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565032148403-B9XW2YRDT9QMBZNN4BTG/Sound+Design+Icon.png Augmented Reality for Visually Impaired People https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565629924127-PHH5RRWD2DCGO0MZ28LK/Queue+Icon Augmented Reality for Visually Impaired People https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563640643233-FUMHG48OIN9Z3XKSF3MU/Blind+Silhouette Augmented Reality for Visually Impaired People https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559076387221-LEY4Y5OWO9AASR5006N5/AR+for+VIPs+Icon.png Augmented Reality for Visually Impaired People https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563640728542-VNW3W3Q427B4XRTTDUY2/AR+Icon.png Augmented Reality for Visually Impaired People https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562712093661-BKK5A6XFBM3EKALUDUF0/Literature+Review+Sheet.PNG Augmented Reality for Visually Impaired People We organized our literature review sheet to ensure easy information recall and citation for the ~20 academic papers we examined. Image shows spreadsheet with categories for reader, title, date, authors, summary, notes, and relevance. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562276879839-3AY78YF36DYNYMKR8R5X/Magic+Leap+Hack.jpg Augmented Reality for Visually Impaired People Our Magic Leap Hack team testing our initial theory. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562870977954-4LU59IHYQG4CPMCZAQBV/environmental+mesh.jpg Augmented Reality for Visually Impaired People The HoloLens, Magic Leap, and other advanced headsets construct environmental meshes as the user scans. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565038791235-9GRNM10BNGA688S8MKQO/Mesh+and+Beacons+Example Augmented Reality for Visually Impaired People In this image of a sonified room, red beacons make one sound representing obstacles, while yellow beacons make a more subtle sound representing walls. Grey beacons are outside the user’s gaze and are silent. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562714594377-PUQNC0IA6NXV1BEUIPQZ/AR+as+a+Distance+Based+Vision+Aid.PNG Augmented Reality for Visually Impaired People - A) Contrast Enhancement Image shows a brightly colored overlay that assigns colors to depths in the environment. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562714597768-TDC9UR3D4YV6EDGF1EPF/Sonification+of+3D+Scenes.PNG Augmented Reality for Visually Impaired People - B) 3D Sonification Image shows a person wearing a VR headset navigating a hallway full of brightly colored boxes. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562714601069-YV8IC81RP741Y7V608XV/Text+Spotting.PNG Augmented Reality for Visually Impaired People - C) Text Recognition Image shows text in the environment identified and assigned a large brightly colored bubble. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562714605414-C8RP1WX2V0UBF9MBJNP4/Cognitive+Assistant.PNG Augmented Reality for Visually Impaired People - D) Cognitive Assistant A top-down view of a room covered in a spatial mesh shows a user, an obstacle, a virtual guide making noise, and a destination. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565635273971-TUQLPARSZ4QB0ECSIYWE/Economic+Landscape+Analysis.png Augmented Reality for Visually Impaired People Diagram of competitive landscape for AR for VIPs is divided into four sections. First, customers such as blind advocacy organizations like the NFB and enterprise accessibility purchasers like Safeway, San Francisco International Airport, and UC Berkeley. Second, competitors such as single purpose assistive technologies like Orcam and Aira, as well as other AR headset applications and improved smartphone technology. Third, complementors such as human assistance networks like Aira, traditional VIP tools like canes and dogs,, and AR headset manufacturers like Microsoft, Magic Leap, and Bose. Finally, dependencies such as human assistants, developers and other staff, and machine vision providers like Microsoft Azure or Google Cloud Platform. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563641887277-H6SAJACEU5AGRDV8JEPV/HoloLens-Device.png Augmented Reality for Visually Impaired People HoloLens Development Edition https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562870856219-IOSLKWT5RE30KWM571C6/Echolocation+1.gif Augmented Reality for Visually Impaired People By sonifying objects detected in the scans, we hoped to increase the user’s awareness of their environment. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563682895696-L87DZE5VC7EKKRV0VW45/Blind+User+Access.png Augmented Reality for Visually Impaired People Icon of person approaching another person who is using a cane https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1564512832352-WGNZOEUPTS5QY9QSOG2O/AR+for+VIPs+development+schedule.PNG Augmented Reality for Visually Impaired People - Timeline via Google Sheets https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1564512832559-ZSS48W0FBHAVGO1JTLMK/Asana+screenshot.PNG Augmented Reality for Visually Impaired People - Project Management via Asana https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565032135313-5X3QI9OFRD9YFR7CSGJG/Text+Recognition+Icon.png Augmented Reality for Visually Impaired People Text re https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562788647599-JNQKXA74AQV8DFON06YS/White+Cane+1.jpg Augmented Reality for Visually Impaired People - White Cane A very low photograph of a person’s shoes and the tip of their white cane. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562788647247-NQ8JE4HJPJISU4NL4XF4/Guide+Dog+1.jpg Augmented Reality for Visually Impaired People - Guide Dog A photograph of a guide dog in harness. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562788647469-KMKR5DWTNLMUBQ54BWTU/Smartcane+1.jpg Augmented Reality for Visually Impaired People - SmartCane An image of a smartcane device that uses sonic waves to detect obstacles. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562792338246-C67DX5VY8D5FUS2PEMWU/Microsoft+Soundscape.png Augmented Reality for Visually Impaired People - Microsoft Soundscape Icons of Microsoft Soundscape, headphones with sound sources going towards them and an accompanying phone. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562788646410-FDTE1W7V7R67TJ8X8JSS/Aira+2.png Augmented Reality for Visually Impaired People - Aira Art of a blind person and an assistant at a computer sending words to their glasses. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562788646603-6SEUDDIRV8Q72BOW7BZN/Be+My+Eyes+1.jpg Augmented Reality for Visually Impaired People - Be My Eyes Be My Eyes whirl logo. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562792519030-6F31J2S86Z7I8FPJFNKD/Orcam+2.jpg Augmented Reality for Visually Impaired People - OrCam Close up photo of a person’s eyes wearing ORCAM video glasses, with ORCAM logo above. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562792572991-LKWHP22F782YU001VSZP/oxsight+1.jpg Augmented Reality for Visually Impaired People - OxSight Person wearing OxSight video passthrough headset. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562270819547-OJV9G1UXFMLH8P32T6AO/XR+Accessibility+Un-Pitch+Deck+1.png Augmented Reality for Visually Impaired People - XR accessibility as sum of virtual, augmented, and mixed reality. Background: person in wheelchair in stadium https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562270817482-5WAH6DVTX0SDPOL7R8T8/XR+Accessibility+Un-Pitch+Deck+2.png Augmented Reality for Visually Impaired People - Slide showing possible deliverables, including design guide and open source software possibilities https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563641779841-MW3AWEEUZPGCGBPYXXA8/Bankrupt.png Augmented Reality for Visually Impaired People Icon of man pulling out empty pockets https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562274234326-DOMQEE0A69ALRKR4XOE1/Objects+in+environment+light+up+with+grid+as+an+ar+device+scans+them Augmented Reality for Visually Impaired People - Idea: AR device environmental scans could hold useful information for blind people https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563641729015-TF2YY3H4IK0V15858FLC/Stopwatch.png Augmented Reality for Visually Impaired People Stopwatch icon https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562957069525-H0ZF0JTAVOCSKGG4CSPY/AR+for+VIPs+Poster Augmented Reality for Visually Impaired People Our research poster explaining the basics of AR for VIPs. It describes the 5 meter problem for visually impaired people navigation, our solution incorporating obstacle sonification and text recognition, and our usability testing and future improvements. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565798327531-HF3YJ1SXCBVFJJU14M62/user+testing+1.png Augmented Reality for Visually Impaired People Our testing setup, designed to recreate the challenge blind people face identifying the correct bus stop. Here we see visually impaired web access evangelist Lucy Greco testing our interface. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565629787298-MONCAV3DU6A3LSVVB9EG/Text+Recognition+Icon.png Augmented Reality for Visually Impaired People https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562174507164-DXH8E1JXXY9W57F0EITR/Advisor+Logos_Berkeley+I+School.png Augmented Reality for Visually Impaired People - Berkeley School of Information Berkeley School of Information https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562174507447-DAQEXQOQT79PJH11A7SK/Advisor+Logos_Microsoft.png Augmented Reality for Visually Impaired People - Microsoft Microsoft https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562174507245-SKJCN0FQ56TUNA8PP8K3/Advisor+Logos_Lighthouse+Labs.png Augmented Reality for Visually Impaired People - LIghthouse Labs Lighthouse Labs https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1562174507684-H9YX9NS7XQPM5E2XOW3B/Advisor+Logos_National+Federation+of+the+Blind.png Augmented Reality for Visually Impaired People - National Federation of the Blind National Federation of the Blind https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559077050338-ZU05WRCNL3FQ793LONOQ/AR+for+VIPs+Icon+white+body_square.png Augmented Reality for Visually Impaired People https://drfoxdesign.com/siemens daily 0.75 2021-02-16 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559061864030-I4BZUAXCR1C50AAUIJEJ/Initial+Interface.png Siemens AR for Industry - Initial Interface: Panels Galore A simulacrum of the first prototype. The user chooses a relevant object from the map, and its panels float above it and around the user. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559062500779-CW8L9V4Y03XJ10WO7P13/field+of+view+original.png Siemens AR for Industry - What you think your user can see What the designer sees: a main display and three panels, unobscured. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559062500309-IOJYT1W6AZC8O1C34NKZ/field+of+view+transparent.png Siemens AR for Industry - Their actual field of view What the user sees: only a small portion of the panels at one time. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559068188800-SH1E2CI9W8W56JXFZV7O/Siemens+logo+and+HoloLens Siemens AR for Industry https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1558925054515-WUWT6NUS3OW4TZYVCG6C/Hololens+design+guidelines.PNG Siemens AR for Industry - Microsoft Design Guidelines The Microsoft Design Guidelines held valuable knowledge on interface best practices. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1558925069921-8FHHCTBDITH91XX1BG6V/Invision+board.PNG Siemens AR for Industry - HoloLens Mood Board Creating a mood board in Invision by gathering conceptual images of interfaces helped open my mind to possible layouts. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559241556042-OTZROF6QDDT1D1X498MM/Solvable.PNG Siemens AR for Industry - "Solvable" Storyboard The “solvable” storyboard shows a user solving a problem solely using the application. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559241596867-R1UFL4479DUSPMKU9BDH/Unsolvable.PNG Siemens AR for Industry - "Unsolvable" Storyboard The “Unsolvable” storyboard shows a user communicating with a technician onsite in order to solve a problem that cannot be solved with the app alone. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559066906014-THIAPLYSJEHD5N54JOLH/Revised+Layout.png Siemens AR for Industry The new layout kept things centralized, ensuring the user didn’t lose track of which controls or information they had available. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559066512807-MC7WI7L47HFYX09PC4QA/Attentional%2BIndicators.jpg Siemens AR for Industry - Attention Indicators The dynamic indicator (yellow arrow) and static indicators (grey arrows) kept users looking where they needed to. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559062880330-MFWWAQV4N3DIBCBPRZ97/Occlusion+Example.png Siemens AR for Industry Occlusion is a major concern when you have multiple layers of interactable elements. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559683590245-0VRVWZYPF6TXK7LK14H7/Asset+2%402x.png Siemens AR for Industry https://drfoxdesign.com/vr-element-selection daily 0.75 2019-08-19 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565977662383-WHXXNNAGN4A6VHDD0J28/Outer+Cube VR Element Selection Outer Cube https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565976680716-WEFR6D7W7P4HCCGNDUGJ/Google+Blocks+Steam.jpg VR Element Selection - Google Blocks Lightweight 3D block editor https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565976033877-QT29PI46U92SJ0GSEH6J/Matrix+GIF.gif VR Element Selection https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565979293144-W2XQU2BCXVMYOSLBZWNT/Results.png VR Element Selection https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565977704593-USO6C06WXE99X6HHVW11/Inner+Cube VR Element Selection Inner Cube https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565977397466-GZQKICOAIWBH295BDV9T/Interview+icons_Artist.png VR Element Selection https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565976668168-9GAZVHCWPI8Q7K6B4ILJ/Fantastic+Contraption+Steam.jpg VR Element Selection - Fantastic Contraption Contraption tinkering game https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565976816915-PK9KTOCWSSQ3RUB3180B/MakeVR+Pro+Steam.jpg VR Element Selection - MakeVR Pro Advanced CAD tool https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565978873167-JKNJ2PZO25U1SBZN8ZXK/Controller+Legend VR Element Selection https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565977405134-6F725GUD88J82QIURO8V/Interview+icons_Manager.png VR Element Selection https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565977427382-N98OJ1DU9JXGUOJAL0KY/Interview+icons_Engineer.png VR Element Selection https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1565978966376-25WTCBLDDULE8EVMGWVD/Solid+Edge+Screenshot VR Element Selection https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559677391761-67TYF6X0H5VKQNXU504I/Asset+1%402x.png VR Element Selection https://drfoxdesign.com/wwe-network-on-windows-10 daily 0.75 2019-09-05 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714296382-QZ4E7M5RNCGRUMVJSJPX/Asset+Creation WWE Network on Windows 10 Assets used in the Start menu or other Windows locations required even more sizes: 100, 125, 150, 200, and 400% versions of every type. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714772496-RNWT11QPW938DYPET3IC/Animation+Proof+of+Concept WWE Network on Windows 10 This is a proof of concept Alan, our front end developer, whipped up to illustrate Windows animations. Seeing samples in action helped us pick the best options for the app. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714733058-6N4593BVZ6QGM1F7VF0K/Developer+Cooperation WWE Network on Windows 10 We primarily used Slack or simply walked over to one another's offices to resolve problems. Easy communication made implementation run ten times smoother. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567712892091-KE8R63PULB4XFZ54E35O/WWE+Platform+Research WWE Network on Windows 10 From the left, clockwise: the Android, iPad, Web, and Xbox One WWE applications. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713441816-0VZ6PXUWPU7S89O4ID78/Wireframes+home+final WWE Network on Windows 10 The final version focused attention entirely on featured or personalized content, and could resize or reflow easily to fit a wide variety of form factors. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713023286-CHI522W1ZL6EJMCVGAMB/benchmark+compilation WWE Network on Windows 10 Clockwise from top left: the Netflix and Hulu web apps, ESPN Windows 8 app, and HBO Now Apple TV app. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713204837-OR1MR3TQ3G88KLDEFT9R/Wireframes WWE Network on Windows 10 We focused on the 8" portrait tablet, 8" landscape tablet, and 13" laptop as our core layouts. Creating 3 versions of each screen helped us avoid size-specilfic solutions. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559078381628-PPCX1542LB4UIABO5XTT/Project+Logos_WWE+Network.png WWE Network on Windows 10 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567712963286-PIRS12UG23C2P3LDY4CE/Win10+flexibility.jpg WWE Network on Windows 10 As part of Microsoft's universal platform campaign, Windows 10 apps needed to function any any platform from phone to television. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713381539-AMN0PHRVQV0WK7JOQG8Q/Wireframes+home+v1.png WWE Network on Windows 10 The first version of the Home screen featured several rows of content carousels, but at some screen sizes these would be completely hidden. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713713608-1RN654QLDVX27HHPL9S1/WWE+_Case_Study_Win10_Oveview-page-005.jpg WWE Network on Windows 10 - Home All 5 items on the Home page would alter based on the time of day and the user's history, so we chose a minimalistic approach to the other elements to help content stand out. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713714168-EOX0ZZ4LIG8UMODGIYFB/WWE+_Case_Study_Win10_Oveview-page-007.jpg WWE Network on Windows 10 - Show Detail The Show Detail page adjusted the amount of content it displayed based on the screen size in order to let users with larger screens browse more content at once. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713713687-CUKYA10WRV9P9RRM9Z61/WWE+_Case_Study_Win10_Oveview-page-006.jpg WWE Network on Windows 10 - Schedule As content on the schedule was typically playable, users could scroll up or down over a span of two weeks. We used the red highlight as a landmark for what was On Now. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713728117-UCD95RFWB3LA999KOMYH/WWE+_Case_Study_Win10_Oveview-page-009.jpg WWE Network on Windows 10 - Player Users could rewind live video events up to an hour. We inserted a 'skip back' button to let them rewatch key moments, and a 'Live' button to bring them back to the present. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567712731318-BZPFBLVCB3PSFPBYJOC4/WWE+Windows+10+Multi+Platform WWE Network on Windows 10 Windows 10 had to function on desktop, tablet, and phone, making this project an exercise in responsive design. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714580161-38DMG2TH1FEVQO67MKLV/WWE_Win10_Design+Playbook_8-14-15-page-039.jpg WWE Network on Windows 10 - Annotated Specifications Recording information about metadata and user interactions significantly reduced ambiguity during development, and served as a lasting record of design thinking. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714520412-OH1HMBD9OC2CKSUE6XQ1/WWE_Win10_Design+Playbook_8-14-15-page-014.jpg WWE Network on Windows 10 - Visual Design Guide Including not only the type ramp but a suite of examples of its usage kept typography tight and consistent throughout the app. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714520771-XKHHB8MF80I29IC16635/WWE_Win10_Design+Playbook_8-14-15-page-018.jpg WWE Network on Windows 10 - Interaction Design Guide Hover and pressed states for every element helped the user keep track of where they were and what they were clicking on, reducing confusion and misclicks. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714521051-WY8JRFOZJ8SS9NFVST5N/WWE_Win10_Design+Playbook_8-14-15-page-029.jpg WWE Network on Windows 10 - Animation Guide Animations were chosen to complement navigation styles within the app, and make sure that populating a page with content was as smooth as possible. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714538344-DVFO83467LZR4DFY7VDB/Redline.jpg WWE Network on Windows 10 - Redline Measurements Redline (or in this case, greenline) measurements indicated the precise size and placement of every element. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714019355-BP5ZT7WW6X65UK0LPCMH/Client+Feedback+1 WWE Network on Windows 10 Though they lacked emotional impact, wireframes were an important tool for expressing layout and intended functionality. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714924001-SH2CBHBC1VM09ABHRI5M/Windows+Store+Screenshot+WWE.PNG WWE Network on Windows 10 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714149607-HBPCMPCSH0FE8LCKQ8HI/Responsive+Design WWE Network on Windows 10 Some decisions, such as choosing when to wrap text and when to let it cut off, required a balance of UX and visual thinking. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567713140674-XXRLH8H2O5FDPWGKY2HW/Application+Overview WWE Network on Windows 10 The application map and overview sum up the key screens and how users are expected to navigate them. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714270068-GOM8S0BYRGH8LKK7ZAII/Image+Specifications WWE Network on Windows 10 Windows 10 suggested including 200% and 400% images to accommodate even up to 4K resolution devices. In some cases we simply used the biggest image available. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714063033-PJNG2FOVHF7DJ7NH5M76/Client+Feedback+2 WWE Network on Windows 10 Visual designs gave the client a chance to see their brand in action, and often provoked great discussions and insights. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1567714805957-Q7P70WMQTJ0REAAUR1AU/Visual+Design+Overlay WWE Network on Windows 10 By overlaying screenshots and visual designs, we were able to ensure pixel perfection in the final app. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559078933791-PTQ5TVV2GY4MR9NMQFRD/WWENetworkLogo+white.png WWE Network on Windows 10 https://drfoxdesign.com/about daily 0.75 2025-11-18 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1560205710809-9BRFC0PJ20IXQN3JE4XB/Xbox+Adaptive+Controller.png About Packaging of Xbox Adaptive Controller shows a white rectangular device with two large black circular pads, a concave d-pad, and several other buttons. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1560208530956-N1P3VAU8FRJ19IKYZ790/Fantastic+Contraption.jpg About Fantastic Contraption art shows unicorn wearing a VR headset manipulating a machine made of sticks and orbs. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1560207937490-O2V7U3NV9ASSC8L1V5RR/Design+of+Everyday+Things About Book cover of the Design of Everyday Things by Don Norman features an unusable teapot with the handle over the spout. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1559079353889-ECJ6B78X8DLV4TOTCWA4/Dylan+Fox+Headshot About Dylan Fox profile picture https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1560211065243-R22WOCCJQAOFXJ77OM7R/IMG_0003.jpg About Image of Dylan crouched with several friends in a forest. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1560211942221-KLMMEVA3W5K3ZPKIPDTL/Rube+goldberg About Drawing of a Rube Goldberg Diagram featuring a man with an overly elaborate machine designed to help wipe his mouth after eating soup. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1560210826661-7GHVXOYWOVOX7LKIVOFN/Dungeons%2Band%2BDragons.jpg About Dungeons and Dragons 5e cover shows a fearsome 5-headed dragon. https://drfoxdesign.com/contact daily 0.75 2020-11-18 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563681698551-O7XD6VNKRTZIVYB2O5FW/Contact+Icons_01_Mail_Purple.png Contact Email icon https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563681803633-ZMK0O5AEXSV8AB8BMG0X/Contact+Icons_02_Phone_Purple.png Contact Phone icon https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563681870007-UHYVNANIGJ3KCRV3PGLB/Contact+Icons_05_LinkedIn_Purple.png Contact LinkedIn icon https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563681899278-K9P5RJ3DVIT18X52QIU1/Contact+Icons_06_Download_Purple.png Contact Download icon https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563681812427-GIAY5PDB3ER7OF2ZIXCI/Contact+Icons_03_Twitter_Purple.png Contact Twitter icon https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1563681847061-JZMQZNFH1POXLT6BY4DD/Contact+Icons_04_Medium_Purple.png Contact Medium icon https://drfoxdesign.com/projects daily 1.0 2025-06-09 https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1576696660041-NHUEJHJDCGZ04Y4BPHA3/Dylan+on+stage+presenting+about+augmented+reality+for+visually+impaired+people Projects - Good design empowers its users. https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1570756684599-GQO1EQ53W2P95FMC628E/AR+for+VIPs.PNG Projects AR for VIPs icon - person wearing headset with crossed out eye https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1570758709511-ZBAKXF7FVFDTVKK3QE3V/WWE+Network.PNG Projects WWE Network Logo https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1570758705123-2DXLUERWRJ5IWAXU8NEX/3D+Element+Selection.PNG Projects 3D element selection logo: person with headset staring at isometric cube https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1570806426401-ZJCK5C5CIQ7HI4FUNZC9/Siemens.jpg Projects Siemens project logo - Siemens over hololens AR headset https://images.squarespace-cdn.com/content/v1/5ceb0deac39834000116e59c/1570754626472-U28PO2TNY1VLT11QZB9E/user%2Btesting%2B1.png Projects https://drfoxdesign.com/projects-v3 daily 0.75 2020-01-28 https://drfoxdesign.com/resume daily 0.75 2024-07-02 https://drfoxdesign.com/store daily 0.75 2025-09-06