https://malikakhurana.com Malika Khurana Fri, 26 Aug 2022 22:25:42 +0000 https://malikakhurana.com en https://malikakhurana.com/feature Mon, 15 Feb 2021 22:51:53 +0000 Malika Khurana https://malikakhurana.com/feature https://malikakhurana.com/Mars-Pass-Allocation-Navigator Sat, 13 Nov 2021 20:18:10 +0000 Malika Khurana https://malikakhurana.com/Mars-Pass-Allocation-Navigator Mars Interactive Pass Allocation Navigator (MARSIPAN) 2021 contextual inquiry, user testing, wireframing, data sketches (p5.js), ux design During the summer of 2021, I designed a tool for NASA to visualize, diagnose, and navigate pass allocations: the planned communications between rovers and satellites on Mars, back to Earth. I worked with a team of engineers at NASA’s Jet Propulsion Laboratory, along with another designer and developer through the Data to Discovery Program. We are currently continuing to develop the tool to provide more functionality and integration with existing workflows. <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/7a5a5144fcec08d4ce2e0d61b7a62b49be28d70d2d21589b131d8933069f6b98/D2D-2021-MARSIPAN-FINAL_Page_01.jpg" data-mid="124452519" border="0" src="https://freight.cargo.site/w/1000/i/7a5a5144fcec08d4ce2e0d61b7a62b49be28d70d2d21589b131d8933069f6b98/D2D-2021-MARSIPAN-FINAL_Page_01.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/1ac8c9cf9f5d66a38620918900f5e3ade3f3988e9c0c7bd08d3a2eb20b1059c8/D2D-2021-MARSIPAN-FINAL_Page_02.jpg" data-mid="124452521" border="0" src="https://freight.cargo.site/w/1000/i/1ac8c9cf9f5d66a38620918900f5e3ade3f3988e9c0c7bd08d3a2eb20b1059c8/D2D-2021-MARSIPAN-FINAL_Page_02.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/dbdcab25335883cbadc76deebcada7336bc7363bdf72ae228b3249a05dbd04a1/D2D-2021-MARSIPAN-FINAL_Page_03.jpg" data-mid="124452522" border="0" src="https://freight.cargo.site/w/1000/i/dbdcab25335883cbadc76deebcada7336bc7363bdf72ae228b3249a05dbd04a1/D2D-2021-MARSIPAN-FINAL_Page_03.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/d95bfc525b8d3401bb1431bb5f9bc42584aaf4d56b7ea8e18162ad49024532ab/D2D-2021-MARSIPAN-FINAL_Page_04.jpg" data-mid="124452527" border="0" src="https://freight.cargo.site/w/1000/i/d95bfc525b8d3401bb1431bb5f9bc42584aaf4d56b7ea8e18162ad49024532ab/D2D-2021-MARSIPAN-FINAL_Page_04.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/5945127be6a14f4f7fe85db1f149fb70ec0a4c3c011dc344ea739db880b5066e/D2D-2021-MARSIPAN-FINAL_Page_11.jpg" data-mid="124452606" border="0" src="https://freight.cargo.site/w/1000/i/5945127be6a14f4f7fe85db1f149fb70ec0a4c3c011dc344ea739db880b5066e/D2D-2021-MARSIPAN-FINAL_Page_11.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/3f4e906e46ed7582f2ef0cf653bfe16aebb03706c68ffbd646826bcf03ea746f/D2D-2021-MARSIPAN-FINAL_Page_12.jpg" data-mid="124452607" border="0" src="https://freight.cargo.site/w/1000/i/3f4e906e46ed7582f2ef0cf653bfe16aebb03706c68ffbd646826bcf03ea746f/D2D-2021-MARSIPAN-FINAL_Page_12.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/1aa135a743d816bb9667c0f199877d49855cd457f3e5b8636ba232d814af41ee/D2D-2021-MARSIPAN-FINAL_Page_13.jpg" data-mid="124452608" border="0" src="https://freight.cargo.site/w/1000/i/1aa135a743d816bb9667c0f199877d49855cd457f3e5b8636ba232d814af41ee/D2D-2021-MARSIPAN-FINAL_Page_13.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/654113b446d200232ef1dfb417f56c63f68fa5d4b348003007c452d5528a9c75/D2D-2021-MARSIPAN-FINAL_Page_14.jpg" data-mid="124452609" border="0" src="https://freight.cargo.site/w/1000/i/654113b446d200232ef1dfb417f56c63f68fa5d4b348003007c452d5528a9c75/D2D-2021-MARSIPAN-FINAL_Page_14.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/a040e27e46512d18d810d93b20d6b1f2a419bd9f33763202e52a95d5b3832aaf/D2D-2021-MARSIPAN-FINAL_Page_15.jpg" data-mid="124452610" border="0" src="https://freight.cargo.site/w/1000/i/a040e27e46512d18d810d93b20d6b1f2a419bd9f33763202e52a95d5b3832aaf/D2D-2021-MARSIPAN-FINAL_Page_15.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/2010fdb3fe713511c4b2f9196e131c586a3e0c4cce392ab20d9600baccaaf499/D2D-2021-MARSIPAN-FINAL_Page_17.jpg" data-mid="124452613" border="0" src="https://freight.cargo.site/w/1000/i/2010fdb3fe713511c4b2f9196e131c586a3e0c4cce392ab20d9600baccaaf499/D2D-2021-MARSIPAN-FINAL_Page_17.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/1db5f17462758e429953e9978e725223c4deedb8ae6622722fda179928240922/D2D-2021-MARSIPAN-FINAL_Page_19.jpg" data-mid="124452616" border="0" src="https://freight.cargo.site/w/1000/i/1db5f17462758e429953e9978e725223c4deedb8ae6622722fda179928240922/D2D-2021-MARSIPAN-FINAL_Page_19.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/bfb77fd9ee884c7c53b3206baa30941f6d2fdc9c2213ad18fdde5236d091b8d6/D2D-2021-MARSIPAN-FINAL_Page_20.jpg" data-mid="124452618" border="0" src="https://freight.cargo.site/w/1000/i/bfb77fd9ee884c7c53b3206baa30941f6d2fdc9c2213ad18fdde5236d091b8d6/D2D-2021-MARSIPAN-FINAL_Page_20.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/f9cccc4fc8975a022a6a62af6f091aad5c97de0e081e537f27a0889167f2219b/D2D-2021-MARSIPAN-FINAL_Page_24.jpg" data-mid="124452620" border="0" src="https://freight.cargo.site/w/1000/i/f9cccc4fc8975a022a6a62af6f091aad5c97de0e081e537f27a0889167f2219b/D2D-2021-MARSIPAN-FINAL_Page_24.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/7ae6437f041babc18403d1d7a26bc0259e456a7713f61d738a55c99df45c5696/D2D-2021-MARSIPAN-FINAL_Page_25.jpg" data-mid="124452624" border="0" src="https://freight.cargo.site/w/1000/i/7ae6437f041babc18403d1d7a26bc0259e456a7713f61d738a55c99df45c5696/D2D-2021-MARSIPAN-FINAL_Page_25.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/c8a6ac3a68f245cf6ea71ff8cba70d62e2c45b9fb27567321d4db2a0c711b0d8/D2D-2021-MARSIPAN-FINAL_Page_28.jpg" data-mid="124452715" border="0" src="https://freight.cargo.site/w/1000/i/c8a6ac3a68f245cf6ea71ff8cba70d62e2c45b9fb27567321d4db2a0c711b0d8/D2D-2021-MARSIPAN-FINAL_Page_28.jpg" /> https://malikakhurana.com/Form-3 Mon, 15 Feb 2021 15:55:44 +0000 Malika Khurana https://malikakhurana.com/Form-3 Formlabs Form 3 2017 physical computing, signal processing, prototyping While working as an interaction designer at Formlabs, I designed and prototyped experimental light, sound, and proximity interactions for 3D printer UIs. Light and sound are used to call the user’s attention to critical machine status updates from afar, while proximity sensors allow the graphic touchscreen interface to switch to “far-field” mode when the user is too far to read the display. The graphic interface calls the user’s attention when necessary, and otherwise shows status as a background message. <img width="1286" height="722" width_o="1286" height_o="722" data-src="https://freight.cargo.site/t/original/i/6daeb51c718fb8cba2f626ad19becdc71f43a66bfcff583b6c39612a3547c286/daguerre-screenshot-far.png" data-mid="98947760" border="0" alt="Status display when user is far from the printer." data-caption="Status display when user is far from the printer." src="https://freight.cargo.site/w/1000/i/6daeb51c718fb8cba2f626ad19becdc71f43a66bfcff583b6c39612a3547c286/daguerre-screenshot-far.png" /> <img width="1280" height="716" width_o="1280" height_o="716" data-src="https://freight.cargo.site/t/original/i/7934741d42dc5c03bdf8ec418db1bda72b3cd3093c752a73d2702af85e46f421/daguerre-screenshot-near.png" data-mid="98947761" border="0" alt="Detailed information display when user is close to the printer." data-caption="Detailed information display when user is close to the printer." src="https://freight.cargo.site/w/1000/i/7934741d42dc5c03bdf8ec418db1bda72b3cd3093c752a73d2702af85e46f421/daguerre-screenshot-near.png" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/318295ae47675845f0208e11878e9209e48ba12a3dac197ed40fe863c656c994/halfway-nf_full.gif" data-mid="129149764" border="0" alt="Distance sensor in-use for displaying print status from afar and up close." data-caption="Distance sensor in-use for displaying print status from afar and up close." src="https://freight.cargo.site/w/1000/i/318295ae47675845f0208e11878e9209e48ba12a3dac197ed40fe863c656c994/halfway-nf_full.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/9d64575fb64fb8bc946e1a65ea2c8b2f9437d8ca93836ac56c3b41ab8f6cbf33/gesture-start_full.gif" data-mid="129155195" border="0" alt="Gesture sensor in-use for touchless printing, when the user is wearing gloves and may have resin on their hands." data-caption="Gesture sensor in-use for touchless printing, when the user is wearing gloves and may have resin on their hands." src="https://freight.cargo.site/w/1000/i/9d64575fb64fb8bc946e1a65ea2c8b2f9437d8ca93836ac56c3b41ab8f6cbf33/gesture-start_full.gif" /> <img width="1280" height="720" width_o="1280" height_o="720" data-src="https://freight.cargo.site/t/original/i/09afe2aedb206efc65e5c951aaf632c2639e03ffc2fa1a30074a57adee5bf924/Insert.gif" data-mid="129149765" border="0" alt="Device LED feedback for tank insertion, prototyped using Arduino circuits." data-caption="Device LED feedback for tank insertion, prototyped using Arduino circuits." src="https://freight.cargo.site/w/1000/i/09afe2aedb206efc65e5c951aaf632c2639e03ffc2fa1a30074a57adee5bf924/Insert.gif" /> Prototyping <img width="1712" height="976" width_o="1712" height_o="976" data-src="https://freight.cargo.site/t/original/i/eeffaacb201dd9f361e791c8dd99bbba838e0f6e3c214496779a46fafc3e111f/Light_Sound_Simulation_120418.png" data-mid="129155533" border="0" alt="Printer simulator I built to quickly prototype device interactions on screen." data-caption="Printer simulator I built to quickly prototype device interactions on screen." src="https://freight.cargo.site/w/1000/i/eeffaacb201dd9f361e791c8dd99bbba838e0f6e3c214496779a46fafc3e111f/Light_Sound_Simulation_120418.png" /> <img width="2880" height="1800" width_o="2880" height_o="1800" data-src="https://freight.cargo.site/t/original/i/b470d13eb5c880adb2245af367db4a7f018b681468263b4fc34f21346c4e2f50/DaguerreSensor.png" data-mid="98947762" border="0" alt="Testing and calibrating the ZX distance and gesture sensor." data-caption="Testing and calibrating the ZX distance and gesture sensor." src="https://freight.cargo.site/w/1000/i/b470d13eb5c880adb2245af367db4a7f018b681468263b4fc34f21346c4e2f50/DaguerreSensor.png" /> UX Design <img width="4480" height="2520" width_o="4480" height_o="2520" data-src="https://freight.cargo.site/t/original/i/9cd88e67c29bf311bf508e734fe093a26804a53c13742f63e148e6be3a367971/Daguerre-Light-Sound-NearField.png" data-mid="129146435" border="0" alt="Scenarios of use for light, sound, and distance/gesture interactions." data-caption="Scenarios of use for light, sound, and distance/gesture interactions." src="https://freight.cargo.site/w/1000/i/9cd88e67c29bf311bf508e734fe093a26804a53c13742f63e148e6be3a367971/Daguerre-Light-Sound-NearField.png" /> <img width="3897" height="1002" width_o="3897" height_o="1002" data-src="https://freight.cargo.site/t/original/i/8c99e0ce7d067d8acefaf610afb84174ece71d8098f98e9cbe34cd8b8faa6666/100418_UserFlow_Interactions_2.png" data-mid="130374315" border="0" alt="User flow of print process with light, sound, and touch UI interactions annotated." data-caption="User flow of print process with light, sound, and touch UI interactions annotated." src="https://freight.cargo.site/w/1000/i/8c99e0ce7d067d8acefaf610afb84174ece71d8098f98e9cbe34cd8b8faa6666/100418_UserFlow_Interactions_2.png" /> <img width="3105" height="2393" width_o="3105" height_o="2393" data-src="https://freight.cargo.site/t/original/i/fb621afb8b85c5c6d05dad9d13c1cdf28a11fd578f4af656dfa50e148449194d/012519_InteractionStoryboard-04.png" data-mid="130374626" border="0" alt="Storyboard (excerpt) of print process with light, sound, and touch UI interactions annotated." data-caption="Storyboard (excerpt) of print process with light, sound, and touch UI interactions annotated." src="https://freight.cargo.site/w/1000/i/fb621afb8b85c5c6d05dad9d13c1cdf28a11fd578f4af656dfa50e148449194d/012519_InteractionStoryboard-04.png" /> <img width="1760" height="1360" width_o="1760" height_o="1360" data-src="https://freight.cargo.site/t/original/i/a0fcbfcc88a6316025f6d7fbb1cdf10fcfe768ed5936278e5a5df9f61f469a13/Gesture.png" data-mid="129146489" border="0" alt="Process flow diagram of printing workflow, with gesture interactions highlighted." data-caption="Process flow diagram of printing workflow, with gesture interactions highlighted." src="https://freight.cargo.site/w/1000/i/a0fcbfcc88a6316025f6d7fbb1cdf10fcfe768ed5936278e5a5df9f61f469a13/Gesture.png" /> <img width="1760" height="1360" width_o="1760" height_o="1360" data-src="https://freight.cargo.site/t/original/i/72f3977e397f3096b4d8c413ced90d4c2aadc238ec12acb55d6076f5bc3f07a3/Sound.png" data-mid="129146490" border="0" alt="Process flow diagram of printing workflow, with sound interactions highlighted." data-caption="Process flow diagram of printing workflow, with sound interactions highlighted." src="https://freight.cargo.site/w/1000/i/72f3977e397f3096b4d8c413ced90d4c2aadc238ec12acb55d6076f5bc3f07a3/Sound.png" /> https://malikakhurana.com/Unravel-Calendar Mon, 14 Mar 2022 22:00:55 +0000 Malika Khurana https://malikakhurana.com/Unravel-Calendar Unravel Calendar 2022concept, design, fabrication The Unravel Calendar is a 12-month Gregorian knit calendar made entirely of yarn, representing time through rows of stitches. Each day, the user pulls a loose string to unravel that day of the calendar back into yarn: an embodied ritual that creates an opportunity to slow down and actively reflect on material transience and the human experience of time. The calendar leaves the user with a spool of yarn at the end of the year that they may make into another knit artifact. <img width="338" height="600" width_o="338" height_o="600" data-src="https://freight.cargo.site/t/original/i/a20b2648f0cad987981525282be42baa3650aefb24769624b892255a540ae196/DSC_0020_lo.gif" data-mid="136315607" border="0" src="https://freight.cargo.site/w/338/i/a20b2648f0cad987981525282be42baa3650aefb24769624b892255a540ae196/DSC_0020_lo.gif" /> The Unravel Calendar proposes a material philosophy of products that are made to be unmade. This approach builds on sustainable design movements including design for disassembly, cradle-to-cradle, distributed making, and emotionally durable design. The Calendar is made from a single material that the user disassembles into its usable “raw” form simply by interacting with the object over time. The user can recycle the yarn themselves without special equipment, leveraging the accessibility and latent knowledge of knitting as a domestic and distributed method of making. The yarn is embedded with the memory of the year, carrying its material significance into the next phase of its life as a sweater or blanket. The weeks and months of the Unravel Calendar read bottom-up, so January 1 is at the bottom of the calendar. This is so that the calendar can be hung with the unraveled end on the bottom. Each day in the calendar is made up of 1440 stitches, one for each minute of the day. <img width="4000" height="6000" width_o="4000" height_o="6000" data-src="https://freight.cargo.site/t/original/i/934792b1662a6c4d949dab9a33512a580d7f67e549d86e43f4e6321b20307451/DSC_0001.jpg" data-mid="136316138" border="0" src="https://freight.cargo.site/w/1000/i/934792b1662a6c4d949dab9a33512a580d7f67e549d86e43f4e6321b20307451/DSC_0001.jpg" /> Process I knit the calendar using a tubular jacquard technique with two colors of yarn on a Shima Seiki industrial knitting machine. I created a custom pattern for the machine using knitout, a file format created at the Carnegie Mellon University Textiles Lab to represent low-level knitting instructions like “knit on needle 151 with yarn 1 going right to left,” much like how G-Code provides instructions to a CNC machine tool. I designed and wrote a program in Javascript that generates the knitout instructions for the full calendar in two colors. <img width="3544" height="2234" width_o="3544" height_o="2234" data-src="https://freight.cargo.site/t/original/i/25c6699ddd6c888a45194beffaee0ef763a52cfd7c9c54c0b85962b084cdc29b/2color_visualizer.png" data-mid="136316082" border="0" src="https://freight.cargo.site/w/1000/i/25c6699ddd6c888a45194beffaee0ef763a52cfd7c9c54c0b85962b084cdc29b/2color_visualizer.png" /> <img width="4032" height="3024" width_o="4032" height_o="3024" data-src="https://freight.cargo.site/t/original/i/d13986bca3f292ae516cd361f4adc1a16636f443cc8b281830c8b0331a301b1d/IMG_5952.jpeg" data-mid="136316375" border="0" src="https://freight.cargo.site/w/1000/i/d13986bca3f292ae516cd361f4adc1a16636f443cc8b281830c8b0331a301b1d/IMG_5952.jpeg" /> <img width="3092" height="1882" width_o="3092" height_o="1882" data-src="https://freight.cargo.site/t/original/i/b2997788a39b8009794e4b902d8df66229b3431c0313d12db28b9c2a02c314e6/month-type.png" data-mid="136316085" border="0" src="https://freight.cargo.site/w/1000/i/b2997788a39b8009794e4b902d8df66229b3431c0313d12db28b9c2a02c314e6/month-type.png" /> The first iteration of the calendar followed the conventions and layout of a typical desktop calendar, with knit squares representing days, arranged in rows of weeks, which in turn make up blocks of months. When one square unravels, it feeds into the next square to its right. Because knitting typically is done in rows back and forth, I put a lot of time into designing the knit pattern to allow one day-square to unravel into the next day beside it. The pattern is a variation on the entrelac knitting technique, which involves a number of complex operations that are further complicated by incorporating two colors. As a result, for the final iteration I returned to a simpler layout where days are knit as rows spanning the full width of the calendar. <img width="6000" height="4000" width_o="6000" height_o="4000" data-src="https://freight.cargo.site/t/original/i/6ca342f2952457ce297da2da54ef40aeeda67b4d7ab538ea0732ef98c05a4b0d/DSC_0158.jpg" data-mid="136316123" border="0" src="https://freight.cargo.site/w/1000/i/6ca342f2952457ce297da2da54ef40aeeda67b4d7ab538ea0732ef98c05a4b0d/DSC_0158.jpg" /> https://malikakhurana.com/Fuse Mon, 15 Feb 2021 15:54:30 +0000 Malika Khurana https://malikakhurana.com/Fuse Formlabs Fuse 1 2017-2018 user testing, ux design, visual design A touchscreen interface for Formlabs’ SLS 3D printer that allows users to monitor the progress of active prints and overall printer status, queue new jobs, and change system settings. I was the design lead on the project, working closely with engineering and industrial design teams to select components and understand necessary sensor data to communicate through the UI. <img width="3600" height="2400" width_o="3600" height_o="2400" data-src="https://freight.cargo.site/t/original/i/b177763881e0998a79d358898b15651300abec617cd3582534336c0698730e3e/01_Fuse.jpeg" data-mid="98944441" border="0" src="https://freight.cargo.site/w/1000/i/b177763881e0998a79d358898b15651300abec617cd3582534336c0698730e3e/01_Fuse.jpeg" /> Key constraints were to provide flexibility in the printer maintenance workflow required between every print, and to always give the user access to the live feed of the print bed. I wireframed three navigation structures: side navigation, heads-up display, and cards. I built interactive prototypes using Principle and mounted an iPad on a printer model to conduct user tests. <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/a43aefb0ccfc940c602515bd05a1989a8d0c6b3f04dcb909af6b5eeda22315b5/Card-1.png" data-mid="98944498" border="0" src="https://freight.cargo.site/w/1000/i/a43aefb0ccfc940c602515bd05a1989a8d0c6b3f04dcb909af6b5eeda22315b5/Card-1.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/4a3bc1b12c8fe0402ae5c5cd5e485cf954be5eddb0a32ecaa2bb0549df11c244/Card-2.png" data-mid="98944499" border="0" src="https://freight.cargo.site/w/1000/i/4a3bc1b12c8fe0402ae5c5cd5e485cf954be5eddb0a32ecaa2bb0549df11c244/Card-2.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/1d6bd6b2ddb6962bdb7b6ccc913ebd532f5425604c7c09216cb6f453b742323c/HUD-1.png" data-mid="98944500" border="0" src="https://freight.cargo.site/w/1000/i/1d6bd6b2ddb6962bdb7b6ccc913ebd532f5425604c7c09216cb6f453b742323c/HUD-1.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/20765b23be9626afdbd3f2caad7f07d68aac9c310c59139b6736b59d9539ca1d/HUD-2.png" data-mid="98944501" border="0" src="https://freight.cargo.site/w/1000/i/20765b23be9626afdbd3f2caad7f07d68aac9c310c59139b6736b59d9539ca1d/HUD-2.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/0a073ffe5397af6a2076504fc8e6624d51f4c9f1b50e9254b2d0876563a127db/Nav-1.png" data-mid="98944502" border="0" src="https://freight.cargo.site/w/1000/i/0a073ffe5397af6a2076504fc8e6624d51f4c9f1b50e9254b2d0876563a127db/Nav-1.png" /> <img width="1280" height="800" width_o="1280" height_o="800" data-src="https://freight.cargo.site/t/original/i/7485001db6ee3c80a2c19b17f3a3f77c270139ea2411f94d64bd05a865702fe2/Nav-2.png" data-mid="98944503" border="0" src="https://freight.cargo.site/w/1000/i/7485001db6ee3c80a2c19b17f3a3f77c270139ea2411f94d64bd05a865702fe2/Nav-2.png" /> The side navigation structure was the most familiar and intuitive for all users. I created a maintenance checklist accessible at any time through the navigation bar, and before printing. <img width="3840" height="2400" width_o="3840" height_o="2400" data-src="https://freight.cargo.site/t/original/i/61a12c20e9511f610802c6b63cfc3578699c9f07e9f9a8488eaf6d1025bd29ea/Fuse-Screens.png" data-mid="98945164" border="0" src="https://freight.cargo.site/w/1000/i/61a12c20e9511f610802c6b63cfc3578699c9f07e9f9a8488eaf6d1025bd29ea/Fuse-Screens.png" /> Case Study: AlertsOne area I especially focused on was mapping all system alerts, starting from sitting down with the engineering team to understand the machine sensors and error/failure states and condensing those error states into categories. After wrapping my head around all the possible alerts, I developed a hierarchical system to reflect the urgency of the alert. <img width="6018" height="3354" width_o="6018" height_o="3354" data-src="https://freight.cargo.site/t/original/i/700eb07e7e0d9b3037cca701898602b99f2ff6bfd07d1c569f821f142d68dcee/AlertLevels4.png" data-mid="132829408" border="0" src="https://freight.cargo.site/w/1000/i/700eb07e7e0d9b3037cca701898602b99f2ff6bfd07d1c569f821f142d68dcee/AlertLevels4.png" /> I brought this hierarchy together with my more technical understanding of the machine to map flows that incorporated user actions, machine state, and UI guidance. <img width="4800" height="2048" width_o="4800" height_o="2048" data-src="https://freight.cargo.site/t/original/i/29664387339fd9b6886a2bd0d2008ab2f95bcdb102046b5292ef3c6d80c2a601/Fuse_041318_Alerts_Page_1_crop.png" data-mid="132829996" border="0" src="https://freight.cargo.site/w/1000/i/29664387339fd9b6886a2bd0d2008ab2f95bcdb102046b5292ef3c6d80c2a601/Fuse_041318_Alerts_Page_1_crop.png" /> <img width="1150" height="721" width_o="1150" height_o="721" data-src="https://freight.cargo.site/t/original/i/c8cb6764084d6c71dc6ef3a8c317c44dcb0834b33c1ee95524fa9f76660e9eb5/scenario-mapping-maintenance.png" data-mid="132829859" border="0" src="https://freight.cargo.site/w/1000/i/c8cb6764084d6c71dc6ef3a8c317c44dcb0834b33c1ee95524fa9f76660e9eb5/scenario-mapping-maintenance.png" /> Finally, I translated these flows into UI mockups, following the design system I had developed for rest of the UI. <img width="1076" height="1498" width_o="1076" height_o="1498" data-src="https://freight.cargo.site/t/original/i/ac31e3c157c6f672b1ce90cec5bc86ad77391596ba7fe24218aaaeb51790a44c/alert-modals.png" data-mid="132830087" border="0" src="https://freight.cargo.site/w/1000/i/ac31e3c157c6f672b1ce90cec5bc86ad77391596ba7fe24218aaaeb51790a44c/alert-modals.png" /> <img width="2808" height="1872" width_o="2808" height_o="1872" data-src="https://freight.cargo.site/t/original/i/c319680f12f7d5657f32e4ee6cc03db991d3a6d92067f2e7d17f09fef9c19156/Fuse-Yoav-color.png" data-mid="98945656" border="0" src="https://freight.cargo.site/w/1000/i/c319680f12f7d5657f32e4ee6cc03db991d3a6d92067f2e7d17f09fef9c19156/Fuse-Yoav-color.png" /> https://malikakhurana.com/Waterfall-Visualizing-the-drought-cascade-in-California Sat, 13 Nov 2021 20:37:12 +0000 Malika Khurana https://malikakhurana.com/Waterfall-Visualizing-the-drought-cascade-in-California Waterfall: Visualizing the drought cascade in California 2021 data collection, data cleaning, contextual inquiry, wireframing, concept design, ux design, front-end development (p5.js) During the summer of 2021, I designed and built a tool for hydrology researchers at NASA’s Jet Propulsion Laboratory to understand the spatial and time-based patterns in California’s water system. Waterfall centralizes multiple layers of hydrology data, allowing users to understand changes across time, magnitude, and space, and build intuitions about relationships that inform future planning. I handled the data pipeline in Python, and collaborated with another designer through the Data to Discovery Program to develop the visualization concept and build the front-end prototype using p5.js. You can explore the tool live. <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/3b04b65365d0ea27520565977321d7124c3e08f2daec7f60521f1dbdc347a302/D2D-2021-WATERFALL-FINAL_Page_01.jpg" data-mid="124452972" border="0" src="https://freight.cargo.site/w/1000/i/3b04b65365d0ea27520565977321d7124c3e08f2daec7f60521f1dbdc347a302/D2D-2021-WATERFALL-FINAL_Page_01.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/b36eaeef186eff1fa89333115f7217e4c6d6b77012150a7e3c045fbc384abfe9/D2D-2021-WATERFALL-FINAL_Page_02.jpg" data-mid="124452973" border="0" src="https://freight.cargo.site/w/1000/i/b36eaeef186eff1fa89333115f7217e4c6d6b77012150a7e3c045fbc384abfe9/D2D-2021-WATERFALL-FINAL_Page_02.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/ba2d1d8a8031520abc6c280512de98f66efcb89eef2c7f896813df6a354c037e/D2D-2021-WATERFALL-FINAL_Page_03.jpg" data-mid="124452988" border="0" src="https://freight.cargo.site/w/1000/i/ba2d1d8a8031520abc6c280512de98f66efcb89eef2c7f896813df6a354c037e/D2D-2021-WATERFALL-FINAL_Page_03.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/520bf594a7d8a611977bfa18cd21e2ef851d6d06c26372308d470e96d33c8543/D2D-2021-WATERFALL-FINAL_Page_04.jpg" data-mid="124452989" border="0" src="https://freight.cargo.site/w/1000/i/520bf594a7d8a611977bfa18cd21e2ef851d6d06c26372308d470e96d33c8543/D2D-2021-WATERFALL-FINAL_Page_04.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/5888f5de824dc4c406f429e474e945787975b5b028eb155b76b19e8828c33a9d/D2D-2021-WATERFALL-FINAL_Page_05.jpg" data-mid="124452990" border="0" src="https://freight.cargo.site/w/1000/i/5888f5de824dc4c406f429e474e945787975b5b028eb155b76b19e8828c33a9d/D2D-2021-WATERFALL-FINAL_Page_05.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/fe0810863d56ee27f52707debd6106a07d9d142cd890f22b382577352ef1a411/D2D-2021-WATERFALL-FINAL_Page_07.jpg" data-mid="124452992" border="0" src="https://freight.cargo.site/w/1000/i/fe0810863d56ee27f52707debd6106a07d9d142cd890f22b382577352ef1a411/D2D-2021-WATERFALL-FINAL_Page_07.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/45771b592995b45444544ec840ea37ed7e5389998124acd543da70c8416232b9/D2D-2021-WATERFALL-FINAL_Page_10.jpg" data-mid="124452995" border="0" src="https://freight.cargo.site/w/1000/i/45771b592995b45444544ec840ea37ed7e5389998124acd543da70c8416232b9/D2D-2021-WATERFALL-FINAL_Page_10.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/563f8661db6d8633df7b82b825d05c81303109899dafc94bfaf78572f7123a05/D2D-2021-WATERFALL-FINAL_Page_11.jpg" data-mid="124452996" border="0" src="https://freight.cargo.site/w/1000/i/563f8661db6d8633df7b82b825d05c81303109899dafc94bfaf78572f7123a05/D2D-2021-WATERFALL-FINAL_Page_11.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/b933adcb9bc3e10569cc2dc5a3d3db3e1e2e7ee6c0a5be485a536ddaf2be9d71/D2D-2021-WATERFALL-FINAL_Page_13.jpg" data-mid="124453248" border="0" src="https://freight.cargo.site/w/1000/i/b933adcb9bc3e10569cc2dc5a3d3db3e1e2e7ee6c0a5be485a536ddaf2be9d71/D2D-2021-WATERFALL-FINAL_Page_13.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/ea92c1db7a0d1cd2fedb6238c703c7c7cde392a6f541c69dd18d171915e34911/D2D-2021-WATERFALL-FINAL_Page_15.jpg" data-mid="124453345" border="0" src="https://freight.cargo.site/w/1000/i/ea92c1db7a0d1cd2fedb6238c703c7c7cde392a6f541c69dd18d171915e34911/D2D-2021-WATERFALL-FINAL_Page_15.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/ae1b135be623c4274bf40437b1838bd10c46fbb636ab57bac4e26fa004be89c4/D2D-2021-WATERFALL-FINAL_Page_17.jpg" data-mid="124453352" border="0" src="https://freight.cargo.site/w/1000/i/ae1b135be623c4274bf40437b1838bd10c46fbb636ab57bac4e26fa004be89c4/D2D-2021-WATERFALL-FINAL_Page_17.jpg" /> <img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/89eac87db7f587a42534de375f2b102379f7f416f5f2964d6567d6d5ed20a961/D2D-2021-WATERFALL-FINAL_Page_19.jpg" data-mid="124453361" border="0" src="https://freight.cargo.site/w/1000/i/89eac87db7f587a42534de375f2b102379f7f416f5f2964d6567d6d5ed20a961/D2D-2021-WATERFALL-FINAL_Page_19.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/ac22155679e2d312c83e36858e864601c4736fcb3b0b6f2aae469a1684e9a98b/D2D-2021-WATERFALL-FINAL_Page_20.jpg" data-mid="124453362" border="0" src="https://freight.cargo.site/w/1000/i/ac22155679e2d312c83e36858e864601c4736fcb3b0b6f2aae469a1684e9a98b/D2D-2021-WATERFALL-FINAL_Page_20.jpg" /><img width="6667" height="3750" width_o="6667" height_o="3750" data-src="https://freight.cargo.site/t/original/i/823ad496481935b524c7b6f597232c51d92f65a146b26441e3d8a35589078368/D2D-2021-WATERFALL-FINAL_Page_23.jpg" data-mid="124453363" border="0" src="https://freight.cargo.site/w/1000/i/823ad496481935b524c7b6f597232c51d92f65a146b26441e3d8a35589078368/D2D-2021-WATERFALL-FINAL_Page_23.jpg" /> https://malikakhurana.com/Startup-Sounds Fri, 26 Aug 2022 22:25:42 +0000 Malika Khurana https://malikakhurana.com/Startup-Sounds The Sound of the Startup 2020concept, data collection, visualization, layout, writing A visualization of every Macintosh and Windows startup sound over time. The spread was produced for a student-run publication at the Royal College of Art. <img width="3308" height="2756" width_o="3308" height_o="2756" data-src="https://freight.cargo.site/t/original/i/a45a3d4041a3532c7dd6b510fa12c472c0a46fd35b10fac78f817c5c984cd6a0/MacWindows-sounds_layout.png" data-mid="151392539" border="0" src="https://freight.cargo.site/w/1000/i/a45a3d4041a3532c7dd6b510fa12c472c0a46fd35b10fac78f817c5c984cd6a0/MacWindows-sounds_layout.png" /> https://malikakhurana.com/NYT-Book-Covers Sat, 04 Dec 2021 16:57:40 +0000 Malika Khurana https://malikakhurana.com/NYT-Book-Covers Judging a Book by its Covers Fall 2021 concept, data sketching, ui/ux design, development (Python, p5.js) A visualization tool that lets you explore NYT Bestselling books through their various editions of cover art. I came up with the original concept, and then collaboratively developed the UI/UX. I was responsible for all technical implementation, including the data pipeline (collecting, cleaning, analyzing data), data sketches, and website development. See it live. <img width="3104" height="1974" width_o="3104" height_o="1974" data-src="https://freight.cargo.site/t/original/i/c7e273e87606a157765f51e42145da2f4e3773646a119f8fd310668eeef61f5b/Screen-Shot-2021-12-04-at-12.07.08-PM.png" data-mid="126483561" border="0" src="https://freight.cargo.site/w/1000/i/c7e273e87606a157765f51e42145da2f4e3773646a119f8fd310668eeef61f5b/Screen-Shot-2021-12-04-at-12.07.08-PM.png" /><img width="3104" height="1974" width_o="3104" height_o="1974" data-src="https://freight.cargo.site/t/original/i/ba1cf3e8708aafc2c7e409bfb3c11645e29900b7e1bca22f0ff3c3a4a832bedf/Screen-Shot-2021-12-04-at-12.08.58-PM.png" data-mid="126483590" border="0" src="https://freight.cargo.site/w/1000/i/ba1cf3e8708aafc2c7e409bfb3c11645e29900b7e1bca22f0ff3c3a4a832bedf/Screen-Shot-2021-12-04-at-12.08.58-PM.png" /> https://malikakhurana.com/Compass-Radio Tue, 25 Jan 2022 03:01:06 +0000 Malika Khurana https://malikakhurana.com/Compass-Radio Compass Radio 2021 concept, design, fabrication A radio that helps you feel closer to the people you care about all over the world. The radio acts like a compass: when you orient it towards a city where someone important to you lives, it plays a radio station from that place. For me, the radio is programmed to orient to Boston, MA; Ann Arbor, MI; San Francisco, CA; Dubai, UAE; and Seoul, Korea. The radio depends on an WiFi-enabled MCU (ESP8266), an MP3 decoder (VS1053), and an orientation sensor (BNO055). <img width="3024" height="4032" width_o="3024" height_o="4032" data-src="https://freight.cargo.site/t/original/i/8b639bdf591fb50681d2465ae71cc61ed5ef217e760a987eb38f2a3e62ae7b20/IMG_5292.jpeg" data-mid="131321348" border="0" src="https://freight.cargo.site/w/1000/i/8b639bdf591fb50681d2465ae71cc61ed5ef217e760a987eb38f2a3e62ae7b20/IMG_5292.jpeg" /><img width="5486" height="3657" width_o="5486" height_o="3657" data-src="https://freight.cargo.site/t/original/i/fd01ac53a53983ea88bd3bc11aad90837ce4d21be07ac7d941b33fcf8522d933/DSC_0015.jpg" data-mid="131320882" border="0" src="https://freight.cargo.site/w/1000/i/fd01ac53a53983ea88bd3bc11aad90837ce4d21be07ac7d941b33fcf8522d933/DSC_0015.jpg" /><img width="5777" height="3851" width_o="5777" height_o="3851" data-src="https://freight.cargo.site/t/original/i/5e649c3714c32d85a3dc10c6c4344707486cea202e94870bdc5132615d33bc27/DSC_0148-2.jpg" data-mid="136172595" border="0" src="https://freight.cargo.site/w/1000/i/5e649c3714c32d85a3dc10c6c4344707486cea202e94870bdc5132615d33bc27/DSC_0148-2.jpg" /> https://malikakhurana.com/Classifying-bird-audio Sun, 28 Nov 2021 14:55:21 +0000 Malika Khurana https://malikakhurana.com/Classifying-bird-audio Analyzing &amp; classifying bird audio 2021 programming (Python, Librosa, scikit-learn), tutorial write-up A data science tutorial on analyzing audio data of bird song, feature engineering, and classifying audio clips as having a bird or no bird . The tutorial walks through aspects of audio data and what they mean, feature extraction in time and frequency domains, and finally training and validating supervised Machine Learning models (Random Forest, Support Vector Machine, K-Neighbors) using Librosa and scikit-learn. You can find the tutorial as a Colab notebook and Deepnote article. <img width="1481" height="1137" width_o="1481" height_o="1137" data-src="https://freight.cargo.site/t/original/i/c349858eb85b35601f4defd1ac6e1aa99269c997473858b5dc70274ad003399c/Deepnote-article.png" data-mid="125837610" border="0" src="https://freight.cargo.site/w/1000/i/c349858eb85b35601f4defd1ac6e1aa99269c997473858b5dc70274ad003399c/Deepnote-article.png" /><img width="2916" height="1974" width_o="2916" height_o="1974" data-src="https://freight.cargo.site/t/original/i/80acd070ba991315d1a92b71f32dc853c3d97cb0ea3ad2e3c7c13e8c59984c26/spectrogram.png" data-mid="125837186" border="0" src="https://freight.cargo.site/w/1000/i/80acd070ba991315d1a92b71f32dc853c3d97cb0ea3ad2e3c7c13e8c59984c26/spectrogram.png" />