MoodTracker Troy Crosby, Paul Hazlett, Brian Lager, Matt Starsoneck, Tobin Valenstein December 8 th, 2011 CMSC434 Section 101 Dr. Shneiderman.

Slides:



Advertisements
Similar presentations
PDS Web Pro Custom Web Design Quick Implementation Powerful Patient Portal Option Powerful Tools on Standard Website Click to see Home page example.
Advertisements

User Interface Design.
User Interfaces 4 BTECH: IT WIKI PAGE:
Welcome to Mobile TEL A questionnaire will follow this presentation for you to evaluate the application.
Reference Guide Module 4: Reports October 2014 Reference Guide Module 4: Reports October 2014.
User Interface Design Yonsei University 2 nd Semester, 2013 Sanghyun Park.
What is a User Interface?  Everything in a device with which a human being interacts.  The total “user experience”  Not necessarily tied to computers.
 User Interface - Raeha Sandalwala.  Introduction to UI  Layouts  UI Controls  Menus and ‘Toasts’  Notifications  Other interesting UIs ◦ ListView.
for Teachers, Students and Parents.
Huyen Dao Xiaoli Huang Kevin Tom Jennifer Tung Michael Yoo.
The UC Berkeley Calendar Network Final Master’s Project Allison Bloodworth Nadine Fiebrich Myra Liu Zhanna Shamis.
1 Digital Personal Trainer Adam Axelrod Tony Brown Tim Finley Chris Newman Ben Tedesco.
Dynamically Updating Service Calendar Michael Dotterer Michael Reilly Developed for CMSC 434: Human-Computer.
Microsoft Visio is diagramming software for Microsoft Windows. It uses vector graphics to create diagrams. The 2007 Standard and Professional editions.
John, Tiffany, Anton, Anna, and Martin December 12, 2006.
IMS Lecture 3.1 Introduction to Interface Design IMS Systems Design and Implementation.
© 2005 by Prentice Hall Chapter 3c Designing Interfaces and Dialogues.
Design Problems  Limited Market  Too Many Other Devices  No Standard Design Among Devices.
Donna Hamilton Assistant Vice President Web Communications.
Pasewark & Pasewark 1 Outlook Lesson 3 Working with Other Outlook Tools Microsoft Office 2007: Introductory.
Reasonable Sakai Widgets Aaron Zeckoski Gonzalo Silverio Antranig Basman
Human Interface Engineering1 Main Title, 60 pt., U/L case LS=.8 lines Introduction to Human Interface Engineering NTU Seminar Amy Ma HIE Global Director.
© 2011 Delmar, Cengage Learning Chapter 2 Developing a Web Page.
Chapter 12 Designing the Inputs and User Interface.
CPSC 203 Introduction to Computers T59 & T64 By Jie (Jeff) Gao.
Mindy Gigantelli Rebecca Zdon Gloria Queeno-Chamberlain.
Lorie Stolarchuk Learning Technology Trainer 1 What has changed with the 2.7.X Upgrade to CLEW?
Output and User Interface Design
System Design: Designing the User Interface Dr. Dania Bilal IS582 Spring 2009.
Guidelines and Prototypes CS774 Human Computer Interaction Spring 2004.
ResourcePoint™ Data Entry Workflow. What is the ResourcePoint Module? The ResourcePoint module is a provider database that contains “operational” provider.
MintTrack By Jeff Titus Christopher C. Wilkins Stephen Krach Pablo BajoLaso.
Designing a Graphical User Interface (GUI) Krisana Chinnasarn, Ph.D. January 2007.
Requirements Information and data which need to be displayed or accessible to the user Sitemapping (Site Map) Flow Chart models of site structure displaying.
Ch 14. Testing & modeling users
Q Q Human Computer Interaction – Part 1© 2005 Mohammed Alabdulkareem Human Computer Interaction - 1 Dr. Mohammed Alabdulkareem
Click to edit Master subtitle style USABILITY and USER INTERFACE DESIGN Application.
Heuristic evaluation Functionality: Visual Design: Efficiency:
Chris Lehman - University of Illinois at Urbana-Champaign This project looked at whether an effective usability makeover of an enterprise.
AESuniversity Setting up Referrals. Referral Setup What is a Referral? What do you want out of Referrals? Ways to set up a Referral System User process.
22C:082:001 Human-Computer Interaction. Fall Copyright © 2013 Juan Pablo Hourcade. 1 Group Project Phase Three.
Designing & Testing Information Systems Notes Information Systems Design & Development: Purpose, features functionality, users & Testing.
Laboratory for Automation Psychology and Decision Processes Kent L. Norman, University of Maryland, USA (Catherine Plaisant, University of Maryland, USA)
Human Computer Interaction

INFO 355Week #71 Systems Analysis II User and system interface design INFO 355 Glenn Booker.
1 CP586 © Peter Lo 2003 Multimedia Communication Human Computer Interaction.
Automated Assessment Management System. The Assessment Cycle Trainee | Learner Dashboard Trainer Dashboard Employer Dashboard Verifier Dashboard Assessor.
User Interface Components Lecture # 5 From: interface-elements.html.
Copyright ©2012. Airrosti Rehab Centers. All rights reserved. Not for distribution. Airrosti-Con! 1 The Future of Airrosti Patient Communication Convenience,
A discussion by David Harrison. -Give a brief summary of the paper -Bring focus to an aspect of the paper important to mobile interfaces -Give you something.
LECTURE 18 16/11/15. MAKING THE INTERFACE CONSISTENT Consistency is one way to develop and reinforce the users conceptual model of applications and give.
Human Factors in Mobile Computing By: Ed Leland EEL
13-1 © Prentice Hall, 2004 Chapter 13: Designing the Human Interface Object-Oriented Systems Analysis and Design Joey F. George, Dinesh Batra, Joseph S.
Some of these slides were excerpted from: Object-Oriented Systems Analysis and Design Joey F. George, Dinesh Batra, Joseph S. Valacich, Jeffrey A. Hoffer.
CPSC 203 Introduction to Computers T97 By Jie (Jeff) Gao.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
CPSC 203 Introduction to Computers T59 & T64 By Jie (Jeff) Gao.
1 Evaluating the User Experience in CAA Environments: What affects User Satisfaction? Gavin Sim Janet C Read Phil Holifield.
SURVEY APPLICATION. Overview Introduction Why survey app?? Architecture diagram Application flow Features Future plan.
William H. Bowers – Specification Techniques Torres 17.
WINDOWS 7 Windows 7 is an operating system that Microsoft has produced for use on personal computers. It is the follow-up to the Windows Vista Operating.
Decision Support System by Simulation Model (Ajarn Chat Chuchuen) 1 Chapter 6 User Interface Management.
Jake Terranova Stefan Howansky Dr. Jean F. Coppola Seidenberg School of CSIS Pace University.
Designing the User Interface: Strategies for Effective Human-Computer Interaction 6th Edition Ben Shneiderman, Catherine Plaisant, Maxine Cohen, Steven.
Web Design and Development
Exergame Tracker Web App
Shane B., Esther K., Curtis S., Jennifer W.
Tutorial Introduction to help.ebsco.com.
Presentation transcript:

MoodTracker Troy Crosby, Paul Hazlett, Brian Lager, Matt Starsoneck, Tobin Valenstein December 8 th, 2011 CMSC434 Section 101 Dr. Shneiderman

Introduction Cognitive Behavior Therapy - psychotherapy treatment Mood Tracking - common exercises are to record mood and journal about thoughts Remembering to Journal is hard -> mobile application makes sense MoodTracker is a app designed to make recording moods easy and fast!

Related Products eMoods Bipolar Mood Tracker Designed for bipolar disorder, has graphing and medication functionality, but focuses on negative moods. Mood Panda iPhone application, rates numerically, graphs and supports notes, but designed as a social application. Mood 24/7 Website using text messaging for mood tracking. T2 Mood Tracker Designed for monitoring/assisting health of military personnel.

Features Record emotion, intensity, and notes Visualize data in chart/graph form Export data to a personal computer Record/track medications (name, dosage, and duration) View previous mood and medication entries Set alarms/notifications to prompt user for input

Design Process Our group decided to use a individual design process where four of our members produced prototype designs:

Comparing Prototypes Similarities Three tab layout for main screens Slider for mood input Basic layout of Mood Input and Graph Screens Differences Main menu screen/Use of Android menu screen/Tabs Emoticons/Text for mood selection Calendar/Menus for date selection Date Range/Number of days to view for graphing data Medication input

Combining Features Tab structure more intuitive than Android menu Making mood input the default tab Scrolling popups chosen over scrollpanes Combining medications & alarms with calendar Combining functionality with graphs Range of dates available to graph

Mood Input Screen Record date & time: Datepicker Slider from 1 to 10 of intensity Spinner (drop-down) to select descriptive mood Optional note to record data

Graph Screen Time Period to be displayed: Spinner (drop-down) Medication to be displayed: Spinner (drop-down) Line Graph/Circle Graph: Make Graph overlay appear Export Data: To an address

Calendar Screen Calendar: Select dates to see medication/mood for that day View/Edit Medications: Medications on secondary screen View/Edit Alarms: Alarms on secondary screen

Video Demonstration

Usability Testing Pre-Test Questionnaire: Name Age Android Experience Visual impairments 2 simple tasks requiring use of a single screen 2 advanced tasks requiring use of and navigation between multiple screens Post-Test Survey: Ease of use for each screen (1-9 scale) Best/worst aspects of application

Usability Testing Results

Usability Testing Results (continued) Specific user feedback: Certain features were hard to locate due to poor organization/labels Feedback should be offered when using the mood input slider. Color and design should be improved to make the app more visually appealing. Readability of graphs needs improvement.

Final Status Functional user interface in need of minor improvements Minor interface improvements: Color & visual style Relabeling of buttons Consistent font-sizes, button positions No back-end database

Future Development Redesign the tab structure Research set of moods that can be selected Implement a backend database to store mood, medication, and alarm data according to dates Implement dynamic graphing functionality Implement /export functionality Tie alarms/notifications to device notifications

Questions?

Sources [1] Gehring, Jonas. "GraphView LIbrary", 2011, Web. [2] Martin, Ben. "In-Depth: Cognitive Behavioral Therapy." Psych Central. Web.. behavioral-therapy/all/1/ [3] Mayer, John D., and Yvonne N. Gaschke. "The Experience and Meta-Experience of Mood." Journal of Personality and Social Psychology 55.1 (1988): University of New Hampshire.Web. [4] Morfeld, Matthias, Corinna Petersen, Anja Kruger-Bodeker, Sylvia Von Mackensen, and Monika Bullinger. "The Assessment of Mood at Workplace - Psychometric Analyses of the Revised Profile of Mood States (POMS) Questionnaire." GMS Psycho-Social-Medicine 4 (2007). PubMed Central. 10 May Web.. [5] Mueller, Tracy. “Mobile App Helps Users Track Moods 24/7.” Health Care Communication News, May 26, [6] Raghunathan, Rajagopal, and Michel T. Pham. "All Negative Moods Are Not Equal: Motivational Influences of Anxiety and Sadness on Decision Making." Organizational Behavior and Human Decision Processes 79.1 (1999). Columbia University. Web.. [7] Reynolds, Carson. “Generalization in User Interface Design.”. [8] Shneiderman, Ben. "Usability Testing." Research-based Web Design & Usability Guidelines. Washington, D.C.: U.S. Dept. of Health and Human Services, Usability.gov. U.S. Dept. of Health & Human Services.Web.. [9] Shneiderman, Ben, and Catherine Plaisant. Designing the User Interface: Strategies for Effective Human-computer Interaction. 5th ed. Boston: Addison-Wesley, Print. [10] Wolf, Gary. "The Data-Driven Life." New York Times Magazine May Pro Quest. Web..