Portfolio ⮞ MSOE Admissions Chatbot
MSOE Admissions Chatbot
Project Overview
UXD 3020 Design for Chat & Voice
Team of 3
October - December 2023 | 7 Weeks
In my Fall 2023 Conversation Design course, my team of three worked together for approximately two months in collaboration with the Milwaukee School of Engineering (MSOE) Digital Marketing Department. The client identified the need to implement a chatbot on the university homepage to assist prospective students with applications.
Project Goal
The main goal of this project was to create a conversation flow around one use case between the bot and the user. This conversation flow needed to capture all possible interactions, and included a happy path, an error path, and a dead end.
Personal Contributions
My team divided the work evenly between the three of us. I contributed my share toward the project’s success by:
- Completing Guerilla Research: I interviewed two students at MSOE about their experiences and opinions on chatbots, as well as investigated a different university’s chatbot. I noted techniques that the bot employed well and things to avoid for our convo flow.
- Designed the Chatbot Persona: Following best practices for chatbot personas outlined by Diana Deibel and Rebecca Evanhoe in Conversations with Things, I tailored a chatbot persona to follow in our convo flows founded in the user research done earlier.
- Iterated on Convo Flows: Myself and my teammates crafted a basic convo flow independently, then worked to combine them into one flow with several paths. I went to seek peer and instructor feedback, reviewed the feedback, and implemented changes for each convo flow iteration
- Ensured Cohesive Presentation Slides: I reviewed each slide after myself and my teammates added content to ensure that the slide was uncluttered, followed the same style, and were polished.
Project Results
My team gave a professional presentation that was praised by the client and instructor for the flow of our oral communication and our slide deck that followed the client’s branding. I learned a great deal about how to give a professional presentation of the work I completed to a client. The clickable prototype in Figma was identified as being easy to understand.
Chat Flow Iterations
The FigJam file is embedded below, and is also available here.
Figma Prototype
The final Figma prototype is embedded below, and is also available here. Use the arrows on the bottom of the frame to view the different chat paths, and click the red send button in the chat box to advance the conversation. Press "Z" to toggle the zoom mode, Fit Width is reccomended.
Presentation Slide Deck
View the slide deck as a PDF here here or click the image below.
