Skip to content

Conversation

mich-elle-luna
Copy link
Collaborator

@mich-elle-luna mich-elle-luna commented Aug 15, 2025

https://redis.io/docs/staging/DOC-5587/

  • 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.

- 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.
Copy link
Contributor

github-actions bot commented Aug 15, 2025

DOC-5587

@mich-elle-luna mich-elle-luna requested a review from a team August 15, 2025 18:48
@dwdougherty
Copy link
Collaborator

dwdougherty commented Aug 15, 2025

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.
Copy link
Collaborator

@dwdougherty dwdougherty left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like the new search modal, so it's 👍🏻 for me. That said, it wouldn't hurt to gather other opinions.

Copy link
Contributor

@cmilesb cmilesb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like this too. Looks great to me.

Copy link
Contributor

@andy-stark-redis andy-stark-redis left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm a bit late to this, but LGTM too.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants