I had to pick up a package keying in a 6 digit code using the below PostNL UI.
It was horrible. Don’t implement your numeric input UI like this: use a telephone keypad like or calculator numpad like keypad UI.
Archive for the ‘UI Design’ Category
Do not implement numeric input with like this Post NL user interface
Posted by jpluimers on 2026/01/14
Posted in Development, Software Development, UI Design, User Experience (ux) | Leave a Comment »
Segoe Fluent Icons font – Windows apps | Microsoft Learn
Posted by jpluimers on 2025/08/28
For modern scaleable UI applications, it helps a lot when one has a consistently designed scalable icon set with icons having the same dimensions and features.
In more than just one sense, designing and developing such sets is a lot like developing and designing scaleable fonts. It is not surprising that by now many of these are available as fonts.
Ons of them is [Wayback/Archive] Segoe Fluent Icons font – Windows apps | Microsoft Learn which on the page has the complete list: an impressive one indeed and as such a leap from the old dingbat fonts like Zapf Dingbats fonts (yes, I am more than ITC Zapf Dingbats old; most glyphs ended up in the Dingbats (Unicode block) in 1991), Wingdings from Microsoft Windows 3.1 on, Wingdings 2 and Wingdings 3 in Microsoft Office versions until Office 2010, and the – now part of Core fonts for the web – Webdings as of Internet Explore 4.
Those old fonts only had small sets of icons – usually no more than 230, some just dozens – and Segoe Fluent Icons has a huge set of icons.
Via Read the rest of this entry »
Share this:
Posted in Development, Font, Icon Font, Musescore, Power User, Software Development, UI Design | Tagged: 6493 | Leave a Comment »
The Secret of Great Gradient – UX Planet
Posted by jpluimers on 2019/12/09
- Source: [WayBack] The Secret of Great Gradient – UX Planet which has a lot more explanation
- Via: [WayBack] In case you need a gradient, use nature for inspiration :) – Roderick Gadellaa – Google+
–jeroen
Share this:
Posted in Development, Power User, Software Development, UI Design | Leave a Comment »
Practical Color Theory for People Who Code
Posted by jpluimers on 2018/06/18
Recommented reading and playing: [Archive.is] Practical Color Theory for People Who Code which is not just about the colour wheel, but also about:
- desaturation
- mixing
- contrast for tints and shades
Oh: don’t forge the “Party Mode” (:
–jeroen
PS:
- Joe C Hecht reminded me that you should also check out the “Why” sliders [WayBack]
- Bill Meyer emphasised that you should watch your grey-levels too [WayBack] (which luckily is covered in the linked article: it even has a button turning everything into grey-levels).
Share this:
Posted in Color (science), Color (software development), Development, LifeHacker, Power User, science, Software Development, UI Design | Leave a Comment »
Some links and references to IBM CUA: Common User Access which defines a lot of the UIs and UX we still use.
Posted by jpluimers on 2016/02/04
Back in the late 80s and early 90s of last century, engineers Richard E. Berry, Cliff J. Reeves set a standard that still influences the user interfaces and user experience of today: the IBM Common User Access.
I mentioned CUA a few times before, but since an old client of mine managed to throw away their paper originals in a “we don’t need that old stuff any more as we are now all digital” frenzy, I wanted to locate some PDFs. And I promised to write more about CUA.
If anyone has printed versions of the non-PDF documents below, please donate them to aek at bitsavers.org or scanning at archive.org as they are really hard to get.
A few search queries I used:
- IBM Common User Access bitsavers (as bitsavers.org keeps a lot of PDF materials)
- IBM CUA filetype:pdf
- IBM “Common User Access” filetype:pdf
The PDFs I think are most interesting:
Share this:
Posted in BitSavers.org, Development, History, IBM SAA CUA, Keyboards and Keyboard Shortcuts, Power User, Software Development, UI Design, Usability, User Experience (ux) | 3 Comments »
Paletton and Kuler: very useful for creating colour palettes (via G+ Nick Butcher / Marie Schweiz)
Posted by jpluimers on 2014/08/29
Combile Paletton and Kuler and off you go!
Nick Butcher: Have found this site useful for creating colour palettes. Paletton – The Color Scheme Designer
Marie Schweiz: https://kuler.adobe.com and you can get the swatches :)
#Color
Thanks Nick Butcher and Marie Schweiz.
–jeroen
via: Have found this site useful for creating colour palettes..
Share this:
Posted in Development, Power User, Software Development, UI Design, User Experience (ux) | Tagged: colour palettes, Nick Butcher | Leave a Comment »
André Vatter – Google+ – Wie Tabellen eigentlich aussehen sollten:
Posted by jpluimers on 2014/04/03
Below is how tables should look like.
Thanks Thomas Mueller (dummzeuch) for pointing me to André Vatter – Google+ – Wie Tabellen eigentlich aussehen sollten: .
–jeroen
Share this:
Posted in Development, Software Development, UI Design | Leave a Comment »
Displaying formulas using HTML (via: More TVM–calculating the IRR : Algorithms for the masses – julian m bucknall)
Posted by jpluimers on 2012/10/04
I saw julian Bucknall post some beautiful formatted functions in a few of his Algorithms for the masses blog and wondered how he did it.
[a = P . r^N . \frac { (1 – r) } { (1 – r^N) }]
Why is his formula code looking so simple, and why doesn’t it display on my blog?
So I asked him (:
Hi response was “use MathJax“:
I’m loading the MathJax JavaScript library in my pages:
http://www.mathjax.org/Here’s the post where I talk about it and how I tweak the expressions:
http://blog.boyet.com/blog/blog/tightening-the-feedback-loop-when-writing-latex-expressions-for-mathjax/If you want to experiment writing such expressions, I have the page I’m describing in the above post online:
http://blog.boyet.com/blog/files/uploads/MathJaxFeedback.html
There are various ways to include the MathJax JavaScript, and if you do, you can use both LaTeX and MathML style formulas. Read all about it on the MathJax Getting Started page.
–jeroen
via:
- More TVM–calculating the IRR : Algorithms for the masses – julian m bucknall.
- Mathematical Formulas in HTML 4.
- Math in HTML (and CSS) – presenting mathematical expressions on Web pages.
Share this:
Posted in Development, HTML, Software Development, UI Design, Web Development | 2 Comments »
Jazzy icons for Metropolis UI Applications that you can create with Delphi XE3
Posted by jpluimers on 2012/08/24
Now for some lighter Delphi XE3 related stuff:
These icons seem to go very well with the Metropolis UI Applications that you can create (and convert from VCL!) with Delphi XE3 (see the XE3 video at 0:30).
–jeroen
via:
- Jazz up your apps with these free windows metro icons | Professional Icons. Quality Design..
- Welcome to the RAD Studio XE3 Preview | Products.
Share this:
Posted in Delphi, Delphi XE3, Development, Software Development, UI Design | 2 Comments »
Web 2.0 apps throwing away your user input #fail
Posted by jpluimers on 2010/06/30
It seems quite a few “web 2.0” apps too have the same glitch: they throw away user input when the first page finishes loading.
This is especially noticeable on slow connections (UMTS, DSL that is a long distance from the phone company, EDGE, GPRS, etc): the connection speeds that a lot of developers don’t seem to test on.
So, the sequence of events goes like this:
- The data entry fields (in this case, from and to location) become visible
- You put the focus on the from field
- You type the from address (I do blind typing)
- You press the tab key to go to the to field (more and more Web 2.0 apps get their tab order right nowadays)
- You type the to address
- You wait until the “GO” button becomes visible
- The Web 2.0 app keeps loading
- It erases the “from” and “to” fields that you just typed
Or more general:
when you start typing in a Web 2.0 app which is still loading, almost all the times you loose your input.
And since there is usually no visual clue when the Web 2.0 app has finished loading, you have to wait until you feel comfortable not loosing your input.
Bad!
Examples that get this wrong:
- routes.tomtom.com (throws away all your input)
- wordpress login (throws away your username)
Please add your own in the comments…
–jeroen
Share this:
Posted in Development, Opinions, Software Development, UI Design, Web Development | 1 Comment »
The Wiert Corner - irregular stream of stuff 