CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed:...
Transcript of CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed:...
![Page 1: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/1.jpg)
Holly Hartmann, Ed O'Lenic, Damian Hammond, Sarah Marquardt, Michael Charles,
David Unger, Sundarajan Srinivasan - Climate Prediction Center -
- University of Arizona -
CLIMAS-CPC Collaborative Development of an
Interactive Web Tool for 3-Month Outlooks
36th Annual Climate Diagnostics Workshop, Ft. Worth, Texas, 3-5 October 2011
CTB
![Page 2: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/2.jpg)
Field-testing Forecast Formats: POE Most Problematic
![Page 3: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/3.jpg)
POE: Comprehensive, Complex, “Not meant for me”
![Page 4: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/4.jpg)
Simplified POE: More Approachable, Mostly Correctly
![Page 5: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/5.jpg)
NWS Climate Services Division
User-selected product formats
Simplified POE: Included in Local 3-Month Outlooks
Weather.gov/climate/l3mto.php
![Page 6: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/6.jpg)
Simplified POE: Pseudo-Interactive, Limited by Policy
![Page 7: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/7.jpg)
Develop & Transfer vs. Collaborative Development • Dynamic process initiation by users • Application software • Data and database issues • Security access for non-NWS collaborators • Collaborative process and software
CLIMAS-CPC Climate Test Bed: Interactive Products
![Page 8: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/8.jpg)
CLIMAS-CPC Climate Test Bed: Interactive Products
Collaborative Process • Project planning • Timeline and scope • Project Wiki • Issue and task tracking • Version control for code • High level design • Code reviews
Develop & Transfer vs. Collaborative Development • Dynamic process initiation by users • Application software • Data and database issues • Security access for non-NWS collaborators • Collaborative process and software
![Page 9: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/9.jpg)
Mockup Design Based on Prior Feedback
![Page 10: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/10.jpg)
Initial Implementation
![Page 11: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/11.jpg)
Usability Assessment
Usability Assessment Process • NOT focus groups, NOT satisfaction surveys • Qualitative testing of 5-7 people • 1-on-1 meetings, ~ 1 hour • Script: Accomplish typical tasks. • Response: Track activity. Follow mouse! • “Speak Aloud Protocol” Design Insights • Individual design preferences not reliable • Design Principles: Quick-scan text, avoid long scrolls
![Page 12: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/12.jpg)
Design Adjustment
1
2
3
4
5
6
![Page 13: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/13.jpg)
1
6
![Page 14: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/14.jpg)
1
6
![Page 15: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/15.jpg)
1
6
![Page 16: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/16.jpg)
1
2
3
4
5
6
![Page 17: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/17.jpg)
1
2
3
4
5
6
![Page 18: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/18.jpg)
1
2
3
4
5
6
![Page 19: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/19.jpg)
1
2
3
4
5
6
![Page 20: CLIMAS-CPC Collaborative Development of an Interactive Web ... · CLIMAS-CPC Climate Test Bed: Interactive Products Collaborative Process • Project planning • Timeline and scope](https://reader036.fdocuments.in/reader036/viewer/2022063006/5fb6b75f2ecccc54262ff826/html5/thumbnails/20.jpg)
Dynamic POE Web Tool: High-Level
Design
Version 0.1 www.ua-‐alic.com /DynamicPOE