Confirmation Dialogs Can Prevent User Errors (If Not Overused)

There is admittedly a tension between guidelines #1 and #2: you want to warn against serious consequences, but you don’t want to warn so often that the warning is overlooked and the answer becomes an automated behavior. The solution is to conduct a task analysis to determine the severity of different outcomes and the frequency of possible user actions. For example, a banking site might be personalized to only require confirmation for online payments that are at least twice the amount of each user’s normal range of payments: if I usually pay bills that are around $100–$500, then my first

Confirmation Dialogs Can Prevent User Errors (If Not Overused)
What the Erroneous Hawaiian Missile Alert Can Teach Us About Error Prevention

On Saturday, January 13th 2018, residents and tourists in the Hawaiian islands received a very frightening emergency alert on their mobile devices. The alert from Hawaii’s emergency alert command center read “BALLISTIC MISSILE THREAT INBOUND TO HAWAII. SEEK IMMEDIATE SHELTER. THIS IS NOT A DRILL.” The missile emergency alert was sent to residents and tourists

What the Erroneous Hawaiian Missile Alert Can Teach Us About Error Prevention
Wizards: Definition and Design Recommendations

When it comes to inputting data, the two most common patterns used on the web and in applications are forms and wizards. The electronic form is a direct descendant of the paper form: a page with empty fields that the user needs to fill in. The wizard is a minapplication that takes the user through

Wizards: Definition and Design Recommendations
Dashboards: Making Charts and Graphs Easier to Understand

This Microsoft Power BI dashboard uses (1) donut charts and (2) tree maps to display data. Donut charts are similar to pie charts — they use area and angle to encode quantitative information — but are made even less effective by the whitespace in the middle, which makes each slice area smaller and thus complicates even more the already difficult task of determining a quantitative value for each option in the chart. The tree map also uses area for representing the relative sales amounts of the different cities — each rectangle’s area denotes its value — but unfortunately, area is a

Dashboards: Making Charts and Graphs Easier to Understand
Sliders, Knobs, and Matrices: Balancing Exploration and Precision

Your browser does not support the video tag. Video of Garageband knob behavior during click and drag (Click to play video.) GarageBand has multiple knob controls that can be clicked and dragged vertically to control rotation. This design supports devices (such as mice) that don’t handle rotation well, but it’s not easily discoverable, and it can interfere with users’ attempt to move the mouse around the circular path of the knob in order to ‘rotate’ it. The choice of knobs in this case is an allusion to the physical controls used by audio engineers of the past, and represents a poor

Sliders, Knobs, and Matrices: Balancing Exploration and Precision



DesignBlockchainBrandingE-commerceOthersProductsSecurityStartupsUsability

Design | The Roots of Minimalism in Web Design