This document outlines a redesign of an ATM user interface to improve the user experience and reduce errors. Key changes proposed include: - Displaying multiple transaction steps on a single screen to reduce clicks - Customizing transaction options presented based on a user's history - Highlighting important messages and buttons to prevent errors - Integrating marketing messages and account information into receipts - Adding an adjustable display arm and handles for easier usability across different user heights.

1. ATM UI Renovation Seung Wook Lee July 6, 2011

4. 1. Design Concept Minimal Errors with Minimal Steps Prevent Errors Always display feedback and process Provides buttons to navigate previous pages Over-emphasize critical messages and buttons Keep strict design consistency among relevant information and buttons Minimize Steps (Clicks) Merge relevant steps Display multiple steps on one screen Provide shortcuts Minimize the amount of information Enhance marketing functions of ATM Deliver valuable information to connect to customized promotions Provide ways to deliver detailed information if users want Provide better convenience

5. 2. Use Flow A customer who has only one account and is withdrawing $90 Splash Processing and Greeting Splash Enter PIN Select Account Select Transaction Confirm Another Transaction? Greeting Splash Processing and Greeting Renovated Process Conventional ATM clicks Renovated ATM Clicks Enter PIN Enter PIN Select Account Select Account Select Transaction Select Transaction Insert card Input Additional Info. Input Additional Info. 1 click No Click Confirm Confirm No Click 2 clicks when customers have only one account 1 click 3 clicks 2 click Another Transaction 4 clicks 5 clicks Customers click 5 times and view 7 screens Customers click 2 times and view 3 screens

6. 3. Grid System Header 1 column Key Visual Area Header 2 column Key Visual Area ATM Card Display Area Header 3 column Step Display Area Key Visual Area ATM Card Display Area

8. 4.1 Splash screen - 2 1 column TheLowest Interest Mortgage UIDG Guarantee! Print Detail ATM Card image ATM Card Reader Description - Display the ATM card image to make sure a customer’s ATM card is inserting and inserted. It prevents that customers leave without their ATM card. Physical ATM Card

14. 4.4.5 PIN Change 3 columns PIN Select Transaction ● ● ● ● Account Checking 982012356 Cancel Transaction And Return Card Change PIN ● ● ● ● Re-Enter New PIN Change PIN

15. 4.4.6 PIN Change 3 columns PIN Select Transaction ● ● ● ● Account Checking 982012356 Cancel Transaction And Return Card Change PIN Your PIN has been Changed Change PIN Send New PIN by email Send New PIN by Phone swooklee@umich.edu 919.889.1820 Finish and Return ATM Card

17. Each event box show dynamic and descriptive messages. For example, at the first box, the messages change; “Counting Cash”  “Take Your Cash”  “You have taken CASH”

22. Appendix – UI sketches: Multi Steps in One Page

23. Appendix – UI sketches: PIN, Customized Short-Cuts

24. Appendix – UI sketches: Processing Page

25. Appendix – UI sketches: PIN Change

26. THANK YOU If you have any question, please email or call me Email: swooklee@umich.edu Phone: 919.889.1820 Seung Wook Lee. 7/6/2011