It is really disappointing that most customers are looking for solutions that don’t fall into the categories: “search” and “switch on/off”.
Developer: “So which of the fields do you actually need in this screen?”
Customer. “All of them!”
Developer: “Well, that will make the screen pretty cluttered information”.
Customer: “And please allow to add more easily whenever we need them.”
Developer: “That would be hard to achieve unless you exchange all your monitors to bigger ones.”
Customer: “OK, then. Can you make it work on my Apple Watch?”
I very much can relate to this: somehow a lot of business driven applications have cramped user interfaces that are very hard to use because the overwhelming number of UI controls and features per screen.
This holds even for web applications.
Let’s hope this will slowly change for the better over time.
An item that provides click-through is one that a user can activate with one click, even though the item is in an inactive window. (To activate an item that does not support click-through, the user must first make the containing window active and then click the item.) Although click-through can make some user tasks easier, it can also confuse users if they click items unintentionally.
Click-through is not a property of a class of controls; any control, including toolbar items, can support click-through. This also means that you can support click-through for any subset of items; you don’t have to choose between supporting click-through for all items in a window or none. Follow the guidelines in this section so that you can support click-through when it’s appropriate.
Avoid providing click-through for an item or action whose result might be dangerous or undesirable. Specifically, avoid enabling click-through for an item that:
Performs a potentially harmful action that users can’t cancel (for example, the Delete button in Mail)
Performs an action that is difficult or impossible to cancel (such as the Send button in Mail)
Dismisses a dialog without telling the user what action was taken (for example, the Save button in a Save dialog that overwrites an existing file and automatically dismisses the dialog)
Removes the user from the current context (for example, selecting a new item in a Finder column that changes the target of the Finder window)
Clicking in any one of these situations should cause the window that contains the item to be brought forward, but no other action to be taken.
In general, it’s safe to provide click-through for an item that asks the user for confirmation before executing, even if the command ultimately results in destruction of data. For example, you can provide click-through for a delete button if you also make sure to give users the opportunity to cancel or confirm the action before it proceeds.
Think twice before supporting click-through for items that don’t provide confirmation feedback. Specifically, consider how dangerous the action might be, and determine how difficult it will be for the user to undo the action after it’s performed. For example, the Mail Delete button does not provide click-through because it deletes a message without asking for confirmation, which is a potentially harmful action that can be difficult to undo. On the other hand, click-through for the New button in Mail is fine because its resulting action is not harmful and is easy to undo.
Ensure that items that don’t support click-through appear disabled when their window is inactive. The disabled appearance helps users understand that these controls are unavailable. For example, the Delete and Mark as Junk buttons in the inactive Mail window shown below don’t support click-through.
Choosing label colours other than black or white is like making a dynamic mouse cursor that inverts the colours underneath it: it fails horribly in the low contrast regions, and looks very strange on pink-noise backgrounds.
This approach is uses black and white depending on the perceived brightness:
What would data viz be without labels? Just viz, that’s what. This guide aimed at web designers discusses how to choose a label text color with enough contrast.
Inspect (Inspect.exe) is a Windows-based tool that enables you select any UI element and view the element’s accessibility data. You can view Microsoft UI Automation properties and control patterns, as well as Microsoft Active Accessibility properties. Inspect also enables you to test the navigational structure of the automation elements in the UI Automation tree, and the accessible objects in the Microsoft Active Accessibility hierarchy.
Inspect is installed with the Windows Software Development Kit (SDK) for Windows 8. (It is also available in previous versions of Windows SDK.) It is located in the \bin\<platform> folder of the SDK installation path (Inspect.exe).
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.
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
Kan dat allemaal niet, kies dan in ieder geval “Rekeningafschrift” in plaats van de huidige alfabetisch eerste in het lijstje “gewenste afschrift of overzicht”
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
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).
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:
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:
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:
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.
[WayBack] Simplicity • Stuff that Happens: What can we learn about usability…
Inspect (Inspect.exe) is a Windows-based tool that enables you select any UI element and view the element’s accessibility data. You can view Microsoft UI Automation properties and control patterns, as well as Microsoft Active Accessibility properties. Inspect also enables you to test the navigational structure of the automation elements in the UI Automation tree, and the accessible objects in the Microsoft Active Accessibility hierarchy.
From the “I hate my users” department:
The Wiert Corner - irregular stream of stuff 