SlideShare ist ein Scribd-Unternehmen logo
1 von 29
Plant Performance Monitor
 Goal
 Define an interaction model that depicts the basic framework
for how App will behave.
 Define its high level information architecture.
 Task illustrated
 Working hypotheses for App design
 App information architecture definition
 Interaction model
 Demonstrating cross section of the interaction model with task flows
Working hypotheses for App design
App adapts to users
Job title does not define role, so let users configure their setup to meet their needs.
Configuration, not customization
App should be easy to set up, and provide limited but sufficient configuration options.
Provide a continuous experience
The system adapts to users, enabling them to pick up where they left off. Applications within the
App suite acknowledge each other.
Make the important obvious
Highlight important information to help users prioritize information and aid decision-making.
Information Architecture Definitions
Module
Grouping of applications related to a particular set of goals and needs. Included as primary
navigation element for users.
Application
A self-contained toolset—grouped by particular user activities—that users access within a module
and provides them with specific features and content.
Feature
Specific component within an application that allows users to fulfill a task or view desired content.
Interaction Model
Screen Components (working hypotheses)
Global Navigation
Global navigation exists across all screens in App, enabling
quick access to any application from anywhere in the suite.
Rolling over a module reveals a drop-down containing all of
the applications within the module.
Reflects the need to nimbly respond to changes by
enabling quick navigation to appropriate App features.
Global Navigation
App Logo
Dashboard
The Dashboard contains quick summaries of specific
features and components selected by the user to provide a
unique overview of App. Users add items to the Dashboard
by pinning individual features within an application, or by
choosing from a set of dashboard components.
Reflects the need to see the whole picture from the user’s
perspective.
Dashboard
App Logo
Alerts Panel
The Alerts panel exists in a minimized state at the bottom
of all App screens, and contain both alarms and alerts
sequenced by time.
Clicking on an alert switches the main view to reflect a
relevant application or feature within App. Helps the user
be more proactive.
Alerts Panel
App Logo
Saved States
Saved States are snapshots of the application state that
enable users to quickly reconfigure App to a preferred
configuration.
Tear off components
Tear off components retain a parent-child relationship with
the main screen and do not display global navigational
elements.
Saved States
App Logo
Filter Panel
The filter panel exists in the top-right of App screens.
Settings chosen in the filter panel affect all applications and
features. Users can choose to lock specific features so they
are decoupled from the filter settings, making it easy to
compare different assets or data types.
Reflects the need for short learning curves and ease of use.
Filters behave in a consistent and predictable manner
across all of App, while enabling custom configurations for
detailed investigation as needed.
Filter Panel
App Logo
Demonstrating interaction model using task flows
Flow 1
Signing in & Configuring the Dashboard
Flow 2
Drilling Down into the Benchmarking Tool
Asset Manager
Tasks
Responsible for lifecycle costs,
has a need for total visibility. Seeks
availability, reliability, & performance.
Mantras:
Focus on Future Costs
See the Whole Picture
Make Long-Term Projections
Balance Cost vs. Risk
Flow 1
Signing in & Configuring the Dashboard
John the Asset Manager is
new to the App and is
logging in for the first time.
He locates the Log In button
on the external Login page.
1
2
Flow 1.0 – App Login (external)
Login Page
John enters his credentials
in the Single Sign On page.
John acknowledges the
legal agreement and
continues on to App.
Flow 1.2 – Legal Agreement
Because this is the first time
John has logged in, he is
presented with the First
Visit Welcome screen. He
scans the various call-outs
and decides to follow the
call to action to set up his
dashboard.
One challenge that users
currently face is applications that
require involved configuration
and steep learning curves before
users can derive value from
them. The first visit welcome
screen points out major
functionality and provides a call
to action, ensuring that new
users are able to quickly ramp up
and get immediate value out of
the box.
Flow 1.3 – First Visit Welcome Screen
App Logo
John enters the dashboard
configuration screen, and
browses through the
selection of dashboard
components. He sees a few
that seem interesting, and
adds them to his
dashboard. When he’s
finished adding
components, he clicks Done.
Because job titles do not define
roles, each user will come to the
App with unique needs that App
cannot come preconfigured to
address. Configuring the
dashboard as a first step quickly
surfaces the breadth of offerings,
making it more likely that users
will find App offerings which are
relevant to them.
Flow 1.4 – Configuring the Dashboard
App Logo
John returns to the
dashboard, which is
now populated with the
components he
selected.
The configurable dashboard
provides a familiar and
relevant landing page,
ensuring users see exactly
what they need upon entering.
Flow 1.5 – Configured Dashboard
App Logo
Flow 2
Drilling Down into the Benchmarking Tool
John the Asset Manager
begins his day by opening
the App and landing on the
Dashboard, which he has
configured to provide him
with an overview of key
fleet metrics.
Flow 2.0 – Viewing the Dashboard
App Logo
John is interested in
reviewing the latest
statistics about his fleets’
starts, so he decides to
launch the Starts Analysis
application.
John clicks on Operational
Excellence in the Global
Navigation to navigate to the
Starts Analysis application.
Flow 2.1 – Navigating to Starts Analysis Application
App LogoApp Logo
The initial view of the Starts
Analysis application
provides John with an
overview of key
benchmarks. John wants to
investigate his fleet’s
startup reliability in further
detail, so he clicks into the
visualization to drill down
to the Site Startup
Reliability feature.
Clicking on a visualization within
an application drills down into
the associated feature. The
visualization at the application
level is meant to provide more
detail than what’s provided at
the dashboard level, but still
present information for
consumption rather than
manipulation. To manipulate the
visualization, users must click
into the feature.
Flow 2.2 – View Starts Analysis Application
App Logo
John’s first view in the
Startup Reliability feature is
of the same visualization
plus additional controls
enabling him to manipulate
the data viewed to aid his
investigations.
When viewing a feature,
breadcrumbs at the top of the
screen provide navigation back
to the application layer. Global
navigation provides the means to
quickly navigate to other
applications. The panel on the
side of the visualization enables
John to tear off the component
into another window, pin the
component to the dashboard,
use the lock to control whether
the component is affected by
global filters, print, save, or mail
the data, and access help.
Flow 2.3 – View Startup Reliability Feature
App Logo
GE Confidential
Thank you.

Weitere ähnliche Inhalte

Was ist angesagt? (9)

CSE Final Year Project Presentation on Android Application
CSE Final Year Project Presentation on Android ApplicationCSE Final Year Project Presentation on Android Application
CSE Final Year Project Presentation on Android Application
 
Turn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technologyTurn your mobile app idea into reality using react native technology
Turn your mobile app idea into reality using react native technology
 
android layouts
android layoutsandroid layouts
android layouts
 
GUI & Modern UI Design
GUI & Modern UI DesignGUI & Modern UI Design
GUI & Modern UI Design
 
E framework overview
E framework overviewE framework overview
E framework overview
 
35602787 mobile-application-testing
35602787 mobile-application-testing35602787 mobile-application-testing
35602787 mobile-application-testing
 
Testing Checklist for Mobile Applications-By Anurag Khode
Testing Checklist for Mobile Applications-By Anurag KhodeTesting Checklist for Mobile Applications-By Anurag Khode
Testing Checklist for Mobile Applications-By Anurag Khode
 
Mobile app ux_principles
Mobile app ux_principlesMobile app ux_principles
Mobile app ux_principles
 
iOS Application Testing
iOS Application TestingiOS Application Testing
iOS Application Testing
 

Andere mochten auch

hak dan kewajiban warga negara
hak dan kewajiban warga negarahak dan kewajiban warga negara
hak dan kewajiban warga negara
Tri Endah Lestari
 
Rabie .mi.united arab emirats journy towards excellenc
Rabie .mi.united arab emirats journy towards excellencRabie .mi.united arab emirats journy towards excellenc
Rabie .mi.united arab emirats journy towards excellenc
rabiemis90
 
Dự Án Khu Do Thi Xuân Phương Viglacera
Dự Án Khu Do Thi Xuân Phương ViglaceraDự Án Khu Do Thi Xuân Phương Viglacera
Dự Án Khu Do Thi Xuân Phương Viglacera
Dự Án Viglacera Land
 

Andere mochten auch (20)

07.celik boru sartnamesi
07.celik boru sartnamesi07.celik boru sartnamesi
07.celik boru sartnamesi
 
Unmada ayurvedic formulations
Unmada ayurvedic formulationsUnmada ayurvedic formulations
Unmada ayurvedic formulations
 
.rabie
.rabie.rabie
.rabie
 
hak dan kewajiban warga negara
hak dan kewajiban warga negarahak dan kewajiban warga negara
hak dan kewajiban warga negara
 
Rabie .mi.united arab emirats journy towards excellenc
Rabie .mi.united arab emirats journy towards excellencRabie .mi.united arab emirats journy towards excellenc
Rabie .mi.united arab emirats journy towards excellenc
 
Avus airline
Avus airlineAvus airline
Avus airline
 
1
11
1
 
Powerpoint wk6
Powerpoint wk6Powerpoint wk6
Powerpoint wk6
 
Dự Án Khu Do Thi Xuân Phương Viglacera
Dự Án Khu Do Thi Xuân Phương ViglaceraDự Án Khu Do Thi Xuân Phương Viglacera
Dự Án Khu Do Thi Xuân Phương Viglacera
 
Power point
Power pointPower point
Power point
 
npp
nppnpp
npp
 
CIPS-SK-Annual-Report-201-15-Sept-2015
CIPS-SK-Annual-Report-201-15-Sept-2015CIPS-SK-Annual-Report-201-15-Sept-2015
CIPS-SK-Annual-Report-201-15-Sept-2015
 
Oke Pool Community
Oke Pool CommunityOke Pool Community
Oke Pool Community
 
Jose fede cjp071-00915 v
Jose fede cjp071-00915 vJose fede cjp071-00915 v
Jose fede cjp071-00915 v
 
hukum
hukumhukum
hukum
 
Parity
ParityParity
Parity
 
4
44
4
 
Valiant Design "Incognito"
Valiant Design "Incognito"Valiant Design "Incognito"
Valiant Design "Incognito"
 
Dkey sources
Dkey sourcesDkey sources
Dkey sources
 
Presentation2
Presentation2Presentation2
Presentation2
 

Ähnlich wie Plant performance monitor

Design submission template
Design submission templateDesign submission template
Design submission template
krudee
 
Application for Data Sync Between Different geo Locations
Application for Data Sync Between Different geo LocationsApplication for Data Sync Between Different geo Locations
Application for Data Sync Between Different geo Locations
Mike Taylor
 
App Testing Tools and Frameworks A Comparative Analysis.pdf
App Testing Tools and Frameworks A Comparative Analysis.pdfApp Testing Tools and Frameworks A Comparative Analysis.pdf
App Testing Tools and Frameworks A Comparative Analysis.pdf
lubnayasminsebl
 
Mobile Calendar Application - Tourism Development Company
Mobile Calendar Application - Tourism Development CompanyMobile Calendar Application - Tourism Development Company
Mobile Calendar Application - Tourism Development Company
Stacy-Ann Duhaney
 

Ähnlich wie Plant performance monitor (20)

Design submission template
Design submission templateDesign submission template
Design submission template
 
Design for charms & contracts
Design for charms & contractsDesign for charms & contracts
Design for charms & contracts
 
ORACLE FUSION FINANCIAL CLOUD FEATURES - CREATING IMPLEMENTATION USERS
ORACLE FUSION FINANCIAL CLOUD FEATURES - CREATING IMPLEMENTATION USERSORACLE FUSION FINANCIAL CLOUD FEATURES - CREATING IMPLEMENTATION USERS
ORACLE FUSION FINANCIAL CLOUD FEATURES - CREATING IMPLEMENTATION USERS
 
Mobile app ux_principles
Mobile app ux_principlesMobile app ux_principles
Mobile app ux_principles
 
Mobile App UX Principles: Improving User Experience and Optimising Conversion
Mobile App UX Principles: Improving User Experience and Optimising ConversionMobile App UX Principles: Improving User Experience and Optimising Conversion
Mobile App UX Principles: Improving User Experience and Optimising Conversion
 
Distimo monitor
Distimo monitorDistimo monitor
Distimo monitor
 
Application for Data Sync Between Different geo Locations
Application for Data Sync Between Different geo LocationsApplication for Data Sync Between Different geo Locations
Application for Data Sync Between Different geo Locations
 
Preview of guideline
Preview of guidelinePreview of guideline
Preview of guideline
 
Gps based search coupons on map view ios, android mobile application
Gps based search coupons on map view   ios, android mobile applicationGps based search coupons on map view   ios, android mobile application
Gps based search coupons on map view ios, android mobile application
 
Salesforce1 UX Overview for ISVs and Partners
Salesforce1 UX Overview for ISVs and PartnersSalesforce1 UX Overview for ISVs and Partners
Salesforce1 UX Overview for ISVs and Partners
 
m365_slides.pptx
m365_slides.pptxm365_slides.pptx
m365_slides.pptx
 
Bcsf13a019_mcqs_ead
Bcsf13a019_mcqs_eadBcsf13a019_mcqs_ead
Bcsf13a019_mcqs_ead
 
Free advertising platform for businesses with IOS & Android Apps development
Free advertising platform for businesses with IOS & Android Apps developmentFree advertising platform for businesses with IOS & Android Apps development
Free advertising platform for businesses with IOS & Android Apps development
 
Free advertising platform for businesses with IOS & Android Apps development
Free advertising platform for businesses with IOS & Android Apps developmentFree advertising platform for businesses with IOS & Android Apps development
Free advertising platform for businesses with IOS & Android Apps development
 
All You Must Know About Unit Testing Vs Functional Testing of Mobile Apps.pdf
All You Must Know About Unit Testing Vs Functional Testing of Mobile Apps.pdfAll You Must Know About Unit Testing Vs Functional Testing of Mobile Apps.pdf
All You Must Know About Unit Testing Vs Functional Testing of Mobile Apps.pdf
 
The complete guide to Mobile App Development Lifecycle 2023
The complete guide to Mobile App Development Lifecycle 2023The complete guide to Mobile App Development Lifecycle 2023
The complete guide to Mobile App Development Lifecycle 2023
 
Compose camp 4.pptx
Compose camp 4.pptxCompose camp 4.pptx
Compose camp 4.pptx
 
App Testing Tools and Frameworks A Comparative Analysis.pdf
App Testing Tools and Frameworks A Comparative Analysis.pdfApp Testing Tools and Frameworks A Comparative Analysis.pdf
App Testing Tools and Frameworks A Comparative Analysis.pdf
 
Mobile Calendar Application - Tourism Development Company
Mobile Calendar Application - Tourism Development CompanyMobile Calendar Application - Tourism Development Company
Mobile Calendar Application - Tourism Development Company
 
Building an app from scratch
Building an app from scratchBuilding an app from scratch
Building an app from scratch
 

Kürzlich hochgeladen

Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
ZurliaSoop
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
balqisyamutia
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
Isadora Agency
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
wpkuukw
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
nirzagarg
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
gajnagarg
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
eeanqy
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
eeanqy
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
eeanqy
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
drmarathore
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Nitya salvi
 

Kürzlich hochgeladen (20)

Gamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad IbrahimGamestore case study UI UX by Amgad Ibrahim
Gamestore case study UI UX by Amgad Ibrahim
 
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
Jual Obat Aborsi Bandung ( Asli No.1 ) 085657271886 Obat Penggugur Kandungan ...
 
Minimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptxMinimalist Orange Portfolio by Slidesgo.pptx
Minimalist Orange Portfolio by Slidesgo.pptx
 
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service AvailableCall Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
Call Girls Jalaun Just Call 8617370543 Top Class Call Girl Service Available
 
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
Mohanlalganj ! Call Girls in Lucknow - 450+ Call Girl Cash Payment 9548273370...
 
Design-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora AgencyDesign-System - FinTech - Isadora Agency
Design-System - FinTech - Isadora Agency
 
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
一比一定(购)卡尔顿大学毕业证(CU毕业证)成绩单学位证
 
The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024The hottest UI and UX Design Trends 2024
The hottest UI and UX Design Trends 2024
 
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Meerut [ 7014168258 ] Call Me For Genuine Models We...
 
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
Top profile Call Girls In Sonipat [ 7014168258 ] Call Me For Genuine Models W...
 
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEKLANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
LANDSCAPE ARCHITECTURE PORTFOLIO - MAREK MITACEK
 
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
Top profile Call Girls In Mysore [ 7014168258 ] Call Me For Genuine Models We...
 
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
Just Call Vip call girls Kasganj Escorts ☎️8617370543 Two shot with one girl ...
 
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
怎样办理伯明翰大学学院毕业证(Birmingham毕业证书)成绩单留信认证
 
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdfJordan_Amanda_DMBS202404_PB1_2024-04.pdf
Jordan_Amanda_DMBS202404_PB1_2024-04.pdf
 
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
怎样办理伦敦国王学院毕业证(KCL毕业证书)成绩单留信认证
 
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
怎样办理巴斯大学毕业证(Bath毕业证书)成绩单留信认证
 
TRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptxTRose UXPA Experience Design Concord .pptx
TRose UXPA Experience Design Concord .pptx
 
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
Abortion pills in Kuwait 🚚+966505195917 but home delivery available in Kuwait...
 
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
Call Girls In Ratnagiri Escorts ☎️8617370543 🔝 💃 Enjoy 24/7 Escort Service En...
 

Plant performance monitor

  • 1. Plant Performance Monitor  Goal  Define an interaction model that depicts the basic framework for how App will behave.  Define its high level information architecture.  Task illustrated  Working hypotheses for App design  App information architecture definition  Interaction model  Demonstrating cross section of the interaction model with task flows
  • 2. Working hypotheses for App design App adapts to users Job title does not define role, so let users configure their setup to meet their needs. Configuration, not customization App should be easy to set up, and provide limited but sufficient configuration options. Provide a continuous experience The system adapts to users, enabling them to pick up where they left off. Applications within the App suite acknowledge each other. Make the important obvious Highlight important information to help users prioritize information and aid decision-making.
  • 3. Information Architecture Definitions Module Grouping of applications related to a particular set of goals and needs. Included as primary navigation element for users. Application A self-contained toolset—grouped by particular user activities—that users access within a module and provides them with specific features and content. Feature Specific component within an application that allows users to fulfill a task or view desired content.
  • 6. Global Navigation Global navigation exists across all screens in App, enabling quick access to any application from anywhere in the suite. Rolling over a module reveals a drop-down containing all of the applications within the module. Reflects the need to nimbly respond to changes by enabling quick navigation to appropriate App features.
  • 8. Dashboard The Dashboard contains quick summaries of specific features and components selected by the user to provide a unique overview of App. Users add items to the Dashboard by pinning individual features within an application, or by choosing from a set of dashboard components. Reflects the need to see the whole picture from the user’s perspective.
  • 10. Alerts Panel The Alerts panel exists in a minimized state at the bottom of all App screens, and contain both alarms and alerts sequenced by time. Clicking on an alert switches the main view to reflect a relevant application or feature within App. Helps the user be more proactive.
  • 12. Saved States Saved States are snapshots of the application state that enable users to quickly reconfigure App to a preferred configuration. Tear off components Tear off components retain a parent-child relationship with the main screen and do not display global navigational elements.
  • 14. Filter Panel The filter panel exists in the top-right of App screens. Settings chosen in the filter panel affect all applications and features. Users can choose to lock specific features so they are decoupled from the filter settings, making it easy to compare different assets or data types. Reflects the need for short learning curves and ease of use. Filters behave in a consistent and predictable manner across all of App, while enabling custom configurations for detailed investigation as needed.
  • 17. Flow 1 Signing in & Configuring the Dashboard Flow 2 Drilling Down into the Benchmarking Tool Asset Manager Tasks Responsible for lifecycle costs, has a need for total visibility. Seeks availability, reliability, & performance. Mantras: Focus on Future Costs See the Whole Picture Make Long-Term Projections Balance Cost vs. Risk
  • 18. Flow 1 Signing in & Configuring the Dashboard
  • 19. John the Asset Manager is new to the App and is logging in for the first time. He locates the Log In button on the external Login page. 1 2 Flow 1.0 – App Login (external) Login Page John enters his credentials in the Single Sign On page.
  • 20. John acknowledges the legal agreement and continues on to App. Flow 1.2 – Legal Agreement
  • 21. Because this is the first time John has logged in, he is presented with the First Visit Welcome screen. He scans the various call-outs and decides to follow the call to action to set up his dashboard. One challenge that users currently face is applications that require involved configuration and steep learning curves before users can derive value from them. The first visit welcome screen points out major functionality and provides a call to action, ensuring that new users are able to quickly ramp up and get immediate value out of the box. Flow 1.3 – First Visit Welcome Screen App Logo
  • 22. John enters the dashboard configuration screen, and browses through the selection of dashboard components. He sees a few that seem interesting, and adds them to his dashboard. When he’s finished adding components, he clicks Done. Because job titles do not define roles, each user will come to the App with unique needs that App cannot come preconfigured to address. Configuring the dashboard as a first step quickly surfaces the breadth of offerings, making it more likely that users will find App offerings which are relevant to them. Flow 1.4 – Configuring the Dashboard App Logo
  • 23. John returns to the dashboard, which is now populated with the components he selected. The configurable dashboard provides a familiar and relevant landing page, ensuring users see exactly what they need upon entering. Flow 1.5 – Configured Dashboard App Logo
  • 24. Flow 2 Drilling Down into the Benchmarking Tool
  • 25. John the Asset Manager begins his day by opening the App and landing on the Dashboard, which he has configured to provide him with an overview of key fleet metrics. Flow 2.0 – Viewing the Dashboard App Logo
  • 26. John is interested in reviewing the latest statistics about his fleets’ starts, so he decides to launch the Starts Analysis application. John clicks on Operational Excellence in the Global Navigation to navigate to the Starts Analysis application. Flow 2.1 – Navigating to Starts Analysis Application App LogoApp Logo
  • 27. The initial view of the Starts Analysis application provides John with an overview of key benchmarks. John wants to investigate his fleet’s startup reliability in further detail, so he clicks into the visualization to drill down to the Site Startup Reliability feature. Clicking on a visualization within an application drills down into the associated feature. The visualization at the application level is meant to provide more detail than what’s provided at the dashboard level, but still present information for consumption rather than manipulation. To manipulate the visualization, users must click into the feature. Flow 2.2 – View Starts Analysis Application App Logo
  • 28. John’s first view in the Startup Reliability feature is of the same visualization plus additional controls enabling him to manipulate the data viewed to aid his investigations. When viewing a feature, breadcrumbs at the top of the screen provide navigation back to the application layer. Global navigation provides the means to quickly navigate to other applications. The panel on the side of the visualization enables John to tear off the component into another window, pin the component to the dashboard, use the lock to control whether the component is affected by global filters, print, save, or mail the data, and access help. Flow 2.3 – View Startup Reliability Feature App Logo