Guiding Users Through an AI-driven Experience.
Over two weeks, the project focused on creating an accessible, user-friendly chatbot that would serve as a virtual sales rep, guiding users through the site’s content. The main tasks included designing the chatbot interface to be the focal point, ensuring ease of use and accessibility, and maintaining a consistent design. Iterative feedback was incorporated to refine spacing, button functionality, and overall aesthetics to meet the needs of the employer. Key deliverables included a floating chat, improved avatar design, and a detailed video explaining design decisions, all aimed at enhancing user engagement and interaction.
The Walkthrough
Ideation & First Steps
A walkthrough was designed to provide users with an understanding of the site and chatbot functionality. Upon landing on the site, users are guided through the content by the bot. If specific questions arise, the chatbot can be activated for further discussion. I researched UX principles and UI examples to improve the initial concept provided by the employer. I communicated ideas effectively and began designing promptly, incorporating feedback throughout the process.
Drafted two initial tutorial concepts, using color theory to incorporate blue for its trustworthiness and association with medical fields. Experimented with layout and positioning to optimize user experience and visual appeal.
Laying a Foundation
Final Walkthrough Design
The final design featured the correct colors and essential buttons, eliminating repetitive ones by combining and simplifying them. It applied the goal-gradient effect for enhanced user engagement and ensured important information was never obstructed by positioning elements thoughtfully to avoid annoyance.
The ChatBox
Chatbox Implementation and Enhancements
After discussing my notes on the chatbox and conducting thorough research, I implemented a chatbox with autofill options, high contrast for readability, and a minimally intrusive design.
