0
Skip to Content
CHRIS GRANT
home
auraOS (concept)
Talkback with Gemini
Google Messages On Web
Youtube Player in Google Messages
A New Dropbox for Business
Thumbtack, Payments
Grubhub, Autocomplete
GrubHub, Help Experience
Jawbone - Today I Will
Coin - A Coinbase Concept
Lyft Tools
Lyft Communications
FOSSA
cg-portfolio-v1
8tracks-linkedincoverphotos
8tracks-worldcupinvites
8tracks-pitchfork200
8tracks-postcards
8tracks-tampax
8tracks-beginagain
8tracks-warbyparker-concept
8tracks-covergirl
8tracks-redbullsoundselects
8tracks-rfps
8tracks-beats-response-onesheet
8tracks-campaign-reports
8tracks-mix-environments-onesheet
8tracks-internal-coms
Illustration
minimalist-logo-study
data-relationship-study
CHRIS GRANT
home
auraOS (concept)
Talkback with Gemini
Google Messages On Web
Youtube Player in Google Messages
A New Dropbox for Business
Thumbtack, Payments
Grubhub, Autocomplete
GrubHub, Help Experience
Jawbone - Today I Will
Coin - A Coinbase Concept
Lyft Tools
Lyft Communications
FOSSA
cg-portfolio-v1
8tracks-linkedincoverphotos
8tracks-worldcupinvites
8tracks-pitchfork200
8tracks-postcards
8tracks-tampax
8tracks-beginagain
8tracks-warbyparker-concept
8tracks-covergirl
8tracks-redbullsoundselects
8tracks-rfps
8tracks-beats-response-onesheet
8tracks-campaign-reports
8tracks-mix-environments-onesheet
8tracks-internal-coms
Illustration
minimalist-logo-study
data-relationship-study
home
Folder: Product Design
Back
auraOS (concept)
Talkback with Gemini
Google Messages On Web
Youtube Player in Google Messages
A New Dropbox for Business
Thumbtack, Payments
Grubhub, Autocomplete
GrubHub, Help Experience
Jawbone - Today I Will
Folder: Concepts
Back
Coin - A Coinbase Concept
Folder: Engineering
Back
Lyft Tools
Lyft Communications
Folder: Branding
Back
FOSSA
cg-portfolio-v1
8tracks-linkedincoverphotos
8tracks-worldcupinvites
8tracks-pitchfork200
8tracks-postcards
8tracks-tampax
8tracks-beginagain
8tracks-warbyparker-concept
8tracks-covergirl
8tracks-redbullsoundselects
8tracks-rfps
Folder: Information Design
Back
8tracks-beats-response-onesheet
8tracks-campaign-reports
8tracks-mix-environments-onesheet
8tracks-internal-coms
Folder: Arts
Back
Illustration
minimalist-logo-study
data-relationship-study
Slide with the title 'Recognition over Recall' and text explaining that people recognize things better than recalling them from memory; auto-complete helps turn recall into recognition. View fullsize
Slide presentation with the title 'Autocomplate vs. Auto-suggest' and explanatory text about their purposes and differences. View fullsize
Screenshot of a search suggestion box with the word 'pizza' typed in, offering different options related to cuisine, menu item, and restaurant name. View fullsize
Screenshot of Google search bar with the word 'cook' being typed and autocomplete suggestions showing 'cookie clicker,' 'cookies,' 'cooking channel,' and 'cooking games'. View fullsize
Screenshot of an eBay search page with the search term 'cookie' entered, displaying autocomplete suggestions including 'cookie jar' and 'cookie cutter'. There is also a partial view of a man wearing sunglasses in the background. View fullsize
Computer screen showing Amazon's website with search autocomplete suggestions for 'cook' including terms like cookbooks, cooking, cookie jar, cookie sheets, slow cooker, cookie cutter, and cookware. View fullsize
Screenshot of an Instacart online shopping interface with a search box showing a search for 'chicken' and autocomplete suggestions including chicken, chicken breast, organic chicken, and rotisserie chicken. View fullsize
Screenshot of a hotel booking webpage with a search box for hotels in London, listing various London airports as options. View fullsize
Screenshot of a mobile search results page on TripAdvisor showing various travel options for New York, New Jersey, New Orleans, New Mexico, New Zealand, and New Hampshire. View fullsize
A computer screen showing the Pinterest autocomplete search bar with the user typing 'ice' and suggestion options like ice cream, ice skating, and ice coffee recipe. View fullsize
Screenshot of a webpage explaining how search result features provide instant results and direct users to product pages. View fullsize
A webpage showing search results for Apple products with related images, titles, and descriptions. View fullsize
Screenshot of a computer showing a search for 'system preferences' in OS X, displaying the system preferences application window View fullsize
Screenshot showing Facebook search results for the name 'Ken' with suggested people, pages, and places, including Ken Beasley, Ken Gemmell, Ken Sharp, Ken Madore, and several business addresses. View fullsize
Search screen showing results for 'phl' on Last.fm, including artists like Pharrell Williams, Phantom Planet, De-Phazz, The Pharcyde, and a song titled 'Get Lucky' by Daft Punk. View fullsize
A slide titled 'Autocomplate Design Patterns' listing eight design tips including style auxiliary data differently, avoid scrollbars, highlight differences, support keyboard navigation, match hover expectations, show search history, reduce visual noi View fullsize
Slide showing the title 'Style Auxiliary Data Differently' in red, with text explaining Williams Sonoma styles search scopes in blue, and a screenshot of a search query for 'cook' with suggested related searches including cookbooks, slow cookers, coo View fullsize
A digital screenshot with two sections showing suggestions for avoiding scrollbars and keeping the list manageable. The left section displays a search bar with a list of product categories, including 'Plumbing Bathroom Hardware' highlighted in blac View fullsize
A screenshot showing a tutorial on how to highlight the differences in search queries. The tutorial explains styling entered and suggested search terms differently for better user understanding. The image includes a search box with auto-suggestions, View fullsize
Instructional slide with red title 'Support Keyboard Navigation' and black descriptive text about navigating autocompletions and suggestions. View fullsize
A presentation slide with the title 'Match Users Hover Expectations' in large red text, explaining the importance of hover autocomplete suggestions, accompanied by a screenshot of a music app's search interface showing artist options including Pharre View fullsize
Screenshot of a search history interface with a section titled 'Show Search History' and a suggestion box displaying search queries related to Apple Watch and Apple Store. View fullsize
A presentation slide with the title 'Reduce Visual Noise' in red text, explaining the importance of separating autocomplete suggestions in a search interface, with an example showing a list of autocomplete suggestions related to 'swo' such as 'swords View fullsize
Instructions for labeling and including user guidance on Amazon search autocomplete feature for less experienced web users. View fullsize
Slide with the title 'Recognition over Recall' and text explaining that people recognize things better than recalling them from memory; auto-complete helps turn recall into recognition.
Slide presentation with the title 'Autocomplate vs. Auto-suggest' and explanatory text about their purposes and differences.
Screenshot of a search suggestion box with the word 'pizza' typed in, offering different options related to cuisine, menu item, and restaurant name.
Screenshot of Google search bar with the word 'cook' being typed and autocomplete suggestions showing 'cookie clicker,' 'cookies,' 'cooking channel,' and 'cooking games'.
Screenshot of an eBay search page with the search term 'cookie' entered, displaying autocomplete suggestions including 'cookie jar' and 'cookie cutter'. There is also a partial view of a man wearing sunglasses in the background.
Computer screen showing Amazon's website with search autocomplete suggestions for 'cook' including terms like cookbooks, cooking, cookie jar, cookie sheets, slow cooker, cookie cutter, and cookware.
Screenshot of an Instacart online shopping interface with a search box showing a search for 'chicken' and autocomplete suggestions including chicken, chicken breast, organic chicken, and rotisserie chicken.
Screenshot of a hotel booking webpage with a search box for hotels in London, listing various London airports as options.
Screenshot of a mobile search results page on TripAdvisor showing various travel options for New York, New Jersey, New Orleans, New Mexico, New Zealand, and New Hampshire.
A computer screen showing the Pinterest autocomplete search bar with the user typing 'ice' and suggestion options like ice cream, ice skating, and ice coffee recipe.
Screenshot of a webpage explaining how search result features provide instant results and direct users to product pages.
A webpage showing search results for Apple products with related images, titles, and descriptions.
Screenshot of a computer showing a search for 'system preferences' in OS X, displaying the system preferences application window
Screenshot showing Facebook search results for the name 'Ken' with suggested people, pages, and places, including Ken Beasley, Ken Gemmell, Ken Sharp, Ken Madore, and several business addresses.
Search screen showing results for 'phl' on Last.fm, including artists like Pharrell Williams, Phantom Planet, De-Phazz, The Pharcyde, and a song titled 'Get Lucky' by Daft Punk.
A slide titled 'Autocomplate Design Patterns' listing eight design tips including style auxiliary data differently, avoid scrollbars, highlight differences, support keyboard navigation, match hover expectations, show search history, reduce visual noi
Slide showing the title 'Style Auxiliary Data Differently' in red, with text explaining Williams Sonoma styles search scopes in blue, and a screenshot of a search query for 'cook' with suggested related searches including cookbooks, slow cookers, coo
A digital screenshot with two sections showing suggestions for avoiding scrollbars and keeping the list manageable. The left section displays a search bar with a list of product categories, including 'Plumbing Bathroom Hardware' highlighted in blac
A screenshot showing a tutorial on how to highlight the differences in search queries. The tutorial explains styling entered and suggested search terms differently for better user understanding. The image includes a search box with auto-suggestions,
Instructional slide with red title 'Support Keyboard Navigation' and black descriptive text about navigating autocompletions and suggestions.
A presentation slide with the title 'Match Users Hover Expectations' in large red text, explaining the importance of hover autocomplete suggestions, accompanied by a screenshot of a music app's search interface showing artist options including Pharre
Screenshot of a search history interface with a section titled 'Show Search History' and a suggestion box displaying search queries related to Apple Watch and Apple Store.
A presentation slide with the title 'Reduce Visual Noise' in red text, explaining the importance of separating autocomplete suggestions in a search interface, with an example showing a list of autocomplete suggestions related to 'swo' such as 'swords
Instructions for labeling and including user guidance on Amazon search autocomplete feature for less experienced web users.