The Wiert Corner – irregular stream of stuff

Jeroen W. Pluimers on .NET, C#, Delphi, databases, and personal interests

  • My badges

  • Twitter Updates

  • My Flickr Stream

  • Pages

  • All categories

  • Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    Join 1,860 other subscribers

Archive for the ‘User Experience (ux)’ Category

30+ years of Apple’s Human Interface Guidelines from 1985 (and earlier Lisa / Apple II equivalents)

Posted by jpluimers on 2025/09/25

I hope someone has also archived all these in the Internet Archive as this is a great collection of historic material: [WaybackSave/Archive] GitHub – gingerbeardman/apple-human-interface-guidelines: Apple Human Interface Guidelines, et al.

If you have more of them: add them via a pull-request.

Related: [Wayback/Archive] Making It Macintosh: The Macintosh Human Interface Guidelines Companion : Apple : Free Download, Borrow, and Streaming : Internet Archive

A client that went belly up in the early 1990s had all these and similar books. In retrospect, I though have found a way to obtain them but back then I didn’t value the uniqueness of them enough and didn’t have the storage space for it (I lived in a 30m² apartment).

Read the rest of this entry »

Posted in //e, 68k, Apple, Apple Lisa, Classic Macintosh, Development, Hardware, History, Mac, NeXT, Power User, Software Development, User Experience (ux) | Leave a Comment »

I why I always use light mode: it’s easier on the eyes, as explained by Kristian Kohntopp

Posted by jpluimers on 2025/09/19

In a German thread, Kristian Köhntopp perfectly explained why I too always use light mode, so I put the English translations here:

  1. Dark mode is a strain on the eyes and useless.
  2. Specific: In darkness (and in dark mode) your pupils widen, the diaphragm opens. This reduces the depth of field and the eye muscles have to do more work and precision when focusing.
  3. Conversely, with light and a bright background you have a smaller pupil, a small aperture and more depth of field. This means that everything is automatically sharp, even if the eye has not readjusted.

The German thread:

Read the rest of this entry »

Posted in accessibility (a11y), Conference Topics, Conferences, Development, Event, LifeHacker, User Experience (ux) | Leave a Comment »

“How come these shapes are so DIFFICULT??”

Posted by jpluimers on 2025/06/03

Cool video about how developers feel when others (like QA) test or use the software they have just built:

[Wayback/Archive] Devs watching QA test the product – YouTube

I got to the video via [Wayback/Archive] sanja zakovska 🌱 on Twitter: “Devs watching QA test the product… “ to which the author responded with

[Wayback/Archive] Alison Burke on Twitter: “@sanjazakovska Incase anyone needs the resolution 😂😂 follow me on tiktok! vm.tiktok.com/ZMJKeK29a

Read the rest of this entry »

Posted in Conference Topics, Conferences, Dark Pattern, Development, Event, Software Development, Testing, User Experience (ux) | Tagged: , , , , , , , , , , , , , , | Leave a Comment »

Rephrasing error messages into heulpful messages

Posted by jpluimers on 2025/04/15

The problem with error messages is that they just displays errors as a fact without providing the user of future steps.

Offer them with a helpful, actionable message instead.

Not just for people with a visual impairment, I added readable text to the image below.

Read the rest of this entry »

Posted in accessibility (a11y), Conference Topics, Conferences, Development, Event, Software Development, Usability, User Experience (ux) | Tagged: | Leave a Comment »

Unicode subscripts and superscripts: Latin, Greek, Cyrillic, and IPA tables; Source: Small caps: Unicode – Wikipedia

Posted by jpluimers on 2025/03/05

I originally searched for the tables below to see if I could get the visualisations of TeX and LaTeX right for infinite loop in “LaTeX: A Document Preparation System” by Leslie Lamport, printed in 1994..

Didn’t work, neither did using plain html super and subscript. The only thing that worked was using CSS styles (I chose to embed them, as separate CSS files are a huge premium over the WordPress plan), which also preserves actual meaning for screen readers:

Read the rest of this entry »

Posted in accessibility (a11y), CSS, Development, HTML, Power User, Software Development, Unicode, URL Encoding, User Experience (ux), Web Development | Leave a Comment »

On accessibility (thanks Bianca Prins!) and archivability.

Posted by jpluimers on 2025/02/27

A long while ago, I participated in a Twitter thread that started with a translation of some important accessibility posts by Bianca Prins, then extended it to the concept to archivability:

[WayBack] Thread by @jpluimers: “I am going to first translate this, then extend this to archivability…. @jpluimers […]” #UXdesign #accessibility.

TL;DR

  1. make sure what you create is accessible
  2. ensure your (online) content is archivable
  3. help archiving content

Let’s go

Read the rest of this entry »

Posted in ArchiveTeamWarrior, Conference Topics, Conferences, Development, Event, Internet, InternetArchive, Power User, Software Development, Usability, User Experience (ux), WayBack machine | Tagged: , , | Leave a Comment »

If you use web-logon for your app, show the web-browser pop-up including the URL (via @wesbos on Twitter)

Posted by jpluimers on 2024/11/05

Edge browser Window without address bar of a Microsoft logon page for wesbos@gmail.com not indicating what the logon is for.

Edge browser Window without address bar of a Microsoft logon page for wesbos@gmail.com not indicating what the logon is for.

[Wayback/Archive] Thread by @wesbos on Thread Reader App

Every single app that uses a popup to sign in needs to stop hiding the address bar.

There is no way to test if its a legit website and 1Password doesn’t work

Without this, your logon borders on a dark pattern which can easily be abused by scammers.

Basically there are three things to make very clear for any logon page belonging to an actually executable: what you are actually logging on to, for and with.

Preferably your application also makes very clear that the logon page actually belongs to the application executable (despite users can figure out the application itself through for instance the Task Manager, or Process Explorer).

For web based logon, this last step is not possible, so for that it is really important to show the URL and the relation of the URL to the application (especially if you use a 3rd party logon like a Microsoft account – formerly Microsoft Passport, Google Account or Facebook account like was popular in OpenID heydays decade surrounding 2010).

Tweet:

Read the rest of this entry »

Posted in Dark Pattern, Development, Software Development, User Experience (ux), Web Development, Windows Development | Leave a Comment »

Dare Obasanjo on X: “If you’ve ever wondered why most business software sucks, it’s for the same reason as this cartoon…”

Posted by jpluimers on 2024/10/23

[Wayback/Archive] Dare Obasanjo🐀 on X: “If you’ve ever wondered why most business software sucks, it’s for the same reason as this cartoon. The person responsible for buying the software isn’t using it in the way the end users are.

Google Lens found back the original 2019 Russia comic via:

Read the rest of this entry »

Posted in Conference Topics, Conferences, Development, Event, Fun, Software Development, User Experience (ux) | Tagged: , , , | Leave a Comment »

User Inyerface – A worst-practice UI experiment

Posted by jpluimers on 2024/05/22

Forgot that this site has been there for like 6 years now: [Wayback/Archive] User Inyerface – A worst-practice UI experiment.

Related: [Wayback/Archive] How I experience the web today

Via among others:

 

Posted in Conference Topics, Conferences, Development, Event, Power User, Software Development, User Experience (ux) | Leave a Comment »

Albert Heijn needs to give their AH-mobiel pre-paid user-experience more love

Posted by jpluimers on 2024/05/09

If you have an prepaid Dutch AH-mobiel SIM card, topping it up or refilling is a hell as none of the web-links you get via SMS or top vouchers function.

When you get an SMS warning that your account is almost running out, it contains the link to [Wayback/Archive] ah.nl/opwaarderen which has no indication how to refill.

When buying a refill voucher at the Albert Heijn store, it contains two links that lead to HTTP 404 error pages:

Albert Heijn has their own [Wayback/Archive] ah.nl domain (which sometimes is totally down), but the refill link is on a completely different domain which – from a phishing point of view – is ideal to lure people into other refill pages.

The only Albert Heijn web-page linking to the actual refill link is [Wayback/Archive] Sim Only | Albert Heijn: ah.nl/over-ah/winkelservices/mobiel/sim-only.

The on-line refill link is [Wayback/Archive] AH mobiel opwaarderen: https://reload.alphacomm.network/web/ah which raises all kinds of red phishing flags:

Read the rest of this entry »

Posted in Cellular telephony, Development, Power User, Security, Software Development, Telephony, User Experience (ux), Web Development | Leave a Comment »