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 GIMP 2d matrix controls (Click to play video.) GIMP (GNU Image Manipulation Program) uses a 2D matrix to control simultaneously several parameters that would otherwise require multiple sliders. In this case, each axis displays a different parameter: the x-axis is Input Tones (from Shadows to Highlights), and the y-axis is Output Tones. The more horizontal the curve is made, the more limited the overall tonal range of the image will be. Representing this data with sliders or other numeric controls would require using multiple pairs of

Sliders, Knobs, and Matrices: Balancing Exploration and Precision



DesignBlockchainBrandingE-commerceOthersProductsSecurityStartupsUsability

Design | Fancy Formatting, Fancy Words = Looks Like a Promotion = Ignored