The Wiert Corner – irregular stream of stuff

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

  • My work

  • 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,798 other followers

Archive for the ‘User Experience’ Category

(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 [WayBackStichting Zevensprong – die sport en recreatie voor gehandicapten organiseert – een bijdrage van jullie kan gebruiken dat ze [WayBackhebben 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:

  1. 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:
        1. “periode”
        2. 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:
        1. “gewenste afschrift of overzicht”
        2. “periode”
        3. 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:
        1. “gewenste afschrift of overzicht”
        2. “rekeningnummer”
        3. “periode”
        4. 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:
        1. “rekening”
        2. “gewenste afschrift of overzicht”
        3. “rekeningnummer”
        4. details van de “periode” (zoals “jaar”, “volgnummer”, “van en met” datum en “tot en met” datum)
      • Als een gebruiker “wie”, “rekening”  “rekening
    • Kan dat allemaal niet, kies dan in ieder geval “Rekeningafschrift” in plaats van de huidige alfabetisch eerste in het lijstje “gewenste afschrift of overzicht”
  2. Over rendering en auto-refresh:
    1. 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”
    2. 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)
    3. Gebruikers klikken daarom meteen na het maken van een selectie uit de keuzelijstjes op de “OK” button om
    4. 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
  3. 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
  4. 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”
  5. 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).
  6. De periode tussen begin- en einddatum mag maximaal 6 maanden beslaan:

    • Dat is eigenlijk niet meer van deze tijd:
      1. 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).
      2. 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: 
  7. 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:

  8. 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).

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:

Posted in Power User, User Experience | 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:

The PDFs I think are most interesting:

Read the rest of this entry »

Posted in BitSavers.org, Development, History, IBM SAA CUA, Keyboards and Keyboard Shortcuts, Power User, Software Development, UI Design, Usability, User Experience | 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

Posted in Development, User Experience | 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

Posted in .NET, Delphi, Development, Software Development, Usability, User Experience | 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..

Posted in Development, Power User, Software Development, UI Design, User Experience | Tagged: , | Leave a Comment »

 
%d bloggers like this: