https://www.melody-ux.com/blog daily 0.75 2024-05-06 https://www.melody-ux.com/blog/cool-tools-for-spring monthly 0.5 2024-05-06 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/7f69410e-3403-4e78-92de-3725e7938556/Screen+Shot+2024-05-06+at+10.34.33+AM.png Blog - Cool Tools for Spring - Location-specific Info This info box appears when you type in a zip code. The timestamps reveal how the sun will look at different stages of the eclipse. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/ec269eed-3122-42e5-9345-bfd260551794/pexels-recalmedia-72161.jpg Blog - Cool Tools for Spring - Make it stand out Photo by Recal Media via Pexels. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/15c962d6-4662-487b-894b-c9c2e1647c1a/Screen+Shot+2024-05-06+at+10.47.08+AM.png Blog - Cool Tools for Spring - Early May Dozens of cherry trees are in peak bloom! If you head to the gardens now, you will be enveloped in ethereal pink blossoms. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/176e8c15-069e-4b4b-9463-1bf5d1db0646/Cherry+1.png Blog - Cool Tools for Spring - Early April Most cherry trees are in prebloom. If you want to visit at the height of the spring season, you’ll need to wait a little longer. (The Cherry Esplanade is on the left — look for the row of trees planted in perfect symmetry). https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/4ba73453-bea3-43ad-a3af-f1b46bc4443d/Screen+Shot+2024-05-06+at+10.34.04+AM.png Blog - Cool Tools for Spring - Make it stand out The eclipse tool is positioned over a map. The path of totality is shown in a black band stretching across the country. You can type in a zip code to find out when the height of the eclipse will be. https://www.melody-ux.com/blog/job-portals-should-not-be-user-hostile monthly 0.5 2024-04-04 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1708459773343-6UCWFUDQU1YA41UF1BOD/Ceridian-4.png Blog - Job Application Portals Should Not Be User-Hostile - For starters, it took 10 steps for me to set up an account for a job portal that I was unlikely to revisit: Enter sign-up details Open the terms of service link and select “agree” Create security questions Request verification code Go to email to retrieve the verification code Enter verification code Select “no” to creating multifactor authentication. (Again, I had no plans to revisit this system after this one application) Sign in with email and password Deny SMS consent Start the application! https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/731465a0-27e0-4eef-b51b-972b7cf8175b/pexels-kampus-production-8636636.jpg Blog - Job Application Portals Should Not Be User-Hostile - Make it stand out Photograph by Kampus Production via Pexels https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/30bcbc2e-c09d-4937-8710-bf6e8afe8fca/Designer+2000+applied+2.png Blog - Job Application Portals Should Not Be User-Hostile - This listing has 2,334 applicants and was reposted one day ago. The number of actual applicants is probably less than the number shown. However, imagine half of these candidates completed an application. That would be over 1,000 people vying for one role. Nightmarish odds. Here’s one example of a listing on LinkedIn where 2,000+ applicants applied to one listing. The number of reported applicants may be greater than the number of candidates who actually submitted applications. However, imagine that half of those people did apply — that’s 1,000 applications for one opening. Nightmarish odds. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1709572073037-2KTWLAI0IA414Z32BOTC/Remote+but+not.png Blog - Job Application Portals Should Not Be User-Hostile This job is tagged as “Remote,” but the description says the role is onsite in Minnesota. Candidates have to review job listings carefully in order to avoid applying for jobs they aren’t eligible for. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/945c4aac-5c64-4ae2-925d-50643ab9298c/Ceridian-13.jpg Blog - Job Application Portals Should Not Be User-Hostile Despite applying to countless jobs in my lifetime, I’ve never run into a WOTC survey. I did not have the energy to research what this was or why it might be required. I did not have the wherewithal to complete another frivolous, friction-filled step. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/409a4b55-472d-40ff-9ef8-ad7f33f1b65a/Good+Portal+one+page.png Blog - Job Application Portals Should Not Be User-Hostile - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.melody-ux.com/blog/three-non-design-podcasts-for-ux-designers monthly 0.5 2023-03-30 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/343012db-7b4b-4b17-8c2b-f8ab16884232/pexels-willo-m-935890.jpg Blog - Three non-design podcasts for UX Designers - Make it stand out Photograph by Willo M via Pexels. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/7938bf1d-2b41-4ea7-b70e-d24833b9b47d/maintenance+phase.jpg Blog - Three non-design podcasts for UX Designers - Make it stand out Maintenance phase logo, via IMDB. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/19635258-5a6f-4414-8fd5-912609d742da/The_Moth_Podcast_Logo.png Blog - Three non-design podcasts for UX Designers - Make it stand out The Moth podcast logo via Wikipedia. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/53412187-8ea7-405b-a8f0-1478d3d5d954/hiddenbrain.jpeg Blog - Three non-design podcasts for UX Designers - Make it stand out Hidden Brain logo, via NPR. https://www.melody-ux.com/blog/canceling-membership-long-road monthly 0.5 2022-09-14 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/d67948f1-d757-493c-a816-158286e2b27f/Billing+Article.png Blog - Canceling A Membership Should Not Be A Long And Winding Road - 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/612904c36cefee26e16707d9/ba1258c9-d23e-4332-a9a4-82b8b1e37249/Auto+Renew+1.png Blog - Canceling A Membership Should Not Be A Long And Winding Road - 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/612904c36cefee26e16707d9/b1a038d0-db68-4df9-8cbc-2ee44f6822bb/pexels-tobias-aeppli-1125278.jpg Blog - Canceling A Membership Should Not Be A Long And Winding Road - Make it stand out Photo by Tobias Aeppli via Pexels https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/967e4e4a-4de8-42d9-ab72-667c2945a2c9/Help+Link.png Blog - Canceling A Membership Should Not Be A Long And Winding Road - 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/612904c36cefee26e16707d9/12b95830-a733-4758-a4db-1c496dc85b82/Auto+Renew+2.png Blog - Canceling A Membership Should Not Be A Long And Winding Road - 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/612904c36cefee26e16707d9/56f69921-245b-4270-bc18-8069ea30e899/Screen+Shot+2022-08-26+at+6.00.55+PM.png Blog - Canceling A Membership Should Not Be A Long And Winding Road - 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/612904c36cefee26e16707d9/971dbd28-9d3a-4349-8087-49b600b370e4/vimeo+home.png Blog - Canceling A Membership Should Not Be A Long And Winding Road - 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/612904c36cefee26e16707d9/051208ec-2948-4fae-aa24-c99c2d525b6a/Help+Center.png Blog - Canceling A Membership Should Not Be A Long And Winding Road - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.melody-ux.com/blog/4-insights-from-an-impromptu-usability-test monthly 0.5 2022-07-31 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/c88be7b4-0e97-4ebf-851f-2fb4ce6e62b5/pexels-vlada-karpovich-4050315.jpg Blog - 4 Lessons Learned From An Impromptu Usability Test - Make it stand out Photograph by Vlada Karpovich via Pexels https://www.melody-ux.com/blog/the-home-edit-models-how-to-customize-design-patterns-to-meet-user-needs monthly 0.5 2022-07-31 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/f8672d91-3d6f-4c25-bdef-1eceb2d9d3e0/THE+Hero.png Blog - “Get Organized With The Home Edit” Cleverly Customizes Design Patterns To Meet Client Needs - Make it stand out Show poster from Netflix via IMDB https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/5ef6c90a-e28c-4ea9-aeeb-0eda3c3302d1/pexels-anastasia-shuraeva-5704845.jpg Blog - “Get Organized With The Home Edit” Cleverly Customizes Design Patterns To Meet Client Needs - Make it stand out Photograph by Anastasia Shuraeve via Pexels. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/ae11883a-ee94-43e6-ac41-32724cc3364e/pexels-karolina-grabowska-6660254.jpg Blog - “Get Organized With The Home Edit” Cleverly Customizes Design Patterns To Meet Client Needs - Make it stand out Photograph by Karolina Grabowska via Pexels. https://www.melody-ux.com/blog/the-ux-of-config-2022 monthly 0.5 2022-05-27 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/510d0331-a989-4142-a0d3-38179a96f545/mybadge.figmaos.png Blog - The UX of Config 2022 - Make it stand out I used a template from the Figma Community to create this name badge. Attendees were encouraged to customize this badge and then post it to the Community, as a way to network with fellow conference goers. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/e6eba210-0bf2-470e-b256-6defc6fec542/Config+on+BigMarker.png Blog - The UX of Config 2022 - Make it stand out The interface used for Config had quite a lot happening! The left sidebar includes navigation to talks as well as a list of upcoming talks. The center features the speaker and their presentation slides. The right sidebar includes the Chat and any handouts that accompany the session. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/8af8f8cd-3611-4657-bd6f-58318c499e20/Screen+Shot+2022-05-25+at+4.50.52+PM.png Blog - The UX of Config 2022 - Make it stand out A screenshot of the Config 2022 agenda. See the full agenda here. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/c51a76ac-71f7-496d-8a28-460695cb757c/david-calavera-UKdCsFKBbkQ-unsplash.jpg Blog - The UX of Config 2022 - Make it stand out The extra love that Figma put into the finer details of this conference was like sprinkles on top of a delicious sundae. Image by David Calavera via Unsplash. https://www.melody-ux.com/blog/is-it-cake-is-a-master-class-in-gamification monthly 0.5 2022-11-02 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/ed117f36-3bc9-4200-a7a5-8f1018ec00f7/Is+It+Cake+Hero.png Blog - “Is It Cake?” Is A Master Class In Gamification - Make it stand out “Is It Cake” poster from Netflix via IMDB. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/fcb89b00-0870-4ce4-a1e0-a03f99c32b29/david-holifield-4nwmShss9Rw-unsplash.jpg Blog - “Is It Cake?” Is A Master Class In Gamification - Make it stand out Photo by David Holifield via Unsplash. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/faeeb488-1b58-4014-b4f5-7652715c0be8/freestocks-GjnNqeafePw-unsplash.jpg Blog - “Is It Cake?” Is A Master Class In Gamification - Make it stand out Photograph by @freestocks via Unsplash. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/d932ef31-4713-4688-95b2-1664e8882c15/pexels-gustavo-fring-3983577.jpg Blog - “Is It Cake?” Is A Master Class In Gamification - Make it stand out Photo by Gustavo Fring via Pexels. https://www.melody-ux.com/blog/mascara-product-reviews-limits-ux monthly 0.5 2023-12-07 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/88c33be5-b18c-41bb-8255-b1b0b4b6c150/pexels-breakingpic-3119.jpg Blog - Drugstore Mascara, Product Reviews, And The Limits Of UX Design - Make it stand out This image is from BreakingPic via Pexels. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/21c6716c-2575-4333-8649-58e1913307a9/Screen+Shot+2022-03-30+at+1.31.32+PM.png Blog - Drugstore Mascara, Product Reviews, And The Limits Of UX Design - Make it stand out Beneath the quantitative data summary, ULTA juxtaposes the most helpful positive review with the most helpful critical review. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/905d5f32-8271-4403-b59d-89a96f86e959/Screen+Shot+2022-03-30+at+1.32.10+PM.png Blog - Drugstore Mascara, Product Reviews, And The Limits Of UX Design - Make it stand out This screenshot of Product Reviews shows how ULTA summarizes key data points. While this design likely exists on other sites, ULTA is the first place I’ve encountered it. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/7d6c3c1c-5e97-46ea-8457-cf86873384c5/pexels-pixabay-35550.jpg Blog - Drugstore Mascara, Product Reviews, And The Limits Of UX Design - Make it stand out Image from Pixabay via Pexels https://www.melody-ux.com/blog/usability-test-tips monthly 0.5 2022-04-04 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/0faf55c8-e347-41a8-a616-e0e743f3dce0/teacher+desk+pic+og.png Blog - 5 Usability Test Tips From A Former Teacher - Make it stand out This photo is an ode to my teaching desk, featuring: piles of papers (graded and ungraded), packets, attendance rosters, errant writing utensils, keys, glasses, and my favorite mug (decorated with famous opening lines of books) filled with a warm, caffeinated beverage. https://www.melody-ux.com/blog/thredup-features-ux monthly 0.5 2022-04-29 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/6ec00c2e-e63a-4017-8552-be36a7b81724/pexels-mart-production-7679444.jpg Blog - 4 ThredUP Features That Make Me Feel Like I’m Thrifting IRL - Make it stand out Photo from MART PRODUCTION via Pexels. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/54edb5b2-104b-473e-9358-4df65e6036ae/My+Sizes+Flow.png Blog - 4 ThredUP Features That Make Me Feel Like I’m Thrifting IRL - 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/612904c36cefee26e16707d9/336c9e1b-5239-4c17-a9dd-313b26c10d09/Condition+Filters.png Blog - 4 ThredUP Features That Make Me Feel Like I’m Thrifting IRL - 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/612904c36cefee26e16707d9/ee686395-cd07-4727-883a-75c65cc03337/Rare+Finds.png Blog - 4 ThredUP Features That Make Me Feel Like I’m Thrifting IRL - 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/612904c36cefee26e16707d9/fb1b95c2-f019-4977-834e-2472d99e6c11/Saved+Search+Flow.png Blog - 4 ThredUP Features That Make Me Feel Like I’m Thrifting IRL - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.melody-ux.com/blog/lesson-trader-joes-solving-problems monthly 0.5 2022-03-08 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/8892fb70-018d-4eee-943b-39c23cc22f6d/gemma-stpjHJGqZyw-unsplash.jpg Blog - A Lesson From Trader Joe’s in Creatively Addressing “Unsolvable” Problems - Make it stand out Photo by GemmaJade on Unsplash https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/c5e4cb2a-1b2b-4ea2-b858-71a79fc21286/TJs+Lolly.png Blog - A Lesson From Trader Joe’s in Creatively Addressing “Unsolvable” Problems - Make it stand out I was surprised and grateful to have an employee offer up a bucket of rainbow-colored candy for me to choose from. (Background photo of store from Nathalia Rosa on Pexels; comic made in Figma). https://www.melody-ux.com/blog/lock-design-user-safety monthly 0.5 2022-04-29 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/5dddbb8a-bc4b-4a16-a5be-4175f2f7a745/Lock+Unlock.png Blog - What Bathroom Lock Design Can Teach Us About Privacy Settings - Make it stand out From inside the stall, it was easy to see that I had successfully locked the door. This visible validation gave me comfort in a situation that is innately vulnerable. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/e7d7d275-2766-4994-bacc-6885b7abe551/Visible+v+Private.png Blog - What Bathroom Lock Design Can Teach Us About Privacy Settings - Make it stand out In Google drive, quick indicators reveal if a file is shared (person icon) or private (lock or absence of the person icon). https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/fc40f4f0-77ff-436c-a58e-03221577d0e4/Before+After+No+Text.png Blog - What Bathroom Lock Design Can Teach Us About Privacy Settings - Make it stand out I don’t have photos of the bathroom door in question, but here is a detailed rendering of how I felt before and after my blunder. https://www.melody-ux.com/blog/teacher-approved-tips-user-interview-questions monthly 0.5 2022-04-19 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1635347088918-CB809QY0ZZ0T8F5524PN/TeacherDrawer.jpg Blog - Teacher-Approved Tips For Crafting User Interview Questions - Make it stand out Here’s a throwback to my very teacherly desk drawer! It also serves as proof that my obsession with brightly-colored sticky-notes long predates my transition to UX Design. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/85b2600b-9121-49aa-928d-f6efd3cb15cf/Question+Criteria.png Blog - Teacher-Approved Tips For Crafting User Interview Questions - 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/612904c36cefee26e16707d9/b8e58f2e-46a1-4681-aa8d-e4bdca75e437/Questions+Hero.png Blog - Teacher-Approved Tips For Crafting User Interview Questions - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://www.melody-ux.com/blog/pizza-uxd-design-pattern monthly 0.5 2022-03-08 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1631467993015-WG6PVRZ5KGEI21XXQWU8/IMG_9098.jpg Blog - Where Delicious Pizza And Awesome UX Meet - 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/612904c36cefee26e16707d9/1634260476128-QW20NXUWAUMLZ03SCNV3/L%26B+Spumoni.jpg Blog - Where Delicious Pizza And Awesome UX Meet - Make it stand out I didn’t take a photo, so here is my very high tech rendering of the three-window design (plus a satisfied customer). https://www.melody-ux.com/about daily 0.75 2025-11-04 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/489f4b1c-29ef-45e3-af6b-0553e6082942/prof+fall+2023.jpg https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/9f18da8f-f98b-4997-989d-9abbe02dd00e/Codecademy+Intro+to+UI+UX Contact - I worked on Codecademy’s first-ever UX and UI course, and 140,000+ learners have completed it so far! It was a fun challenge to isolate essential Figma skills that designers need when they’re learning how to create prototypes. I wrote content and created design deliverables for Codecademy’s first-ever UX and UI course! My favorite part was working on essential design and prototyping skills in Figma. It was a fun challenge to isolate the skills that set s up for success. https://www.melody-ux.com/portfolio daily 1.0 2025-11-02 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/41190564-f9dc-4c31-8927-04234b99ea80/IMG_5938.jpg https://www.melody-ux.com/portfolio/ux-ui-finalizing-user-flows-and-documentation-for-website-that-connects-nonprofits-with-resources monthly 0.5 2023-12-17 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/da5a30f0-3e31-4477-b081-5d38113081fb/UI+Home+Page+22.jpg https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/85098026-14a7-44c7-9713-d3afa0539231/Bluebox.png https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/5fe81fb4-dd64-4b50-bdf4-94dfc98f1e20/M+1.1.png https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/fdb00af0-293e-42b3-a824-81d38fe88481/M+1.0.jpg https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/5181c909-c040-40cd-8a4d-c0cfe923b6af/M-1.2.png https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/04aeb90f-96e7-41fb-a10f-c9b25bd02324/M-1.3+%281%29.png https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/c621eedf-36c7-4505-a5f6-76615c8935a4/Dashboard-UPDATE.jpg https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/a1def5a7-8584-4831-b732-d4ce70da1213/Profiles+Allyson+notes.png https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/a7bf77ed-aa72-4499-baf3-4d24544d3149/Documentation+2.png https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1b7168d0-b943-49bc-b295-2c07b71aecd2/Screen+Shot+2023-12-17+at+5.23.00+PM.png Portfolio - UX & UI: Finalizing user flows and documentation for website that connects nonprofits with resources https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/48fa0506-ba5a-4db9-9e9a-e1cf1e739b06/Modal-Edit-Volunteer.png Portfolio - UX & UI: Finalizing user flows and documentation for website that connects nonprofits with resources https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/436aedc3-9b61-4e9e-8893-794b9ea90fc7/Screen+Shot+2023-12-17+at+5.26.50+PM.png Portfolio - UX & UI: Finalizing user flows and documentation for website that connects nonprofits with resources https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/721ee59e-4a07-47fa-9cf2-29fe0626356d/1-Sol.png Portfolio - UX & UI: Finalizing user flows and documentation for website that connects nonprofits with resources I initially used Netflix as design inspiration. Users can log in to the organization's account, and select their profile. Feedback from Engineering pushed me to completely rethink this! https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/b56f7d3f-1643-4946-8adf-f81ace81c4bd/2-Sol.png Portfolio - UX & UI: Finalizing user flows and documentation for website that connects nonprofits with resources I used Google Docs as inspiration. Users can request access to an organization's account. I worried that the Admin may miss these requests. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/0ddd328a-5bdb-464e-91e7-6cba9bb1a45b/3-Sol.png Portfolio - UX & UI: Finalizing user flows and documentation for website that connects nonprofits with resources I adapted Solution 2, making it easier to find pending requests. However, this solution involved too many steps for the Admin and the user requesting access. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/07b6c3e2-2b7f-448a-9170-bb6f97521a23/4-Sol.png Portfolio - UX & UI: Finalizing user flows and documentation for website that connects nonprofits with resources The final solution is the simplest, requires fewer actions, and fits with system requirements. Instead of individuals requesting access to the organization, the account's owner can add users as representatives. https://www.melody-ux.com/portfolio/tdaconnect monthly 0.5 2023-12-16 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/596f5ca0-67fb-448a-a616-e01e46ef3be7/smartmockups_lh5irvcl.jpg https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/b08fa5b7-a4af-440f-bd87-b76142d3fe80/File+a+Report.png https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225337376-36JM1AX4C0NIC32WNXXU/Rectangle+26.jpg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225123989-3AGGEWNOKB8XK6YRH6A9/Rectangle+25.jpg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225350677-B3YBA0I530Q8W9125BX3/Rectangle+27.jpg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research https://images.squarespace-cdn.com/content/v1/5ec321c2af33de48734cc929/1615225322403-8M32U1NK41JYCCJQCWP7/Rectangle+25.jpg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/5e491640-1a0c-4c22-b561-6e443ee79e43/spilogo.jpeg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1e3bf023-2380-45e0-aaf9-c64d022d9b18/linkedin-sales-solutions-1LyBcHrH4J8-unsplash.jpg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/30225e75-5b47-4289-8609-898f4dbac8cd/kelly-sikkema-ml1IgjV8OvY-unsplash.jpg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/f53d5fb2-49f8-4ac1-91fa-06bda0e531ae/NewsFeed.png Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research The home page emphasizes connection by highlighting users' posts. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1683043917505-REM0OOQOVINSSRI4UPRT/Screen%2BShot%2B2023-05-02%2Bat%2B12.08.55%2BPM.jpg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research SPI's instagram page https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/47fa20f2-99f9-4255-98e8-288acb57d8dd/01+Send+Request+-+v1+%28Desktop%29.png Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research Users can view each other's profiles and connect through a friend request. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/d5c6aa45-3780-4fb6-ab72-e228aa22a110/Screen+Shot+2023-05-02+at+12.06.15+PM.png Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research SPI's facebook page https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/7a9f8c7b-b85c-464c-b5de-c3112d1a1753/02.+New+Post+-+Photo+Selected+Friends.png Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research Users can add a trigger warning on their post, and they can choose if the post is public or just for their friends. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/8bbc9681-1d57-4d85-9953-f55bb475efc8/Screen+Shot+2023-05-02+at+12.09.39+PM.png Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research SPI's twitter page https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/32026f40-5038-4410-8d70-c7234bc25d8b/03.+Profile+page+-+Profile+privacy+%28desktop%29+-unfilled+v1.2.jpg Portfolio - UXR: Defining features for a non-profit's community portal by leveraging user research Users can personalize their privacy settings, so that sensitive information is only available to those they trust. https://www.melody-ux.com/portfolio/upper-neighbor monthly 0.5 2023-12-16 https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/5d6ab02b-d53a-4ab3-9dd5-50f3d246ab3f/smartmockups_la9tigy2.jpg https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/9b0dbc01-6c79-49fd-8929-bdf5209bbbc8/UN+Case+Study+Hero.png https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/e7f5ae15-8780-4376-9229-a34f4b85057b/Low+Fi+Tracker+no+fill.png https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/bde027a9-c4b9-460f-ad8e-85d505ebd916/Instrument.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/6cfabfec-f000-4402-a6bf-66dda9387c47/UN+High+fi+aerial.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/dd366286-7e6e-4bfd-ab7b-2a37b4b2211a/UN+Low+Fi+Aerial.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/597e2e8f-f835-4b30-b162-e9e97b79f7f3/Screen+Shot+2023-04-06+at+5.30.58+PM.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/ab24e8c3-67bd-40ef-8973-1ab2d91d886d/Find+Stopwatch.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/e2243c1f-c447-4ea1-b2b4-fc392f107c92/Evolve+Timer.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/4535f875-d6be-4b75-ac4f-80544466f096/Priorities+Issues.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/834c6847-3ae1-4a10-ae81-98f70be95670/Illustrtions.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app The gradient-style illustration looked whimsical, but felt out of place with other elements. The final blue and orange instruments worked better for cohesion. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/ff6e4578-e8c2-4020-bc6d-7cdc1ab0fd92/Evolve+Activity.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/67964d85-0d21-4d9f-bc78-ab9b6c1dd9d9/Activity+Critique.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/8f473220-bcb1-4292-9e62-899f16a39e6d/Activity+Iterate.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app One UX revision was to set up the activity page with data points that users found more valuable. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/123bac83-2896-4fde-a0c4-8786cc8da1a7/Evolve+Home.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1c008a87-6909-4d2f-a729-ec8436a38579/Module+Cards.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app While the psychedelic patterns were lively and fun, I ultimately used solid colors instead, so that the visual design was harmonious across all pages https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/d64496d0-77ac-471b-86db-ba0b8a9fa3ea/Evolve+Module.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/1e3c8182-2ee2-415f-9fbe-6d788949a4f5/Evolve+Practice.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/34ac462f-d4cd-493b-a9cb-2199c6612281/Find+Content.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app Information about the music instructors interrupts the "find practice content" flow. Content categories (series, routines, videos) are not intuitive and increase the number of decisions users must make. https://images.squarespace-cdn.com/content/v1/612904c36cefee26e16707d9/f5f5254f-73a4-4502-9ced-077515ab1651/UI+Issues.png Portfolio - UX & UI: Simplifying information architecture and adding tracking feature for a music lesson app The visual hierarchy doesn't help users access practice content. Some screens are overcrowded and include accessibility issues with font size and color.