MeterSYS
Gathering Requirements from Stakeholders
Objective
Design an interface based on the parameters of clients’ business goals of tapping into the consumer market with an appealing user interface.
Team
Me, Steve Banfi Deb Lalush, John Cole
My Toolkit:
- Figma
- After Effects
- Stakeholder interviews
- User Interviews
- Design Studio workshops
Problem Statement
How might we visually implement Mobile data measurements into Metersys’ app to enhance their user experience while making data accessible to various users?
About MeterSys
“MeterSYS provides project feasibility and financial analysis, AMI procurement including specification development and solutions evaluation, and AMI and smart city implementation project management for utility clients of all sizes. We also specialize in third-party AMI network and system management through our advanced metering Design, Build, Finance, Operate, and Maintain (DBFOM) Metering as a Service Program.” In other words, MeterSys provides public utilities and municipalities with smart metering focusing on Water, Sewer, air quality, and parking. MeterSys “Serve as a resource and advocate for utilities and help our clients improve operations, enhance revenues, and provide greater service for their customers.”
Gathering requirements through multiple stakeholder interviews to learn a new complex system and bring concept validation to light
Understanding the problem through client discovery phase
Utilizing the lean methodology practices, we discovered the stakeholders' goals for their business and what kind of outcomes they expected for their customers. We were essentially helping them ideate a new product, so using tried and true methods through design thinking was crucial.
Some of the information I wanted to gather anecdotally included:
- When you imagine what this product will look like, what sort of interfaces or software do you imagine it will look like?
- What sort of data are you interested in visualizing, and for what purpose?
- Why would your customers choose to use your product?
User Interviews and design studio workshop
User interviews
While we did not have the time or budget to speak to users to get insights about what they would value in an app like this, I knew I could conduct some quick interviews with people I knew fit the market demographic. I tapped my network and decided to speak to
- A warehouse owner
- A Chemical engineer from the Department of Environmental protection Agency
- An operations manager
With the insights from these folks, I was able to discover a few crucial insights to consider when designing the app.
“Cost matters. Why invest in an automated system that I have been manually doing for years? “
“Find essential information and make that the most accessible first. Some measurements are life-threatening. “
“I need to get key insights to report to my people as soon as possible. Notifications would be beneficial and should be a key feature that I can customize”
Building out the Information Architecture with requirements and user stories.
Information Architecture
During the discovery period, I gathered all of the specific features and documented them in the requirements doc. We skipped past user stories and various ux design processes to ideate for the client's short timeframe quickly.
MeterSYS
Wireframes
Information Architecture
This project aimed to find a way to make the MeterSYS app has a more consumer-facing appeal. That meant following the process I use for every design I make.
Where wireframe ideas come from
- Utilize the 10 Usability Heuristic best practices.
- Utilize design principles such as hierarchy and contrast.
- Start with a design system, sketches, or the quickest way to get ideas out.
- Sometimes I use Miro, but I often find Figma is a more robust tool for making wireframes.
Information Architecture
During the discovery period, I gathered all of the specific features and documented them in the requirements doc. We skipped past user stories and various ux design processes to ideate for the client's short timeframe quickly.
MeterSYS
Wireframes
Information Architecture
This project aimed to find a way to make the MeterSYS app has a more consumer-facing appeal. That meant following the process I use for every design I make.
Where wireframe ideas come from
- Utilize the 10 Usability Heuristic best practices.
- Utilize design principles such as hierarchy and contrast.
- Start with a design system, sketches, or the quickest way to get ideas out.
- Sometimes I use Miro, but I often find Figma is a more robust tool for making wireframes.
Final Designs and Next Steps:
This engagement was only a month long. If I were to continue to work on this project, I would do the following:
- Conduct usability testing
- Enhance Visual Design
- Test Hardware
MeterSYS
Gathering Requirements from Stakeholders
Objective
Design an interface based on the parameters of clients’ business goals of tapping into the consumer market with an appealing user interface.
Team
Me, Steve Banfi Deb Lalush, John Cole
My Toolkit:
- Figma
- After Effects
- Stakeholder interviews
- User Interviews
- Design Studio workshops
Problem Statement
How might we visually implement Mobile data measurements into Metersys’ app to enhance their user experience while making data accessible to various users?
About MeterSys
“MeterSYS provides project feasibility and financial analysis, AMI procurement including specification development and solutions evaluation, and AMI and smart city implementation project management for utility clients of all sizes. We also specialize in third-party AMI network and system management through our advanced metering Design, Build, Finance, Operate, and Maintain (DBFOM) Metering as a Service Program.” In other words, MeterSys provides public utilities and municipalities with smart metering focusing on Water, Sewer, air quality, and parking. MeterSys “Serve as a resource and advocate for utilities and help our clients improve operations, enhance revenues, and provide greater service for their customers.”
Gathering requirements through multiple stakeholder interviews to learn a new complex system and bring concept validation to light
Understanding the problem through client discovery phase
Utilizing the lean methodology practices, we discovered the stakeholders' goals for their business and what kind of outcomes they expected for their customers. We were essentially helping them ideate a new product, so using tried and true methods through design thinking was crucial.
Some of the information I wanted to gather anecdotally included:
- When you imagine what this product will look like, what sort of interfaces or software do you imagine it will look like?
- What sort of data are you interested in visualizing, and for what purpose?
- Why would your customers choose to use your product?
User Interviews and design studio workshop
User interviews
While we did not have the time or budget to speak to users to get insights about what they would value in an app like this, I knew I could conduct some quick interviews with people I knew fit the market demographic. I tapped my network and decided to speak to
- A warehouse owner
- A Chemical engineer from the Department of Environmental protection Agency
- An operations manager
With the insights from these folks, I was able to discover a few crucial insights to consider when designing the app.
“Cost matters. Why invest in an automated system that I have been manually doing for years? “
“Find essential information and make that the most accessible first. Some measurements are life-threatening. “
“I need to get key insights to report to my people as soon as possible. Notifications would be beneficial and should be a key feature that I can customize”
Building out the Information Architecture with requirements and user stories.
Information Architecture
During the discovery period, I gathered all of the specific features and documented them in the requirements doc. We skipped past user stories and various ux design processes to ideate for the client's short timeframe quickly.
MeterSYS
Wireframes
Information Architecture
This project aimed to find a way to make the MeterSYS app has a more consumer-facing appeal. That meant following the process I use for every design I make.
Where wireframe ideas come from
- Utilize the 10 Usability Heuristic best practices.
- Utilize design principles such as hierarchy and contrast.
- Start with a design system, sketches, or the quickest way to get ideas out.
- Sometimes I use Miro, but I often find Figma is a more robust tool for making wireframes.
Information Architecture
During the discovery period, I gathered all of the specific features and documented them in the requirements doc. We skipped past user stories and various ux design processes to ideate for the client's short timeframe quickly.
MeterSYS
Wireframes
Information Architecture
This project aimed to find a way to make the MeterSYS app has a more consumer-facing appeal. That meant following the process I use for every design I make.
Where wireframe ideas come from
- Utilize the 10 Usability Heuristic best practices.
- Utilize design principles such as hierarchy and contrast.
- Start with a design system, sketches, or the quickest way to get ideas out.
- Sometimes I use Miro, but I often find Figma is a more robust tool for making wireframes.
Final Designs and Next Steps:
This engagement was only a month long. If I were to continue to work on this project, I would do the following:
- Conduct usability testing
- Enhance Visual Design
- Test Hardware
MeterSYS
Gathering Requirements from Stakeholders
Objective
Design an interface based on the parameters of clients’ business goals of tapping into the consumer market with an appealing user interface.
Team
Me, Steve Banfi Deb Lalush, John Cole
My Toolkit:
- Figma
- After Effects
- Stakeholder interviews
- User Interviews
- Design Studio workshops
Problem Statement
How might we visually implement Mobile data measurements into Metersys’ app to enhance their user experience while making data accessible to various users?
About MeterSys
“MeterSYS provides project feasibility and financial analysis, AMI procurement including specification development and solutions evaluation, and AMI and smart city implementation project management for utility clients of all sizes. We also specialize in third-party AMI network and system management through our advanced metering Design, Build, Finance, Operate, and Maintain (DBFOM) Metering as a Service Program.” In other words, MeterSys provides public utilities and municipalities with smart metering focusing on Water, Sewer, air quality, and parking. MeterSys “Serve as a resource and advocate for utilities and help our clients improve operations, enhance revenues, and provide greater service for their customers.”
Gathering requirements through multiple stakeholder interviews to learn a new complex system and bring concept validation to light
Understanding the problem through client discovery phase
Utilizing the lean methodology practices, we discovered the stakeholders' goals for their business and what kind of outcomes they expected for their customers. We were essentially helping them ideate a new product, so using tried and true methods through design thinking was crucial.
Some of the information I wanted to gather anecdotally included:
- When you imagine what this product will look like, what sort of interfaces or software do you imagine it will look like?
- What sort of data are you interested in visualizing, and for what purpose?
- Why would your customers choose to use your product?
User Interviews and design studio workshop
User interviews
While we did not have the time or budget to speak to users to get insights about what they would value in an app like this, I knew I could conduct some quick interviews with people I knew fit the market demographic. I tapped my network and decided to speak to
- A warehouse owner
- A Chemical engineer from the Department of Environmental protection Agency
- An operations manager
With the insights from these folks, I was able to discover a few crucial insights to consider when designing the app.
“Cost matters. Why invest in an automated system that I have been manually doing for years? “
“Find essential information and make that the most accessible first. Some measurements are life-threatening. “
“I need to get key insights to report to my people as soon as possible. Notifications would be beneficial and should be a key feature that I can customize”
Building out the Information Architecture with requirements and user stories.
Information Architecture
During the discovery period, I gathered all of the specific features and documented them in the requirements doc. We skipped past user stories and various ux design processes to ideate for the client's short timeframe quickly.
MeterSYS
Wireframes
Information Architecture
This project aimed to find a way to make the MeterSYS app has a more consumer-facing appeal. That meant following the process I use for every design I make.
Where wireframe ideas come from
- Utilize the 10 Usability Heuristic best practices.
- Utilize design principles such as hierarchy and contrast.
- Start with a design system, sketches, or the quickest way to get ideas out.
- Sometimes I use Miro, but I often find Figma is a more robust tool for making wireframes.
Information Architecture
During the discovery period, I gathered all of the specific features and documented them in the requirements doc. We skipped past user stories and various ux design processes to ideate for the client's short timeframe quickly.
MeterSYS
Wireframes
Information Architecture
This project aimed to find a way to make the MeterSYS app has a more consumer-facing appeal. That meant following the process I use for every design I make.
Where wireframe ideas come from
- Utilize the 10 Usability Heuristic best practices.
- Utilize design principles such as hierarchy and contrast.
- Start with a design system, sketches, or the quickest way to get ideas out.
- Sometimes I use Miro, but I often find Figma is a more robust tool for making wireframes.
Final Designs and Next Steps:
This engagement was only a month long. If I were to continue to work on this project, I would do the following:
- Conduct usability testing
- Enhance Visual Design
- Test Hardware