https://paigepearson.design/uxcasestudies daily 0.75 2024-04-10 https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558108951948-1CC7IYXPS963YWW5TJD1/image-asset.jpeg UX Case Studies - User Journey & Research The first piece of this task was to fully understand the users journey throughout the app as a whole, and the actions performed under each section. To do this effectively I listed out ALL the different possibilities and then organized them based off of common design patterns. After categorically organizing the pieces based off of my research and product knowledge I brought in subject matter experts from within the company to gather their insights and concerns on the problem as well as the direction we were headed with the proposed solution. This is always my favorite part, seeing how others maybe have differing ideas and collaborating. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558109619084-B8Y4N6FY98A8H083Y4NE/image-asset.jpeg UX Case Studies - Brainstorming With product requirements in mind and a clearer view of the challenges, I then brainstormed multiple variations on a single app bar to rule over the common patterns. The first iteration was a double stacked app bar for hierarchy and clarity. After feedback it was determined that a single row of actions to allow for maximum space to view content was ideal. This worked out much better considering the complex nature of the app and it ability to function on different types of devices including the Kindle Fire 7. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558112302440-YX83E16O7X8FZY77LVA8/final+designs+of+the+top+appbar UX Case Studies - Results & Conclusion Six of the seven tasks passed the usability scale as well as average time. The task that failed was an icon that tried to convey a too complex concept, that was changed to be a blue call to action button instead and tested again. After that change it passed with no problems, and the high fidelity version was created. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558110938187-DIUM81NHB3M1CJ45AKGZ/image+with+tons+of+prototype+links UX Case Studies - Prototyping & Testing With an idea of what it should look like and where the different components of the app bar belong, I created a prototype based off of different testing scenarios. I tested one task for each product, picking a different piece of the app bar per product to ensure coverage. Each task was timed and rated on on the Company’s usability scale. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558115033418-UFNW3HK890216WZP3CUB/image-asset.png UX Case Studies - High Fidelity At this point I created the high fidelity screens for the Product Managers final review and hand off to the development team. Working with the development team during this hand off I was also included in the dev requirement writing as well as biz reviews. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558114781207-VLP69SIJRMKR3A4UYVQ0/image-asset.png UX Case Studies - Block-framing & Testing Using common patterns from other places in the software that users were used to I created a series of block-frames. The product team then reviewed these and provided feedback. From this point I created wireframes to test. It was imperative to keep these extremely simple when testing our users to make sure there were no distractions. For this project in particular it took 3 rounds of testing iterations before coming to a common place that passed usability scores, time, as well as met the Product teams requirements. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558114073062-WE5VN2ALFSDM08YF349T/image-asset.png UX Case Studies - Empathy Mapping & Research To fully understand the real pain points of the user I created an empathy map with one of the Company’s user personas. From iterations of this empathy map it really helped me understand different areas to research and dive into deeper to be able to solve the problem. The biggest pain points I discovered were; lack of time, too complicated, different from the rest of the companies software. These insights lead me to address the problem with information architecture to highlight the most important things in a way that made sense. As well as a guided system that they can dismiss when they arrive or choose to never show again to help them remember different sections (this was considered helpful in my research because this editing platform was rarely visited). https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558119589437-FMMSDJVPBURGP8FJQ9TM/block+frames+of+mobile+user+journey UX Case Studies - User Journeys & Block-framing After enough research was conducted to get a couple ideas flowing I started brainstorming. Then as a product design team we discussed and voted on the most promising ideas to prototype and test. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558119343632-KD846ROCZ8RKMW2WWH1S/notebook+showing+research+notes UX Case Studies - Research This phase took the longest, and something interesting was discovered. The main pain point that was thought to be at the managerial level, turned out to be a level deeper and really an issue their employees were experiencing. At this discovery more user interviews were conducted and research gathered. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558119675927-HVJUEU84P5DO2QC2UG2O/image+showing+prototype+links UX Case Studies - Prototyping We decided to move forward with three main ideas and to keep the prototyping very simple. At this stage we also prepped the user tests, developing the user story and metrics we wanted to gather. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1554212698791-P32YEFKCE3FBO6SWOSTH/Availability+Flow+%281%29.png UX Case Studies - Findings & Next Steps After user testing, a majority passed the three tasks provided. However the overall ‘easy’ score I was looking to hit, did not get met. After reviewing the commentary and notes from the tests, the largest pain point for the user was making the request repeating. Switching the order of these pieces I believe should solve this pain, and then will be tested again. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631904140595-4PBUR6E31SE6OSAL939M/notes+from+competitor+research+to+identify+typologies UX Case Studies - IA Typology Research While the card sort data was being collected I decided to try and find any sort of information architecture typology patterns I could from the competitors in this space. While I couldn’t find any obvious patterns to be consistent across the space I did find some general buckets that seemed to also map back to the card sorting results. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631904980534-WLMJBZ1QHKPE6G9Y2OER/Screen+Shot+2021-09-17+at+12.54.37+PM.png UX Case Studies - Treejack Testing With nothing really super conclusive from the card sort or competitor analysis I wanted to move ahead and start user testing the information architecture as it currently was in the legacy platform. Here I decided to test three different areas - adding a new workflow (most common action) - updating an app account (differing internal ideas on where this should be) - error alerts (most unsure about this) https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1630348599062-UI76EQRQI7YJ5G0TKBAG/card+sort+dendogram+57%25+agreement UX Case Studies https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631906185117-2015IQ1RSTB59TOL3Y1U/Update+App+Account.png UX Case Studies click me to see more https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558114781207-VLP69SIJRMKR3A4UYVQ0/image-asset.png UX Case Studies - Block-framing & Testing Using common patterns from other places in the software that users were used to I created a series of block-frames. The product team then reviewed these and provided feedback. From this point I created wireframes to test. It was imperative to keep these extremely simple when testing our users to make sure there were no distractions. For this project in particular it took 3 rounds of testing iterations before coming to a common place that passed usability scores, time, as well as met the Product teams requirements. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558115033418-UFNW3HK890216WZP3CUB/image-asset.png UX Case Studies - High Fidelity At this point I created the high fidelity screens for the Product Managers final review and hand off to the development team. Working with the development team during this hand off I was also included in the dev requirement writing as well as biz reviews. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558114073062-WE5VN2ALFSDM08YF349T/image-asset.png UX Case Studies - Empathy Mapping & Research To fully understand the real pain points of the user I created an empathy map with one of the Company’s user personas. From iterations of this empathy map it really helped me understand different areas to research and dive into deeper to be able to solve the problem. The biggest pain points I discovered were; lack of time, too complicated, different from the rest of the companies software. These insights lead me to address the problem with information architecture to highlight the most important things in a way that made sense. As well as a guided system that they can dismiss when they arrive or choose to never show again to help them remember different sections (this was considered helpful in my research because this editing platform was rarely visited). https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631917294164-777SQLJAWY1ZYAZY5UGN/configure.png UX Case Studies https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631920960703-1K8U4AKUAM28ZO89T0BT/Marketplace.png UX Case Studies - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631921018354-I0R2MS75XGXD0UK3BZ3V/Screen+Shot+2021-09-17+at+5.18.21+PM.png UX Case Studies - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631911786113-V4281ZMKI7AZNOQGJN9E/user+journeys UX Case Studies https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631904140595-4PBUR6E31SE6OSAL939M/notes+from+competitor+research+to+identify+typologies UX Case Studies - IA Typology Research While the card sort data was being collected I decided to try and find any sort of information architecture typology patterns I could from the competitors in this space. While I couldn’t find any obvious patterns to be consistent across the space I did find some general buckets that seemed to also map back to the card sorting results. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631906185117-2015IQ1RSTB59TOL3Y1U/Update+App+Account.png UX Case Studies - Results & Conclusion I had a lot of fun with this test. The image on the right shows some really great learnings. The second task we asked the user to navigate to the first time we got mixed results on and after interviewing the candidates, the wording of the question seemed to be the culprit. After we updated the wording to better reflect what we were asking the user to find, we got a very direct fail. Which to me is the most exciting because this means the users are very directly all expecting it to be in a different place. By updating the location to be where the users all went, then on the last round of testing we got 100% direct success rate! Likewise but less drastic we were able to improve the success rates of the other tasks as well over the course of the 3 rounds of testing. Leaving us with a great starting point combined with the rest of the research and previous card sort. https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631911786113-V4281ZMKI7AZNOQGJN9E/user+journeys UX Case Studies - User Journeys https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631904980534-WLMJBZ1QHKPE6G9Y2OER/Screen+Shot+2021-09-17+at+12.54.37+PM.png UX Case Studies - Treejack Testing With nothing really super conclusive from the card sort or competitor analysis I wanted to move ahead and start user testing the information architecture as it currently was in the legacy platform. Here I decided to test three different areas - adding a new workflow (most common action) - updating an app account (differing internal ideas on where this should be) - error alerts (most unsure about this) https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558113325603-Q7NX6ZFNTLSWI9HJ3MEJ/Universal+App+Bar.png UX Case Studies https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558115220083-ZIARKL7J3GERG2QY78ZM/Registration+Process.png UX Case Studies https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558119827281-F9SHKP99K8Q024G2307B/Availability+Flow.png UX Case Studies https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631908407393-UNLMS56PAY7HWVRSK0PO/FTUX+Cover.png UX Case Studies https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912979032-98V44CTVBOFQGZOI8XIM/Information+Architecture.png UX Case Studies https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631913008374-N95C1XRYSFPYHIHLJABT/Mappers.png UX Case Studies https://paigepearson.design/workflows daily 0.75 2021-09-27 https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1632769984219-O5QW9662ECSECG3WFIEU/canvas.png workflows https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1632769984219-O5QW9662ECSECG3WFIEU/canvas.png workflows https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1632769984418-0TYAYXFFTL1IIU7EAGRT/editor.png workflows https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1632769984722-9JUBO98Y1M10KGEX9AQ5/inspector.png workflows https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1632769984827-OGBNBHDQ235VA2XNT6IZ/omnibar.png workflows https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1632769985538-ILPDDSF7DC0IJ3974KMP/shell.png workflows https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1632769985397-DB9Q5MB39BDCRG9P6WC4/workflow_header.png workflows https://paigepearson.design/doggos daily 0.75 2021-09-17 https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912042816-W9LMOHZV4XOYFADP9MKD/IMG_20210905_193946_047.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912042926-J0TUAJLUBNM35TGKA4O5/IMG_20210905_193946_060.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912084375-AYE5SEURYETYO5FZIKZD/IMG_20210327_191940_303.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912085386-7XGUZ13S6KRSHTUG1RNX/0125210933a_HDR.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912085795-62AIGN0845BW0F2PMI65/0222210924a_HDR.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912088297-U0JHQP0EV6WDCZWC2W7Y/0224211238_HDR.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912120312-8G3ZBEC5ERVXTP1LEH0O/0926201639a_HDR+%281%29.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912087743-L7YRN3RPH2U1UJXS22T4/0306211011b_HDR.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912120318-TGSX3ERWN8CWLA0978EF/1214201300a_HDR.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912165297-ZY4WEO4W1I3597OS52I8/IMG_20201214_191817_042.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912090571-R13AKI7236BSUV6U9IOX/0411211510_HDR.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912166571-UJH9WJRDH2614CMDMN9K/IMG_20210107_134711_010.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912166816-DS2D5ORTFIAMJS2S642S/IMG_20210220_112625_636.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912169400-KNWX6NBGTN45T4HLHB0N/IMG_20210310_134430_291.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912168366-QDT4706YCD8EHFCD8D9B/IMG_20210427_120800.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912169698-6DTRPUQFXE6K9V95GG4K/IMG_20210503_192828_935.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912170409-NO59TWECT6DKE4EAFKUE/IMG_20210507_155936_529.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912170617-3P37G6J9Q54G79OM5K8T/IMG_20210517_141601_544.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912171120-9OL26L5RR1RVWZRRIMIE/IMG_20210517_141811_225.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912171283-LOQCHPXAKDD6QV6L244A/IMG_20210517_141811_249.jpg doggos https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1631912171604-ZHS1W1MTQJ3QTKJR0DMD/IMG_20210530_191700_995.jpg doggos https://paigepearson.design/artforfun daily 0.75 2021-09-01 https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1630509743670-VN1FJI91R28B3IUTNOSC/1215202222_HDR.jpg art for fun https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1630509906732-1D2GAGJVMAAMQC6MF2J2/0129201732_HDR.jpg art for fun https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1630509742280-OL51UTQ95F779PSLYZMR/0815211256_HDR.jpg art for fun https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1630509790456-MMK26UFX53W75FM44WXH/0823212128a_HDR.jpg art for fun https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1630509818034-68STWX5KF9R9KWLP60N4/0904202226_HDR.jpg art for fun https://paigepearson.design/about daily 1.0 2024-11-18 https://images.squarespace-cdn.com/content/v1/5c13cf3f4cde7a72ec01dc02/1558118339373-B1SSZTIRQZGYV7UTGIU2/black+and+white+image+of+Paige About