From the “I hate my users” department:
- This dialog pops up every 10 seconds
- The Office 2011 for Mac update requires non-Office apps to quit as well
–jeroen
Archive for the ‘User Experience (ux)’ Category
Office 2011 for Mac update pesky Window pops up every 10 seconds
Posted by jpluimers on 2018/03/27
Posted in Apple, Development, iMac, Mac, Mac OS X / OS X / MacOS, MacBook, MacBook Retina, MacBook-Air, MacBook-Pro, MacMini, Office, Office 2011 for Mac, Power User, Software Development, Usability, User Experience (ux) | Leave a Comment »
GitHub: Searching your own repositories – excluding forks
Posted by jpluimers on 2017/09/12
The Searching repositories – User Documentation mentions
By default, forked repositories are not shown.
But it forgets this only holds for the main search box which is conveniently called “Search GitHub” but documented as “Search repositories“:
Based on that documentation you’d think the “Search Repositories” box would adhere to the same defaults, right?
Wrong. We live in the “form over function” era so that would be too easy.
Share this:
Posted in Development, DVCS - Distributed Version Control, git, GitHub, Source Code Management, User Experience (ux) | Leave a Comment »
(NL) Hoe de ABN-AMRO hun user-experience van de web-site sterk kan verbeteren
Posted by jpluimers on 2017/04/18
Beste ABN-AMRO,
Ik geef jullie in dit stuk een aantal belangrijke user experience tips die voor vele van jullie kanten het gebruik van jullie site het downloaden van afschriften en overzichten een stuk makkelijker maken. Hiervoor reken ik niets, maar ik weet zeker dat [WayBack] Stichting Zevensprong – die sport en recreatie voor gehandicapten organiseert – een bijdrage van jullie kan gebruiken dat ze [WayBack] hebben ANBI status, dus dat moet voor jullie appeltje-eitje zijn.
Eerst even de aanleiding
Als curator van een verstandelijk beperkte broer moet ik jaarlijks voor de belastingdienst en de rechtbank aangifte doen en verantwoording afleggen.
Daarvoor heb ik alle finianciële gegevens die betrekking hebben over afgelopen boekjaar nodig.
Jullie assembleren de bijbehorende afschriften en overzichten van en met ongeveer december in het jaar daarvoor tot en met ongeveer maart in het jaar daarna. Een tijdspanne van pakweg 16 maanden, afgerond 18 maanden, dus anderhalf jaar.
Het jaaroverzicht hiervoor is niet gedetailleerd genoeg, dus ik moet de onderliggende stukken voor dat boekjaar allemaal voor alle rekeningen downloaden.
Ik heb al eens een kort voorschot genomen hoe dit bij de diverse banken enorm uiteeinloopt: (NL) fijn al die electronische rekeningafschriften, maar je moet ze of downloaden of 7 jaar bij je bank blijven @ABNAMRO @ingnl @Rabobank.
Tijd om wat specifieke zaken van ABN AMRO toe te lichten
Wat ik het liefste zou willen is met 1 knop:
Wat ik het liefste zou willen is met 1 knop, voor een bepaalde contracthouder:
- een jaar selecteren en
alle stukken downloaden - van alle rekeningen
- voor een periode van 18 maanden rondom dat jaar
ABN AMRO maakt het downloaden een tijdrovend proces
Die ene knop is er helaas niet, maar als je handmatig de overzichten bij elkaar wilt downloaden ben je eindeloos lang bezig.
Hier heb ik al eens wat Twitter conversaties met het ABN-AMRO web-care team over gehad, telkens met een doodlopend resultaat. Die staan helemaal onderaan deze post: ter lering en vermaak.
Als je voor veel rekeningen over een lange periode de afschriften en overzichten wilt downloaden loop je teze deze beperkingen aan:
- De titel zegt het al “kies het gewenste afschrift of overzicht”. Wat het meest gedownloade is over het algemeen een “Rekeningoverzicht”.
Daarom hier twee tips:- Onthoud altijd de meest recente keuzes onder het item dat de gebruiker als laatste wijzigt want dit scheelt enorm veel invulwerk:
- Wijzigt een gebruiker “gewenste afschrift of overzicht”, toon dan de laatste keuze voor:
- “periode”
- details van de “periode” (zoals “jaar”, “volgnummer”, “van en met” datum en “tot en met” datum)
- Wijzigt een gebruiker “rekeningnummer”, toon dan de laatste keuze voor:
- “gewenste afschrift of overzicht”
- “periode”
- details van de “periode” (zoals “jaar”, “volgnummer”, “van en met” datum en “tot en met” datum)
- Wijzigt een gebruiker “rekening” (wat eigenlijk “rekeningsoort” zou moeten zijn, want je kunt hier niet direct de rekening zelf kiezen), toon dan de laatste keuze voor:
- “gewenste afschrift of overzicht”
- “rekeningnummer”
- “periode”
- details van de “periode” (zoals “jaar”, “volgnummer”, “van en met” datum en “tot en met” datum)
- Wijzigt een gebruiker “wie” (de “contracthouder”), toon dan de laatste keuze voor:
- “rekening”
- “gewenste afschrift of overzicht”
- “rekeningnummer”
- details van de “periode” (zoals “jaar”, “volgnummer”, “van en met” datum en “tot en met” datum)
- Als een gebruiker “wie”, “rekening” “rekening
- Wijzigt een gebruiker “gewenste afschrift of overzicht”, toon dan de laatste keuze voor:
- Kan dat allemaal niet, kies dan in ieder geval “Rekeningafschrift” in plaats van de huidige alfabetisch eerste in het lijstje “gewenste afschrift of overzicht”
- Onthoud altijd de meest recente keuzes onder het item dat de gebruiker als laatste wijzigt want dit scheelt enorm veel invulwerk:
- Over rendering en auto-refresh:
- Bij het kiezen van deze onderdelen ververst *bija* het hele scherm; laden en rendering kost ongeveer vier en een halve seconden:
- “wie” (de “contracthouder”)
- “rekening”
- “rekeningnummer”
- Het enige stuk dat niet rendert is de lijst met PDF documenten (hoewel totale laadtijd met en zonder die lijst vrijwel even lang is: scheelt ongeveer 100-200 milliseconden op ongeveer vier en een halve seconde)
- Gebruikers klikken daarom meteen na het maken van een selectie uit de keuzelijstjes op de “OK” button om
- Als de gebruiker dan bovenaan het scherm
verwacht en dat niet krijgt, klikt hij automatisch op de plek waar de “OK” button zou staan. Maar inmiddels staat daar “vraag dan een kopie aan”
en komt de gebruiker na klikken hier terecht: https://www.abnamro.nl/nl/prive/betalen/bij-en-afschrijvingen/f_kopie-rekeningafschrift.html
- Bij het kiezen van deze onderdelen ververst *bija* het hele scherm; laden en rendering kost ongeveer vier en een halve seconden:
- Je kunt slechts een periode van 6 maanden kiezen.
Om aansluiting te hebben met vorige/volgende boekjaar moet je dus minimaal 3 perioden kiezen; om 2016 met aansluiting te hebben kom je dan uit op deze perioden (allemaal in dd-mm-yyyy formaat):- van en met 01-11-2015 tot en met 01-05-2016
- van en met 01-05-2016 tot en met 01-11-2016
- van en met 01-11-2016 tot en met 01-05-2017
- Bij het kiezen van 1 periode treden er meteen onduidelijkheden op:
- zonder afkorting wordt “van” gebruikt terwijl daar eigenlijk “van en met” bedoeld is. In het spraakgebruik wordt dat ook meestal bedoeld, maar het is goed dat eenduidig aan te geven.
- met afkorting wordt “t/m” gebruikt; gebruik hier dan meteen “tot en met”
- Voor het makkelijk selecteren van de drie perioden zou het enorm makkelijk zijn om een einddatum in de toekomst te kiezen, dan krijg je echter een pop-up:
- Dit is onhandig want:
- je moet die eerst moet wegklikken (extra werk)
- daarna moet je de datum van vandaag intikken (nog meer extra werk)
- later (bij de volgende rekeningsoort/rekening) die datum weer vervangen in een vorm 01-05 of 01-11 moet vervangen (het patroon “extra werk” *blijft* terug komen)
- Veel makkelijker zou zijn als je:
- een tekst bij de foute datum ziet waarom die fout is
- de back-end ervoor zorgt dat het nooit afschriften/overzichten uit de toekomst kunt downloaden (de kans dat iemand tijdreizen realiseert zijn heel klein, dus die overzichten bestaan sowieso niet).
- Dit is onhandig want:
- De periode tussen begin- en einddatum mag maximaal 6 maanden beslaan:
- Dat is eigenlijk niet meer van deze tijd:
- ten eerste niet omdat inmiddels de back-end de informatie binnen driekwart seconde als web-pagina genereert en over de lijn stuurt; dit valt in het niet bij de totale page-load cyclus van ongeveer vier en een halve seconde (zee screenshot helemaal onderaan).
- ten tweede omdat jullie conculega’s al lang afscheid van de “6 maanden” grens genomen hebben; voorbeeld ruim 7 jaar:
- Deze conculega genereert en rendert deze totale periode trouwens sneller dan jullie 6 maanden doen.
- Helaas vangt de back-end dit zelf ook af, want je kunt de parameters van de web-pagina via een achterdeur aanpassen en dan toch meer dan 6 maanden opvragen, maar dan krijg je dit bovenin de pagina:
- Dat is eigenlijk niet meer van deze tijd:
- Van diverse producten zijn veel overzichten niet eens beschikbaar, dus geef dan ook meteen aan dat ze er niet zijn.
- Bijvoorbeeld voor de combinatie rekening “effectendepots” en rekeningnummer “Beleggingspolis” komt
- bij dit keuzelijstje
over het algemeen dit resultaat:
- Het zou heel handig zijn meteen al in het keuzelijstje te tonen in welke perioden de resultaten er überhaupt zijn.
- Hetzelfde geldt voor andere lijstjes zoals bijvoorbeeld voor diverse spaarproducten ik deze gezien heb terwijl alleen “Rekeningafschrift” daar relevant is:
- bij dit keuzelijstje
- Bijvoorbeeld voor de combinatie rekening “effectendepots” en rekeningnummer “Beleggingspolis” komt
- De eerste stap heb ik voor het laatst bewaard omdat die ontzettend goed het “van binnen naar buiten denken” weergeeft terwijl je een on-line platform “van buiten naar binnen” moet ontwikkelen:
- Overal wordt hier alles voluitgeschreven behalve bij “Fin.” De punt geeft ofwel einde zin ofwel einde term aan. Een “Fin” woont in Finland. Dus je kunt hier kennelijk drie dingen downloaden:
- Afschriften
- Fin
- Jaaroverzicht
- Als de tekst te groot is voor een button, maak dan een nieuwe button aan: er is plek zat om zowel een “Afschriften” als “Financieel jaaroverzichten” button onder “Downloaden” te hebben
- Het is raar dat je voor “Mutaties” niet met een e-dentifier hoeft in te loggen, maar voor “Afschriften” wel (mutaties geven hetzelfde inzicht).
- Overal wordt hier alles voluitgeschreven behalve bij “Fin.” De punt geeft ofwel einde zin ofwel einde term aan. Een “Fin” woont in Finland. Dus je kunt hier kennelijk drie dingen downloaden:
Een eindgebruiker zou dit allemaal kunnen ondervangen door op 1 mei, 1 november en 1 mei aan het einde van de de overzichten te downloaden.
Maar zeg nou eerlijk: welke eindgebruiker leeft nou zo’n geregeld leven? En de belastingdienst vind het niet leuk dat je pas na 1 mei aangifte doet.
Voorbeelden van de Twitter conversaties:
Page load bij 6 maanden aan data van een normale betaalrekening:
Share this:
Posted in Power User, User Experience (ux) | 1 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, Hardware, History, IBM SAA CUA, Keyboards and Keyboard Shortcuts, KVM keyboard/video/mouse, Power User, Software Development, UI Design, Usability, User Experience (ux) | 3 Comments »
Luke Wroblewski: From the Front Lines of Multi-Device Web Design | WordPress.tv
Posted by jpluimers on 2014/11/13
Very interesting video with the presentation by Luke Wroblewski: From the Front Lines of Multi-Device Web Design | WordPress.tv.
Not only about the various aspects of sign size depending on viewing distance, but also about various input methods, ambient light, statistics on usage patterns for various device sizes, etc, etc.
Recommended watching.
–jeroen
Share this:
Posted in Development, User Experience (ux) | Leave a Comment »
Dark Patterns – User Interfaces Designed to Trick People
Posted by jpluimers on 2014/10/30
Interesting:
A Dark Pattern is a type of user interface that appears to have been carefully crafted to trick users into doing things, such as buying insurance with their purchase or signing up for recurring bills.
We developers have a big responsibility. Martin Fowler and Erik Dörnenburg (both ThoughtWorks) did a great presentation about that at the GOTO Aarhus 2014 Conference.
A quote:
“The developer who wrote that code is every bit as responsible as the person who told them to do it. You have a choice. You have a responsibility to ensure that your users are well treated and to reject dark patterns,” says Fowler. “We have a whole profession of people writing software and doing enormous things to change the way we live in the world.”
Please watch the video: Our Responsibility to Defeat Mass Surveillance – Erik Dörnenburg and Martin Fowler – YouTube.
–jeroen
via
- Dark Patterns – User Interfaces Designed to Trick People.
- Tim Anderson: Developers, it’s your job to defeat mass surveillance say Martin Fowler and Erik Dörnenburg.
- Software gurus: Only developers can defeat mass surveillance • The Register.
Share this:
Posted in .NET, Delphi, Development, Software Development, 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 »
Windows 8.x: Three keyboard/mouse ways to zoom in or out on start screen (via: YouTube)
Posted by jpluimers on 2014/08/22
I love it that in Windows you can do everything both by mouse and keyboard.
Take the start screen: there are 3 ways (mouse only, mouse + keyboard, keyboard only) to zoom in/out in the start screen. Read the rest of this entry »
Share this:
Posted in Keyboards and Keyboard Shortcuts, Power User, Usability, User Experience (ux), Windows, Windows 8 | Leave a Comment »
Designer’s guide to DPI
Posted by jpluimers on 2014/08/15
Posted in Android, Development, iOS Development, Mobile Development, Software Development, User Experience (ux), Windows Phone Development | Leave a Comment »
Michael Kaplan’s Sorting it All Out blog is back! http:///www.siao2.com (via Tim’s comment)
Posted by jpluimers on 2014/08/14
A while ago, Tim mentioned that [WayBack] Michael Kaplan’s blog “Sorting it All Out” on MSDN was gone.
I amended my original post because of it (see below), and I’m really happy that Tim kept track of his comment, and just posted a new comment:
Michael Kaplan’s Sorting it All Out blog is back! [WayBack] http:///www.siao2.com
Back to the original edit I made as the new blog doesn’t (yet?) has all the content of the old blog:
Edit: Michael’s MSDN blog is officially dead, but there are the nice web archive and web cache virtues:
Michael also appeared on this 30 minute podcast episode: [WayBack] Hanselminutes Technology Podcast – Fresh Air and Fresh Perspectives for Developers – Sorting out Internationalization with Michael Kaplan
Michael Kaplan is a Developer in the Windows International group and the author of the popular ‘Sorting It Out’ blog that is dedicated it all things ‘-ization.’ That means Globalization, Internationalization, and Localization. This show is is brought to you by the CYRILLIC CAPITAL LETTER A.
Some key points:
- Use these languages for UI testing
- English as it is common and slightly wordy
- German because it is
- more wordy (30-50% more than English) to test for clipping text, and used enough to warrant the energy
- Turkish because of the Turkish i
- Arabic (is right-to-left, cursive and has ligatures) or Hebrew (which is just right-to-left and cursive)
- Thai because it has plenty of word-breaking issues and tests Uniscribe well
- Push UTF-8 all the way through your system and back and avoid question marks and other
After that: time to catch up on Michael’s new blog (:
–jeroen
via: Delphi: a few short notes on LoadString and loading shell resource strings for specific LCIDs
Share this:
Posted in Development, internatiolanization (i18n) and localization (l10), Software Development, User Experience (ux) | Leave a Comment »
The Wiert Corner - irregular stream of stuff 