Explore various iOS Search Field styles and options interactively. Change style, scope bar, and search suggestions in the control panel to see changes reflected on the iPhone screen instantly.
9:41
●●●●WiFi🔋
Search
Search
From: JohnType: PDF
All
Messages
Files
Recent Searches
Meeting notes
Project plan
Design review
Results
Meeting Notes - Q4
Updated 2 hours ago
Project Plan 2024
3 collaborators
Design Review Thread
5 messages
Sprint Assets
12 files
⚠️ HIG Violation: Improper search UI
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example
✓ Do This
Use clear placeholder text describing searchable content
Provide search suggestions for faster access
Support scope bars for filtering large datasets
Show recent searches to help users
✗ Don't Do This
Don't use search for short lists (use scroll instead)
Don't require exact matches
Don't clear search field on focus
Don't hide the search bar when it's a primary action