https://jonomilnes.com Jono Milnes Mon, 10 Jun 2024 18:06:55 +0000 https://jonomilnes.com en https://jonomilnes.com/Home-1 Mon, 10 Jun 2024 18:06:55 +0000 Jono Milnes https://jonomilnes.com/Home-1 Hello, I’m Jono.I design products and services that people love to use. Schedule a call View my work <img width="2888" height="2364" width_o="2888" height_o="2364" data-src="https://freight.cargo.site/t/original/i/361e263058edcaa19d7feda9622f76364212bd620e38c44d5e434e8350319fe2/Frame-2608512fff-1.png" data-mid="212702753" border="0" data-no-zoom src="https://freight.cargo.site/w/1000/i/361e263058edcaa19d7feda9622f76364212bd620e38c44d5e434e8350319fe2/Frame-2608512fff-1.png" /> What people say“Jono is&nbsp;one of the best product designers I’ve worked with. He will tirelessly seek the human-centred truth to any problem” Alex Nelson, UX Principal @ BBC, Head of Product Design @ Snook “He's everything - intelligent, creative, diligent, collaborative... He cares deeply about his work and quality” Simon Coxon, Product Design @ Ticketmaster, Gumtree, FT “Jono consistently places users at the forefront of his design philosophy and decision-making processes” Begoña Sese, Head of Product @ Hala Systems More about me &nbsp;<img width="752" height="132" width_o="752" height_o="132" data-src="https://freight.cargo.site/t/original/i/ee9b8dc9845b125361410b49407f7e22e5464911a8c793483906939dad24679b/64c943b03d40c7173be42147_Logotype_Blue_Transparent.png" data-mid="212918290" border="0" data-scale="3" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/752/i/ee9b8dc9845b125361410b49407f7e22e5464911a8c793483906939dad24679b/64c943b03d40c7173be42147_Logotype_Blue_Transparent.png" /><img width="450" height="60" width_o="450" height_o="60" data-src="https://freight.cargo.site/t/original/i/47900caa4a0cfb379d3a3a858fa8593b79ff5aaae5688df8e783b1e8e0316985/lexology.png" data-mid="212918332" border="0" data-scale="2" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/450/i/47900caa4a0cfb379d3a3a858fa8593b79ff5aaae5688df8e783b1e8e0316985/lexology.png" /><img width="135" height="184" width_o="135" height_o="184" data-src="https://freight.cargo.site/t/original/i/0fdf7456c63c6b2a55d395905f7840749624a85d3ef5d269e69c27043f7399b0/FT-Logo.png" data-mid="212918463" border="0" data-scale="7" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/135/i/0fdf7456c63c6b2a55d395905f7840749624a85d3ef5d269e69c27043f7399b0/FT-Logo.png" /><img width="525" height="84" width_o="525" height_o="84" data-src="https://freight.cargo.site/t/original/i/96b11a37ccfe982f70a10f01b8192c90dde79f702c8eaf8e403b914c7d8b539e/White-helmets-logo-1.png" data-mid="212918303" border="0" data-scale="3" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/525/i/96b11a37ccfe982f70a10f01b8192c90dde79f702c8eaf8e403b914c7d8b539e/White-helmets-logo-1.png" /><img width="152" height="152" width_o="152" height_o="152" data-src="https://freight.cargo.site/t/original/i/cf7dfba40e2baceebfcecd8252e78e9ff1cdfb8d0f7da33c2af92dd44b326033/LBR_Logo_White-1.png" data-mid="212918491" border="0" data-scale="6" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/152/i/cf7dfba40e2baceebfcecd8252e78e9ff1cdfb8d0f7da33c2af92dd44b326033/LBR_Logo_White-1.png" /><img width="403" height="124" width_o="403" height_o="124" data-src="https://freight.cargo.site/t/original/i/3b606dff1dfd851d3df943993f6bc87c394cf34543b9377a939d957c47ad5153/Logo_of_the_United_Nations-1.png" data-mid="212918415" border="0" data-scale="4" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/403/i/3b606dff1dfd851d3df943993f6bc87c394cf34543b9377a939d957c47ad5153/Logo_of_the_United_Nations-1.png" /><img width="267" height="68" width_o="267" height_o="68" data-src="https://freight.cargo.site/t/original/i/cf0b6fbd7160879133a96252df114bd4224108c8521de921b4ad65fca0449e0f/Layer_1_00000018203362871277609360000004587412703703886726_.png" data-mid="212919513" border="0" data-scale="5" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/267/i/cf0b6fbd7160879133a96252df114bd4224108c8521de921b4ad65fca0449e0f/Layer_1_00000018203362871277609360000004587412703703886726_.png" /><img width="316" height="172" width_o="316" height_o="172" data-src="https://freight.cargo.site/t/original/i/deaef5f436e405f6597bdc888745f08c5221ad2c867b557c9d478674aa8cc600/grow-removebg-preview.png" data-mid="212918972" border="0" data-scale="5" data-no-zoom data-icon-mode src="https://freight.cargo.site/w/316/i/deaef5f436e405f6597bdc888745f08c5221ad2c867b557c9d478674aa8cc600/grow-removebg-preview.png" /> Case Studies https://jonomilnes.com/Using-audio-to-help-governing-bodies-investigate-war-crimes Sun, 10 Sep 2023 14:51:50 +0000 Jono Milnes https://jonomilnes.com/Using-audio-to-help-governing-bodies-investigate-war-crimes Using audio to help governing bodies investigate war crimes AccountabilityAIAudioWeb3Data Role &amp; CompanyI lead the product design as part of the Engagement cross-functional team alongside a PM, a Subject Matter Expert and 4 engineers at Hala SystemsSummary We launched a secure and searchable platform for investigators to analyze conversations between war criminals. It is used by multi-national accountability mechanisms, as well as local accountability and advocacy groupsJump to the screens →&nbsp; &nbsp; Jump to the methodolgy → Problem Endless documentation of airstrikes, no accountabilityWars are more documented than ever&nbsp;1 2. Camera phones and social media mean that evidence of atrocities can be captured and shared in seconds. And yet, seeking justice seems to be harder. In Syria, besieged by conflict since 2011, only a handful of perpetrators have been prosecuted for their war crimes&nbsp;3. However, the problem isn’t access to information. It’s that there’s too much of it. Investigating airstrikesEstablishing the truth is particularly tough for those investigating airstrikes. Devastating, quick and unpredictable, uncovering exactly what happened is especially hard and often without reward. Moreover, in modern warfare, the airstrikes keep coming. Investigators are overwhelmed by the number of events they are trying to cover. Opportunity Intercepted radio communications help prove war crimes Surprisingly, some of today’s flying war machines use unencrypted radio to communicate with each other and the ground. That means the sky is full of incriminating information, free to those choosing to listen. Hala Systems has been doing so for years. However, once captured, the ‘too much information’ problem returns. Plus, radio audio is often inaudible. When you can hear, war criminals speak to each other in unfamiliar languages and use code words. This New York Times investigation, which uses data provided by Hala Systems, illustrates both the potential of radio audio for enacting justice, as well as its time-consuming nature. How might we help investigators uncover airstrike-incriminating information, both quickly and at scale? Solution Secure and searchable conversations between war criminals Our data engineers worked to algorithmically secure, denoise, transcribe and translate captured audio from known military channels. Meanwhile, myself and the product team developed Collect, an audio-evidence management system. It enables users to: Find incriminating audio quickly by filtering time, date, language, transcription/translation status and keyword search Listen to audio, read transcriptions and analyze metadata together using the analysis panel Link multiple audio files by saving them as a collection Add analysis by using notes Download and share audio files and collections Spot trends in aircraft activity and uncover new events by using the timeline Now, investigators have incriminating audio at their fingertips, ready to hold perpetrators of war crimes to account. <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/085579b233b48a480be47e137c07cf9b6d078b772ed3df12b891031447d08312/Overlay-4.png" data-mid="209921398" border="0" src="https://freight.cargo.site/w/1000/i/085579b233b48a480be47e137c07cf9b6d078b772ed3df12b891031447d08312/Overlay-4.png" /><img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/ac6b3d2669e7e707ce3e7e8dec4db484cabacda5ec896942c2405de92c352ed4/Collection-1.png" data-mid="210928475" border="0" src="https://freight.cargo.site/w/1000/i/ac6b3d2669e7e707ce3e7e8dec4db484cabacda5ec896942c2405de92c352ed4/Collection-1.png" /> <img width="1400" height="1400" width_o="1400" height_o="1400" data-src="https://freight.cargo.site/t/original/i/79d7a644b241fe6322bedcd77d9712526f0648a22fc4207a97177875bd25744c/Square---light-3.png" data-mid="209921391" border="0" src="https://freight.cargo.site/w/1000/i/79d7a644b241fe6322bedcd77d9712526f0648a22fc4207a97177875bd25744c/Square---light-3.png" /> <img width="1400" height="1400" width_o="1400" height_o="1400" data-src="https://freight.cargo.site/t/original/i/e4e9db3e10674b77d24f287cad0a793bc78c6224fb1e626ba3ccf9efbaaf4786/Square---dark-3.png" data-mid="209921395" border="0" src="https://freight.cargo.site/w/1000/i/e4e9db3e10674b77d24f287cad0a793bc78c6224fb1e626ba3ccf9efbaaf4786/Square---dark-3.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/5374c2b0eb50ebf810f4da8253904b11479cbc02e4bc86c3765b9afe2dc54d3f/Empty-state-1.png" data-mid="208117693" border="0" src="https://freight.cargo.site/w/1000/i/5374c2b0eb50ebf810f4da8253904b11479cbc02e4bc86c3765b9afe2dc54d3f/Empty-state-1.png" /><img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/02a7dab1b98e4263f69471f4722a41f8dba41feb188f906b6493f0ec45e50988/Delete-collection-overlay-6.png" data-mid="209921405" border="0" src="https://freight.cargo.site/w/1000/i/02a7dab1b98e4263f69471f4722a41f8dba41feb188f906b6493f0ec45e50988/Delete-collection-overlay-6.png" /> Result Enabling Justice Collect has been used by multi-national accountability mechanisms, as well as local accountability and advocacy groups, to support ongoing investigations. Users have said Collect has allowed them to ‘accurately track events and listen to audio files seamlessly’ and has been ‘effective for… research work on [past] air attacks’. Methods Expert Interviews User Interviews Desk Research Assumption Mapping Empathy Mapping Jobs to be Done Ideation Storyboarding Prototyping Design crits Usability testing Surveys <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/88c765b219d4ea1570163fc0d8d154bea897c3bf2bedb58d6669ab7779b8652c/Timeline-exploration.png" data-mid="208185350" border="0" alt="Timeline interaction exploration" data-caption="Timeline interaction exploration" src="https://freight.cargo.site/w/1000/i/88c765b219d4ea1570163fc0d8d154bea897c3bf2bedb58d6669ab7779b8652c/Timeline-exploration.png" /> <img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/89426fca7a2218236fd15b3729d3a08d1095633965233e829c65db67d2e607c1/Squiggly-birds-3.png" data-mid="208185351" border="0" alt="Squiggly birds ideation warm-up" data-caption="Squiggly birds ideation warm-up" src="https://freight.cargo.site/w/1000/i/89426fca7a2218236fd15b3729d3a08d1095633965233e829c65db67d2e607c1/Squiggly-birds-3.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/fe7c46d4a7e977902205edfe000c070956b703efddef9bb8ae4b302e831b2e18/Color-ramps.png" data-mid="208185355" border="0" alt="Design system color ramps exploration" data-caption="Design system color ramps exploration" src="https://freight.cargo.site/w/1000/i/fe7c46d4a7e977902205edfe000c070956b703efddef9bb8ae4b302e831b2e18/Color-ramps.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/62a7ef147fe25a078c8b5538291ccad26d760013f32c9171db6c258d7a5b3967/Notes.png" data-mid="208185352" border="0" alt="Extracting insights from research notes" data-caption="Extracting insights from research notes" src="https://freight.cargo.site/w/1000/i/62a7ef147fe25a078c8b5538291ccad26d760013f32c9171db6c258d7a5b3967/Notes.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/45cd17fa10d8f9358ca9b053cf4b0cf61f89f47b498d4a9406f17c9136786412/Empathy-mapping.png" data-mid="208185354" border="0" alt="Empathy mapping" data-caption="Empathy mapping" src="https://freight.cargo.site/w/1000/i/45cd17fa10d8f9358ca9b053cf4b0cf61f89f47b498d4a9406f17c9136786412/Empathy-mapping.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/3bad6d24d29165263b6fa9b53afd652eebb8c968ded8f25fa32ee949c1d04cf2/Ideation.png" data-mid="208185353" border="0" alt="Sketches from an ideation workshop" data-caption="Sketches from an ideation workshop" src="https://freight.cargo.site/w/1000/i/3bad6d24d29165263b6fa9b53afd652eebb8c968ded8f25fa32ee949c1d04cf2/Ideation.png" /> Related press A crypto-based dossier could help prove Russia committed war crimes CNNCan technology bring Vladimir Putin to justice? Washington Post In Ukraine, war crimes go on-chain Politico Read NextRedesigning the Financial Times homepage &nbsp; https://jonomilnes.com/Redesigning-the-Financial-Times-homepage Sun, 11 Oct 2020 18:32:17 +0000 Jono Milnes https://jonomilnes.com/Redesigning-the-Financial-Times-homepage Redesigning the Financial Times homepage B2Ceditorialengagement Role &amp; CompanyI led the discovery and product design in collaboration with Anna Lisinski and Luke Griffiths at the Financial TimesSummaryThe new homepage allows editors to showcase the true breadth and depth of the FT with more control and greater flexibility. Today the average FT subscriber is not only visiting the homepage more often, they are engaging with a more diverse set of topics.Jump to the screens →&nbsp; &nbsp; View the FT homepage → Methods Generative Research Interviews Competitor Analysis Heuristic Evaluation Jobs to be Done Ideation Workshops Paper Prototyping Concept Testing Prototyping User Testing UI Design Research The homepage gets over 1,000,000 visits a day with the average subscriber visiting 3 times and reading 2 articles each visit.Analysis shows that people who read from a broad range of topics are more engaged and less likely to cancel their subscription.With this in mind, we conducted a competitor gap-analysis, a heuristic evaluation and wide-ranging interviews with 12 readers and 6 editors to learn how we might make the homepage even more engaging. Reader Jobs to be Done The reader interviews uncovered 3 common Jobs to be Done for the homepage: <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/84361884fb66db34ddba270df1839d693c063087b5bef6af9aca065f84b9e138/user-needs.png" data-mid="85278228" border="0" src="https://freight.cargo.site/w/1000/i/84361884fb66db34ddba270df1839d693c063087b5bef6af9aca065f84b9e138/user-needs.png" />While most felt the old homepage did a good job at keeping them up to date with today’s headlines, the most valued yet least well served jobs for the homepage was digging deeper into a story and finding unique alluring and diverse content.‘Opinion pieces are good - if it had my vote, they would be more prominent’‘I ignore the headlines at the top. I consume so much news, I have an opinion. The homepage needs to give me an angle I have not seen before which is valid’ ‘I’d like to see articles which are quite unique, not just news’ Editorial Jobs to be Done Interviewing editors also revealed 3 clear Jobs to be Done from their perspective: <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/bc59c502c9a41a1a59548138b5c3a35abda08a67a97872549cf8df5c84de9f81/editoral-needs.png" data-mid="85278265" border="0" src="https://freight.cargo.site/w/1000/i/bc59c502c9a41a1a59548138b5c3a35abda08a67a97872549cf8df5c84de9f81/editoral-needs.png" />Editors should be able to present the breadth of the FT in an appropriate hierarchy that aligns with a given day's agenda. In doing so, they showcase the FTs personality. There was room for improvement in all of these.‘Throughout the news cycle we want to show our breadth; of topics, formats, genres, and opinions so that our readers are aware of the variety and wealth of content we create’ Alignment Having discovered both reader and editorial JTBD, we attempted to piece them together, looking for alignments, overlaps and synergy. A theme and opportunity around breadth emerged. <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/ecbde207a238188b0ff8876038ab7a55d50ae4797693e9c61413e938ea3b9da4/overlap.png" data-mid="85278268" border="0" src="https://freight.cargo.site/w/1000/i/ecbde207a238188b0ff8876038ab7a55d50ae4797693e9c61413e938ea3b9da4/overlap.png" /> Ideation Armed with all the research and understanding, I led three ideation workshops with our team and stakeholders.The goal was to generate as many ideas that inspire broader reading from the homepage.At the end of the week we had 50 ideas and voted on our favourites. <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/3a56d9de94a8f4e4212aef4a7178e748d83c048690fa344878430b9fc89757c9/workshop-3.jpg" data-mid="85280119" border="0" src="https://freight.cargo.site/w/1000/i/3a56d9de94a8f4e4212aef4a7178e748d83c048690fa344878430b9fc89757c9/workshop-3.jpg" /> <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/7abb3421a66fd57d2c3c53662d04ce71c78a1230d89e9afc5ef664574a89b070/workshop-1.jpg" data-mid="85280121" border="0" src="https://freight.cargo.site/w/1000/i/7abb3421a66fd57d2c3c53662d04ce71c78a1230d89e9afc5ef664574a89b070/workshop-1.jpg" /> <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/643f2c0369aa28ec0772ae1d4eedac878cf9d9bef7dab69292635214f0b772a6/workshop-2.jpg" data-mid="85280140" border="0" src="https://freight.cargo.site/w/1000/i/643f2c0369aa28ec0772ae1d4eedac878cf9d9bef7dab69292635214f0b772a6/workshop-2.jpg" /> <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/d5adf7f21086aff1aed0f30f671fca0cc51e30619f885cc8e6c8ee783c2fc538/workshop-4.jpg" data-mid="85280138" border="0" src="https://freight.cargo.site/w/1000/i/d5adf7f21086aff1aed0f30f671fca0cc51e30619f885cc8e6c8ee783c2fc538/workshop-4.jpg" /> Paper Prototyping To test the value of our best ideas quickly, I sketched 8 paper prototypes and tested them with 8 subscribers. Because they were low-fidelity people focused on the core value of the concept, rather than their usability. <img width="1876" height="1276" width_o="1876" height_o="1276" data-src="https://freight.cargo.site/t/original/i/323b71c1c1a735d460fc10fa99a1022c3f03e4793a9a49c1eaa1f1a6615cd52b/contributing.png" data-mid="85280087" border="0" src="https://freight.cargo.site/w/1000/i/323b71c1c1a735d460fc10fa99a1022c3f03e4793a9a49c1eaa1f1a6615cd52b/contributing.png" /> Favourites quickly emerged: ‘Story Grouping’, ‘Talking Points’ and ‘Around the World’. Testing &amp; Experimentation We transformed these popular concepts into higher-fidelity prototypes to assess how they work alongside more obvious parts of the UI and to test usabilityThis round of testing was also a chance for use to experiment with the UI and layout of the page. We used spectrums with relevant variables - like ‘newspaper inspired’ vs. ‘social media inspired’ - to help push the designs in contrasting and sometimes uncomfortable directions. <img width="2292" height="1434" width_o="2292" height_o="1434" data-src="https://freight.cargo.site/t/original/i/9c4b275544b0594b4b1ba7f535eca39a1dbe640ac75299ae91b7800b0c0c8503/Screenshot-2020-10-11-at-21.09.08.png" data-mid="85281825" border="0" alt="Homepage inspired by social media feeds" data-caption="Homepage inspired by social media feeds" src="https://freight.cargo.site/w/1000/i/9c4b275544b0594b4b1ba7f535eca39a1dbe640ac75299ae91b7800b0c0c8503/Screenshot-2020-10-11-at-21.09.08.png" /> Story Groups Story groups continued to test well with users and became the backbone of the new homepage. It allows editors to group up to 5 articles about the same story together and place them anywhere on the homepage, giving editorial control and maximum flexibility. <img width="3456" height="1944" width_o="3456" height_o="1944" data-src="https://freight.cargo.site/t/original/i/0d46bba820eb3847fc3d9634c5108bc851c66393d28c86657b61cb387d1c8402/Story-group---2.png" data-mid="191006502" border="0" src="https://freight.cargo.site/w/1000/i/0d46bba820eb3847fc3d9634c5108bc851c66393d28c86657b61cb387d1c8402/Story-group---2.png" /> <img width="3456" height="1944" width_o="3456" height_o="1944" data-src="https://freight.cargo.site/t/original/i/09def7038e35473635aaf56834716471ae4e65dc54a531b8aec18169c30eac09/Story-group---1.png" data-mid="191006494" border="0" src="https://freight.cargo.site/w/1000/i/09def7038e35473635aaf56834716471ae4e65dc54a531b8aec18169c30eac09/Story-group---1.png" /> <img width="5184" height="2916" width_o="5184" height_o="2916" data-src="https://freight.cargo.site/t/original/i/1692c0cfe47d9de3c6078cb459a5090f0a07b2143aa5ef2b7b78f6860641c22d/Story-group---3.png" data-mid="191006566" border="0" src="https://freight.cargo.site/w/1000/i/1692c0cfe47d9de3c6078cb459a5090f0a07b2143aa5ef2b7b78f6860641c22d/Story-group---3.png" /> <img width="6912" height="3888" width_o="6912" height_o="3888" data-src="https://freight.cargo.site/t/original/i/2bf0f89546c55d00d626f54633716d7f3efb118ad8ff46a88e21a0d4c191c47d/Story-group---5.png" data-mid="191006568" border="0" src="https://freight.cargo.site/w/1000/i/2bf0f89546c55d00d626f54633716d7f3efb118ad8ff46a88e21a0d4c191c47d/Story-group---5.png" /> Crafting th UI Should the homepage look more like a newspaper or a digital product?Many FT subscribers state that they enjoy the look, feel and experience of the physical newspaper. However, it’s important that the FT fits in with the digital products people use alongside. The UI purposefully embraces both worlds: <img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/b03cc83d76d530453f8d7ae0c6129dbab315f7aa37a1f8ae80dae8d17935e51d/FT-Homescreen-1.png" data-mid="198570076" border="0" src="https://freight.cargo.site/w/1000/i/b03cc83d76d530453f8d7ae0c6129dbab315f7aa37a1f8ae80dae8d17935e51d/FT-Homescreen-1.png" /><img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/a3970823456222b15b376c6c80207da80f5444cc83d1168a6a6d95ea7c833b5f/FT-Homescreen-2.png" data-mid="198570108" border="0" src="https://freight.cargo.site/w/1000/i/a3970823456222b15b376c6c80207da80f5444cc83d1168a6a6d95ea7c833b5f/FT-Homescreen-2.png" /><img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/b23d1d6ce06c17f7cd39b1a665aa912663ccf68567625b58c89c7fd69a6f3f9e/FT-Homescreen-3.png" data-mid="198570085" border="0" src="https://freight.cargo.site/w/1000/i/b23d1d6ce06c17f7cd39b1a665aa912663ccf68567625b58c89c7fd69a6f3f9e/FT-Homescreen-3.png" /> <img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/30d1aac90418f0a9d79fd7a25d9c2a78530f2f4fa63b451879bdc7a5f2e9d451/FT-Carousel-3.2-1.png" data-mid="190688004" border="0" src="https://freight.cargo.site/w/1000/i/30d1aac90418f0a9d79fd7a25d9c2a78530f2f4fa63b451879bdc7a5f2e9d451/FT-Carousel-3.2-1.png" /><img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/8ac7c2073ca14df726412d5e6214caa1f9ee2e96e8662cc9b63b977fa2409cd8/FT-Carousel-3.3-1.png" data-mid="190688094" border="0" src="https://freight.cargo.site/w/1000/i/8ac7c2073ca14df726412d5e6214caa1f9ee2e96e8662cc9b63b977fa2409cd8/FT-Carousel-3.3-1.png" /> The use of story cards take inspiration from Google’s Material Design and the page is littered with live media content like podcasts and videos throughout the page. The heading typography is simple, limited and practical and the layout and placement is purposefully separated from the journalism, but in a way that frames it. In contrast, the content UI is rooted in the newspaper's heritage. The journalism is broken up into sections and placed on an a pink backdrop, giving a nod to the pink pages that the FT is famed for. Much of the typography mirrors the print edition, with a serifed font taking center stage. The structure of the page is marked by horizontal and vertical lines, creating a grid-like feel common in print newspapers. Together, the UI looks forward, feeling a digital product of today, but remains rooted in its newspaper heritage. Further Reading A new homepage for FT readers FT Product &amp; Tech Blog Read NextSupporting international bodies in mediating conflict https://jonomilnes.com/Supporting-international-bodies-in-mediating-conflict Thu, 04 Apr 2024 10:06:06 +0000 Jono Milnes https://jonomilnes.com/Supporting-international-bodies-in-mediating-conflict Supporting international bodies in mediating conflict MediationKnowledge ManagementData Collection Role &amp; CompanyDesigned in collaboration with Stefania Parousi at Hala Systems. Phase 1 as Senior Product Designer; Phase 2 giving design direction.Summary A secure platform where mediators, civil society organizations and conflict parties can share, analyze, discuss and action peace-building opportunities.&nbsp; Jump to the screens&nbsp;→&nbsp; &nbsp;&nbsp;Jump to the methodolgy → <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/1cce708c3d4c8638e8182f1b6b2dedaf920075c3e718185dadcebf8fa5627748/Al-Hariss---home-with-mobile-4.png" data-mid="209921469" border="0" alt="Viewing an incident" data-caption="Viewing an incident" src="https://freight.cargo.site/w/1000/i/1cce708c3d4c8638e8182f1b6b2dedaf920075c3e718185dadcebf8fa5627748/Al-Hariss---home-with-mobile-4.png" /> Problem The fog of war clouds peace building efforts As the old adage goes, it's easier to start a war than to end one. Armed conflicts, of which today there are over 100 worldwide, are becoming more common, complex, and interconnected. Those attempting to build peace face significant challenges, including understanding the context, keeping abreast of fast-moving developments and building constructive relationships with the parties who can influence change. Failing to overcome these challenges means that peace-building efforts are fragmented, opportunities for de-escalation are missed and war rages on. Opportunity More information sooner makes for more effective mediation Working in the midst of an escalating conflict, we sought to uncover where effective mediation was happening and understand what made it successful. To do so we interviewed and mapped the experiences of mediators, civil society organisations and subject matter experts. A pattern emerged that even in a wider context of escalation, when the right parties come together at the right moment, de-escalatory actions can happen and harm can be avoided. How might we ensure that peace-builders are always aware and are able to act on all peace-building opportunities? Solution A single source of information for influence, peace-building and mediation activities We developed a secure platform where mediators, civil society organizations and conflict parties can share, analyze, discuss and action peace-building opportunities. Outcomes for mediators: Manage all information related to mediation in one place&nbsp; Alert and engage users of actions taken towards certain incidents Keep a historical record of war-related developments as identified by warring actors Keep abreast of important mediation-worthy incidents using list view and statuses Engage directly with conflict parties and CSOs using the comment thread See where activity is spiking using map view Categorize and track mediation efforts as they progress from awareness to resolution Quickly find specific incidents using filters Outcomes for conflict parties and CSOs:Engage mediation authorities in events that risk conflict escalation by adding an incident Help de-escalate conflict by sharing and discussing information related to events with relevant parties using the comment threat Keep track of relevant mediated incidents by using notifications Communicate during times where personal engagement due to conflict tensions is difficult. <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/bc49056d767ac3991238e4224020d453c139bd3716292f48e4ae8161ac912faa/Al-Hariss---home-3.png" data-mid="209921468" border="0" src="https://freight.cargo.site/w/1000/i/bc49056d767ac3991238e4224020d453c139bd3716292f48e4ae8161ac912faa/Al-Hariss---home-3.png" /> <img width="1400" height="1400" width_o="1400" height_o="1400" data-src="https://freight.cargo.site/t/original/i/b638bf37e0c608665f6e772eeb9214bb9656093612aa0c48a00c32fc1697767b/Al-Hariss---mobile-map.png" data-mid="208493474" border="0" src="https://freight.cargo.site/w/1000/i/b638bf37e0c608665f6e772eeb9214bb9656093612aa0c48a00c32fc1697767b/Al-Hariss---mobile-map.png" /> <img width="1400" height="1400" width_o="1400" height_o="1400" data-src="https://freight.cargo.site/t/original/i/2632a213a92ac5d57e84ce5d113707701fe07cc71c29d5e144fd7b5470b72f92/Al-Hariss---mobile-list-2-1.png" data-mid="209921558" border="0" src="https://freight.cargo.site/w/1000/i/2632a213a92ac5d57e84ce5d113707701fe07cc71c29d5e144fd7b5470b72f92/Al-Hariss---mobile-list-2-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/3fb450b8f308794758869b476779394ab7c80eafb1543c86fd5bc37045caff7a/Al-Hariss---overlays-2.png" data-mid="209921467" border="0" src="https://freight.cargo.site/w/1000/i/3fb450b8f308794758869b476779394ab7c80eafb1543c86fd5bc37045caff7a/Al-Hariss---overlays-2.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/d0f16ab4330af4bc6def05619b35d43ccdd86c5a1ac071c79a907347c79667a0/Al-Hariss---dashboard.png" data-mid="208493478" border="0" src="https://freight.cargo.site/w/1000/i/d0f16ab4330af4bc6def05619b35d43ccdd86c5a1ac071c79a907347c79667a0/Al-Hariss---dashboard.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/e398fcc14863bb740ff9849e797688595b2a38348cd202062efb2bb778e0a91d/Al-Hariss---notifications.png" data-mid="208493490" border="0" src="https://freight.cargo.site/w/1000/i/e398fcc14863bb740ff9849e797688595b2a38348cd202062efb2bb778e0a91d/Al-Hariss---notifications.png" /> Result Pilot launch in a major conflict zoneThe product has been piloted in 1 major conflict zone with multiple regional and national actors. A network of over 40 researchers alert mediators to relevant incidents directly from the conflict zone The project has been featured at WebSummit Qatar, the Berlin Moot Innovation Fair, and on Al Jazeera Methods Expert Interviews User Interviews Desk Research Assumption Mapping Empathy Mapping Jobs to be Done Design Sprint Storyboarding Prototyping Design Crits Usability Testing In-person Training Surveys <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/13fcf65ae42db59972fb242f904610768d4d9b7baab04d11a93da30bc6090964/Al-Hariss-empathy-map.png" data-mid="208495809" border="0" alt="Empathy mapping" data-caption="Empathy mapping" src="https://freight.cargo.site/w/1000/i/13fcf65ae42db59972fb242f904610768d4d9b7baab04d11a93da30bc6090964/Al-Hariss-empathy-map.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/e9898143871cd14b7c300cad6a7ee441075d01c4dc14d990b06d63820000a76a/al-hariss-presentation-deck-1.png" data-mid="208496887" border="0" alt="Journey map and ideas presentation" data-caption="Journey map and ideas presentation" src="https://freight.cargo.site/w/1000/i/e9898143871cd14b7c300cad6a7ee441075d01c4dc14d990b06d63820000a76a/al-hariss-presentation-deck-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/ae39c34ed688b00626f8d96b8e9d0852b8fca35bacbcd6015aa11fb9ddb9bf68/al-hariss-sketckes.png" data-mid="208495801" border="0" alt="Sketches from an ideation session" data-caption="Sketches from an ideation session" src="https://freight.cargo.site/w/1000/i/ae39c34ed688b00626f8d96b8e9d0852b8fca35bacbcd6015aa11fb9ddb9bf68/al-hariss-sketckes.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/74b3c27f7a8b70ceb110a2230654c7877b56c7d39452277d7f8a32b848897b70/al-hariss-opportunity-tree-1-1.png" data-mid="208572461" border="0" alt="Prioritising ideas in an opportunity tree" data-caption="Prioritising ideas in an opportunity tree" src="https://freight.cargo.site/w/1000/i/74b3c27f7a8b70ceb110a2230654c7877b56c7d39452277d7f8a32b848897b70/al-hariss-opportunity-tree-1-1.png" /> Related press Can AI mediate conflict better than humans? Al JazeeraLouder than bombs: How mediation tech influences conflict Websummit Qatar Read NextShortcuts: Encouraging habit with personalised news &nbsp; https://jonomilnes.com/Shortcuts-Encouraging-habit-with-personalised-news Mon, 03 Feb 2020 19:52:53 +0000 Jono Milnes https://jonomilnes.com/Shortcuts-Encouraging-habit-with-personalised-news Encouraging habit with personalised news B2Cpersonalisationengagement Role &amp; Company I lead the product design and discovery in collaboration with Anna Lisinski and Mark Limb at the Financial TimesSummary Shortcuts help FT readers stay up to date on topics related to their work, investments and interests. Today, people who use Shortcuts visit the app 39% more often and use a Shortcut 1 in every 2 visits.Download the FT app → <img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/b5e0f3816d45d9a414424e426291e0b13e621e3851592756a0198a678caa4419/FT-Shortcuts-1.png" data-mid="190775074" border="0" alt="App UI for Shortcuts" data-caption="App UI for Shortcuts" src="https://freight.cargo.site/w/1000/i/b5e0f3816d45d9a414424e426291e0b13e621e3851592756a0198a678caa4419/FT-Shortcuts-1.png" /> Methods Generative Research Interviews Surveys Competitor Analysis Heuristic Evaluation Empathy Mapping How Might We’s Customer Letters Ideation Workshops Paper Prototyping Concept Testing Prototyping User Testing UI Design User need FT readers need to stay up to date on topics related to their work, investments and interests. Business Problem People were not using myFT on the app, the feature designed to meet the same user need as Shortcuts. Research Analysis showed that only 7% of subscribers were visiting myFT habitually. Furthermore, the desktop version was 3 times more engaging than the app equivalent. <img width="938" height="938" width_o="938" height_o="938" data-src="https://freight.cargo.site/t/original/i/3defb9d9f6845cad92e6aa3cb20ba6335c9bfe10efb11aba579f093d708a8d51/competitor-analysis.png" data-mid="60153355" border="0" src="https://freight.cargo.site/w/938/i/3defb9d9f6845cad92e6aa3cb20ba6335c9bfe10efb11aba579f093d708a8d51/competitor-analysis.png" /> <img width="938" height="938" width_o="938" height_o="938" data-src="https://freight.cargo.site/t/original/i/6688ef394123b4b3e4f205d74bf04272d1cbeeef202c68c135704079436e8116/skills-matrix.png" data-mid="60153338" border="0" src="https://freight.cargo.site/w/938/i/6688ef394123b4b3e4f205d74bf04272d1cbeeef202c68c135704079436e8116/skills-matrix.png" /> Subscribers had also fedback problems with the feed, stating: “It’s confusing - articles should be sorted by topic” “It’s hard to find my topics. It was much easier in the old myFT” I conducted a heuristic evaluation of myFT on the app and found the experience was lacking in ‘User control’ and ‘emotional resonance’. <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/f29869888124ebd3043c1a1051e46663953f5103e69e9e5bcef4a0c80ed2f405/myFT-heuristic-review.jpg" data-mid="60153781" border="0" src="https://freight.cargo.site/w/960/i/f29869888124ebd3043c1a1051e46663953f5103e69e9e5bcef4a0c80ed2f405/myFT-heuristic-review.jpg" /> Workshops I ran a workshop with the goal of creating a habit forming way for people to discover content relevant to their interests and needs. We used exercises like empathy mapping, ‘before and after’ vision alignment, and ‘how might we?’ questions to come up with ideas and voted on our favourites - 2 more obvious and 1 wildcard. In a second workshop we wrote a customer letter, pretending to be a future customer praising the work our team had done. <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/9dd0a1bd609a206225867a71eca84b2cf28f88982c33355343c842fb1fde8b72/workshop-1.jpg" data-mid="60154433" border="0" src="https://freight.cargo.site/w/1000/i/9dd0a1bd609a206225867a71eca84b2cf28f88982c33355343c842fb1fde8b72/workshop-1.jpg" /> <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/0d69a88c07c0feaa0a42228b841ab3ce3ffba7d6e785154164a9ccb537cd327f/workshop-3.jpg" data-mid="60154219" border="0" src="https://freight.cargo.site/w/1000/i/0d69a88c07c0feaa0a42228b841ab3ce3ffba7d6e785154164a9ccb537cd327f/workshop-3.jpg" /> <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/07b6aad294aee2f9ce979e32a9457d1cd12c7ccc68dee3e386e5f34a9f3f21f6/workshop-2.jpg" data-mid="60154614" border="0" src="https://freight.cargo.site/w/1000/i/07b6aad294aee2f9ce979e32a9457d1cd12c7ccc68dee3e386e5f34a9f3f21f6/workshop-2.jpg" /> <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/25cff68bf6b5d6041428d912914ff321240df8b6bfe1678612affd938d507000/workshop-4.jpg" data-mid="60154847" border="0" src="https://freight.cargo.site/w/1000/i/25cff68bf6b5d6041428d912914ff321240df8b6bfe1678612affd938d507000/workshop-4.jpg" /> Wireframes and user testing I designed wireframes based on our 3 favourite ideas: <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/d75508731c909e1ba163e749558443dacc89e716433ea6019409dd37f49dad0c/Early-wireframes.jpg" data-mid="60155961" border="0" src="https://freight.cargo.site/w/1000/i/d75508731c909e1ba163e749558443dacc89e716433ea6019409dd37f49dad0c/Early-wireframes.jpg" /> The current feed, but betterSorting the feed by topic and adding article recommendations Context based packagingPackaging articles by context, like commuting or the weekend Visual feedAdapting the ‘stories’ format common in social media to showcase fresh and relevant stories. We interviewed 6 myFT users about them with the help of Fraser, our researcher. To our surprise, the wild card ‘visual feed’ was unanimously the favourite. We did 2 more rounds of iteration and user testing to further validate the idea. <img width="1388" height="1655" width_o="1388" height_o="1655" data-src="https://freight.cargo.site/t/original/i/b85b9208e1b6eb0b6f214c771d7f85f167afae488b3465f138fba672f3886002/save-user-journey.jpg" data-mid="60356627" border="0" alt="Exploring a save article journey that was deprioritised for MVP after user testing " data-caption="Exploring a save article journey that was deprioritised for MVP after user testing " src="https://freight.cargo.site/w/1000/i/b85b9208e1b6eb0b6f214c771d7f85f167afae488b3465f138fba672f3886002/save-user-journey.jpg" /> Pivot Over the course of user testing readers liked aspects of the social media story format but felt it wasn’t useful to be presented 1 story at a time. Often, they expected the bubble to go to a simple list. We tried this in the final round of testing and it was preferred. “I’d expect to see list of stories on the topic” “Its quite helpful to see the article headlines in the context of other articles - That’s why the list works better” “Even though I use Instagram, for the FT I think [the list] works better” <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/bd0b1d9b885ae8de51f58848601e22d80c560e7b282a9c93d4145e6742eb513f/before-pivot.jpg" data-mid="60157122" border="0" alt="Before pivot - 'Social Media'" data-caption="Before pivot - 'Social Media'" src="https://freight.cargo.site/w/1000/i/bd0b1d9b885ae8de51f58848601e22d80c560e7b282a9c93d4145e6742eb513f/before-pivot.jpg" /> <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/80e33fba0d4c35fb1803fc642d3cbe0631bfc73a909cedf2a73b317cf971b148/after-pivot.jpg" data-mid="60157147" border="0" alt="After pivot - 'List'" data-caption="After pivot - 'List'" src="https://freight.cargo.site/w/1000/i/80e33fba0d4c35fb1803fc642d3cbe0631bfc73a909cedf2a73b317cf971b148/after-pivot.jpg" /> Experiment Given the unexpected direction user testing had taken us in, both our team and it’s stakeholders were conscious of such a bold move considering the solutions prominence on the homepage. We decided to release an MVP as an experiment in the app, allowing a small group of readers to try it, giving us an opportunity to collect usage data and get more feedback. Feedback and itterations The data, although far from gaining significance due to the number of readers using it, showed it to be 8 times more habit forming than the myFT feed, giving us the confidence to release an A/B test. Feedback from our in app survey was mostly positive, although it’s similarities to Instagram were not unnoticed, with one user summing it up: ‘I can’t believe the FT is trying to become Instagram!’ I worked with Mark, a fellow designer, to differentiate the interface from Instagram’s and make it feel like a more integrated and considered FT experience, as well as introduce some helpful microinteractions. <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/3b71f7623722149c794f3b1c920581ce0621faf614a3b702e7f7adede844c246/elevation-2.jpg" data-mid="60157995" border="0" src="https://freight.cargo.site/w/1000/i/3b71f7623722149c794f3b1c920581ce0621faf614a3b702e7f7adede844c246/elevation-2.jpg" /> <img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/d6f268864d718af49fa9b1b6f29096d27c75467de0daba447e46dbf495a7dfe3/elevation-1.jpg" data-mid="60157983" border="0" src="https://freight.cargo.site/w/1000/i/d6f268864d718af49fa9b1b6f29096d27c75467de0daba447e46dbf495a7dfe3/elevation-1.jpg" /> <img width="1876" height="528" width_o="1876" height_o="528" data-src="https://freight.cargo.site/t/original/i/e0669828b45cbbe1996817485bf11003cc0d669cb55ff8e3007636a518ec4a61/UI-explorations.jpg" data-mid="60157677" border="0" src="https://freight.cargo.site/w/1000/i/e0669828b45cbbe1996817485bf11003cc0d669cb55ff8e3007636a518ec4a61/UI-explorations.jpg" /><img width="1876" height="1056" width_o="1876" height_o="1056" data-src="https://freight.cargo.site/t/original/i/fa109f96e6c75a04806d3b185f481220a193ff7f83013e5efeb09f350362a5df/interactions.jpg" data-mid="60158224" border="0" src="https://freight.cargo.site/w/1000/i/fa109f96e6c75a04806d3b185f481220a193ff7f83013e5efeb09f350362a5df/interactions.jpg" /> A/B test We released Shortcuts to 50% of subscribers as an A/B test. Those exposed to Shortcuts visited the App 39% more frequently than those not exposed . The shorcuts were interacted with in almost 1 in 2 visits per user. The shortcuts also lead users to view more content.&nbsp; As a result, Shortcuts were rolled out to 100% of users. It has since been launched on desktop too. <img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/b5e0f3816d45d9a414424e426291e0b13e621e3851592756a0198a678caa4419/FT-Shortcuts-1.png" data-mid="190775074" border="0" src="https://freight.cargo.site/w/1000/i/b5e0f3816d45d9a414424e426291e0b13e621e3851592756a0198a678caa4419/FT-Shortcuts-1.png" /> Oboarding The onboarding interaction on the left was the preferred experience, but was deemed too technically challenging and expensive to build for the test. Instead, we compromised with a simple tooltip (right) <img width="438" height="1000" width_o="438" height_o="1000" data-src="https://freight.cargo.site/t/original/i/ea0f00d35cfd592521a090ca6ff1fb8c3d94bb193a7964c171396db56598bf31/topic-bubbles-onboarding-2.gif" data-mid="60158448" border="0" src="https://freight.cargo.site/w/438/i/ea0f00d35cfd592521a090ca6ff1fb8c3d94bb193a7964c171396db56598bf31/topic-bubbles-onboarding-2.gif" /> <img width="375" height="856" width_o="375" height_o="856" data-src="https://freight.cargo.site/t/original/i/e69e852ea0eea3d53a9af2f0069b3b5924f3c6017fcf6ac54390738e92af641b/standard.jpg" data-mid="60159551" border="0" src="https://freight.cargo.site/w/375/i/e69e852ea0eea3d53a9af2f0069b3b5924f3c6017fcf6ac54390738e92af641b/standard.jpg" /> Further reading How our experiment is changing the look of personalised news Me, FT Product &amp; Technology Medium blog, 2019 How we improved reader habit by 39% Anna Lisinski, FT Product &amp; Technology Medium blog, 2020 External commentry Engagement: Le FT propose une nouvelle interface inspirée des stories d’Instagram Datagif Tweet from Wolfgang Blau, COO of Conde Nast Read NextManaging NW Syria’s airstrike warning system https://jonomilnes.com/Managing-NW-Syria-s-airstrike-warning-system Wed, 02 Mar 2022 22:32:23 +0000 Jono Milnes https://jonomilnes.com/Managing-NW-Syria-s-airstrike-warning-system Managing NW Syria’s airstrike warning system Civilian ProtectionIOTDevice Management Role &amp; CompanyI led the product design and discovery in collaboration with Product Managers, Engineers, Subject Matter Experts and stakeholders at Hala Systems SummaryAn app to help technicians manage and troubleshoot an IOT network of visual warning devices that alert civilians in schools, hospitals and public spaces of incoming airstrikes in northwest Syria <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/b719c72da94f71d3eb4f17c532bdb6ccda3b5251ff55d0d2c3f1b8321fa011f8/VWS-Home-1.png" data-mid="212489765" border="0" alt="Key screens from core user flow" data-caption="Key screens from core user flow" src="https://freight.cargo.site/w/1000/i/b719c72da94f71d3eb4f17c532bdb6ccda3b5251ff55d0d2c3f1b8321fa011f8/VWS-Home-1.png" /> Due to the senstivity of this work a full case study is not available.More information available on request. Methods Generative Research Interviews Journey Mapping Problem Framing Design Sprint Concept Testing Prototyping User Testing UI Design Interaction Design Selected Images <img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/48df8df061b6bc95b173907e8aede66dced534f97d7d5d2c9375ad194dd25083/Ideation-sketches-3.png" data-mid="198575343" border="0" alt="Early sketches from a design sprint" data-caption="Early sketches from a design sprint" src="https://freight.cargo.site/w/1000/i/48df8df061b6bc95b173907e8aede66dced534f97d7d5d2c9375ad194dd25083/Ideation-sketches-3.png" /> <img width="3200" height="1800" width_o="3200" height_o="1800" data-src="https://freight.cargo.site/t/original/i/7c2ae1650ed10ac131bf1eb4b795785b09527bcca8a140d98988439121256f4c/Early-POC.png" data-mid="198575375" border="0" alt="First concept prototype" data-caption="First concept prototype" src="https://freight.cargo.site/w/1000/i/7c2ae1650ed10ac131bf1eb4b795785b09527bcca8a140d98988439121256f4c/Early-POC.png" /> Related Press The secret app that gives Syrian civilians minutes to escape airstrikes Washington PostAir strike warning app helps Syrians dodge death from the skies Reuters [Warning: Sensitive image] The social media warning system saving lives in Syria Telegraph Read NextEngaging disengaged readers at the Financial Times &nbsp; https://jonomilnes.com/Engaging-disengaged-readers-at-the-Financial-Times Tue, 04 Jun 2024 12:00:16 +0000 Jono Milnes https://jonomilnes.com/Engaging-disengaged-readers-at-the-Financial-Times Engaging disengaged readers at the Financial Times EngagementHabit formationB2C Role &amp; CompanyI lead the product design as part of the FT’s Engagement team alongside a PM, a Business Analyst, a User Researcher and 4 engineers Summary We experimented with 3 new features to help disengaged readers get more value from their subscription. Those who use 1 or more of the features are 20% more likely to become ‘engaged’. Those who arrive on the improved article page are 5% more likely to follow a topic.Jump to the screens →&nbsp; &nbsp; Jump to the methodolgy → <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/4538fa15c244bf8396784fed49ef901da7638f9c52adc6f98040c95380060e82/Engaging-disengaged-hero-1.png" data-mid="212288402" border="0" src="https://freight.cargo.site/w/1000/i/4538fa15c244bf8396784fed49ef901da7638f9c52adc6f98040c95380060e82/Engaging-disengaged-hero-1.png" /> Problem Those who don’t read cancel their subscription The cost of acquiring a new customer can be anywhere between five and 25 times more expensive than retaining an existing one. We know that those who pay for the FT but don’t use it are much more likely to cancel their subscription. How might we ensure that those who pay for the FT use it, value it and stay subscribed? Opportunity Disengaged readers have unique behaviours We used data analysis and qualitative feedback from a survey to better understand disengaged subscribers. We learned that disengaged subscribers: Arrive at an article page more often than engaged users Over index in desktop use and under index in app use Often ignore emails and newsletters and can find them annoying Expect relevant news to find them Are less familiar with personalization features like myFT <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/7a43104035cdde24bb1bb2b4fc0a0b5f0e2003d14b7863411e95fd1977f41442/Quote-2.png" data-mid="212419103" border="0" src="https://freight.cargo.site/w/1000/i/7a43104035cdde24bb1bb2b4fc0a0b5f0e2003d14b7863411e95fd1977f41442/Quote-2.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/82f30f336a327042587190367ef6f2ad4f092bf126aa707bba443e858eef0b13/Quote-1.png" data-mid="212419101" border="0" src="https://freight.cargo.site/w/1000/i/82f30f336a327042587190367ef6f2ad4f092bf126aa707bba443e858eef0b13/Quote-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/b303049cf2b47034c0fadc504d0dbda96a7097e8944e1d8298babd9a90f0f54b/Quote-3.png" data-mid="212419104" border="0" src="https://freight.cargo.site/w/1000/i/b303049cf2b47034c0fadc504d0dbda96a7097e8944e1d8298babd9a90f0f54b/Quote-3.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/ea0d47aeb98f341171d3a525e2cec39631f247499435a87dd516b696681deb59/Quote-4.png" data-mid="212419106" border="0" src="https://freight.cargo.site/w/1000/i/ea0d47aeb98f341171d3a525e2cec39631f247499435a87dd516b696681deb59/Quote-4.png" /> Solution Meeting disengaged readers where they are Using this research, I facilitated 2 rounds of ideation workshops with the team and stakeholders. We came up with more than 40 ideas and chose to test 3 that we agreed were low-effort/high-impact: In article myFT onboardingIn article myFT recommendations (AB testing copy)Hyper-localized homepage slice <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/f0f1fb0f507e60378ad17eec4ed323cc77b01134a9fad5869155e48d24d0fdf9/Netherlands-1.png" data-mid="212294511" border="0" src="https://freight.cargo.site/w/1000/i/f0f1fb0f507e60378ad17eec4ed323cc77b01134a9fad5869155e48d24d0fdf9/Netherlands-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/99d0f0a7e197447b396ff72c2216fa7ac2100cf410d3773f1b611dcd22a55425/Brazil-1.png" data-mid="212294513" border="0" src="https://freight.cargo.site/w/1000/i/99d0f0a7e197447b396ff72c2216fa7ac2100cf410d3773f1b611dcd22a55425/Brazil-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/3d7c1bb1e1b82a94527b9b50e00579282465ac263d8ac441efb3ae94380022be/Aus-1.png" data-mid="212294510" border="0" src="https://freight.cargo.site/w/1000/i/3d7c1bb1e1b82a94527b9b50e00579282465ac263d8ac441efb3ae94380022be/Aus-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/8ddf5388b1ce2077fb308e41dd272d52ce6c9ea76d928f8f00fd50fb372cef6f/myFT-Article-onboarding-1.png" data-mid="212417570" border="0" src="https://freight.cargo.site/w/1000/i/8ddf5388b1ce2077fb308e41dd272d52ce6c9ea76d928f8f00fd50fb372cef6f/myFT-Article-onboarding-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/48ded12aed78330bd1e82dd9ccb9be3429b41ed222c650fb25638f57dd59ae57/Industry-1.png" data-mid="212418283" border="0" src="https://freight.cargo.site/w/1000/i/48ded12aed78330bd1e82dd9ccb9be3429b41ed222c650fb25638f57dd59ae57/Industry-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/64870465496c69fe9396ccd1d25de9f0881c583cbc2931eb501218f4f8cc149d/Reading-history-1.png" data-mid="212418281" border="0" src="https://freight.cargo.site/w/1000/i/64870465496c69fe9396ccd1d25de9f0881c583cbc2931eb501218f4f8cc149d/Reading-history-1.png" /> <img width="2480" height="1387" width_o="2480" height_o="1387" data-src="https://freight.cargo.site/t/original/i/fdbc400783bbeda83a5be79c8dc3181a9fda050e702bfeed62e28cd01ef23c6e/out-group-bias.png" data-mid="212418284" border="0" src="https://freight.cargo.site/w/1000/i/fdbc400783bbeda83a5be79c8dc3181a9fda050e702bfeed62e28cd01ef23c6e/out-group-bias.png" /> Result More engagement and a deeper understanding Those who use 1 or more of the features are 20% more likely to become ‘engaged’.Those who arrive on the improved article page are 5% more likely to follow a topic.In/out bias was most effective in encouraging the under-engaged to follow a topic Methods Data Anaysis Surveys Personas Ideation Workshops User Flows Wireframes Advanced Prototyping UX/UI AB testing <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/53a9ace9939ae11f6181f910aa26a8de325e40cc420d3845531768d9f158caa7/myFT-disengaged-onboarding.pptx-2.png" data-mid="212418579" border="0" alt="Data analysis for disengaged readers" data-caption="Data analysis for disengaged readers" src="https://freight.cargo.site/w/960/i/53a9ace9939ae11f6181f910aa26a8de325e40cc420d3845531768d9f158caa7/myFT-disengaged-onboarding.pptx-2.png" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/b159faadaf24793e71c6ffe3092a1b610f625eecac3a9dda04f8cd8a2a02082e/myFT-disengaged-onboarding.pptx-1.jpg" data-mid="212418578" border="0" alt="Reviewing the email-heavy status quo" data-caption="Reviewing the email-heavy status quo" src="https://freight.cargo.site/w/960/i/b159faadaf24793e71c6ffe3092a1b610f625eecac3a9dda04f8cd8a2a02082e/myFT-disengaged-onboarding.pptx-1.jpg" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/3ae37a6d158fff4a32692bffc7f75e17d7e50ba3baaba98ff69cc865ec23982d/myFT-disengaged-onboarding.pptx-3.png" data-mid="212418582" border="0" alt="Early stage ideation sketches" data-caption="Early stage ideation sketches" src="https://freight.cargo.site/w/960/i/3ae37a6d158fff4a32692bffc7f75e17d7e50ba3baaba98ff69cc865ec23982d/myFT-disengaged-onboarding.pptx-3.png" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/35f347d5648cbd26f4b2dbd02ea7a20f6a0239135db443f2aae4dc8ffd1c0b9e/myFT-disengaged-onboarding.pptx.jpg" data-mid="212418576" border="0" alt="Establishing principles for UX copy" data-caption="Establishing principles for UX copy" src="https://freight.cargo.site/w/960/i/35f347d5648cbd26f4b2dbd02ea7a20f6a0239135db443f2aae4dc8ffd1c0b9e/myFT-disengaged-onboarding.pptx.jpg" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/5b2ad58c224b46e6037e7ae33e7f4146789ef3de95796664316abe34aa088377/myFT-disengaged-onboarding.pptx-1.png" data-mid="212418573" border="0" alt="User journey for in-article myFT onboarding" data-caption="User journey for in-article myFT onboarding" src="https://freight.cargo.site/w/960/i/5b2ad58c224b46e6037e7ae33e7f4146789ef3de95796664316abe34aa088377/myFT-disengaged-onboarding.pptx-1.png" /> <img width="960" height="540" width_o="960" height_o="540" data-src="https://freight.cargo.site/t/original/i/35d346de5de64525fc022d722ce3f3f15f4843a9257f1abb650c38733910681a/myFT-disengaged-onboarding.pptx.png" data-mid="212418570" border="0" alt="Basic wireframe for in-article myFT onboarding" data-caption="Basic wireframe for in-article myFT onboarding" src="https://freight.cargo.site/w/960/i/35d346de5de64525fc022d722ce3f3f15f4843a9257f1abb650c38733910681a/myFT-disengaged-onboarding.pptx.png" /> Next Steps Following this work, we revisited and audited the language used for myFT, with the ambition of making it more understandable and action oriented. We shared our findings with marketing teams so they could experiment with their messaging targeted at disengaged users.Read NextUsing audio to help governing bodies investigate war crimes &nbsp;