Categories
tech

Productive Ambiguity

In general, specificity in writing makes things clearer… but not always. I was recently working on some UI text for a set of filters over a list of software update notices. Based on your selected user profile, we show you just the notices about the software we think you’d use. So how should we label the ‘select all’ checkbox that activates all user profiles?

The specific and accurate option would be something like ‘Select All User Types‘, but that makes the user think about our system for showing content, rather than what content they want to see, interrupting their process.

Select All Updates‘ is closer to what the user wants, but now we have to make sure that the noun ‘updates’ matches what they expect to see… and we never called the content ‘updates‘ or anything else, we just showed it to them. So being specific is actually introducing a problem where one didn’t exist.

After talking this through, I suggested ‘Show All‘. No mention of selecting filters or what the system does with those filters. Just get right to it. In cases where user expectations may be vague, consider matching that with ambiguous language.

Categories
tech

Responsive Design

What happens to your site’s cool layout when it’s viewed on a small screen like a phone or tablet?  In the old days (a few years ago) we used to code two different versions of a site – you’d do a bit of detection and then send mobile users to something like mobile.mysite.com instead of the main view.  The downside is obvious:  every time you redesign your site’s look, you have to do twice the work.  And now that mobile accounts for 10% of all web traffic, this problem is not going away, it’s getting worse.

Enter Responsive design.  The idea is to build a site from the ground up with different screen sizes in mind.  This usually goes hand in hand with a Mobile-first approach, where the basic common elements of the site – headers, colors, fonts, etc., are coded first in the smallest view.  Then if the screen size is larger, elements can expand, take up multiple columns, and generally unfold into a spacious layout.  When we build a site this way, it takes much less time and effort than doing a separate mobile view and also takes into account newer sizes in between, like tablets.  I’m glad to know my site looks good on a laptop, phone, and the recently revealed screen size of the new iPad!