Add traditional search button to home page banner #2001
Conversation
- Add dedicated search button next to chat entry field on home page - Maintains existing chat functionality while providing traditional search access - Button opens existing search modal with full documentation search capabilities - Styled consistently with chat form (white border, dark background, hover effects) - Includes tooltip showing keyboard shortcut (Ctrl+K) - Updated search modal click handler to support new button - Provides clear distinction between AI chat and traditional search options - Leverages existing search infrastructure and keyboard shortcuts This enhancement gives users immediate access to both AI-powered chat and traditional documentation search directly from the home page, improving discoverability and user experience.
|
I'd be interested to read other opinions, but from a usability standpoint, there are now three magnifying glass icons on the page without much else to distinguish them, which might be confusing to users. Might there be another icon we could use in the chat window? Can the top menu search icon be removed? Also, I think the bounding box of the icon next to the chat window should be the same size as the chat window's bounding box, which might be more visually appealing. |
…option - Convert home page main search box to trigger traditional search modal instead of chat - Remove confusing duplicate magnifying glass icons (reduced from 3 to 1 on page) - Add AI Copilot toggle button within search modal for users who want AI assistance - Main search box now shows 'Search Redis documentation...' placeholder - AI Copilot becomes secondary option accessible via 🤖 AI button in search modal - Clicking AI button transfers current query to chat interface - Maintains all existing keyboard shortcuts and functionality - Improves UX by making traditional search the primary action - Reduces cognitive load by consolidating search interfaces This addresses feedback about confusing multiple search icons and better prioritizes traditional documentation search while keeping AI copilot easily accessible.
- Replace complex neuron/atom icon with clean two-star design - Stars are positioned at different sizes for visual hierarchy - Design matches existing Redis AI iconography and site aesthetics - Uses currentColor for consistent theming with button states - Maintains professional appearance while being more recognizable as AI indicator This creates a more cohesive visual language with the existing star-based icons used throughout the Redis AI documentation.
- Replace star design with clean plus sign icons (larger + smaller) - Update tooltip from 'Switch to AI Copilot' to 'Switch to AI chat' - Creates visual hierarchy with size difference between plus signs - More direct and user-friendly language for the AI functionality - Cleaner, geometric design that's more subtle and professional This provides clearer communication about what the button does while maintaining a clean, modern aesthetic.
dwdougherty
left a comment
dwdougherty
left a comment
There was a problem hiding this comment.
I like the new search modal, so it's 👍🏻 for me. That said, it wouldn't hurt to gather other opinions.
cmilesb
left a comment
cmilesb
left a comment
There was a problem hiding this comment.
I like this too. Looks great to me.
andy-stark-redis
left a comment
andy-stark-redis
left a comment
There was a problem hiding this comment.
I'm a bit late to this, but LGTM too.
|
Thanks for taking time to review this! Exec review feedback thought this change would be confusing and further investigation revealed that the sales chatbot was the actual chatbot that needed to change. So, I'll close this for now and after we gather some user feedback we can re-visit this. |
https://redis.io/docs/staging/DOC-5587/
This enhancement gives users immediate access to both AI-powered chat and traditional documentation search directly from the home page, improving discoverability and user experience.