notE is a simple , non-invasive online account information - PowerPoint PPT Presentation

notE is a simple , non-invasive online account information management notebook Celeste Cayetano Ethan Cui Bill Phung Augustina Liu

PROBLEM Seniors tend to have less secure online habits ● are targeted by many online scams ● have difficulty adapting to new technologies ●

SOLUTION Seniors learn by pattern matching ● value simplicity ● notE is a simple , non-invasive online account information management notebook

Initial Paper Prototype Cover Index Page Account Page Notification Page Light Notifications Linked Pen

MAIN TASKS Storing, Generating, and Giving Guidance After an Account Updating Passwords Has Been Compromised

Task 1: Storing, generating, and updating passwords Use index page to locate Use available page to Use facial recognition next available page record account information to securely unlock

Task 1: Storing, generating, and updating passwords Confirmation of entry Index page automatically with a green light updates for quick search

Task 1: Storing, generating, and updating passwords Yellow light shows on Prompt to update Yellow light indicates the index page password minor account issue

Task 2: Giving Guidance After an Account Has Been Compromised Red light shows on the Red light shows on page and Red light indicates index page notification provides more severe account issue information

Task 2: Giving Guidance After an Account Has Been Compromised Greenlight shows on page indicating Message shows that there will be no further security issues. someone to contact them later.

TESTING PROCESS 2 heuristic evaluations + 3 usability tests

HEURISTIC EVALUATION Identifying as many major usability issues as possible before conducting usability tests

Testing Process: Heuristic Evaluation Issues Participants Method Lack of help + ● ● Students currently ● Brief introduction of our documentation taking CSE 440 design ● Conducted inside ● Give them scenarios and outside of class and observed ● Focused on violations of Nielsen’s heuristics for interface design

USABILITY TESTING Testing the simplicity and intuitiveness of our design among our target audience

Testing Process: Usability Testing Issues Participants Method Initially gave ● ● Seniors found in the ● Brief introduction of our insufficient library design explanation of ● Familiar with ● Give them scenarios and design technology observe Over-corrected and ● ● Focused on points of gave too much frustration and intuitiveness

Testing Results: Main Takeaways Heuristic Evaluation Usability Testing Help and documentation Level of documentation and instruction ● ● ● Consistency ● Need more resemblance to a notebook Intuitiveness ●

Major Changes: Change Index to traditional table of contents Before After

Major Changes: Change input boxes to regular lines Before After

Major Changes: Add screen on the front cover Before After

Major Changes: Change help section to high level topics Before After

Final Paper Prototype Cover Index Page Account Page Notification Page Light Notifications Linked Pen

Task 1: Storing, generating, and updating passwords Use index page to locate Use available page to record Use facial recognition to next available page account information secure and unlock

Task 1: Storing, generating, and updating passwords Confirmation of entry Index page automatically Offer password with a green light updates for quick search suggestions

Task 1: Storing, generating, and updating passwords Yellow light indicates minor Yellow light shows Offer suggested password issue with an account affected account for the update

Task 2: Giving Guidance After an Account Has Been Compromised Red light shows on Red light shows on page. Red light indicates index page Notification provides more major account issues information

Task 2: Giving Guidance After an Account Has Been Compromised Red light shows on Notebook will contact help page. Notification and suggests other steps provides more information

Digital Mockup: Overview

Task 1: Storing, generating, and updating passwords Use facial Use index page to locate next Enter information on the recognition to available page available page secure and unlock

Task 1: Storing, generating, and updating passwords Offer password suggestions Confirmation of entry with a Index page automatically green light updates for quick search

Task 1: Storing, generating, and updating passwords Yellow light shows on Offer suggested password Remind to change index page for the update password

Task 2: Giving Guidance After an Account Has Been Compromised Red light indicates Red light shows on index severe account issues page

Task 2: Giving Guidance After an Account Has Been Compromised Red light shows on page. Notebook will contact Notebook will contact Notification provides more help and suggests help and suggests information other steps other steps

SUMMARY For Process Iterative refinement and revision ● Focus on Participants’ wants and needs ● Different testing processes and their purposes ● Simplicity is key ●

THANK YOU

Q&A

Celeste: 33%, designed slides, wrote half of slides, formatted pictures, made minor revisions on the entire document Ethan: 0%, Bill: 33%, wrote some slides Augustina: 33%, refined the slides, helped to write some elements/ task walk through, worked on some style things, and participated in the discussion, edited some minor changes