{"id":6492,"date":"2019-06-02T16:05:00","date_gmt":"2019-06-02T16:05:00","guid":{"rendered":"https:\/\/digm.drexel.edu\/uxid\/?p=6492"},"modified":"2024-07-18T14:18:58","modified_gmt":"2024-07-18T14:18:58","slug":"overcoming-multiple-sclerosis","status":"publish","type":"post","link":"https:\/\/philsinatra.net\/branches\/uxid\/2019\/06\/02\/overcoming-multiple-sclerosis\/","title":{"rendered":"Overcoming Multiple Sclerosis"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" width=\"1920\" height=\"1080\" src=\"https:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2024\/07\/Untitled.png\" alt=\"\" class=\"wp-image-6493\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/Untitled.png 1920w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/Untitled-300x169.png 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/Untitled-1024x576.png 1024w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/Untitled-768x432.png 768w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/Untitled-1536x864.png 1536w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/Untitled-1440x810.png 1440w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\" id=\"yui_3_17_2_1_1720708753702_80\"><img loading=\"lazy\" src=\"https:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2024\/07\/MS-Logo.png\" alt=\"\" class=\"wp-image-6494\" width=\"700\" height=\"700\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/MS-Logo.png 700w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/MS-Logo-300x300.png 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/MS-Logo-150x150.png 150w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure>\n\n\n\n<p>Overcoming Multiple Sclerosis (OMS) is a non-profit organization that provides a holistic lifestyle program to help people with Multiple Sclerosis (MS) live a better life. In the summer of 2018, OMS reached out to Drexel University to propose an app to compliment their lifestyle program. Our team took their initial proposal and brought it through our User Experience process to ensure that our developers were building the best possible experience.<\/p>\n\n\n\n<h1>PROBLEM<\/h1>\n\n\n\n<p>Living with MS can be difficult enough without having to change your whole lifestyle. While OMS has a robust holistic program for people with MS, it can be hard to adjust to. We aimed to create a motivational space where people could go to track their progress and educate themselves about the program.<\/p>\n\n\n\n<h1>GOALS<\/h1>\n\n\n\n<h3>ACCOMPLISH<\/h3>\n\n\n\n<p>OMS provides 6 daily steps for people to follow in the program. The main function of the app is to allow people to track which steps they have completed and which ones they can.<\/p>\n\n\n\n<h3>EDUCATE<\/h3>\n\n\n\n<p>The first step of starting the OMS program is understanding it. Users need to be able to have a resource where they can either learn about or quickly reference parts of the program.<\/p>\n\n\n\n<h3>ACCOMMODATE<\/h3>\n\n\n\n<p>MS is a degenerative disease that affects each individual\u2019s body differently. Therefore the app needs to follow Accessibility standards so that someone with any range of symptoms can use it.<\/p>\n\n\n\n<h3>MOTIVATE<\/h3>\n\n\n\n<p>One of the biggest issues with lifestyle apps is retention. We wanted to create a space where users feel encouraged to use without being punished if they cannot complete a step due to a symptom flare-up.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-image\" id=\"yui_3_17_2_1_1720708753702_92\"><img src=\"https:\/\/images.squarespace-cdn.com\/content\/v1\/5ce18d72ccdead0001b5717c\/1560915335061-HIW1OXRBTOQW4JIMKYTA\/image0.jpg\" alt=\"image0.jpg\"\/><figcaption>The Process BeginsWe began our process by laying the groundwork. The team knew very little about MS or the OMS program so we set out to educate ourselves. While this was happening the research team spoke with various members of the OMS community. The interviews had us speaking to people who were new to the program, mostly under a year, to people who had been on the program for up to eight years. After we gathered the data from the interviews we were able to move on to synthesize the data. This called for an affinity map. Below you can see the final product, along with a couple of drawings too sweet to erase, courtesy of several anonymous animation majors at Drexel University.<\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\" id=\"yui_3_17_2_1_1720708753702_102\"><img src=\"https:\/\/images.squarespace-cdn.com\/content\/v1\/5ce18d72ccdead0001b5717c\/1560915430092-VOVPR95B2M04FGHQFWGP\/IMG-0085.JPG\" alt=\"IMG-0085.JPG\"\/><\/figure>\n\n\n\n<p>Through this, we identified two personas that would be key to feature development. The first persona was the new recruit. This person is new to the program and needs the most guidance, they are the primary target for the app. Our secondary persona was the experienced user. The experienced user is someone who has been following the program for at least five years, they know what works for them and how to do it. This group required less hand-holding yet desired tools to analyze how they were doing. Along with personas, this was the first step that garnered the four goals I mentioned earlier. We also garnered some interesting findings about what people are currently using, so we decided to take a look.<\/p>\n\n\n\n<h1>COMPETITIVE ANALYSIS<\/h1>\n\n\n\n<p>We identified several key categories that our participants struggled with and decided to take a look at the apps that they tried to use. For this, each of us on the research team used the apps we were assigned and reported back on them through a PowerPoint. These apps included lifestyle, meditation, and motivation apps. &nbsp;<\/p>\n\n\n\n<h3>LIFESTYLE<\/h3>\n\n\n\n<p>Our participants showed frustration with lifestyle apps like Gyroscope and MyFitnessPal due to their inflexibility and punishing demeanor towards missing input. I looked at these and also at Superbetter, which none of our participants used, but enough of them knew about it that it caught our attention.<\/p>\n\n\n\n<h3>MEDITATION<\/h3>\n\n\n\n<p>We also found that a lot of people were frustrated with their meditation apps. Upon using three different meditation apps, I and my research partner found that they were not very beginner friendly. The ones that were tailored for beginners though, were not accommodating to experienced meditators, specifically in the diversity of meditation. For reference, OMS recommends Mindfulness Based Stress Reduction (MBSR) meditations, while most apps only provide Mindfulness. MBSR is a special kind of Mindfulness meditation that focuses on relieving stress and attuning to the body. Unfortunately, due to time constraints on the project, we were not allowed to research much further into creating a more robust meditation feature.<\/p>\n\n\n\n<h1>USABILITY TESTING<\/h1>\n\n\n\n<p>The largest portion of the research fell upon Usability Testing. Of our seven phases of research, five fell under the umbrella of usability. Each phase of usability was for a specific set of features that were being designed. Our designers would send the research team their initial designs and we would conduct a quick Heuristic evaluation to see if anything needed to be altered before putting the designs in front of users. Once they were ready we conducted remote testing sessions using a mix of Invision Prototypes and Google slides presentations. Due to our crunched timeline, we only had time to test each feature once. If we were lucky we could test it again if that feature fell close enough to another to warrant putting it in the protocol.<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<div id=\"yui_3_17_2_1_1720708753702_111\" class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/images.squarespace-cdn.com\/content\/v1\/5ce18d72ccdead0001b5717c\/1560917387560-Z303QBVIN0LURGSY7VZ5\/unnamed+%281%29.png\" alt=\"Original Design\" width=\"288\" height=\"512\"\/><figcaption>Original Design<\/figcaption><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div id=\"yui_3_17_2_1_1720708753702_122\" class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/images.squarespace-cdn.com\/content\/v1\/5ce18d72ccdead0001b5717c\/1560917396907-D44K8XRXQK5UHQ7CQEP0\/unnamed.jpg\" alt=\"Revised Design\" width=\"289\" height=\"512\"\/><figcaption>Revised Design<\/figcaption><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2>FOOD HUB<\/h2>\n\n\n\n<p>The Food Hub started as a place for participants to track how much Saturated Fat they were in taking so they would know to stop. This proved to be too confusing for the users as the Sat Fat bar on the Tracking Page counted down the amount that the user had left, while every other tracking bar counted up toward an objective. This made people think they needed more Saturated Fat. To address this we changed the metric to ask the user how well they felt they followed the OMS diet that day.<\/p>\n\n\n\n<p>Additionally, the contents of the Food Hub needed to change. As we moved away from logging food to tracking saturated fats, we added more functionality to help people understand the program. The Search function became a way for users to check if something was ok to eat based on database tags. We also added a section to find recipes that fit the OMS diet, so that people would have a place to start when cooking for themselves.<\/p>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<div id=\"yui_3_17_2_1_1720708753702_132\" class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"370\" height=\"656\" src=\"https:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2024\/07\/foodhub2-1.png\" alt=\"\" class=\"wp-image-6498\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/foodhub2-1.png 370w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/foodhub2-1-169x300.png 169w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><figcaption>Original Design<\/figcaption><\/figure><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<div id=\"yui_3_17_2_1_1720708753702_145\" class=\"wp-block-image\"><figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" src=\"https:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2024\/07\/Food03-1.jpg\" alt=\"\" class=\"wp-image-6499\" width=\"370\" height=\"656\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/Food03-1.jpg 320w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/Food03-1-169x300.jpg 169w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><figcaption>Revised Design<\/figcaption><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns\">\n<div class=\"wp-block-column\">\n<figure class=\"wp-block-image\" id=\"yui_3_17_2_1_1720708753702_155\"><img src=\"https:\/\/images.squarespace-cdn.com\/content\/v1\/5ce18d72ccdead0001b5717c\/1560918902591-7K0HZGN7FSL8JOEV9S19\/History+05.jpg\" alt=\"History 05.jpg\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column\">\n<h2>HISTORY<\/h2>\n\n\n\n<p>Another major change to the design was the History section. This section started out as an Analysis, where users could go and see how they were doing on the program. It would tell that by comparing how well the user met their goals with how badly they rated their symptoms. This section soon became a catch-all for things that were missed. At one point this was the only section where users could go to add something they did on a previous day. Luckily we were able to sort out where to put the rouge features after testing the History section.<\/p>\n<\/div>\n<\/div>\n\n\n\n<h1>IF ONLY, IF ONLY<\/h1>\n\n\n\n<p>Though our process yielded a wonderful app, there were also issues that arose. Our biggest obstacle was our scope. Currently our team is looking for a development group to finish creating all of the features that the team designed for. We had to cut our History section, which would analyze how much of the program someone would complete per day, and show it against their symptom ratings. The research team specifically cut plans to research what our app could do to make the meditation experience better for new users.<\/p>\n\n\n\n<h1>IN CONCLUSION . . .<\/h1>\n\n\n\n<p>Overall the process was not without its bumps and bruises. For our Senior Showcase, we had to cut much of what we had planned for the final application, such as the circles and history, as well as the more comprehensive meditation feature. What we did complete though, was an app that we believe will help people who need it. Our team lived up to the challenge of designing and developing an app in nine months and we walked away better for it. The app has already won first place among all senior projects in Drexel\u2019s College of Computing and Informatics, as well as within the Interactive Digital Media major. Here is what our client had to say about the work we did over the past year.<\/p>\n\n\n\n<div id=\"yui_3_17_2_1_1720708753702_166\" class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" width=\"600\" height=\"600\" src=\"https:\/\/digm.drexel.edu\/uxid\/wp-content\/uploads\/2024\/07\/AlexTwersky.jpg\" alt=\"\" class=\"wp-image-6501\" srcset=\"https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/AlexTwersky.jpg 600w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/AlexTwersky-300x300.jpg 300w, https:\/\/philsinatra.net\/branches\/uxid\/wp-content\/uploads\/2024\/07\/AlexTwersky-150x150.jpg 150w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><figcaption>Alex Twersky, Global Marketing &amp; Communications Manager for OMS<\/figcaption><\/figure><\/div>\n\n\n\n<blockquote class=\"wp-block-quote\"><p>\u201cOvercoming MS is a global nonprofit that educates and empowers people with MS around the world about diet and lifestyle changes they can make to improve their health outcomes. We had been contemplating the urgent need to develop a comprehensive smartphone app that would make it easier for people to adopt and stick to our evidence-based program, and fortunately for us, we were selected by an amazing group of Drexel University students as their senior thesis project. From the start, it was hard to imagine we were working with a group of students. The Design and Computer Science teams conducted the development process with unparalleled professionalism, dedication, and creativity.<\/p><p>The Design team dove into the complexities of MS, and the intricacies of the lifestyle changes that our program recommends. They conducted dozens of interviews with people around the world, from those on our program to medical professionals, in order to form a solid foundation on which to develop numerous iterations of UX and UI design that would most effectively accomplish the app\u2019s goals of helping people with MS adhere to a wide range of lifestyle modifications. They collaborated seamlessly with the excellent team of programmers that comprised the Computer Science team, and who translated the front-end requirements into highly functional code. The entire effort was kept on track by super project management on both sides of the development coin. Throughout the process, the two groups worked together in close coordination in order to anticipate issues before they become problematic, come up with creative user-friendly workarounds, and ultimately produce an app that will undoubtedly make a positive impact on thousands of lives.<\/p><p>We at Overcoming MS were thoroughly impressed with the entire team\u2019s performance and commitment to the project they had embraced, and we are ever grateful. We were not working with students; we were working with young professionals whose contributions went well beyond a student project. We would happily offer the highest reference for each and every member of the team, and we know an employer who hires any of these 11 amazing students will quickly see the extent of their talent and know-how.\u201d<\/p><cite>\u2013Alex Twersky, Global Marketing &amp; Communications Manager for OMS<\/cite><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Overcoming Multiple Sclerosis (OMS) is a non-profit organization that provides a holistic lifestyle program to help people with Multiple Sclerosis (MS) live a better life. In the summer of 2018, OMS reached out to Drexel University to propose an app to compliment their lifestyle program. Our team took their initial &hellip;<\/p>\n","protected":false},"author":10,"featured_media":6493,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[62,18,9,2],"tags":[24],"_links":{"self":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6492"}],"collection":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/comments?post=6492"}],"version-history":[{"count":5,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6492\/revisions"}],"predecessor-version":[{"id":6514,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/posts\/6492\/revisions\/6514"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media\/6493"}],"wp:attachment":[{"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/media?parent=6492"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/categories?post=6492"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/philsinatra.net\/branches\/uxid\/wp-json\/wp\/v2\/tags?post=6492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}