Dal quartier generaleRiprogettare Scalefusion: un'anteprima!

Riprogettare Scalefusion: un'anteprima!

Sommario:

  1. Introduzione a Scalefusion
  2. Perché la riprogettazione?
  3. Comprendere la piattaforma
  4. Adattare il Material Design al Web
  5. La riprogettazione
  6. Squadra coinvolta

## Introduzione a Scalefusion

Scalefusion è il prodotto di punta di PromobiTech, Pune. L'inizio di questo prodotto è avvenuto nel dicembre del 2014. Si tratta di un software Android Kiosk Lockdown che consente agli utenti di implementare Modalità tutto schermo Android, consentendo il controllo sulle applicazioni e sui siti Web visualizzati su un telefono Android. Il prodotto è composto da due parti:

**1. Applicazione mobile – Android**
**2. Dashboard di amministrazione basato su cloud**

Attualmente, Scalefusion gestisce oltre 18,000 dispositivi Android. La dashboard era composta da 27 sezioni uniche.

## Perché la riprogettazione?

Riprogettare e rifattorizzare un prodotto che ha già successo è una decisione difficile da prendere per qualsiasi azienda. Ho avuto la fortuna di avere un team di grande supporto che ha preso una decisione e ha deciso di andare avanti e farlo. Concentrarsi su una buona UX e innovare continuamente con il design si tradurrebbe nella creazione di valore per i vecchi clienti e nell'aiutare i nuovi utenti ad adattarsi facilmente al sistema.

## Comprendere la piattaforma

Promobi Tech non ha mai avuto designer a tempo pieno, quindi quando sono salito a bordo non c'erano file di progettazione o risorse precedenti con cui lavorare. Comprendere la piattaforma è stato un misto di riferimento alla progettazione dal vivo e alla guida costante dei superiori di ProMobi Tech. Inizialmente avevamo avviato il processo conducendo workshop per comprendere la portata della riprogettazione, oltre a elaborare una struttura in modo da poter lavorare su di essa negli sprint, per assicurarci di essere efficienti nelle iterazioni e di condurre lo sviluppo a livello nello stesso momento in cui era in corso la progettazione. Un'altra sfida che stavamo affrontando era organizzare il cluster di dati in blocchi più comprensibili, per rendere migliore l'esperienza di ogni utente.

## Adattare il Material Design al Web

Una volta definito l'ambito e la tempistica, abbiamo proceduto all'identificazione dei punti problematici chiave che gli utenti devono affrontare durante l'utilizzo della dashboard, quindi abbiamo iniziato a decidere come sarebbe cambiato l'aspetto visivo della dashboard. Il Material Design di Google ci è servito come base per la riprogettazione.

## La riprogettazione

La riprogettazione è avvenuta nel corso di 3 mesi.

**Barra laterale**

(immagine da aggiungere qui) Uno dei primissimi aspetti della dashboard che abbiamo ridisegnato è stata la barra laterale. Nella versione precedente del dashboard, la barra laterale mostrava 26 sezioni e nella versione più recente avevamo raggruppato elementi correlati e aggiunti in un formato espandi-comprimi, per una facile visualizzazione, inoltre eliminava la necessità di scorrere all'interno la barra laterale.

**Schermata Dispositivi**

MobiLock-Dashboard

La sezione successiva che è stata affrontata è stata lo schermo dei dispositivi. Questa sezione era il punto cruciale della dashboard, poiché forniva agli utenti una panoramica di tutti i dispositivi su cui era in esecuzione Scalefusion, indipendentemente dal fatto che fossero attualmente bloccati o sbloccati, e consentiva all'utente di accedere ai dettagli di ciascun dispositivo. Questi dettagli includono il marchio applicato sul dispositivo, una rapida panoramica di tutte le posizioni in cui è stato il dispositivo e altre informazioni rilevanti sul dispositivo.

Una delle modifiche più importanti apportate a questa sezione è stata la barra dei filtri. In precedenza, l'utente poteva ordinare solo visualizzando i dispositivi bloccati e sbloccati. La barra dei filtri consente all'utente di ordinare i gruppi Bloccati e Sbloccati, nonché i Gruppi dispositivi. Inoltre è stata aggiunta anche l'impaginazione per rendere le ricerche e la visualizzazione più veloci e leggere.

Facendo clic su un singolo dispositivo e visualizzandone i dettagli, l'utente ha una vista aggiornata in cui può visualizzare tutte le app su quel particolare dispositivo e apportare modifiche se necessario.

**Marchio**

Personalizzazione e personalizzazione sono due aspetti molto importanti della dashboard Scalefusion. La sezione branding è stata completamente rinnovata per mostrare tutte le informazioni essenziali relative al marchio, con anche un'anteprima del marchio a prima vista.

Quando un utente crea un nuovo marchio, uno dei principali aggiornamenti UX è la scelta dei colori per il marchio. Abbiamo dato all'utente la possibilità di scegliere tra 12 colori, invece di consentirgli di utilizzare un selettore di colori. La ragione di ciò è che ora possono scegliere i colori rapidamente, senza dover giocare con il selettore per ottenere il colore giusto. C'è anche una disposizione in cui l'utente può inserire il proprio codice colore personalizzato e ottenere quel particolare colore applicato al marchio!

**Località**

Posizione MobiLock

La sezione Posizioni è stata una delle maggiori sfide UX affrontate durante il rinnovamento di questa dashboard. L'intera sezione è stata ristrutturata ex novo. Di seguito sono riportate alcune delle caratteristiche principali della nuova sezione Posizioni.

– Visualizzazione a schermo intero: un utente può avere una panoramica di tutti i dispositivi che eseguono Scalefusion in un solo colpo d'occhio. Attualmente utilizziamo Google Clusters per ospitare un numero qualsiasi di dispositivi, senza farli sembrare raggruppati.

– Facendo clic su un dispositivo, l'utente può visualizzare una piccola anteprima di dove si trova il dispositivo e qual è il suo stato.

– Se un utente desidera visualizzare maggiori dettagli, viene mostrato un rapporto dettagliato, con una sequenza temporale di tutte le posizioni in cui è stato il dispositivo negli ultimi due mesi. Questo può essere salvato in un file PDF o CSV per un facile accesso.

**Negozio aziendale**

MobiLock-Enterprise

L'Enterprise Store è una delle funzionalità più esclusive di Scalefusion. In poche parole, se il cliente non vuole aggiungere l'Applicazione Mobile della sua Azienda al Google Playstore e renderla pubblica, può caricarla sul Negozio Scalefusion Enterprise e avere accesso completamente sicuro ai dispositivi su cui viene pubblicato e aggiornarlo all'interno di Scalefusion stesso.

– L'Enterprise Store è suddiviso in Applicazioni del sistema Scalefusion e Applicazioni dell'utente. Scalefusion fornisce varie app autonome come Bluetooth Manager e File Manager.

– Abbiamo introdotto una QuickView per le applicazioni. Una volta che l'utente tocca l'icona dell'applicazione, dal lato destro viene visualizzata una barra laterale che mostra tutte le informazioni relative all'applicazione e tutte le azioni che possono essere eseguite con l'APK.

**Gestione dei contenuti mobili**

MobiLockCMS

Content Management è qualcosa che è intricato per le esigenze del cliente. Con questa funzionalità, l'utente può caricare file e cartelle e gestirli all'interno della dashboard. Questi file possono essere pubblicati sui dispositivi in ​​tempo reale. Attualmente, l'utente può caricare documenti come PDF e file DOC, nonché MP4 e MOV.

**Geofencing**

MobiLock-Geofancing

Un geofence è una barriera virtuale. Programmi che incorporano geo-recinzione consentire a un amministratore di impostare dei trigger in modo che quando un dispositivo entra (o esce) dai limiti definiti dall'amministratore, un testo del messaggio o viene inviato un avviso e-mail. L'utente può definire queste aree all'interno della dashboard e ricevere avvisi quando il dispositivo entra in quell'area.

**Incidenti di sicurezza**

MobiLock-Sicurezza

Incidenti di sicurezza è uno dei fattori più importanti quando si tratta della stabilità di un prodotto. Scalefusion consente all'utente di sapere quando il telefono non è riuscito a sbloccarsi o se c'è stato un tentativo di cambiare la scheda SIM all'interno del telefono.

## Squadra

**Team principale di progettazione e UX**

Harishanker Kannan
Arnab Chakraborti
Abhishek Samantaray
Arjun Rajkishore

**Team di sviluppo**

Arnab Chakraborti
Ravinder Rana
Kalpesh Fulpagare
Jalendra Bhanarkar

**QA**

Harish Mhatre
Rana fogliosa

Altro dal blog

2024: un anno di innovazioni e di spinta verso The Next...

Per Scalefusion, il 2024 è stato un anno di enorme evoluzione. Abbiamo segnato traguardi significativi che non solo hanno definito il nostro percorso...

2023: un anno in cui raggiungere nuove vette

Mentre salutiamo il 2023 e diamo il benvenuto al 2024, ecco uno sguardo a come sono andate le cose in Scalefusion. Ecco...

Scalefusion diventa Silver Partner di Android Enterprise...

La grandezza di una vittoria si moltiplica quando si festeggia insieme! Siamo entusiasti di annunciare che Scalefusion si è unita al team Android...