Contents

53 Articles

Search

2 weeks Ago

Google Meet Likes to Hang Up

Published by marco on

I’ve used Google Meet twice in the last month. In both conversations, I exited the meeting room completely inadvertently and was forced to scramble back, profusely apologizing for my lack of technical proficiency.

It all starts with the Google Meet page losing focus, then “detaching” itself from the main window. This seems like a “feature” that prevents the user from switching tabs away from an open meeting. It’s bossy and intrusive.

The first time this happened, I ended up looking at a large... [More]

TacX Training > TacX Desktop

Published by marco on

It’s that time of year again.

It’s time to start biking indoors. đź‘Ž

That means the TacX comes out of the basement and I am, once again[1], confronted with the awfulness that is TacX Desktop. I fired it up and was confronted with all of the same bugs and UX missteps that I’d noted a year ago. It’s like the app hadn’t been updated at all.

I got suspicious because I have a friend who uses his TacX regularly and he wouldn’t put up with this crap…so what is he using? I searched the App Store... [More]

1 month Ago

DuoLingo’s Gems Screen

Published by marco on

Normally, in a UI, when you click or tap on a thing (e.g. a button), but complete the click or gesture away from that thing, the “tap” or “click” is not signaled. The gesture is ignored because the user did not complete the gesture, aborting the operation. That’s how we’ve been trained; if you press down on something by accident, just move off of it and release and you it won’t count as having been clicked or tapped.

 DuoLingo Gems Purchase ScreenHowever, in the DuoLingo Settings screen—where they’re trying to get you to... [More]

9 months Ago

Just because your party’s green…

Published by marco on

…doesn’t mean you have to use light-green text on a white background.

 Die Grüne Partei

Fielmann: an online-store safari

Published by marco on

The Fielmann eye-ware online store looks very nice. I’d bought glasses at the branch in Winterthur. They were great, with really good people with good advice. They have excellent prices. Their online prices are very good as well. They set me up with an account with my prescription, so I could order more contact lenses anytime.

Finding the online store

I returned to the site recently and found it to be very nice-looking, but considerably less friendly. It was subtly pushing me to use the app... [More]

10 months Ago

Pushy Apps

Published by marco on

These are just two examples of the inundation of UX frustration on any given day.

TacX

TacX asks every time I start the app whether it can use my personal data for a feature that I never use.

 TacX Requests Data

The language is not only supremely awkward but inspired in its use and non-use of punctuation (why ellipses rather than etc.?)

“To use live opponents, we will need to share some of your personal data, such as but not limited to you name, profile, picture, speed, watt/kg, what workout you’re doing,…... [More]”

11 months Ago

Apple’s aggressive notifications

Published by marco on

Both MacOS and iOS have system-wide notifications that use a red badge to indicate burning topics that need to be addressed.

On MacOS, the “Software Update” system-preferences panel has had a red badge on it since Apple released Big Sur was released six weeks ago. There is no way to turn off this badge without installing the upgrade. When they released a patch for my current version, the badge did not change, so I had no idea I had an update pending.

Similarly, iOS uses the red badge to... [More]

The Return of Postage-stamp-sized Videos

Published by marco on

A friend sent me a link to a video on Instagram. I don’t have an Instagram account, but was able to watch the video anyway. I watched it on a desktop browser. It looked like this:

It looks like I’m previewing a device UI using the developer tools, but I’m not. Instagram on the desktop looks like two phones next to each other, centered in the ample horizontal space. The video takes up only a third of the “phone” in which it’s displayed. Each of the “more posts” at the bottom has more area... [More]

1 year Ago

New Weather Station

Published by marco on

 My old weather station finally died. I’d inherited it about 25 years ago from a good friend in New York. It came from my apartment in Kew Gardens to Switzerland, where it was first mounted in my kitchen and then office for many years.

The cord was covered with electrical tape from several incidents involving my first rabbit Oz. After a dozen more years, the plastic casing on the wire leading to the outside thermometer had become very brittle—especially after years of being shut into the... [More]

2 years Ago

Guardian Signup Form

Published by marco on

The Guardian doesn’t have a paywall, but they now have a registration requirement. This is fine with me. I don’t browse their site regularly, but I do occasionally get links from bloggers I follow. I appreciate the job the Guardian does and am fine with being registered with them.

 Guardian sign-in/sign-up formTheir signup form is somewhat odd and unpleasant-looking, but it’s the functionality that’s the most offputting.

I was unable to sign up with my preferred email address. I was notified of this by validation that... [More]

Amazon can’t validate phone numbers

Published by marco on

I almost never use Amazon. I almost never buy things. Recently, I had the pleasure of discovering that Amazon—a trillion-dollar company that delivers stuff all over the world—cannot properly validate phone numbers when you add an address.[1]

I entered a phone number[2] for an address to “help with delivery”. No matter how I entered the number, I got the error message,

Please remove invalid characters from phone number field (sic)[3]

I started with copy/pasting the phone number straight out of... [More]

MasterCard SecureCode web dialog

Published by marco on

I just can’t believe that this gruesome thing is still a thing.[1] In an age where we are supposed to have been sensitized to phishing sites, this thing is still an integral part of the online credit-card purchasing chain. It is generally called up with a completely different URL than the store where you started and it looks terrible and untrustworthy.

 SecureCode Dialog

It’s probably a combination of:

  1. not being able to change a running system because people are used to it now
  2. not being able to change a running... [More]

3 years Ago

Amazon Store: Usability

Published by marco on

After having listened to an excellent interview with the author on What we don’t talk about when we talk about rape, I’d recently added the book Rape: From Lucretia to #MeToo by Mithu Sanyal to my Amazon Wishlist.

Soon after, I received an e-mail from Amazon that they were giving me a one-week, five-dollar coupon toward the purchase of the book. That sounded good to me. I clicked through to the book’s page, where I saw that, indeed, a five-dollar credit would be applied were I to purchase the... [More]

Designing an online resumé

Published by marco on

 It had been three years since I’d updated my resumĂ©. To be clear, I’m not looking for a job[1]. I’m very happy at the company I (partly) own, Encodo Systems AG.

I see my resumĂ© more as a description of my career than as a document with which I can get hired. As a partner in a company, it’s good to have an up-to-date profile handy, e.g. for including in RFPs.

One step was to write down the history of my more-recent projects and skills. In addition, though, I wanted to update the look and... [More]

5 years Ago

More odd design in iOS battery-management

Published by marco on

When I snapped the screenshot shown below, I wanted the answer to one question:

I had actively used the phone for only about 2 minutes that day. Which application used the phone for the other 3 hr and 56 min?[1]

Apple’s design makes finding an answer frustrating, at best—and infuriating, at worst. Here’s what you see when you look at the battery settings.

 Who's responsible for this?

The batter control panel tells me that “[b]attery information will be available after using iPhone for a few minutes.”

Some questions:

UI/UX Deliverables

Published by marco on

Ideally, you’d have a VSG (Visual Style Guide) and an Interaction Design.

VSG

The VSG includes design details like colors, gradients, fonts and standard dimensions as well as details about components/controls, like for icons, properties like,

  • margins
  • padding
  • separation between label and image
  • alignment of image
  • variants (image to side, image on top)

or for similar... [More]

6 years Ago

Updated my Curriculum Vitae/Resumé

Published by marco on

 I am in no way looking for a new job. I’m very happy at Encodo. However, I hadn’t updated my project list or resume format since 2002. I’d also seen a lot of resumes cross my desk when we were hiring last year, with some good ideas and some bad. I wanted to try out some ideas I had to improve formatting, legibility and information density/comprehensibility.

There were a few main areas that I thought I could improve in the “standard” resume format.

I’ve got a strong first draft, but I’ll be... [More]

UPC CableCom Replay

Published by marco on

tl;dr: If you think you’ve finished signing up for UPC Cablecom Replay but have never used it, think again. In order to completely enable it and to be able to use it, you have to actually try using the service from the Guide. It is at this point that you will be required to confirm yet another activation-acceptance dialog before Replay is available. Even then, it’s enabled only for content aired after this final confirmation. So go use it now for any old crappy show just to finish enabling it... [More]

The Netflix SmartTV App for Samsung

Published by marco on

 I started using Netflix in Switzerland about 5 months ago. I initially made these notes about 2 months after I started using the Samsung TV App. In the last three months, while Netflix has made updates to their app from time to time, the core usability and browsability issues have not changed.

Browsing

Permanent billboard
The browser doesn’t make efficient use of screen space. The top half of the screen is always reserved for a billboard for the currently selected item. This choice makes... [More]

7 years Ago

YouTube UX Suggestions 2015

Published by marco on

I harshed on the YouTube UX in a recent article about GrooveShark. I figured I would take a few screenshots and explain exactly what I am trying to do with YouTube and why it feels so awkward.

Use Case

The user wants to watch vides in a list that he has not yet watched.

 'Mark as unwatched' would be nice

It is not immediately obvious how or even if the user can mark a video as “unwatched” so that the little sash is no longer shown across the video in a list. As it stands, the sash is pretty much useless because the video... [More]

Geocities in 2015

Published by marco on

 Top of the page News linksA friend recently directed me to Steve Quayle where he’d found a link about Destroying your hard drive is the only way to stop this super-advanced malware (PC World). The article about viruses is a bit hyperbolic but mostly legit. The original web site, though, has some really interesting stuff on it.

It’s actually not too poorly laid-out—Cymax Media made it and their own homepage isn’t too terrible—but the emphasis is hard to parse.

What’s more important than the news links that the site ostensibly... [More]

The BBC presents: The future of news

Published by marco on

 Screen-shot of articleThe article Man sectioned over Manchester Airport plane bomb hoax (BBC) was forwarded to me purportedly for its content.

That content? They closed an entire airport for a bomb hoax.

But something else caught my eye: the sheer impenetrability of the presentation. I took a screenshot of the whole article, shown to the right. Can you tell where the article is hiding?

I’m going to ignore the British news-authoring penchant for crash blossoms.[1] Also, I’m going to assume that using “section” as a verb... [More]

12 years Ago

SOE and usability basics: Page Titles

Published by marco on

There are a few (relatively) popular sites that do not even attempt to provide unique page titles for article pages. For example, Glenn Greenwald’s blog on Salon.com or 3QuarksDaily both use the same title for all pages.

This is a huge pain in the neck if you have multiple pages from those sites open in a browser. It would be much more useful (for bookmarking, etc.) if the page title included the title of the primary content on the page.

For example, instead of simply using

Glenn Greenwald... [More]

Tufte Weeps: ABC News

Published by marco on

 A rather interesting article about innumeracy on ABC News was almost completely overshadowed by a layout dominated by advertisements for other products also available from ABC. Anyone happy to read content for free online should also be prepared for a shameless onslaught of self-promotion, but does it have to be so ugly? The page is broken into dozens of blocks (listed below), which seem to only coincidentally line up or share a common style.

Take into account that most of the blocks are... [More]

15 years Ago

Reddit

Published by marco on

 Reddit Home PageReddit is a really interesting, stripped-down, fast social bookmarking site; while it doesn’t have the CSS/Web 2.0 props of Magnolia or Digg, neither does it have the excruciating wait time or incredibly heavy page load (both are easily over 250KB home pages). Reddit weighs in at under 50KB and has sensible caching commands, so the browser isn’t constantly following some insipid order to check for new content every time you click something. It’s style is very spartan, but conveys all the... [More]

Flash Silhouettes

Published by marco on

 This portfolio page by Jonathan Yuen offers a unique Flash experience: its navigation is quite nice. The stark and simple silhouettes are mostly static, but some small pieces move: the fish swim around, clicking the finger makes ripples on the pond, the butterflies flutter. Combined with the music, it’s quite pleasant to look around, including the cryptic navigation links—for those not versed in whichever language they’re written in—and the horizontal scrolling. It’s well worth a visit.

Opera 9.0

Published by marco on

 Opera Home Page Opera 9.0 New FeaturesOpera continues to improve their site, showing that standards-based design can be fast, clean and elegant. Having recently reviewed the Firefox 2 home page, it’s hard to say who’s stealing from who here. Firefox went with the darker silhouette, while Opera opted for the “girl of indeterminate age”. Both have the big, green download button (a good idea, drawing the eye to it), but Opera has nicer product layouts, with big, Apple-y graphics. Digging further into the site reveals a clean,... [More]

Firefox 2

Published by marco on

 Firefox 2 Home PageAfter years of changing styles and hit-or-miss site designs, Firefox seems to have finally hit a nice, open, clean style. The download button is huge and green and inviting. The background graphic is confined to the product area (not in the header or footer, reserved for “corporate” use) and adds to the fun feel. Overall, it’s airy, making good use of white space and all text is well-aligned (bullet titles aligned with descriptions … yay!). Even the footer got alignment attention, offering an... [More]

16 years Ago

WikiMatrix

Published by marco on

 WikiMatrix Home PageWikiMatrix doesn’t look especially amazing, but it has quite a few neat tricks that make it a very nice web application. It allows you to select multiple Wikis and compare them; this is a comparison of MediaWiki vs. Moin Moin. The chart is very nicely laid out and includes custom tooltips and a nice hover effect allowing you to follow along and compare many wikis at once. There is also the flagged feature on the left that makes it easier to show only the features that are interesting (it would... [More]

Cork’d

Published by marco on

 Cork’d is a web application for wine afficionados. Users build add to the global wine database, create lists of their reserves, their favorites and their buddies. It’s a classic web 2.0 collaborative social web site by Dan Benjamin (of HiveLogic and A List Apart) and Dan Cederholm (of SimpleBits). The colors evoke a bottle of red, and the simple decorations, like the filigrees used a separators provide a dash of style. The colors and graphics are flat and simple (it’s the web! 2.0! get it?) and... [More]