10 UX Guidelines for Helpful Site AI Chatbots
Consolidate chats into one persistent interface, signal page-aware capabilities with clickable prompts and images, use progressive disclosure to avoid long threads, and add resize/save/voice for utility—backed by user studies on Home Depot, Amazon Rufus, and others.
Merge Chats and Persist Across Pages for Seamless Access
Users get frustrated by multiple overlapping chat interfaces like Home Depot's Magic Apron (product help, bottom-right hover) and Live Chat (customer service banner)—especially when one vanishes on checkout, forcing irrelevant answers. Consolidate all AI and human-escalation chats into a single entry point that clearly states its role, handles queries it can, and passes others to agents. This eliminates guesswork about internal architecture.
Once opened, keep the chatbot visible on every page: Redfin's AI search vanished after navigating to listings, blocking return to results; Williams Sonoma's followed users, enabling continued browsing mid-conversation. Persistent access across multi-page flows like product research boosts reliance, as users expect the bot to track their journey without re-summoning.
Signal Capabilities with Page-Tailored, Clickable Prompts
Vague openers like Turo's "Ask me anything" overpromise and disappoint; instead, use concise intros listing scopes (e.g., Williams Sonoma's AI Sous Chef: cookware, recipes) and tailor to context—Amazon Rufus shows broad suggestions on homepage ("Suggest my next read") but product-specific ones on item pages ("Is this compatible?"), proving page awareness. Explicitly note memory of prior browses, like suggesting "Does this faucet match the Round Vitreous China sink?" for Home Depot's Magic Apron.
Present suggestions as buttons, not text, at open and after responses: Home Depot and Scouting America's Scoutly used clickable starters; Williams Sonoma continued followups (e.g., lighter vs. high-power mixers) but as text, requiring retyping. Avoid repetitive/irrelevant ones—Redfin annoyed by backyard prompts after user omission. Clickables cut typing, guide refinement, and reveal unthought dimensions, reducing effort by 100% for selection.
Deliver Visual, Concise Responses Without Disorientation
Include images over text/links alone: Home Depot's paint carousel with visuals let users evaluate in-chat; Williams Sonoma's text-only mixer rec forced clicks; Magic Apron described P-traps verbally, prompting "I need a picture." Visuals speed product comparison and DIY comprehension.
Apply progressive disclosure for long chats: expand/collapse details in-place (not new messages like Amazon Rufus, which buried lists). This keeps threads short on ecom sites, preserving context during multi-product exploration.
Never autoscroll to response ends, especially streaming: Mississippi's MISSI and Turo forced back-scrolling mid-read, overwhelming users on long answers. Anchor scroll at new message top so readers start from beginning without losing place.
Boost Utility with Resize, Save, and Voice Options
Default small windows cramp rich content like Scouting America's Scoutly map—allow resizing/maximizing for better visibility of images, lists, maps.
Enable save/share for reusable outputs (recipes, guides): Williams Sonoma sourdough tips vanished without email/favorite/social options, losing value post-session.
Offer voice input for hands-free: Redfin user quit typing, preferring speech to sustain flow.
These tweaks, from real-user studies, turn one-off chats into trusted aids—small changes yield high satisfaction.