menu x

Redesigning Scalefusion

  • March 1, 2016

Table of Contents:

  1. Introduction to Scalefusion
  2. Why the redesign?
  3. Understanding the platform
  4. Adapting Material Design to Web
  5. The Redesign
  6. Team Involved

## Introduction to Scalefusion

Scalefusion is the flagship product of Promobi Tech, Pune. The inception of this product happened in December of 2014. It is an Android Kiosk Lockdown software, that allows a user to control the applications and websites that are displayed on an Android Phone. The product consists of two parts:

**1. Mobile Application – Android**
**2. Cloud Based Admin Dashboard**

Currently, Scalefusion is managing over 18,000 Android devices. The Dashboard consisted of 27 unique sections.

## Why The Redesign?

Redesigning and refactoring a product that is already successful, is a tough decision for any company to make. I was lucky enough to have a very supportive team who took a decision and decided to just go ahead and do it. Focusing on a good UX and continually innovating with Design, would result in creating value for old customers, and helping new users adapt to the system with ease.

## Understanding the platform

Promobi Tech never had any full-time designers, so when I got on board, there were no previous design files or assets to work with. Understanding the platform was a mixture of referring to the live design, and the constant guidance from the superiors at ProMobi Tech. We had initially started the process by conducting workshops to understand the scope of the redesign, as well as come up with a structure so that we could work on it in sprints, to make sure that we were being efficient in iterations and conducting development at the same time that design was going on. Another challenge that we were facing, was to organise the cluster of data into more understandable chunks, to make any user’s experience better.

## Adapting Material Design to Web

Once we had defined the scope and the timeline, we proceeded on to identifying key problem points that users face while using the dashboard, and then started to decide on how the visual aspect of the dashboard would change. Google’s Material Design served as a base for us when it came to the redesign.

## The Redesign

The redesign took place over the course of 3 months.

**Sidebar**

(image to be added here) One of the very first aspects of the dashboard that we redesigned, was the sidebar. In the older version of the dashboard, the sidebar showcased 26 sections, and in the newer version, we had grouped together related items and added them in an expand-collapse format, for easy viewing, and it additionally removed the need for a scroll within the sidebar.

**Devices Screen**

MobiLock-Dashboard

The next section that was tackled was the devices screen. This section was the crux of the dashboard, as it gave the users an overview of all the devices that were running Scalefusion, whether they were currently locked or unlocked, and allowed the user to access the details of each device. These details would include what branding was applied on the device, a quick overview of all the locations that the device has been to, and other relevant information to the device.

One of the most important changes made to this section, was the filter bar. Previously, the user could only sort through by viewing locked and unlocked devices. The filter bar allows the user to sort through the Locked and Unlocked, as well as Device Groups. Additionally, pagination was also added to make the searches and viewing quicker and lighter.

On clicking an individual device and viewing the details, the user has an updated view where they’re allowed to view all the apps on that particular device, and make changes if necessary.

**Branding**

Personalisation and customisation are two very important aspects of the Scalefusion dashboard. The branding section has been revamped completely to showcase all the essential information related to the brand, with even a preview of the brand on the first view.

When a user is creating a new brand, one of the main UX updates, is choosing colours for the brand. We’ve given the user an option of 12 colours to choose from, as opposed to letting them use a colour picker. The reason for this is that they can now choose colours quickly, without having to play around with the picker to get the right colour. There is also a provision where the user can enter their custom colour code, and get that particular colour applied to the brand!

**Locations**

MobiLock-Location

The Locations section was one of the biggest UX challenges faced during the revamp of this dashboard. The entire section was restructured from scratch. Below are some of the key features of the new Locations section.

– Full Screen View: A user can have an overview of all the devices that are running Scalefusion at a single glance. We currently use Google Clusters to accommodate any number of devices, without making it look clustered.

– On clicking a device, the user can view a small preview of where the device is, and what the status of the device is.

– If a user wants to view more details, a detailed report is shown, with a timeline of all the locations the device has been to in the past two months. This can be saved to a PDF or CSV file for easy access.

**Enterprise Store**

MobiLock-Enterprise

The Enterprise Store is one of the most unique features of Scalefusion. In a nutshell, if the customer doesn’t want to add his Company’s Mobile Application to the Google Playstore and make it public, he can upload it on the Scalefusion Enterprise Store and have complete secure access to which devices it is being published on, and update it within Scalefusion itself.

– The Enterprise Store is divided into Scalefusion System Applications, and the User’s applications. Scalefusion provides various standalone apps such as a Bluetooth Manager and File Manager.

– We’ve introduced a QuickView for the applications. Once the user taps on the icon for the application, a sidebar is pulled from the right side, showing all the information related to the application, and all the actions that can be performed with the APK.

**Mobile Content Management**

MobiLock CMS

Content Management is something that is intricate to the customer’s needs. With this feature, the user is able to upload files and folders, and manage them within the dashboard. These files can be published to devices in real-time. Currently, the user can upload documents such as PDFs and DOC files, as well as MP4s and MOVs.

**GeoFencing**

MobiLock-Geofancing

A geofence is a virtual barrier. Programs that incorporate geo-fencing allow an administrator to set up triggers so when a device enters (or exits) the boundaries defined by the administrator, a text message or email alert is sent. The user can define these areas within the dashboard, and receive alerts when the device enters that area.

**Security Incidents**

MobiLock-Secruity

Security Incidents is one of the biggest factors when it comes to the stability of a product. Scalefusion allows the user to know when the phone has a failed unlock, or whether there has been an attempt to change the SIM card inside the phone.

## Team

**Core Design & UX Team**

Harishanker Kannan
Arnab Chakraborty
Abhishek Samantaray
Arjun Rajkishore

**Dev Team**

Arnab Chakraborty
Ravinder Rana
Kalpesh Fulpagare
Jalendra Bhanarkar

**QAs**

Harish Mhatre
Sheetal Rana

About the Author

Mobile Device Management Reimagined for a Modern Workforce

Scalefusion is a powerful Mobile Device Management Solution that allows organizations to manage iOS, Android, Windows 10 & macOS devices, Apps, and Content from a Unified Device Management dashboard.
Immediate access. No credit card required.