http://whatisjoeldoing.com/website-barrier daily 1.0 2022-04-19 http://whatisjoeldoing.com/hello-hello-hello daily 0.75 2022-04-18 http://whatisjoeldoing.com/the-man-behind-the-curtain daily 0.75 2022-04-25 https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/9430a0a2-4d87-4983-adb4-2e11a1d79143/2022-04-19-11-04-41-527_2.jpg About - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://whatisjoeldoing.com/sojourner daily 0.75 2022-04-14 https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/ddae1fc3-6706-4de5-97ba-d8f0eb26c941/Debrief.png Sojourner Observations were mapped into: Key Takeaways Surprises Pain Points Key Quotes https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/d903203f-fe98-4043-bc4b-ce3a2f820dfa/presentation.png Sojourner - Make it stand out The team meeting w/ the client post presentation https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/6a9ecc04-7730-406e-b741-4b8cc2f0bf4a/Heuristic+Analysis.png Sojourner - 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/5557e2d5e4b01769086d49a9/e5da1631-f647-40bc-b033-82c469ac6b57/Clippy.png Sojourner - Make it stand out The team’s “ANTI-north star.” For reference, this is Clippy who is a discontinued “intelligent” user interface character from Microsoft Office. It generated a strongly negative response from users -to the point that the feature became automatically turned off in later iterations. It was eventually dropped from the product altogether. More info here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/4b65616d-e5f3-469d-a831-df82d7edfaf7/Design+Analytics+2.gif Sojourner - Make it stand out All of the activities are shown in relation to their learning objectives which can help instructors understand how the course composition supports learning goals. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/7cdc78d5-acbe-4b08-aeef-b2405bf8b264/Case+Study+Banner+Graphics_root+cause+analysis.png Sojourner - 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/5557e2d5e4b01769086d49a9/90e23d79-7fcf-41d5-9cdc-afaa47a190cb/Case+Study+Banner+Graphics_scoring+idea.png Sojourner While it started as a monetizing strategy to incentivize the use and compliance with learning science, the idea ultimately went on to help inform the idea of course creators receiving feedback and being able to immediately act upon it. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/df7c82aa-c0d3-45bc-a9dc-b6707a31a690/UsabilityFindings-02.png Sojourner Less tech-savvy users lacked confidence in which items were clickable, draggable, or could be scrolled. Actionable items were redesigned to have obvious affordances to communicate what they could do. Example: Clickable text was replaced with buttons. “What happened there? How do I know what I just did?” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/adb0794c-3b60-4993-b151-89b47ef50948/Case+Study+Banner+Graphics_personas.png Sojourner - Make it stand out The two course creator personas the team constructed helped evaluate how each role might feel about design choices being made. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/bfdea7cf-d090-4f52-89dd-c8440152f780/Case+Study+Banner+Graphics_course+summary+evo1.png Sojourner - Make it stand out Sketch by me, early wireframe by Anne Costello https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/96fe386f-7a2e-4944-8ff5-452c6289887b/meeting+scope.png Sojourner - Make it stand out Informing the client team about our intended scope for addressing the challenge https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/224ca182-a92f-4d5d-a93e-f36fb865f36d/Joey+Drag+Test.gif Sojourner - Make it stand out Participants commented that the crosshairs informed them that they could drag the bars. In later versions, we increased the contrast between the crosshairs and background to highlight this affordance/improve task success. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/5079d0c0-def3-49d2-b4ad-f98b9e4cb997/Case+Study+Banner+Graphics_design+analytics.png Sojourner Design Analytics Valuable tool Learning opportunity 10,000-mile view Quick edits https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/dadef806-5613-42ce-a5a2-05b583e2652b/Case+Study+Banner+Graphics_feedbackloop.png Sojourner - Make it stand out Left: Teaching Feedback Loop - Create, Teach, Learn Right: Sojourner Feedback Loop - Create, Analyze, Learn https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/121dadb8-9579-4403-a699-e0ab78e7e857/UsabilityFindings-05.png Sojourner Users found the summary table overwhelming and were unclear on the meaning of “high/medium/low” on data displays. Progress bars replaced the letters for levels and an emotionally neutral color palette replaced the “stop light” colors. Info is first presented at a summary level with the option to deep dive into the granular data just a click away. “Okay, so my first impression of this is that it’s overwhelming… It’s a lot to take in… It’s extremely colorful.” -Instructional Designer https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/bace7945-d553-4131-bf8e-ed413297059e/Case+Study+Banner+Graphics_course+summary+evo2.png Sojourner - Make it stand out Course summary iterations by Anne Costello https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1e0e3fe7-0ea1-44cb-b772-6a251dda0ddb/Drag+and+Drop.gif Sojourner - Make it stand out Demonstration of a quiz being slotted into the course structure https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/9e372e24-cbd2-459c-9bd3-3df0746b725c/Case+Study+Banner+Graphics_structure-evo.png Sojourner The team decided to pursue an open, non-linear path for slotting content; however, the idea of the platform visually building out the course became the basis of the course structure side bar. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/97825fd3-a092-48fd-8554-1f45e8d3f931/UsabilityFindings-01.png Sojourner Users had a hard time reading the small font used on various dashboards, buttons, and the course structure sidebar. Font size now has a minimum size of at least 16 pt across the whole product. Hover states that show component details are employed to provide more space on the table which increases readability. "Awfully small so having a hard time reading it." -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/b6f44343-65e0-4cae-a0b6-f8bbd6ad4f46/Case+Study+Banner+Graphics_impact+matrix.png Sojourner The team decided to focus on the three highlighted design opportunities. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/14705c48-2b3d-413f-a447-df15499d5490/Course+Structure.gif Sojourner - Make it stand out Demonstration of a course structure scrolling, maximizing, and minimizing https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/46fe6908-294a-44f9-aa38-c3a2563282a7/Case+Study+Banner+Graphics_overall+usability.png Sojourner Overall Usability: Feels Clean Easy to use Highly intuitive https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/2f65863a-409a-449e-a253-da2d1b11438e/UsabilityFindings-06.png Sojourner Faculty-type users weren’t sure of how the data in the various displays were derived which led to distrust of the data. All data displays now have an explanation of the data’s origin. “It’s going to bug me- Where did it come from? It’s awfully precise… This gives me a sense of false precision.” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/d70b94fc-fc27-4a60-9a3f-c3ec916ce29e/Case+Study+Banner+Graphics_storage+systems.png Sojourner Relying upon a course structure with progressive encapsulations folds in the idea of a “path for learning” or “scaffolding” which helps course creators think about how students will move through content. It also helps make the learning science more inherent in the creation process. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/46b1f19e-369e-4275-93d7-a86f0862e4d4/Case+Study+Banner+Graphics_Argos+Logo+Square.png Sojourner Founded 2021, Argos Education, an EdTech startup, seeks to build a platform that allows educators to create custom textbooks and courses that can be bought and sold in a marketplace. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/a007826e-127c-4066-a987-28b6b9a57522/Competitive+Features+Analysis.png Sojourner - Make it stand out Competitive analysis completed by Anne Costello and myself. Blank entries are due to direct access to products being unavailable. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/69a6113c-d8d7-4b57-9385-83ab18ef5677/Case+Study+Banner+Graphics_fill+framework.png Sojourner - 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/5557e2d5e4b01769086d49a9/54c9f832-e0a7-4ea3-89d5-ee57eee9f239/UsabilityFindings-03.png Sojourner Faculty-type users reacted negatively to the terms “Design Analytics” and “Machine Learning.” The feature name was changed to “Course Design Overview” and language that emphasized technology was replaced with language that emphasized improving learner outcomes. “I could feel this controlling me.” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/118eeff6-8d47-4a98-8fbe-0347e9a10877/Research+Question+Strategy.png Sojourner - Make it stand out We generated our questions by starting with our goals and what we wanted to learn to help make them happen. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/95a72ad5-ec21-496b-ad29-445fb804e119/Case+Study+Banner+Graphics+v2_Argos+Personas.png Sojourner - Make it stand out From the personas, the team learned that Argos centered course creators around “Deborah Designer” who is an instructional designer. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1cc0d5e8-6360-4ae2-9361-f688b49cd7a5/wizard-sketches.jpg Sojourner - Make it stand out Some sketches I did showing how the idea might work as a 2-up layout of prompts on the left, results on the right. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/5cd06095-83e5-4ac5-93f9-a926ec249823/Case+Study+Banner+Graphics+v2_After+Summary+Banner.png Sojourner - 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/5557e2d5e4b01769086d49a9/547afaa5-6649-4317-aaba-53c702e15453/Course+Details+Setup.gif Sojourner - Make it stand out Access this part of the prototype here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/bc37cbd0-d417-4f58-b662-688100a320fe/Week+1+Collaboration+B.png Sojourner - Make it stand out A screen grab from the team’s 1st group meeting: attempting to parse through the project handoff data https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/ff3e2d31-7745-4b33-9c8e-117807f901df/Case+Study+Banner+Graphics_Argos+Demo+%26+Paper.png Sojourner - Make it stand out The white paper and demo helped outline the initial vision of Sojourner as a time-saving platform with machine-learning suggestion capabilities. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/f81db1a7-3b81-4fc7-a75c-4d9a82109f2c/UsabilityFindings-04.png Sojourner Most users were confused by the placement of the “Assign Reading” portion of the module. Several users felt a negative reaction to the red color in the progress bar. We created a separate “Add Reading/Media” flow as part of the main course building and removed the progress bar. “Je**s Ch**t! It’s red!” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/75b934dd-5e09-4c55-97c8-2c686d0f413e/Interview+Sample.png Sojourner - Make it stand out Interviews were conducted and facilitated by Anne Costello and myself and lasted 60min over Zoom. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/d9115cdb-3169-4847-a071-3d9200baa183/Case+Study+Banner+Graphics_iteration-idea.png Sojourner - 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/5557e2d5e4b01769086d49a9/014fd9b5-8855-4662-be4e-5b0094ef3046/Joey+Survey.gif Sojourner - Attitudinal Measures Helping verify product-market fit https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/8fb14f46-fe89-4ee4-a3fe-3c085bc60ec8/Case+Study+Banner+Graphics_flow.png Sojourner - Make it stand out The flow can be accessed here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/9c6a7909-cadd-4048-9cd0-73431261ad17/Julio+Testing.png Sojourner 9 participants shared their screens on Zoom as they went through the prototype and completed tasks while we prompted them to think aloud. We also had them answer 4 attitudinal questions to help get a measure on what they thought about the analytics feature. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/cc1f14b5-462a-4df6-a300-5595c37bc88c/Design+Analytics+1.gif Sojourner - Make it stand out The design analytics work was spearheaded by Anne Costello. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/2ee16bb3-1505-415f-ba47-ad900a9a05e0/Learning+Objective+Table+Features.gif Sojourner - Make it stand out Each objective can be clicked on to give more information while also enabling the course creator to directly access the related content if they want to make changes. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/27089b75-0d2b-4f04-9ac6-4d6b7151aaca/Case+Study+Banner+Graphics_component+example.png Sojourner - Make it stand out Course components are classified and color-coded to aid in recognition across the course creation experience. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/f5a035cc-8b1b-45a7-a744-68ad3b125726/Case+Study+Banner+Graphics_course+setup.png Sojourner Course Set-up Structure is easy to understand Sidebar is useful Appreciate collapsible feature https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1649654091758-YY35680YTUJ3DMDAYRSR/Case+Study+Banner+Graphics+v2_After+Summary+Banner.png Sojourner http://whatisjoeldoing.com/sojourner-short daily 0.75 2022-05-01 https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/6f9032da-362d-4768-89b0-af583c5e0329/Julio+Testing.png Sojourner Web Platform 9 participants shared their screens on Zoom as they went through the prototype and completed tasks while we prompted them to think aloud. They also answered 4 attitudinal questions to help get a measure on what they thought about the analytics feature. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/cbe8aa25-4079-4018-a212-d66575d8b747/Design+Analytics+2.gif Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/fcda5dfb-5890-4cd2-a5c9-590f2ebbebc0/Case+Study+Banner+Graphics_impact+matrix.png Sojourner Web Platform The team came up with 5 key insights which we reframed as design opportunities. We selected the three highlighted opportunities to keep the scope achievable within the timeline. They most closely addressed Argos’ value proposition and their product goals. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/9b45bb40-5b1d-47a9-b32d-ea70a3694506/Case+Study+Banner+Graphics_Sitemap.png Sojourner Web Platform - Make it stand out Sitemap made on Whimisical can be accessed here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/2b2e5a46-ebd2-4012-8ca6-5b70b2d743dc/Case+Study+Banner+Graphics_LS+Iterative+Ideas.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/f5647683-b82b-44f8-ad8a-fb957574a4ec/Case+Study+Banner+Graphics_Guided+Flow.png Sojourner Web Platform - Make it stand out Flow can be accessed on Whimsical, here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/6b50ce3b-8c30-4b6a-8cff-9191863c5beb/Case+Study+Banner+Graphics_Analytics+Iteration+Loop.png Sojourner Web Platform - Make it stand out Flow can be accessed on Whimsical, here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/b447a491-2d84-4358-b791-46d2ac0ce423/UsabilityFindings-06.png Sojourner Web Platform - Faculty-type users weren’t sure of how the data in the various displays were derived which led to distrust of the data. All data displays now have an explanation of the data’s origin. “It’s going to bug me- Where did it come from? It’s awfully precise… This gives me a sense of false precision.” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/c9480d50-d9d2-477d-a7f3-e84bf6e48d45/Case+Study+Banner+Graphics_Course+Summary+Progression.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/823ee7ca-c71a-44fb-986b-4a6ed3268893/Research+Question+Strategy.png Sojourner Web Platform - Make it stand out Using goals to guide the creation of user interview questions https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/12ce07b6-e0ce-4ab9-9a0f-bd645b4ecd48/UsabilityFindings-02.png Sojourner Web Platform - Less tech-savvy users lacked confidence in which items were clickable, draggable, or could be scrolled. Actionable items were redesigned to have obvious affordances to communicate what they could do. E.G: Clickable text was replaced with buttons. “What happened there? How do I know what I just did?” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/974e4233-c3f6-4c60-bbd0-95f2782ae9db/Competitive+Features+Analysis.png Sojourner Web Platform - Make it stand out Blank entries are due to not being able to directly interact with the product. For instance, evaluating error handling would be impossible to access in a sales demo. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/4471b6f0-c251-4aa1-8c64-c79230f92198/UsabilityFindings-03.png Sojourner Web Platform - Faculty-type users reacted negatively to the terms “Design Analytics” and “Machine Learning.” The feature name was changed to “Course Design Overview” and language that emphasized technology was replaced with language that emphasized improving learner outcomes. “I could feel this controlling me.” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/681ec2cf-f2de-4f43-b9d6-7dbdafcd699e/Case+Study+Banner+Graphics_Argos+Logo+Square.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/be7f4607-28e3-45e0-9c95-c5e81188c910/Case+Study+Banner+Graphics_faculty+problem+state+map.png Sojourner Web Platform - Make it stand out Design opportunities / major pain points mapped along the faculty journey for course creation https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/c12601a6-084c-4398-8169-456e803b77af/Case+Study+Banner+Graphics_design+analytics.png Sojourner Web Platform - Design Analytics Valuable tool Learning opportunity 10,000-mile view Loved quick edits ability https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/af3935fc-1abf-4064-b151-83b731adafc8/Behind+Back+Image+2+HERO.jpg Sojourner Web Platform - Sojourner A web-based edtech course creation platform with first-to-market features https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335284-4MLBDSOHEZNBM7UOVMDY/Case+Study+Banner+Graphics_Mock+-+Course+Creation.png Sojourner Web Platform - Course Details Setup https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335689-N7OTZUC8Q759PWFK86B2/Case+Study+Banner+Graphics_Mock+-+Course+Structure.png Sojourner Web Platform - Course Structure https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335769-TZU63BSY6GAME60ZYHQU/Case+Study+Banner+Graphics_Mock+-+Drag+and+Drop.png Sojourner Web Platform - Drag and Drop Feature https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335338-DZ00Z3HMIR2HT5ZCEV9D/Case+Study+Banner+Graphics_Mock+-+Analytics.png Sojourner Web Platform - Course Design Analytics https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/ea155efc-e4c9-4bae-a70e-da2b4bb19207/Course+Details+Setup.gif Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/970051b5-694f-4bda-8d82-fa90623e2daa/Case+Study+Banner+Graphics_faculty+happy+path+map.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/ed889ef5-6216-47b5-a71b-e1a487563986/presentation.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/4cdf1e24-fcf1-4f6b-93cd-28886cf79a5f/Case+Study+Banner+Graphics_Argos+Personas.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/f4d6aec4-182e-423e-b564-755822bfc92f/Case+Study+Banner+Graphics_personas.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/b586bf2c-46d4-4427-836f-8e2fcd102080/Case+Study+Banner+Graphics_course+setup.png Sojourner Web Platform - Course Set-up Structure is easy to understand Sidebar is useful Appreciate collapsible feature https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/3dce2ec4-f1bc-4c8d-9913-ec5c88f70ed7/Course+Structure.gif Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/882c40e3-00f0-4ab1-a8f8-b9c93d158df8/Case+Study+Banner+Graphics_crazy+8+linear+course.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/25b76937-cd64-467a-871b-c3adb4dc55cb/Design+Analytics+1.gif Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/3f4938ec-b0e7-4c39-858b-999f29ea0b64/Case+Study+Banner+Graphics_Course+Structure.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/42dc2f88-1002-401c-899f-6a87c76a8264/Case+Study+Banner+Graphics_group+sketches.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/9a2e9976-a645-4cc4-ba95-8d5ec7a60ae4/Case+Study+Banner+Graphics_wizard+screens.png Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/9fac9af8-ca99-45b7-9990-ffcd2fe580e5/Case+Study+Banner+Graphics_prototype+overview.png Sojourner Web Platform - Make it stand out A snapshot of some of the flows and screens the team created https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/b005fc99-5bc0-451d-96ca-6fe08f9fb94f/Case+Study+Banner+Graphics_overall+usability.png Sojourner Web Platform - Overall Usability Feels Clean Easy to use Highly intuitive https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/7d3d98ae-d72b-45d9-b51c-afb8488a63dd/Debrief.png Sojourner Web Platform Our client was shocked. Part of their roadmap is to use quantitative data to drive course design improvement. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/9d68f62c-8437-4039-bc77-aa6e5ea913b9/Joey+Survey.gif Sojourner Web Platform - Attitudinal Measures https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/c5377cda-6b23-489d-a6e3-a5c4c535d378/UsabilityFindings-04.png Sojourner Web Platform - Most users were confused by the placement of the “Assign Reading” portion of the module. Several users felt a negative reaction to the red color in the progress bar. We created a separate “Add Reading/Media” flow as part of the main course building and removed the progress bar. “Je**s Ch**t! It’s red!” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/4c2dc304-7642-4497-8acd-73b3ca7fe52f/UsabilityFindings-05.png Sojourner Web Platform - Users found the summary table overwhelming and were unclear on the meaning of “high/medium/low” on data displays. Progress bars replaced the letters for levels and an emotionally neutral color palette replaced the “stop light” colors. Info is first presented at a summary level with the option to deep dive into the granular data just a click away. “Okay, so my first impression of this is that it’s overwhelming… It’s a lot to take in… It’s extremely colorful.” -Instructional Designer https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/3abb1a61-f4d4-4cfc-8cfe-0851a8587542/Learning+Objective+Table+Features.gif Sojourner Web Platform - Make it stand out Each objective can be clicked on to give more information while also enabling the course creator to directly access the related content if they want to make changes. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/8f9baac7-a3c9-4e59-bed2-58e6258e42b5/UsabilityFindings-01.png Sojourner Web Platform - Users had a hard time reading the small font used on various dashboards, buttons, and the course structure sidebar. Font size now has a minimum size of at least 16 pt across the whole product. Hover states that show component details are employed to provide more space on the table which increases readability. "Awfully small so having a hard time reading it." -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/350c2322-b4a7-4400-b19d-79fc81b1a739/Drag+and+Drop.gif Sojourner Web Platform - 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/5557e2d5e4b01769086d49a9/916c2c12-2ad2-4caf-a019-ba9fcf0a5eae/Process+Diagram-01.png Sojourner Web Platform - Make it stand out Whatever it is, the way you tell your story online can make all the difference. http://whatisjoeldoing.com/sojourner-short-1 daily 0.75 2022-04-22 https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/a190f78e-2811-4a13-a915-b046aed10ba6/Case+Study+Banner+Graphics_flow.png Sojourner Case Study (v2) To generate the most possible ideas in the least amount of time, each team member created an idea of what the new course creation happy path could be. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/6ae4f1c3-f6fa-4419-ad5a-0a7a91fa06ec/Interview+Sample.png Sojourner Case Study (v2) - Make it stand out The team during one of our empathy interview sessions https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335284-4MLBDSOHEZNBM7UOVMDY/Case+Study+Banner+Graphics_Mock+-+Course+Creation.png Sojourner Case Study (v2) - Course Details Setup (Copy) https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335689-N7OTZUC8Q759PWFK86B2/Case+Study+Banner+Graphics_Mock+-+Course+Structure.png Sojourner Case Study (v2) - Course Structure (Copy) https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335769-TZU63BSY6GAME60ZYHQU/Case+Study+Banner+Graphics_Mock+-+Drag+and+Drop.png Sojourner Case Study (v2) - Drag and Drop Feature (Copy) https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335338-DZ00Z3HMIR2HT5ZCEV9D/Case+Study+Banner+Graphics_Mock+-+Analytics.png Sojourner Case Study (v2) - Course Design Analytics (Copy) https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/4cdf1e24-fcf1-4f6b-93cd-28886cf79a5f/Case+Study+Banner+Graphics_Argos+Personas.png Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/b005fc99-5bc0-451d-96ca-6fe08f9fb94f/Case+Study+Banner+Graphics_overall+usability.png Sojourner Case Study (v2) - Overall Usability Feels Clean Easy to use Highly intuitive https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/c5377cda-6b23-489d-a6e3-a5c4c535d378/UsabilityFindings-04.png Sojourner Case Study (v2) - Most users were confused by the placement of the “Assign Reading” portion of the module. Several users felt a negative reaction to the red color in the progress bar. We created a separate “Add Reading/Media” flow as part of the main course building and removed the progress bar. “Je**s Ch**t! It’s red!” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1cf081f3-de47-406a-823f-ee1c91a35306/meeting+scope.png Sojourner Case Study (v2) - Make it stand out Meeting with the Argos client team to discuss scope and areas of opportunity to address https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/9fac9af8-ca99-45b7-9990-ffcd2fe580e5/Case+Study+Banner+Graphics_prototype+overview.png Sojourner Case Study (v2) - Make it stand out A snapshot of some of the flows and screens the team created https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/cbe8aa25-4079-4018-a212-d66575d8b747/Design+Analytics+2.gif Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/ea155efc-e4c9-4bae-a70e-da2b4bb19207/Course+Details+Setup.gif Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/3dce2ec4-f1bc-4c8d-9913-ec5c88f70ed7/Course+Structure.gif Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/af3935fc-1abf-4064-b151-83b731adafc8/Behind+Back+Image+2+HERO.jpg Sojourner Case Study (v2) - Sojourner A web-based edtech course creation platform with first-to-market features https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/ed889ef5-6216-47b5-a71b-e1a487563986/presentation.png Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/4471b6f0-c251-4aa1-8c64-c79230f92198/UsabilityFindings-03.png Sojourner Case Study (v2) - Faculty-type users reacted negatively to the terms “Design Analytics” and “Machine Learning.” The feature name was changed to “Course Design Overview” and language that emphasized technology was replaced with language that emphasized improving learner outcomes. “I could feel this controlling me.” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/8f9baac7-a3c9-4e59-bed2-58e6258e42b5/UsabilityFindings-01.png Sojourner Case Study (v2) - Users had a hard time reading the small font used on various dashboards, buttons, and the course structure sidebar. Font size now has a minimum size of at least 16 pt across the whole product. Hover states that show component details are employed to provide more space on the table which increases readability. "Awfully small so having a hard time reading it." -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/fcda5dfb-5890-4cd2-a5c9-590f2ebbebc0/Case+Study+Banner+Graphics_impact+matrix.png Sojourner Case Study (v2) The team came up with 5 key insights which we reframed as design opportunities. We selected the three highlighted opportunities as a means of staying within scope given the timeline of the project. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/42dc2f88-1002-401c-899f-6a87c76a8264/Case+Study+Banner+Graphics_group+sketches.png Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/681ec2cf-f2de-4f43-b9d6-7dbdafcd699e/Case+Study+Banner+Graphics_Argos+Logo+Square.png Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/6f9032da-362d-4768-89b0-af583c5e0329/Julio+Testing.png Sojourner Case Study (v2) 9 participants shared their screens on Zoom as they went through the prototype and completed tasks while we prompted them to think aloud. They also answered 4 attitudinal questions to help get a measure on what they thought about the analytics feature. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/916c2c12-2ad2-4caf-a019-ba9fcf0a5eae/Process+Diagram-01.png Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/823ee7ca-c71a-44fb-986b-4a6ed3268893/Research+Question+Strategy.png Sojourner Case Study (v2) - Make it stand out Using goals to guide the creation of user interview questions https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/350c2322-b4a7-4400-b19d-79fc81b1a739/Drag+and+Drop.gif Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/b586bf2c-46d4-4427-836f-8e2fcd102080/Case+Study+Banner+Graphics_course+setup.png Sojourner Case Study (v2) - Course Set-up Structure is easy to understand Sidebar is useful Appreciate collapsible feature https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/9d68f62c-8437-4039-bc77-aa6e5ea913b9/Joey+Survey.gif Sojourner Case Study (v2) - Attitudinal Measures https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/4c2dc304-7642-4497-8acd-73b3ca7fe52f/UsabilityFindings-05.png Sojourner Case Study (v2) - Users found the summary table overwhelming and were unclear on the meaning of “high/medium/low” on data displays. Progress bars replaced the letters for levels and an emotionally neutral color palette replaced the “stop light” colors. Info is first presented at a summary level with the option to deep dive into the granular data just a click away. “Okay, so my first impression of this is that it’s overwhelming… It’s a lot to take in… It’s extremely colorful.” -Instructional Designer https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/7d3d98ae-d72b-45d9-b51c-afb8488a63dd/Debrief.png Sojourner Case Study (v2) Regardless which persona type each participant fit into and their level of tech savviness: Qualitative data was used to assess how well the course was being received by students, not quantitative data. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/b447a491-2d84-4358-b791-46d2ac0ce423/UsabilityFindings-06.png Sojourner Case Study (v2) - Faculty-type users weren’t sure of how the data in the various displays were derived which led to distrust of the data. All data displays now have an explanation of the data’s origin. “It’s going to bug me- Where did it come from? It’s awfully precise… This gives me a sense of false precision.” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/25b76937-cd64-467a-871b-c3adb4dc55cb/Design+Analytics+1.gif Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/974e4233-c3f6-4c60-bbd0-95f2782ae9db/Competitive+Features+Analysis.png Sojourner Case Study (v2) - Make it stand out Blank entries are due to not being able to directly interact with the product. For instance, evaluating error handling would be impossible to access in a sales demo. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/c12601a6-084c-4398-8169-456e803b77af/Case+Study+Banner+Graphics_design+analytics.png Sojourner Case Study (v2) - Design Analytics Valuable tool Learning opportunity 10,000-mile view Loved quick edits ability https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/3abb1a61-f4d4-4cfc-8cfe-0851a8587542/Learning+Objective+Table+Features.gif Sojourner Case Study (v2) - Make it stand out Each objective can be clicked on to give more information while also enabling the course creator to directly access the related content if they want to make changes. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/f4d6aec4-182e-423e-b564-755822bfc92f/Case+Study+Banner+Graphics_personas.png Sojourner Case Study (v2) - 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/5557e2d5e4b01769086d49a9/12ce07b6-e0ce-4ab9-9a0f-bd645b4ecd48/UsabilityFindings-02.png Sojourner Case Study (v2) - Less tech-savvy users lacked confidence in which items were clickable, draggable, or could be scrolled. Actionable items were redesigned to have obvious affordances to communicate what they could do. E.G: Clickable text was replaced with buttons. “What happened there? How do I know what I just did?” -Faculty http://whatisjoeldoing.com/messages-interstitial daily 0.75 2024-02-08 https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/681ec2cf-f2de-4f43-b9d6-7dbdafcd699e/Case+Study+Banner+Graphics_Argos+Logo+Square.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/12ce07b6-e0ce-4ab9-9a0f-bd645b4ecd48/UsabilityFindings-02.png Messages - Interstitial Page - Less tech-savvy users lacked confidence in which items were clickable, draggable, or could be scrolled. Actionable items were redesigned to have obvious affordances to communicate what they could do. E.G: Clickable text was replaced with buttons. “What happened there? How do I know what I just did?” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/916c2c12-2ad2-4caf-a019-ba9fcf0a5eae/Process+Diagram-01.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/3f4938ec-b0e7-4c39-858b-999f29ea0b64/Case+Study+Banner+Graphics_Course+Structure.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/be7f4607-28e3-45e0-9c95-c5e81188c910/Case+Study+Banner+Graphics_faculty+problem+state+map.png Messages - Interstitial Page - Make it stand out Design opportunities / major pain points mapped along the faculty journey for course creation https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/9fac9af8-ca99-45b7-9990-ffcd2fe580e5/Case+Study+Banner+Graphics_prototype+overview.png Messages - Interstitial Page - Make it stand out A snapshot of some of the flows and screens the team created https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/8f9baac7-a3c9-4e59-bed2-58e6258e42b5/UsabilityFindings-01.png Messages - Interstitial Page - Users had a hard time reading the small font used on various dashboards, buttons, and the course structure sidebar. Font size now has a minimum size of at least 16 pt across the whole product. Hover states that show component details are employed to provide more space on the table which increases readability. "Awfully small so having a hard time reading it." -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/3dce2ec4-f1bc-4c8d-9913-ec5c88f70ed7/Course+Structure.gif Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/b586bf2c-46d4-4427-836f-8e2fcd102080/Case+Study+Banner+Graphics_course+setup.png Messages - Interstitial Page - Course Set-up Structure is easy to understand Sidebar is useful Appreciate collapsible feature https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/823ee7ca-c71a-44fb-986b-4a6ed3268893/Research+Question+Strategy.png Messages - Interstitial Page - Make it stand out Using goals to guide the creation of user interview questions https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/c5377cda-6b23-489d-a6e3-a5c4c535d378/UsabilityFindings-04.png Messages - Interstitial Page - Most users were confused by the placement of the “Assign Reading” portion of the module. Several users felt a negative reaction to the red color in the progress bar. We created a separate “Add Reading/Media” flow as part of the main course building and removed the progress bar. “Je**s Ch**t! It’s red!” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/f4d6aec4-182e-423e-b564-755822bfc92f/Case+Study+Banner+Graphics_personas.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/2b2e5a46-ebd2-4012-8ca6-5b70b2d743dc/Case+Study+Banner+Graphics_LS+Iterative+Ideas.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/c9480d50-d9d2-477d-a7f3-e84bf6e48d45/Case+Study+Banner+Graphics_Course+Summary+Progression.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/6b50ce3b-8c30-4b6a-8cff-9191863c5beb/Case+Study+Banner+Graphics_Analytics+Iteration+Loop.png Messages - Interstitial Page - Make it stand out Flow can be accessed on Whimsical, here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/4471b6f0-c251-4aa1-8c64-c79230f92198/UsabilityFindings-03.png Messages - Interstitial Page - Faculty-type users reacted negatively to the terms “Design Analytics” and “Machine Learning.” The feature name was changed to “Course Design Overview” and language that emphasized technology was replaced with language that emphasized improving learner outcomes. “I could feel this controlling me.” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/42dc2f88-1002-401c-899f-6a87c76a8264/Case+Study+Banner+Graphics_group+sketches.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/af3935fc-1abf-4064-b151-83b731adafc8/Behind+Back+Image+2+HERO.jpg Messages - Interstitial Page - Sojourner A web-based edtech course creation platform with first-to-market features https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/7d3d98ae-d72b-45d9-b51c-afb8488a63dd/Debrief.png Messages - Interstitial Page Our client was shocked. Part of their roadmap is to use quantitative data to drive course design improvement. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/350c2322-b4a7-4400-b19d-79fc81b1a739/Drag+and+Drop.gif Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/ed889ef5-6216-47b5-a71b-e1a487563986/presentation.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/b005fc99-5bc0-451d-96ca-6fe08f9fb94f/Case+Study+Banner+Graphics_overall+usability.png Messages - Interstitial Page - Overall Usability Feels Clean Easy to use Highly intuitive https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/f5647683-b82b-44f8-ad8a-fb957574a4ec/Case+Study+Banner+Graphics_Guided+Flow.png Messages - Interstitial Page - Make it stand out Flow can be accessed on Whimsical, here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/25b76937-cd64-467a-871b-c3adb4dc55cb/Design+Analytics+1.gif Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/974e4233-c3f6-4c60-bbd0-95f2782ae9db/Competitive+Features+Analysis.png Messages - Interstitial Page - Make it stand out Blank entries are due to not being able to directly interact with the product. For instance, evaluating error handling would be impossible to access in a sales demo. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/3abb1a61-f4d4-4cfc-8cfe-0851a8587542/Learning+Objective+Table+Features.gif Messages - Interstitial Page - Make it stand out Each objective can be clicked on to give more information while also enabling the course creator to directly access the related content if they want to make changes. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335284-4MLBDSOHEZNBM7UOVMDY/Case+Study+Banner+Graphics_Mock+-+Course+Creation.png Messages - Interstitial Page - Course Details Setup (Copy) https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335689-N7OTZUC8Q759PWFK86B2/Case+Study+Banner+Graphics_Mock+-+Course+Structure.png Messages - Interstitial Page - Course Structure (Copy) https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335769-TZU63BSY6GAME60ZYHQU/Case+Study+Banner+Graphics_Mock+-+Drag+and+Drop.png Messages - Interstitial Page - Drag and Drop Feature (Copy) https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/1650211335338-DZ00Z3HMIR2HT5ZCEV9D/Case+Study+Banner+Graphics_Mock+-+Analytics.png Messages - Interstitial Page - Course Design Analytics (Copy) https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/882c40e3-00f0-4ab1-a8f8-b9c93d158df8/Case+Study+Banner+Graphics_crazy+8+linear+course.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/9d68f62c-8437-4039-bc77-aa6e5ea913b9/Joey+Survey.gif Messages - Interstitial Page - Attitudinal Measures https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/ea155efc-e4c9-4bae-a70e-da2b4bb19207/Course+Details+Setup.gif Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/4cdf1e24-fcf1-4f6b-93cd-28886cf79a5f/Case+Study+Banner+Graphics_Argos+Personas.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/6f9032da-362d-4768-89b0-af583c5e0329/Julio+Testing.png Messages - Interstitial Page 9 participants shared their screens on Zoom as they went through the prototype and completed tasks while we prompted them to think aloud. They also answered 4 attitudinal questions to help get a measure on what they thought about the analytics feature. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/b447a491-2d84-4358-b791-46d2ac0ce423/UsabilityFindings-06.png Messages - Interstitial Page - Faculty-type users weren’t sure of how the data in the various displays were derived which led to distrust of the data. All data displays now have an explanation of the data’s origin. “It’s going to bug me- Where did it come from? It’s awfully precise… This gives me a sense of false precision.” -Faculty https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/fcda5dfb-5890-4cd2-a5c9-590f2ebbebc0/Case+Study+Banner+Graphics_impact+matrix.png Messages - Interstitial Page The team came up with 5 key insights which we reframed as design opportunities. We selected the three highlighted opportunities to keep the scope achievable within the timeline. They most closely addressed Argos’ value proposition and their product goals. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/4c2dc304-7642-4497-8acd-73b3ca7fe52f/UsabilityFindings-05.png Messages - Interstitial Page - Users found the summary table overwhelming and were unclear on the meaning of “high/medium/low” on data displays. Progress bars replaced the letters for levels and an emotionally neutral color palette replaced the “stop light” colors. Info is first presented at a summary level with the option to deep dive into the granular data just a click away. “Okay, so my first impression of this is that it’s overwhelming… It’s a lot to take in… It’s extremely colorful.” -Instructional Designer https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/970051b5-694f-4bda-8d82-fa90623e2daa/Case+Study+Banner+Graphics_faculty+happy+path+map.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/9a2e9976-a645-4cc4-ba95-8d5ec7a60ae4/Case+Study+Banner+Graphics_wizard+screens.png Messages - Interstitial Page - 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/5557e2d5e4b01769086d49a9/9b45bb40-5b1d-47a9-b32d-ea70a3694506/Case+Study+Banner+Graphics_Sitemap.png Messages - Interstitial Page - Make it stand out Sitemap made on Whimisical can be accessed here. https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/c12601a6-084c-4398-8169-456e803b77af/Case+Study+Banner+Graphics_design+analytics.png Messages - Interstitial Page - Design Analytics Valuable tool Learning opportunity 10,000-mile view Loved quick edits ability https://images.squarespace-cdn.com/content/v1/5557e2d5e4b01769086d49a9/cbe8aa25-4079-4018-a212-d66575d8b747/Design+Analytics+2.gif Messages - Interstitial Page - Make it stand out Whatever it is, the way you tell your story online can make all the difference.