Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective...
Transcript of Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective...
![Page 1: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/1.jpg)
Amy Nguyen @amyngyn LISA17
UX Design and Education for Effective Monitoring Tools
![Page 2: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/2.jpg)
Amy Nguyen @amyngyn LISA17
Hi!
- I'm Amy!- Observability engineer!- Also on the plenary panel
tomorrow at 4pm!- amynguyen.net
@amyngyn
![Page 3: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/3.jpg)
Amy Nguyen @amyngyn LISA17
Agenda- Motivation
- Sharing what you know
- Designing what your users want
- Recap
![Page 4: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/4.jpg)
Amy Nguyen @amyngyn LISA17
- Motivation
- Sharing what you know
- Designing what your users want
- Recap
Agenda
![Page 5: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/5.jpg)
Amy Nguyen @amyngyn LISA17
UX and Your Situation
![Page 6: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/6.jpg)
Amy Nguyen @amyngyn LISA17
UX and Your Situation
team
![Page 7: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/7.jpg)
Amy Nguyen @amyngyn LISA17
UX and Your Situation
team
documentation
![Page 8: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/8.jpg)
Amy Nguyen @amyngyn LISA17
UX and Your Situation
team
documentation
tools
![Page 9: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/9.jpg)
Amy Nguyen @amyngyn LISA17
UX and Your Situation
team
documentation
tools
probably paying for vendors TBH?
![Page 10: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/10.jpg)
Amy Nguyen @amyngyn LISA17
UX and Your Situation
team
documentation
tools
probably paying for vendors TBH?
this talk
![Page 11: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/11.jpg)
Amy Nguyen @amyngyn LISA17
UX and Your Situation
team
documentation
tools
probably paying for vendors TBH?
this talk
things we can all control
![Page 12: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/12.jpg)
Amy Nguyen @amyngyn LISA17
Why should we care about user experience?
![Page 13: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/13.jpg)
Amy Nguyen @amyngyn LISA17
![Page 14: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/14.jpg)
Amy Nguyen @amyngyn LISA17
![Page 15: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/15.jpg)
Amy Nguyen @amyngyn LISA17
![Page 16: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/16.jpg)
Amy Nguyen @amyngyn LISA17
Why should we care about user experience?
![Page 17: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/17.jpg)
Amy Nguyen @amyngyn LISA17
Why should we care about user experience?
- Prevent misunderstandings: not everyone is (or should have to be) an expert at interpreting monitoring data
![Page 18: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/18.jpg)
Amy Nguyen @amyngyn LISA17
Why should we care about user experience?
- Prevent misunderstandings: not everyone is (or should have to be) an expert at interpreting monitoring data
- Developer velocity: help people reach conclusions faster, help your company move faster
![Page 19: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/19.jpg)
Amy Nguyen @amyngyn LISA17
Why should we care about user experience?
- Prevent misunderstandings: not everyone is (or should have to be) an expert at interpreting monitoring data
- Developer velocity: help people reach conclusions faster, help your company move faster
- Data democracy: you don't know what questions people want to answer with their own data
![Page 20: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/20.jpg)
Amy Nguyen @amyngyn LISA17
Why should we care about user experience?
- Prevent misunderstandings: not everyone is (or should have to be) an expert at interpreting timeseries data
- Developer velocity: help people reach conclusions faster, help your company move faster
- Data democracy: you don't know what questions people want to answer with their own data
![Page 21: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/21.jpg)
Amy Nguyen @amyngyn LISA17
Why should we care about user experience?
Because we can help engineers work correctly, quickly, and independently.
![Page 22: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/22.jpg)
Amy Nguyen @amyngyn LISA17
"The fastest way to become a 10x engineer is to help 10 other engineers do their jobs better.
- Wayne Gretzky"
- Michael Scott
![Page 23: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/23.jpg)
Amy Nguyen @amyngyn LISA17
- Motivation
- Sharing what you know
- Designing what your users want
- Recap
Agenda
![Page 24: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/24.jpg)
Amy Nguyen @amyngyn LISA17
Sharing what you know
![Page 25: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/25.jpg)
Amy Nguyen @amyngyn LISA17
Sharing what you know
1. Education vs intuition: Don't overload people with too much information.
![Page 26: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/26.jpg)
Amy Nguyen @amyngyn LISA17
stats.example.metric.errors > 5
![Page 27: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/27.jpg)
Amy Nguyen @amyngyn LISA17
![Page 28: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/28.jpg)
Amy Nguyen @amyngyn LISA17
![Page 29: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/29.jpg)
Amy Nguyen @amyngyn LISA17
Sharing what you know
1. Education vs intuition: Don't overload people with too much information.
2. Best practices: Use your expertise to determine the most helpful default behavior.
![Page 30: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/30.jpg)
Amy Nguyen @amyngyn LISA17
![Page 31: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/31.jpg)
Amy Nguyen @amyngyn LISA17
Sharing what you know
1. Education vs intuition: Don't overload people with too much information.
2. Best practices: Use your expertise to determine the most helpful default behavior.
3. Potential pitfalls: Make it hard to do the wrong thing.
![Page 32: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/32.jpg)
Amy Nguyen @amyngyn LISA17
![Page 33: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/33.jpg)
Amy Nguyen @amyngyn LISA17
It looks like you're trying to alert on the most recent data.
Are you sure you want to do that?
![Page 34: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/34.jpg)
Amy Nguyen @amyngyn LISA17
- Motivation
- Sharing what you know
- Designing what your users want
- Recap
Agenda
![Page 35: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/35.jpg)
Amy Nguyen @amyngyn LISA17
Designing what your users want
![Page 36: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/36.jpg)
Amy Nguyen @amyngyn LISA17
Designing what your users want
1. Performance: Do whatever it takes to make it fast.
![Page 37: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/37.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!
![Page 38: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/38.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
![Page 39: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/39.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
- Roll-up data over long time ranges
![Page 40: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/40.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
- Roll-up data over long time ranges- Store latest data in memory (e.g., Facebook's Gorilla paper and
Beringei project)
![Page 41: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/41.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
- Roll-up data over long time ranges- Store latest data in memory (e.g., Facebook's Gorilla paper and
Beringei project)- Add a cache layer (e.g., Turn's Splicer project)
![Page 42: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/42.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
- Roll-up data over long time ranges- Store latest data in memory (e.g., Facebook's Gorilla paper and
Beringei project)- Add a cache layer (e.g., Turn's Splicer project)
yeah sure get back to us in 6 months
![Page 43: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/43.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
- Roll-up data over long time ranges- Store latest data in memory (e.g., Facebook's Gorilla paper and
Beringei project)- Add a cache layer (e.g., Turn's Splicer project)
- Frontend
![Page 44: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/44.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
- Roll-up data over long time ranges- Store latest data in memory (e.g., Facebook's Gorilla paper and
Beringei project)- Add a cache layer (e.g., Turn's Splicer project)
- Frontend- Don't reload existing data if the user changes the time window
![Page 45: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/45.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
- Roll-up data over long time ranges- Store latest data in memory (e.g., Facebook's Gorilla paper and
Beringei project)- Add a cache layer (e.g., Turn's Splicer project)
- Frontend- Don't reload existing data if the user changes the time window- Prevent the user from requesting the data incessantly
![Page 46: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/46.jpg)
Amy Nguyen @amyngyn LISA17
Performance: Cool Ideas!- Backend
- Roll-up data over long time ranges- Store latest data in memory (e.g., Facebook's Gorilla paper and
Beringei project)- Add a cache layer (e.g., Turn's Splicer project)
- Frontend- Don't reload existing data if the user changes the time window- Prevent the user from requesting the data incessantly- Lazy-load graphs on a dashboard
![Page 47: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/47.jpg)
Amy Nguyen @amyngyn LISA17
Designing what your users want
1. Performance: Do whatever it takes to make it fast.
2. Exploration: Make it easy to try things without fear.
![Page 48: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/48.jpg)
Amy Nguyen @amyngyn LISA17
don't mess with this
![Page 49: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/49.jpg)
Amy Nguyen @amyngyn LISA17
don't mess with this
![Page 50: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/50.jpg)
Amy Nguyen @amyngyn LISA17
don't mess with this
or this
![Page 51: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/51.jpg)
Amy Nguyen @amyngyn LISA17
don't mess with this
don't change itor this
![Page 52: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/52.jpg)
Amy Nguyen @amyngyn LISA17
don't mess with this
don't change itor this
It doesn't deserve to be treated this wayit's just trying to help
![Page 53: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/53.jpg)
Amy Nguyen @amyngyn LISA17
Accessibility is for everyone
![Page 54: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/54.jpg)
Amy Nguyen @amyngyn LISA17
Accessibility is for everyone
- Color contrast
![Page 55: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/55.jpg)
Amy Nguyen @amyngyn LISA17
Accessibility is for everyone
- Color contrast
![Page 56: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/56.jpg)
Amy Nguyen @amyngyn LISA17
Accessibility is for everyone
- Color contrast
- Customizable color schemes
![Page 57: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/57.jpg)
Amy Nguyen @amyngyn LISA17
Accessibility is for everyone
- Color contrast
- Customizable color schemes
- Navigation bar that isn't entirely controlled by JavaScript
![Page 58: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/58.jpg)
Amy Nguyen @amyngyn LISA17
Accessibility is for everyone
- Color contrast
- Customizable color schemes
- Navigation bar that isn't entirely controlled by JavaScript
- Keyboard navigation
![Page 59: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/59.jpg)
Amy Nguyen @amyngyn LISA17
Accessibility is for everyone
- Color contrast
- Customizable color schemes
- Navigation bar that isn't entirely controlled by JavaScript
- Keyboard navigation
- Obvious focus on what needs attention
![Page 60: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/60.jpg)
Amy Nguyen @amyngyn LISA17
Exploration through previews
![Page 61: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/61.jpg)
Amy Nguyen @amyngyn LISA17
Exploration through previews: terraform plan
![Page 62: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/62.jpg)
Amy Nguyen @amyngyn LISA17
Exploration through previews: alert previews
![Page 63: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/63.jpg)
Amy Nguyen @amyngyn LISA17
Exploration recap
1. Don't break basic browser features.
2. Design for accessibility.
3. Make it easy to try things without making permanent changes.
![Page 64: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/64.jpg)
Amy Nguyen @amyngyn LISA17
Designing what your users want
1. Performance: Do whatever it takes to make it fast.
2. Exploration: Make it easy to try things without fear.
3. Simplicity: Make it easy to figure out what to do.
![Page 65: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/65.jpg)
Amy Nguyen @amyngyn LISA17
![Page 66: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/66.jpg)
Amy Nguyen @amyngyn LISA17
![Page 67: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/67.jpg)
Amy Nguyen @amyngyn LISA17
![Page 68: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/68.jpg)
Amy Nguyen @amyngyn LISA17
manually type in your metric if you know the name somehow
![Page 69: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/69.jpg)
Amy Nguyen @amyngyn LISA17
manually type in your metric if you know the name somehow
aggregator
![Page 70: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/70.jpg)
Amy Nguyen @amyngyn LISA17
manually type in your metric if you know the name somehow
aggregator hope you remember what tags are available for this metric lol
![Page 71: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/71.jpg)
Amy Nguyen @amyngyn LISA17
manually type in your metric if you know the name somehow
aggregator
secret bonus:you can downsample?!
hope you remember what tags are available for this metric lol
![Page 72: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/72.jpg)
Amy Nguyen @amyngyn LISA17
manually type in your metric if you know the name somehow
aggregator
secret bonus:you can downsample?!
hope you remember what tags are available for this metric lol
![Page 73: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/73.jpg)
Amy Nguyen @amyngyn LISA17
![Page 74: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/74.jpg)
Amy Nguyen @amyngyn LISA17
available options you probably don't need to touch
![Page 75: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/75.jpg)
Amy Nguyen @amyngyn LISA17
manual entry for power users
![Page 76: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/76.jpg)
Amy Nguyen @amyngyn LISA17
relevant information needed to create a query!
![Page 77: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/77.jpg)
Amy Nguyen @amyngyn LISA17
- Motivation
- Sharing what you know
- Designing what your users want
- Recap
Agenda
![Page 78: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/78.jpg)
Amy Nguyen @amyngyn LISA17
"The fastest way to become a 10x engineer is to help 10 other engineers do their jobs better.
- Wayne Gretzky"
- Michael Scott
![Page 79: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/79.jpg)
Amy Nguyen @amyngyn LISA17
UX and Your Situation
team
documentation
tools
probably paying for vendors TBH?
this talk
things we can all control
![Page 80: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/80.jpg)
Amy Nguyen @amyngyn LISA17
Sharing what you know
1. Education vs intuition: Don't overload people with too much information.
2. Best practices: Use your expertise to determine the most helpful default behavior.
3. Potential pitfalls: Make it hard to do the wrong thing.
![Page 81: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/81.jpg)
Amy Nguyen @amyngyn LISA17
Designing what your users want
1. Performance: Do whatever it takes to make it fast.
2. Exploration: Make it easy to try things without fear.
3. Simplicity: Make it easy to figure out what to do.
![Page 82: Effective Monitoring Tools UX Design and Education for · UX Design and Education for Effective Monitoring Tools. Amy Nguyen @amyngyn LISA17 Hi! - I'm Amy! - Observability engineer!](https://reader034.fdocuments.net/reader034/viewer/2022050102/5f40fa205ff11e1e4e52da0e/html5/thumbnails/82.jpg)
Amy Nguyen @amyngyn LISA17
Thanks!
(also check out the plenary panel! 4pm tomorrow!)