Client: Vodafone Business | Role: Lead Product Designer | Year: 2019 | Sector: B2B

Vodafone Business IoT Design Framework

Vodafone Business is the Business arm of Vodafone focusing on delivering telecommunication solutions to businesses. The IoT Design Framework was developed to create consistency and drive design principles within IoT (Internet of Things) workstreams.

IoT(Internet of Things) within Vodafone Business was the fastest growing workstream within the organisation, initially focused on getting products quickly to market. Mainly focused on satisfying business need rather than the needs of it users.  This led to multiple different products which lacked consistency and didn’t work well for its customers. Although Vodafone had Customer Experience guidelines there was a gap in between the guidelines, implementation and delivery. 

 

Users and Audience

The framework needed to cater for both designers and non designers. It needed to be practical and specific so that designers can easy implement without ambiguity. We aimed for it to play a part in every project and for the design principles to be something that every member uses.

 

Team and Role

The team consisted of myself as the Lead Product Designer, a UI designer who helped develop a design system and a UX designer.

Workshops, design audits and sketches

Workshops, design audits and sketches

Approach

We did various activities to understand the needs that were unique to IoT

 

Used existing products to test

We used existing products to understand the needs of the business and how a product is typically developed within Vodafone Business.

Speaking with users

We tested our ideas and hypothesis by testing and iterating with users.

Speaking with stakeholders

Had sessions and workshops with key stakeholders across the department to further understand the challenges unique to IoT

Looked at UX best practice from industry leaders

I researched other companies such as Atlassian, Google and Microsoft to understand how they use their frameworks and what designers need from a framework.

Gathering all of the insights we decided on a framework split into 3 parts: Design Principles, Accessibility Guidelines, and a Design System.

Adapting design patterns and components for the need of IoT

 
January 2019

January 2019

To develop the design system we used the existing Vodafone components and adapted it so they were more appropriate for use on a digital applications.  To make sure that our designs worked we tested it with users and iterated based on user feedback, we also had regular design forums with other designers across Vodafone to further refine our components and test our components in other contexts.

June 2019

June 2019

The above shows an example of how we iterated the assets to create an interface that works for large data sets and complex functions.

 

The Design Framework consists of 3 sections

 
DP.png

Design Principles

 As a design team we came up with 9 design principles that we work to and we felt were important to us. Its purpose is to be a tool that we design by and that we use when creating and assessing work.

AG.png

Accessibility Guidelines

There was a gap with the existing digital products in terms of accessibility, in order to bridge the gap and bring awareness of the importance of accessibility when creating digital products.  

ADS.png

Application Design System

The part that would be used to create interfaces, it has been delivered so that is flexible and easy to use on all platforms.

Design Principles

The core of the UX framework

  1. Know your users 

  2. Understand the need 

  3. Be data driven 

  4. Make it scalable 

  5. Be consistent 

  6. Personalise the experience 

  7. Embrace diversity 

  8. Understand the context 

  9. Be trustworthy 

Accessibility Guidelines

Gives you an understanding of how to cater to users with diverse needs

Covers the basics of accessibility and is designed to be easy to use, understand and applicable to the multiple platforms that are used within IoT Vodafone Business.

Chapters include:

  • Assistive technology

  • Structure

  • Text

  • Keyboard navigation

  • Images and video

  • Colours and contrast

IoT Application Design System

Guidelines on how to use our components when creating a digital product/application

  • Includes best practice and examples

  • A toolkit for designers and agencies to use is also included.

Outcome

 

The framework is now the basis for design across the whole of the department and used to help shape different products within IoT.