Johnson Controls, Inc. and Human Computer Interface Ranjeeta Singh - - PowerPoint PPT Presentation
Johnson Controls, Inc. and Human Computer Interface Johnson Controls, Inc. and Human Computer Interface Ranjeeta Singh User Experience Group Human Computer Interface (HCI) Definition
Johnson Controls, Inc. and Human Computer Interface
Johnson Controls, Inc. and Human Computer Interface
Ranjeeta Singh User Experience Group
Human Computer Interface (HCI) Definition
"#$ %# %&'$( )#% *&+ !,#
Human Computer Interface at Johnson Controls 2
!,# %%#- .& /% (%% !- !." %"-%%." &01
Human Computer Interface (HCI) Definition Human Computer Interaction/Interface – A Combination of Science and Art
Science
(Objectivity)
Art
(Subjectivity) “Efficient Job Functions”
Human Computer Interface at Johnson Controls 3
(Objectivity) (Subjectivity)
Applies research findings from behavioral and Computer Sciences Leverages observation and testing Methodologies Incorporates data gathering and analysis techniques Aesthetics Users feelings and emotions
Stove Example
Human Computer Interface (HCI) Definition Human Computer Interaction/Interface – A Combination of Science and Art
Similar Terminologies
HMI (Human Machine Interface)
Human Computer Interface at Johnson Controls 4
MMI (Man-Machine Interface) UCD (User Centered Design) Usability User-Friendly Human Factors
Acronyms
UI User Interface UX User Experience JCI Johnson Controls, Inc BAS Building Automation System Project vs. Product
Human Computer Interface at Johnson Controls 5
Johnson Controls, Building Efficiency Products
Johnson Controls Product References:
Used to monitor and control the mechanical, lighting, security, and safety of a building (or more) and individuals within the building. Application running in a browser. Mouse driven.
Human Computer Interface at Johnson Controls 6
Building Management Product Pictures
Human Computer Interface at Johnson Controls 7
Automotive Experience
Automotive Group shared with us their “Best Business Practice”. We tailored the process to best fit our needs.
Human Computer Interface at Johnson Controls 8
JCI Requirements
Business Requirements System Requirements Notes: Requirements are written in a way so they can be traced back to a business requirement. Write requirements specific to its level, this reduces re-work and inspections.
Marketing / Program Management System Engineering
Human Computer Interface at Johnson Controls 9
Software Requirements Design Requirements
System Engineering, Engineering Owners Sub-system engineering
Work closely with …
Legal Marketing Development Tools Organizational Need executive champion
Human Computer Interface at Johnson Controls 10
Understand …
Before the HCI team starts on this study you should know a few things about the project:
Business and System requirements. Identify a group of people that represent the customer.
Human Computer Interface at Johnson Controls 11
Grasp …
Understand the high level goal of the project. Understand the customer(s). Understand the user(s).
Note: Customers are not the same as users.
Understand constraints.
Human Computer Interface at Johnson Controls 12
Define/Follow templates (for consistency and guidelines).
Is it a new project? Adding capabilities to an existing project?
Gather Input Data
Understand existing products. Get familiar with existing product known issues. Gather competitive analysis. Get familiar with user(s). Is there one or more types of users. “Day In the Life”.
Human Computer Interface at Johnson Controls 13
Build …
Personas
Human Computer Interface at Johnson Controls 14
Use Cases
Use Case Example
Situation: The monthly staff meeting at Liberty School was held, as usual, in the library from 4:00 PM until 5:00 PM. The schedule for the library includes exceptions to the lighting and HVAC schedules, to keep the area comfortable and well-lit for the meeting. At 4:02 PM, however, Maintenance Max receive an urgent page from Principal Polly - the lights in the library are off! Today: Max logs into Metasys. He selects the Lighting navigation tree and opens the Schedules folder. He drags the Library schedule into the display panel. The Schedule's value shows "1" (which he knows from experience means "Occupied") as expected, so the lights should be
with the Library lights). He sees the point, and also sees that it is controlled by an Operator Override. He opens the Commands for the point, and releases the operator override, thereby relinquishing control to the schedule. The summary view updates a few moments later to indicate that the lights are now On.
Human Computer Interface at Johnson Controls 15
indicate that the lights are now On. Future: Max logs into Metasys. He clicks on the Schedules icon and is presented with a list of schedules and the building areas they affect (floor plan?). He clicks on Library. The UI displays a scheduling view for the library. The view indicates that the Library is currently Occupied, and that the lights are scheduled to be On. The view also indicates that the current state of the lights (Off) does not match the expected state (On), and that the lights are currently controlled by an Operator Override. Max clicks to expand the details for the Lighting BO, and sees it was overridden at 2:30 PM by the Librarian, who left early that day. He right-clicks on the point and selects the Release Operator Override
the expected state of On.
If time allows, build a workflow in block diagrams
Usability Goals
Identify the Usability Goals for your user(s):
1. Intuitive
Users require no or little explanation to understand what is presented in the screens. Either because of previous product knowledge or by the design of the product’s user interface.
2. Effectiveness
Users require little training to successfully accomplish their tasks.
3. Usefulness
Human Computer Interface at Johnson Controls 16
3. Usefulness
Users accomplish all of their tasks as product contains a complete set of features and capabilities.
4. Learnability
Users are effective with the product even when used infrequently, and with limited training.
5. Appeal
Users enjoy using the product as screens are visually pleasing and graphics are professionally designed.
Usability Goals Examples
(
2 % ! %2 + (2
3 4 4 4 5 5 5 + 4 3 6 5 6 6 6 & 7 7 7 7 7 7 7 8 5 6 5 6 4 4 4
Human Computer Interface at Johnson Controls 17
!%% 6 5 3 3 3 3 3
User Interface Design Starts …
User Interface design follows the following process:
Human Computer Interface at Johnson Controls 18
Navigation
Common Navigation Models
Hierarchal, Drill Down
Single Level Multi Level Not common
Sequential
Forms Wizard, tutorial, or training.
Enhance with:
cascading menus
Human Computer Interface at Johnson Controls 19
Wizard, tutorial, or training.
Persistent
Button menu Notebook menu
Menus
List menus
Search Engine
Query Results
Presentation
Higher color contrasts attracts user attention quickly. Use of colors and saturation can guide users into a path. Brain fills in the gap of graphics and creates its own image. Text size and case makes you process at different speeds.
Human Computer Interface at Johnson Controls 20
Presentation
Font Size (9 Font Size
x / x x / x
Do all text below use the same font size?
Human Computer Interface at Johnson Controls 21
Font Size
Interaction Factors that influence interaction design.
Effective visual hinting shows available options. Invite without requiring a mouse over action. For example, enabled/disabled, selected/unselected, linkable/static.
Human Computer Interface at Johnson Controls 22
Graphic states: normal, disabled, depressed. Simple mouse interactions vs. complex pointing device interactions. For complex there is no universal standard to provide visual indication. OK for certain users. Does page have sufficient cues? Is interaction intuitive? Is it easy to perform? Do all interactions work elegantly together? Are UI controls appropriate? Are feedback meaningful and useful?
Other Software Design Steps
Document the Design Implement the Design Test & Verify the Design and Implementation Note: Some re-design may be required.
Human Computer Interface at Johnson Controls 23
Work independently but share key information at intervals between engineering groups!
Accessibility and Internationalization
Directly relate to software design
Accessibility Requirements Internationalization Requirements Unicode / UTF Fonts
Human Computer Interface at Johnson Controls 24
Bold Italic
HCI Methods
Methods used during an HCI Study:
Human Computer Interface at Johnson Controls 25
Prototypes
There are different goals/outputs for the two used prototypes
Paper Prototype
Human Computer Interface at Johnson Controls 26
Electronic Prototype
Prototypes Prototype Fidelity
Low Fidelity:
Identifies show stoppers Navigation scheme Labeling Good time to critique by customers and developers.
Human Computer Interface at Johnson Controls 27
Good time to critique by customers and developers.
High Fidelity:
Include more depth and breadth of features and is interactive. Validates mental models, navigation, detailed design issues, interactions, graphics, etc.
The End
Human Computer Interface at Johnson Controls 28