Profile picture
, 8 tweets, 4 min read
My Authors
Read all threads
All The Things I Think About When I Think About Autocomplete

01 — Is search collapsed or visible at all times?
02 — Do we want search to be prominent or hidden?
03 — Is search box actually a search box?
04 — Do we explain various types of search (symptom, item number)?
05 — Is it possible to pre-select a department?
06 — Is search input keyboard-focusable?
07 — What changes when the input field is in focus?
08 — Do we darken the rest of the screen to bring search into focus?
09 — Do we show popular searches, products or categories on focus?
10 — Do we start displaying suggestions with the very first character?
11 — Do we use look-ahead pattern for search queries?
12 — How many suggestions do we display on desktop?
13 — How many suggestions do we display on mobile?
14 — How do we design autosuggestions?
15 — Do we distinguish between keyword and category suggestions?
16 — Do we show keywords, featured products, categories and brands?
17 — Do we highlight user’s input (keyword) within suggestions?
18 — Do we display the number of expected results for each suggestion?
19 — Do we display ratings, the number of ratings and product thumbnail?
20 — Do we display any thumbnails? If yes, how large should they be?
21 — Do we display popular keywords, category, products, guides, content pages?
22 — How do we change the design on hover/tap?
23 — Are autocomplete suggestions keyboard-focusable (Enter/Esc/up/down)?
24 — Do we persist search input on search results page?
25 — Do we display breadcrumbs, categories and search results count?
26 — Do we have an an option to look up and clear all previous searches?
27 — Do we keep all sorting and filters settings on refresh?
28 — Do we suggest categories or keywords in search results?
29 — Does autocomplete disappear when the entire query is removed?
30 — Have we tested the behavior with empty space and special characters?
31 — Do we keep track of important synonyms and abbreviations?
32 — Do we keep track of thematic and seasonal queries?
33 — Do we keep track of misspellings via search logs?

More checklists: smashingmagazine.com/the-smashing-n…

Community matters. ❤️
Missing some Tweet in this thread? You can try to force a refresh.

Keep Current with Smashing Magazine

Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

Twitter may remove this content at anytime, convert it as a PDF, save and print for later use!

Try unrolling a thread yourself!

how to unroll video

1) Follow Thread Reader App on Twitter so you can easily mention us!

2) Go to a Twitter thread (series of Tweets by the same owner) and mention us with a keyword "unroll" @threadreaderapp unroll

You can practice here first or read more on our help page!

More from @smashingmag see all

Profile picture
Smashing Magazine
@smashingmag
Everything I think about when I think about donation forms. #uxpatterns

01 — What audiences are we targeting with the donation form?
02 — What purpose of donation would resonate best with our audience?
03 — How do we communicate that purpose to the audience visibly?
04 — Do we highlight how we use donations (case studies, videos etc.)?
05 — Do we include any testimonials or stories next to the donation form?
06 — Do we allow visitors to choose the cause?
07 — Do we provide an option to make a donation in honor or in memory of someone?
08 — Do we provide an option to donate anonymously?
09 — What suggested amounts do we display in the form?
10 — Do we explain what impact each amount has on our projects?
11 — Which types of donations do we provide? One-off, monthly, quarterly, annually?
Read 7 tweets
Profile picture
Smashing Magazine
@smashingmag
All the things I think about when I think about web forms. #uxpatterns

01 — What’s the absolute minimum user input we need for new customers to get started?
02 — When is the right time and place to ask users to verify critical input (email, password, permissions)?
03 — For each piece of data, what’s the best form element to collect it fast and accurately?
04 — For sensitive data input (e.g. phone number), do we explain why we need it?
05 — Are there any form elements which need hints (e.g. password requirements, username)?
06 — Do we always prefer tap-friendly components, i.e. large buttons, toggles, and sliders?
07 — Do text boxes appear as text boxes (good padding, bordered).
08 — Have we adjusted the width of each box to give users a hint of the expected length of input?
Read 14 tweets
Profile picture
Smashing Magazine
@smashingmag
Everything I think about when I think about pricing plans. #uxpatterns

1. What copy do we include above pricing plans (strong one-liner, useful byline)?
2. Can we include the number of companies/customers that have already signed up?
3. Can we highlight logos of prominent brands that already use our service?
4. How many plans do we have, and which one do we want to sell?
5. What are the difference between the plans? Are they targeting a different audience?
6. How many features do we want to display per plan? Can we offload some of them to a separate section (“See all features”)?
7. Do we need an option to switch between monthly/yearly pricing?
8. Do we want to allow customers to switch currency (€/$/£)?
Read 17 tweets

Embed code for your website

×
Follow Us on Twitter!

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!