Created and presented by:
Jamy Li, User Experience Consultant
Julian Lising, Information Architect
Nathalie Crosbie, Sr. Information Architect / UX Designer
Matthew Burpee, Web Consultant
Steve Krug, author of “Don’t Make Me Think”, says “People scan Web pages, they don't read them. We don't make optimal choices, we satisfice.” Follow his guidelines for making your site as scannable as possible by: - Creating a clear visual hierarchy to show relative importance of content (H1/H2 etc.) - Breaking pages up into clearly defined areas - Make it obvious what's clickable - Minimize noise/omit needless words (general guideline is to get rid of half of the words on each page, then get rid of half of what's left. Per Nielsen, “every extra unit of information […] competes with the relevant units of information and diminishes their relative visibility”
When a user opts to cancel a donation, display a dialogue box: - prompting users to confirm that they wish to proceed with the cancellation -providing them with two options, the first a “No” and the second a “Yes” -provide a reason to reconsider cancelling Once a user has confirmed that they wish to cancel their donation: - provide a confirmation message, e.g. “Your recurring donation of <$amount> that was being donated every <donation frequency> has now been cancelled.” -provide a mechanism for users to optionally provide feedback on reason(s) for cancelling
Issue: The first step of the recurring donation process does not set clear expectations for users of what constitutes an acceptable start date. Users are permitted to select the current date as a start date and, only on submission does the site provide an error message providing feedback that current date is not valid as start date. Recommendations: 1. Grey out the current date in the calendar picker from which users select their donation start date to make it clear that choosing the current date is not allowed. This adheres to the error prevention heuristic of Nielsen’s Ten Usability Heuristics (web guideline) which states “Even better than good error messages is a careful design which prevents a problem from occurring in the first place. Either eliminate error-prone conditions or check for them and present users with a confirmation option before they commit to the action”.
Issues: Initial donations details review page does not provide confirmation of the donation start and end dates selected by the user Subsequent donations details review page still does not provide confirmation of the donation start and end dates The confirmation of the date range that is eventually provided on the donations details confirmation page, is located too far from other summary info Recommendations: 1. Include the start and end dates in all donation details review pages
1. Place save buttons at the bottom right of, and within, the applicable area’s border on the page: a) the button’s position follows the user’s natural task flow b) it is clear that the button is related to the applicable area