Discover and read the best of Twitter Threads about #uxpatterns
Most recents (8)
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?
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?
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?
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?
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)?
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)?
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?
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?
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?
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?
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 (€/$/£)?
7. Do we need an option to switch between monthly/yearly pricing?
8. Do we want to allow customers to switch currency (€/$/£)?
Everything I think about when I think about date pickers. #uxpatterns
01 — Date picker, a date-range picker or a time picker?
02 — Should it be activated when a user clicks on input/icon?
03 — Should we combine day/month/year into one input field?
01 — Date picker, a date-range picker or a time picker?
02 — Should it be activated when a user clicks on input/icon?
03 — Should we combine day/month/year into one input field?
04 — Should the date picker contain default preselected values?
05 — Should we include prev day/today/next day nav?
06 — How do we design the navigation between months and years?
07 — What happens if a user clicks on the empty bar?
08 — How do we communicate unavailable options?
05 — Should we include prev day/today/next day nav?
06 — How do we design the navigation between months and years?
07 — What happens if a user clicks on the empty bar?
08 — How do we communicate unavailable options?
09 — Should we allow for smart date input?
10 — Do we use color coding for different rates, frequency or busyness?
11 — Is a date picker the right pattern to use for date selection?
12 — How do we highlight a selected date range?
10 — Do we use color coding for different rates, frequency or busyness?
11 — Is a date picker the right pattern to use for date selection?
12 — How do we highlight a selected date range?
Everything I think about when I think about maps. #uxpatterns
01 — What kind of map/chart are we designing (geography, floor plan, seat map)?
02 — How much space do we reserve for it in our UI (mobile/desktop)?
03 — Will the map/chart change over time (elections, live events)?
01 — What kind of map/chart are we designing (geography, floor plan, seat map)?
02 — How much space do we reserve for it in our UI (mobile/desktop)?
03 — Will the map/chart change over time (elections, live events)?
04 — Do we have any levels, planes, or layers that users need to navigate between?
05 — If yes, how many? How do we design the navigation?
06 — Will the map/chart contain markers, labels, and distinct regions?
07 — Do they all have the same weight, or are there any critical ones?
05 — If yes, how many? How do we design the navigation?
06 — Will the map/chart contain markers, labels, and distinct regions?
07 — Do they all have the same weight, or are there any critical ones?
08 — How do we expose/highlight critical ones (e.g. large states)?
09 — How do we represent each label/marker (date, icon, text)?
10 — Do we need to display details for taps/clicks on them?
11 — If yes, what kind of content should we display?
09 — How do we represent each label/marker (date, icon, text)?
10 — Do we need to display details for taps/clicks on them?
11 — If yes, what kind of content should we display?
Everything I think about when I think about feature comparison. #uxpatterns
01 — How do you indicate that comparison is possible?
02 — What happens when the first item is added for comparison?
03 — Have we disabled the option to compare only one selected item?
01 — How do you indicate that comparison is possible?
02 — What happens when the first item is added for comparison?
03 — Have we disabled the option to compare only one selected item?
04 — How do we highlight a product selected for comparison?
05 — Do we display a comparison bar or a modal after adding to compare?
06 — How do users unselect a selected option?
07 — Should we suggest products to compare at some point?
05 — Do we display a comparison bar or a modal after adding to compare?
06 — How do users unselect a selected option?
07 — Should we suggest products to compare at some point?
08 — How many items can a customer add for comparison?
09 — Do we use animation or transitions to display comparison?
10 — Do we display the price (or price development), individual product page URL, ratings, reviews, thumbnail, model name, and price-matching tooltip?
09 — Do we use animation or transitions to display comparison?
10 — Do we display the price (or price development), individual product page URL, ratings, reviews, thumbnail, model name, and price-matching tooltip?
Everything I think about when I think about tables. #uxpatterns
01 — Do we really need to display this table as a table on mobile?
02 — Are some rows/columns more important than others?
03 — What data points are most critical to our customers?
01 — Do we really need to display this table as a table on mobile?
02 — Are some rows/columns more important than others?
03 — What data points are most critical to our customers?
04 — Can we hide some columns while showing the important ones?
05 — Do we add steppers to navigate through columns or rows predictably?
06 — Do we add controls to select what columns/rows users want to see?
07 — Do we allow users to display all columns/rows if they want to?
05 — Do we add steppers to navigate through columns or rows predictably?
06 — Do we add controls to select what columns/rows users want to see?
07 — Do we allow users to display all columns/rows if they want to?
08 — Do we need horizontal scrolling with fixed columns?
09 — Do we need horizontal/vertical pagination (for big datasets)?
10 — Do we have any hover actions, inline editing, sorting, search, filtering?
11 — Do we highlight the cell, row, or column on a user’s tap/click?
09 — Do we need horizontal/vertical pagination (for big datasets)?
10 — Do we have any hover actions, inline editing, sorting, search, filtering?
11 — Do we highlight the cell, row, or column on a user’s tap/click?
Everything I think about when thinking about filters. #uxpatterns
01 — Can we avoid a filter icon and show filters as they are?
02 — If not, what icon do we choose to indicate filtering?
03 — Is the icon plus padding large enough for comfortable tapping?
01 — Can we avoid a filter icon and show filters as they are?
02 — If not, what icon do we choose to indicate filtering?
03 — Is the icon plus padding large enough for comfortable tapping?
04 — Do we put the icon at the top, bottom, or floating (mobile/desktop)?
05 — What exactly happens when the user clicks/taps on the icon?
06 — How will the icon change on tap/click?
07 — Will we have some sort of animation or transition on click?
05 — What exactly happens when the user clicks/taps on the icon?
06 — How will the icon change on tap/click?
07 — Will we have some sort of animation or transition on click?
08 — Will filters appear as full page/partial overlay or slide-in?
08 — Can we avoid sidebar filtering as it’s usually slow?
09 — Do we expose popular or relevant filters by default?
10 — Do we display the number of expected results for each filter?
08 — Can we avoid sidebar filtering as it’s usually slow?
09 — Do we expose popular or relevant filters by default?
10 — Do we display the number of expected results for each filter?
