Initial Ideation
![Whiteboard showing rough wireframe sketches of initial design ideas Whiteboard showing rough wireframe sketches of initial design ideas; links to larger version of same image](images/board-edited-thm.jpg)
- Basic functionality to incorporate:
- Account Balances
- Pay Bills
- Transfer Funds
- Three different designs for different levels of cognitive impairment
- Easy Mode
- Normal Mode
- Advanced Mode
Narrow Scope
![Whiteboard sketch showing basic wireframe render of the Accessible Online Banking site concept Whiteboard sketch showing basic wireframe render of the Accessible Online Banking site concept; links to larger version of same image](images/board-loans-thm.jpg)
- Three designs too complex
- Incorporated universal design principles to make one fully accessible design
- Start with cognitively simplest design and work towards other disabilities
- Whiteboard sketches
Live Mockups
![First clickable prototype design of Accessible Online Banking site showing preliminary design idea First clickable prototype design of Accessible Online Banking site showing preliminary design idea; links to larger version of same image](images/design-first-thm.jpg)
- First clickable prototype
- Made demo, observed workflow
- Tested out interface objects
- Static elements
- Real estate usage
- Buttons and links
Redesign Interface
![Redesigned version of Accessible Online Banking site showing interface enhancements and improved screen space usage Redesigned version of Accessible Online Banking site showing interface enhancements and improved screen space usage; links to larger version of same image](images/design-second-thm.jpg)
- Second prototype
- Made design changes based on peer and expert feedback during intermediate presentation
- Moved elements around to be more intuitive
- Moved static navigation on top to optimize on-screen real estate
- Changed color scheme to be more realistic of actual banks
Refine and Finalize Interface
![Final Design of Accessible Online Banking site showing upgraded interface with more robust options Final Design of Accessible Online Banking site showing upgraded interface with more robust options; links to larger version of same image](images/design-final-thm.jpg)
- Final design
- Added a loan feature to match functionality of commercial banking sites
- Added buttons to make access faster
- Optimized workflow to make it more efficient
Barriers
- Time constraint
- Insufficient testing for different user groups
- Had to limit scope for simplicity and universal design