Factories of the Future
Media & Entertainment
Smart Cities
Smart Energy
Smart Ports
SME Opportunities
Societal Impacts
Technology Development
Telecoms Providers
5G Automotive
5G CAM Standardisation
5G Corridors
5G Multimodal Connectivity
5G Transport Network
Artificial Intelligence & Machine Learning
Artificial Intelligence & Machine Learning in big data
Artificial Intelligence & Machine Learning technologies
Big data
Big data algorithms
Big data analytics
Collaborative Classification and Models
Business Models, Process Improvement, Contract Management, KPIs and Benchmarking Indexes
Collaboration Risk and Value Sharing
Collaborative Planning and Synchromodality
Customs & Regulatory Compliance
Environmental Performance Management
Logistics Optimisation
Stock Optimisation
Supply Chain Corrective and Preventive Actions (CAPA)
Supply Chain Financing
Supply Chain Visibility
Common Information Objects
Customs Declarations
Transport Service Description
Transport Status
Computing and Processing
Big Data Management and Analytics
Knowledge Graphs
Machine Learning
Stream Processing
Connectivity Interfaces
Technologies (Bluetooth, Ethernet, Wifi)
Data Management, Simulation and Dashboards
Data Fusion
Data Governance, Integrity, Quality Management and Harmonization
Event Handling
Open Data
Statistics and Key Performance Indicators (KPIs)
Data market
Data ecosystem
Data marketplace
Data Platform
Data Providers
IoT Controllers
IoT Gateways
IoT Sensors
Tracking Sensors
Digitisation Frameworks
Control Towers
Data Pipelines
National Single Windows
Port Community Systems
Data Federation
Platform Federation
Industrial IoT Sectors
Rail Sector Active Predictive Maintenance
Data interoperability
Data interoperability mechanisms
Interoperability solutions
Platform interoperability
IoT Secuirty, Privacy and Safety Systems
PKI Technology
Data privacy preserving technologies
Privacy preserving technologies
Project Results
5G-SOLUTIONS Deliverables
5G-SOLUTIONS Publications
CHARIOT Capacity Building and Trainings
CHARIOT Deliverables
CHARIOT Publications
SELIS Deliverables
SELIS Publications and Press Releases
Project Results - 5g Routes
5G-ROUTES Deliverables
5G-ROUTES Innovation
5G-ROUTES Publications
Project Results - TRUSTS
TRUSTS Deliverable
TRUSTS Publications
Safety, Security and Privacy Systems
Access Management
Coordinated Border Management
Information Security
International Organisations
Risk Assessment and Management
Risk Management
Safety and Security Assessment
Source Code Analysis
Sectors and Stakeholders
Airports and Air Transport
Banks, investors and other funding providers
Custom Authorities
Facilities, Warehouses
Freight Forwarders
Inland Waterways
Multimodal Operators
Ports and Terminals
Road Transport
Smart Buildings
Trusties and other Intermediary Organizations
Urban and Countryside Logistics
Urban Logistics
Sectors and Stakeholders - TRUSTS
Audit & Law firms
Corporate offices
Financial Institutions
Secured Data
Secured Infrastructure
Secured Platform
Data sovereignty
Good Distribution Practices
International data standards
International Organization for Standardization (ISO)
World Customs Organization (WCO)
Supply Chain Management
Business Models, Process Improvement, Contract Management, KPIs and Benchmarking Indexes
Risk Management
Risk-Based Controls
Screening and tracking
Supervision Approach
Agile Deployment, Configuration Management
Business Applications
Business Integration Patterns, Publish-Subscribe
Cloud Technologies/Computing, Services Virtualisation
Community Node Platform and Application Monitoring
Connectivity Technologies (Interfaces and Block Chain)
Hybrid S/T Communication and Navigation Platforms
IoT (Sensors, platforms)
Physical Internet (PI)
Public key infrastructure (PKI)
Radio-frequency identification (RFID)


Creating User Journeys for Your IoT Dashboard
Shahrzad Darafsheh 22/02/2018 00:00:00

In my last article, I laid out the 4 steps to designing a valuable dashboard for any IoT project. In this post, I will be diving deeper into how to create user journeys and get started with designing a dashboard for an IoT solution.

For the next set of posts, we will be using the previous example use case that was discussed in the previous post, designing a mobile application for a smart fridge that includes a dashboard along with several other key pages.

In this week’s post, we will walk through the initial steps of a project, which include: researching, creating a priority list of features for our mobile app, and creating user personas/user journeys. Finally, we will be combining all of the information that we have collected to create a flowchart.


1. General Research

As I have mentioned before, the very first step to any project is research so that we can gain a better understanding of what the hardware’s capabilities are. Of course, if this were a real project, we would talk to the client and ask them to provide us a document that includes all of the information on their product, along with what capabilities they would want the software to contain. However, since this is not a real project, I went ahead and did some extra digging to help aid our work process.

Based on my research, smart fridges can have a range of capabilities including a variety of different temperature controls, status updates on temperatures and alerts, Wifi-connected cameras that allow the buyer to track their supplies, bar-code scanners to aid in the identification of expiration dates and product inventory, or an entertainment system with built in stereos that allows you to control your music, recipes, messages, groceries, etc.

A great example of a fridge with all of these capabilities and then some is the Samsung Smart Family Hub Fridge which was presented at the CES conference in 2016. For the purposes of this exercise, we will use this fridge as our inspiration.


2. Priority Features
Now that we have done the preliminary research, and taken a look at the competition out there, its time to list out the basic features we want to include in our app. In order to keep track of the most important features, we must first make a priorities list of each feature.

Camera image of fridge – With list of all supplies per compartment (inventory page)
Barcode Scanner
Alerts and Notifications
Settings Page – set thresholds for alerts and notification preferences
Dashboard of some analytics/data/important information
Media Control (this can be included with the next point)



3. The User Journey Through the App

We are finally ready to put our knowledge to the test and think through the user experience and the user journey. Let’s create a couple different user demographics to set the mood.

User 1: John Williams

35 Years Old
2 kids, 2 pets
John lives a very fast-paced life, enjoys spending time with his family, and primarily uses the mobile app to help speed up the grocery shopping experience. He loves having the ability to look at his supplies right on his phone as it saves him time and energy.

User 2: Kathy Scott

29 Years Old
1 dog
Kathy is an athletic, well educated, single woman who is very career oriented, and you would rarely find her relaxing at home. She loves to be in control and prefers having a smart fridge as it helps her keep track of her food when she’s not home.

Based on the information that we have right now, our user journey may go something like this:

User logs in (this would be a one time log in per device, unless the user decides to log out) —> User gets directed to the dashboard that presents analytics, fridge and freezer temps, weather, media control connected to a music app such as Spotify.

From the dashboard, the user can use the navigation menu to navigate to the Alerts, Settings, Fridge Inventory, Grocery List, or Log Out.

The Alerts page allows the user to see the food items that are running low, temperature warnings, as well as a description of the specific food that is running low or that is expiring based on the barcode.

As mentioned before, the settings page would allow the user to set the different temperature alert thresholds, along with notification preferences.

The fridge inventory page would include an interactive image of the inside of the fridge with the option to see different compartments. This page would also include a barcode scanner somewhere on the page that allows the buyer to scan items and add them to the grocery list or to the fridge inventory after they have been purchased.

Lastly, the grocery list will be a running list of all the products that need to be purchased, categorized by department. From this page, the user can choose to add items, delete items, or cross items off the list. If the user chooses to add a new item, they can just type the name of the item on the next line of the current running list.

In order to help speed up the process for the upcoming steps, the best option is to create a user flowchart that keeps track of everything you need to include in your wireframes, such as the one I have created below. 

So there you have it! You have officially learned the first step to creating a user friendly mobile application for your (or your client’s) next IoT project.

In the next post in this series, I will be walking through each step of creating wireframes for this project, so stay tuned!


Reference Link

Attached Documents

The “CHARIOT IoT Search Index” aims to provide a web location where publications, articles, and relevant documents can be centralized hosted in a well-structured and easily accessed way.


Contact Us
Enter Text
Contact our department