TripeHound
  • Member for 7 years, 2 months
  • Last seen this week
How to suggest a person to turn a page to see more details?
19 votes

There are many good answers about annotating the bottom of the page clearly (I like Dave Haigh's best), but as an alternative, how about making the last task (on each side) indicate that tests ...

View answer
How to handle bookmarks in Reflowable books
18 votes

Rob E's excellent answer covers the case where the application can (and the user wants to) mark specific passages of text. If you also have (or want to offer) a simple "bookmark this page" option, ...

View answer
What direction should I extend my menu?
Accepted answer
15 votes

In the "general case" (not at the right-hand edge), left-aligning the drop-down and extending to the right (as in the first example) looks best (to me), especially since "the control" (in my mind, and ...

View answer
How to sort and filter a constantly changing list of data?
Accepted answer
7 votes

Following the OP's update, I'll start with a specific suggestion for their problem. This will be followed by the sort of approach that you might take in the more general case (a slightly updated ...

View answer
How to indicate a checkbox/toggle is "always on"
6 votes

If you want to keep the green (to indicate that the field will be present), but don't want to allow the state to be toggled, then one possibility is to keep the green, but lose the toggle:

View answer
How should I visualize the average of two bars in a bar chart?
6 votes

Given that you want the viewer to focus on the average value (but with the individual components available for comparison), I would make the central bar represent the average, and make it wider than ...

View answer
Desktop app status bar: Notification vs error message
6 votes

One problem with your first example is in deciding which message to summarize. In your example, there appear to be two messages (one informative: there's an update available; one error/warning: ...

View answer
Emphasis in plain text
Accepted answer
6 votes

For totally plain-text you can use ALL CAPS (providing you do so sparingly), or you can _enclose in underscores_ (often used, as in SO's markdown, instead of italics) or you can *delimit* with ...

View answer
Display an overdue task on task list
6 votes

Building on DesignerAnalysy's answer you could use bars to show days/time left as well as overdue (my access to graphics tools is limited, but the following should give an idea): Depending on the ...

View answer
Addresses in Checkout Steps
Accepted answer
5 votes

As regards being able to delete an address during checkout: I would allow this. This view comes from both personal experience and (so far) a three-to-one survey1 of existing address-management modules ...

View answer
Converting from 2 year capture to 4 years without a 100 year?
5 votes

Jaroslav M's excellent answer gives the key idea: certain ranges of two-digit years are (almost exclusively) safe to extend to four digits; some are "probably 19xx"; some are "probably 20xx". I don't ...

View answer
Progress bar completing too quickly
5 votes

One potential option is not to explicitly hide the progress bar for small files (how do you know what "small" is for a given network?) but to delay showing it for a small period of time. If the ...

View answer
What do numbers mean in a colour palette?
Accepted answer
4 votes

The nomenclature is described in more detail on the Atlasian Design: Colors page. Like in the Material Design pages mentioned in other answers, the numeric part (e.g. 500 or 800) is indicative of the ...

View answer
If orange is hated by both men and women, why successful companies choose it?
4 votes

An obvious answer is that orange isn't disliked that much (or, at least, one shouldn't read too much into it). Your question doesn't make it immediately clear that both images you show are from the ...

View answer
Why are chart x-axis values slanted bottom up for long labels?
4 votes

TL;DR Reading comprehension is probably not the key factor. What matters is whether "expected use" of the chart (or table) goes from the label to the chart/table or vice versa: If going ...

View answer
Why are websites so poor in terms of transition & animation compared to native apps?
3 votes

I'll admit up-front that I'm a bit of a "Luddite" as regards web-design: I generally dislike animations, and mostly prefer clean, simple designs. Having said that, I'll try to be as objective as ...

View answer
How do I design an efficient and easy layout for a settings page which has at least 200+ options spanning 18+ categories
Accepted answer
3 votes

With that many options, probably the most important addition would be a Search facility. However logically and consistently you manage to group your 200+ options into 20 categories, you are going to ...

View answer
Pick one date/time over multiple days
Accepted answer
3 votes

From a user's perspective, it will be very helpful to provide an overview of what times are available (think also of the way many cinema/theatre sites show a visual seating plan when booking tickets). ...

View answer
Patterns for listing users in a "room"
3 votes

Broadly, I'd tend to agree with Danielillo's answer, but the Devil's Advocate in me couldn't help throw the following together... In your example, the colours behind the users are not being used for ...

View answer
How to visually compare two values
3 votes

If the relative strengths of the two teams is more important than the absolute values, you could show both teams in one horizontal bar (imagine two teams playing tug-of-war1): Where the dashed line ...

View answer
Why WCAG 2.0 doesn't comply with its own line length criterion of 1.4.8?
3 votes

The phrase "Lines should not exceed 80 characters or glyphs" occurs in the section "Intent of this Success Criterion". The actual text of the Success Criterion says: 1.4.8 Visual Presentation: For ...

View answer
Is it ok to allow Steppers or incremental buttons to remove items?
3 votes

Looking more at the UI aspect of this... Like other answers, I would allow setting a quantity of zero (either through clicking up/down buttons, or explicitly typing 0) to mean "remove from my cart", ...

View answer
Is there a name for this connecting the dot selection pattern?
3 votes

If a new term is needed (as there doesn't appear to be an existing one), I would suggest calling it a Patch Panel. This is the term for the physical counterpart, common in networking, where "patch ...

View answer
Material design error message on top of a pop up
3 votes

If the error (non-critical or otherwise) is related to the attempt to submit the pop-up form, and logically should be shown before the dialog is dismissed, then move the banner position to the pop-up ...

View answer
How to let user know that they won't be charged until the last step?
Accepted answer
3 votes

A common technique (I don't know whether AirBnB does this) is to have step-by-step summary bar (there's probably a recognised name for this...) along the top of the page clearly showing that "Payment" ...

View answer
Which is better to use "Your Plan" or "Current Plan"? in subscribed product
Accepted answer
3 votes

Abhishek Thakkar's answer gives good reasoning why you might prefer "Active Plan" or "Current Plan" over "Your Plan" (principally the problems of talking of "Your Plan" in help text). I'll try to ...

View answer
Is a "Login Successful" Message Necessary?
3 votes

On something like an online bank website, where there's an explicit "login process" before you can get to anything meaningful, it may not be necessary (because if you can see the "useful" pages, you ...

View answer
UX for non-traditional working time
Accepted answer
2 votes

Because the business opens from (very) early in the morning through to (quite) late the following night, it may not be immediately obvious if presented in the "normal" form (it took me a couple of ...

View answer
How to make a printed gTLD name apparently a URL meant to be typed in by users?
2 votes

As a techie, http:// (or, I hope, https://) makes it unambiguous, but – from my (informal) experience – often isn't used in mainstream media. Trying to put myself in a non-techie's shoes, I think www. ...

View answer
Best practice for private key backup flow on mobile
2 votes

If you use any kind of "cloud" distribution system (either something like Dropbox or your own servers), then good security policy would dictate that the private key should neither be transmitted nor ...

View answer