Sumário:
- Introdução à Scalefusion
- Por que o redesenho?
- Entendendo a plataforma
- Adaptando o Material Design à Web
- O redesenho
- Equipe envolvida
## Introdução à Scalefusion
Scalefusion é o principal produto da Promobi Tech, Pune. O lançamento deste produto aconteceu em dezembro de 2014. É um Bloqueio de quiosque Android software, que permite ao usuário controlar os aplicativos e sites exibidos em um telefone Android. O produto consiste em duas partes:
**1. Aplicativo Móvel – Android**
**2. Painel de administração baseado em nuvem**
Atualmente, Fusão de escamas está gerenciando mais de 18,000 dispositivos Android. O Dashboard consistia em 27 seções exclusivas.
## Por que o redesenho?
Reprojetar e refatorar um produto que já faz sucesso é uma decisão difícil para qualquer empresa tomar. Tive a sorte de ter uma equipe muito solidária que tomou uma decisão e decidiu seguir em frente e fazê-lo. Focar em uma boa UX e inovar continuamente com Design resultaria na criação de valor para clientes antigos e ajudaria novos usuários a se adaptarem ao sistema com facilidade.
## Entendendo a plataforma
A Promobi Tech nunca teve designers em tempo integral, então, quando entrei, não havia arquivos de design anteriores ou recursos para trabalhar. O entendimento da plataforma foi uma mistura de referência ao design ao vivo e orientação constante dos superiores da ProMobi Tech. Inicialmente iniciamos o processo realizando workshops para entender o escopo do redesenho, bem como montar uma estrutura para que pudéssemos trabalhar em sprints, para ter certeza de que estávamos sendo eficientes nas iterações e conduzindo o desenvolvimento no ao mesmo tempo em que o design estava acontecendo. Outro desafio que enfrentávamos era organizar o cluster de dados em partes mais compreensíveis, para melhorar a experiência de qualquer usuário.
## Adaptando o Material Design à Web
Depois de definir o escopo e o cronograma, passamos a identificar os principais pontos problemáticos que os usuários enfrentam ao usar o painel e, em seguida, começamos a decidir como o aspecto visual do painel mudaria. O Material Design do Google serviu de base para nós quando se tratou do redesenho.
## O redesenho
A reformulação ocorreu ao longo de 3 meses.
**Barra Lateral**
(imagem a ser adicionada aqui) Um dos primeiros aspectos do painel que redesenhamos foi a barra lateral. Na versão mais antiga do painel, a barra lateral apresentava 26 seções e, na versão mais recente, agrupamos itens relacionados e os adicionamos em um formato expandir-recolher, para facilitar a visualização, além de eliminar a necessidade de rolagem dentro a barra lateral.
**Tela de dispositivos**
A próxima seção abordada foi a tela dos dispositivos. Esta seção foi o ponto crucial do painel, pois deu aos usuários uma visão geral de todos os dispositivos que estavam executando o Scalefusion, estivessem eles bloqueados ou desbloqueados, e permitiu ao usuário acessar os detalhes de cada dispositivo. Esses detalhes incluiriam a marca aplicada ao dispositivo, uma visão geral rápida de todos os locais onde o dispositivo esteve e outras informações relevantes para o dispositivo.
Uma das mudanças mais importantes feitas nesta seção foi a barra de filtros. Anteriormente, o usuário só conseguia fazer a triagem visualizando os dispositivos bloqueados e desbloqueados. A barra de filtro permite ao usuário classificar os bloqueados e desbloqueados, bem como os grupos de dispositivos. Além disso, também foi adicionada paginação para tornar as buscas e visualizações mais rápidas e leves.
Ao clicar em um dispositivo individual e visualizar os detalhes, o usuário tem uma visualização atualizada onde pode visualizar todos os aplicativos desse dispositivo específico e fazer alterações, se necessário.
**Marca**
Personalização e customização são dois aspectos muito importantes do painel Scalefusion. A seção de branding foi totalmente reformulada para apresentar todas as informações essenciais relacionadas à marca, com até uma prévia da marca na primeira visualização.
Quando um usuário está criando uma nova marca, uma das principais atualizações de UX é a escolha das cores da marca. Demos ao usuário a opção de 12 cores para escolher, em vez de permitir que ele use um seletor de cores. A razão para isto é que agora eles podem escolher as cores rapidamente, sem ter que brincar com o seletor para obter a cor certa. Há também uma disposição onde o usuário pode inserir seu código de cor personalizado e aplicar essa cor específica à marca!
**Localizações**
A seção Locais foi um dos maiores desafios de UX enfrentados durante a reformulação deste painel. Toda a seção foi reestruturada do zero. Abaixo estão alguns dos principais recursos da nova seção Locais.
– Visualização em tela cheia: um usuário pode ter uma visão geral de todos os dispositivos que estão executando o Scalefusion com uma única olhada. Atualmente usamos Google Clusters para acomodar qualquer número de dispositivos, sem fazer com que pareça agrupado.
– Ao clicar em um dispositivo, o usuário pode visualizar uma pequena prévia de onde o dispositivo está e qual é o status do dispositivo.
– Caso o usuário queira ver mais detalhes, é mostrado um relatório detalhado, com uma linha do tempo de todos os locais onde o dispositivo esteve nos últimos dois meses. Isso pode ser salvo em um arquivo PDF ou CSV para fácil acesso.
**Loja Empresarial**
A Enterprise Store é um dos recursos mais exclusivos do Scalefusion. Resumindo, se o cliente não quiser adicionar o Aplicativo Mobile da sua Empresa ao Google Playstore e torná-lo público, ele poderá carregá-lo no Loja Empresarial Scalefusion e ter acesso totalmente seguro aos dispositivos em que está sendo publicado e atualizá-lo dentro do próprio Scalefusion.
– A Enterprise Store é dividida em Aplicativos do Sistema Scalefusion e aplicativos do Usuário. Scalefusion fornece vários aplicativos independentes, como gerenciador de Bluetooth e gerenciador de arquivos.
– Introduzimos um QuickView para os aplicativos. Assim que o usuário toca no ícone do aplicativo, uma barra lateral é puxada do lado direito, mostrando todas as informações relacionadas ao aplicativo e todas as ações que podem ser realizadas com o APK.
**Gerenciamento de conteúdo móvel**
Gerenciamento de Conteúdo é algo que está intrincado com as necessidades do cliente. Com esse recurso, o usuário pode fazer upload de arquivos e pastas e gerenciá-los no painel. Esses arquivos podem ser publicados em dispositivos em tempo real. Atualmente, o usuário pode fazer upload de documentos como PDFs e arquivos DOC, além de MP4s e MOVs.
**Cerca geográfica**
Uma cerca geográfica é uma barreira virtual. Programas que incorporam geo-esgrima permitir que um administrador configure gatilhos para que, quando um dispositivo entrar (ou sair) dos limites definidos pelo administrador, uma mensagem de texto ou alerta por e-mail seja enviada. O usuário pode definir essas áreas no painel e receber alertas quando o dispositivo entrar nessa área.
**Incidentes de segurança**
Incidentes de segurança é um dos maiores fatores quando se trata da estabilidade de um produto. Scalefusion permite ao usuário saber quando o telefone falhou no desbloqueio ou se houve uma tentativa de trocar o cartão SIM dentro do telefone.
## Equipe
**Equipe principal de design e UX**
Harishanker Kannan
Arnab Chakraborty
Abhishek Samantaray
Arjun Rajkishore
**Equipe de Desenvolvimento**
Arnab Chakraborty
Ravinder Rana
Kalpesh Fulpagare
Jalendra Bhanarkar
**QAs**
Harish Mhatre
Sheetal Rana