Interface para serviços em nuvem no segmento B2B: entre beleza e utilitarismo

Em 2017, já com muitos anos de experiência no desenvolvimento de sistemas de informações para negócios, a Forward Telecom lançou a primeira solução em nuvem para automatizar o relacionamento com parceiros - PRMSaaS. O sistema é baseado em produtos da empresa existentes. No entanto, a mudança no público-alvo e a maneira de acessar o sistema nos fez pensar novamente sobre o que a cabeça dos usuários finais machucaria ao interagir com sua interface. Explicamos quais requisitos formulamos para o software corporativo na nuvem e como alcançamos a conformidade com eles.

Quem são nossos novos usuários


Desenvolvemos, implementamos e oferecemos suporte a sistemas de informações de negócios há mais de 10 anos: sistemas de cobrança, PRM, CRM, BPM e muito mais. Todas essas soluções não são de forma alguma "in a box". Para implementar o sistema, é necessário estudar a infraestrutura de TI do cliente e integrar seu produto a ele. Às vezes, isso implica a montagem de um minicentro de dados nas instalações do cliente. Além de treinamento de funcionários. Naturalmente, esses sistemas não podem ser baratos, e nossos clientes sempre foram na maioria grandes ou bem-sucedidas empresas de médio porte. Decidimos lançar um sistema PRM baseado em nuvem para um novo segmento de clientes em potencial: SMB - pequenas e médias empresas.

Essas empresas geralmente sofrem com a imperfeição de soluções de TI prontas e a baixa qualidade de seu suporte técnico. Queríamos fornecer a eles um produto simples (em comparação com os sistemas que adaptamos aos requisitos de um negócio em particular), mas um produto confiável que seria acessível a eles. Portanto, foi tomada a decisão de implementar o modelo SaaS, quando o software em si está localizado em nosso Data Center, o provedor de serviços SaaS fornece serviços, nós, como fornecedor, estamos envolvidos em seu desenvolvimento e atualização e fornecemos aos clientes acesso por meio de uma interface da Web.

Funcionalidade em primeiro lugar


Para aqueles que pelo menos uma vez lidaram com software que fornece processos de negócios complexos com o fornecimento de grandes quantidades de informações, não é segredo que sua interface não é um campo para experimentos de design. Obviamente, a tecnologia não pára, a resolução dos monitores está aumentando, mesmo em laptops baratos a função “touch screen” aparece e designers e desenvolvedores são tentados a acompanhar as tendências. Ninguém quer parecer um dinossauro aos olhos dos usuários, evocando memórias nostálgicas do 95º “Windows” com a interface do seu produto. No entanto, qualquer alteração, mesmo puramente decorativa, do software comercial deve ser feita com muito cuidado. O sucesso dos produtos de automação depende de como eles simplificam o trabalho com uma grande quantidade de informações e aceleram as operações de rotina. Mesmo alterar o esquema de cores ou o design dos ícones pode causar desorientação do usuário e custar-lhe segundos de tempo de trabalho. E nos negócios, como você sabe, tempo é dinheiro.

Recursos de aplicativos corporativos - empacotamento denso de dados em cada tela e tabela como forma principal de sua apresentação. Não há lugar para a imaginação criativa. A história conhece exemplos em que o desejo de tornar um design mais atualizado e as tabelas não são tão volumosas levou ao fracasso da versão atualizada e a inúmeras reclamações dos clientes. Lembre-se disso, independentemente de o software ser executado na nuvem ou nos servidores clientes.

imagem

O que pode ser feito para facilitar a percepção dos dados com tanta densidade e trabalhar com eles? Primeiro, examine cuidadosamente a estrutura de dados e remova os redundantes. Por exemplo, para combinar células cujo conteúdo é lido pelos usuários como pertencendo a um único bloco semântico. Em segundo lugar, introduza a capacidade de classificar e filtrar dados da tabela e exibi-los de acordo com os parâmetros especificados. No PRMSaaS, um usuário pode essencialmente estruturar dados de forma independente, usando um sistema flexível de configurações para os parâmetros exibidos. Terceiro, use sabiamente a cor e os padrões de sua percepção. O esquema de cores restrito não causa sobrecarga sensorial, mesmo para uma pessoa que trabalha no sistema em período integral. Neste contexto restrito, um alarme visual se destaca claramente sobre eventos importantes para o usuário - erros, campos em branco, novas mensagens. Não é original, mas funcional.

Oportunidades técnicas para pequenas empresas


Também tivemos que entender as condições sob as quais o sistema funcionaria. E então as características da economia nacional entraram em cena, resumidas popularmente como "Moscou não é a Rússia". A diferença no suporte de TI das empresas na capital e na interminável província russa era notável antes. A situação econômica dos últimos anos apenas ampliou essa lacuna. Como resultado, pensando nas capacidades técnicas de nosso usuário em potencial, tivemos que imaginar ao mesmo tempo pessoas com novos macbooks e gerentes em pontos de venda remotos em algum lugar de Ufa, Samara ou Novosibirsk, que geralmente não sabem o que (Ufa, Samara, Novosibirsk - não ofender).

Como não tínhamos condições de retardar o trabalho com o serviço, mesmo nos piores equipamentos do usuário ou, como em um dos projetos, o hardware local não permitia o lançamento de nenhum navegador moderno.

imagem

O que isso significou para nós? Primeiro, devemos minimizar a carga no hardware do usuário: todas as operações que exigem muito trabalho são transferidas para o back-end (interface "thin"). O computador do usuário não pode ser carregado com scripts desnecessários. Você não pode usar efeitos que exijam aceleração de hardware significativa.

O cálculo deve ser que alguns dos usuários trabalhem com nosso serviço em telas de 15 polegadas ou com uma resolução de tela menor que o FullHD. Isso significa que teremos que usar o espaço economicamente e minimizar o ruído visual.

Algoritmo de teste


Aqui não tivemos que inventar nada. Já tínhamos um esquema para testar interfaces de sistema de informações e estudar a experiência do usuário, que foi testada durante o desenvolvimento e implementação de outros produtos Forward. Além disso, poderíamos pular parte das etapas neste caso, porque estávamos falando em adaptar as interfaces de um sistema PRM existente.

Todo o algoritmo é assim:

  • O estudo da experiência do usuário na execução das mesmas tarefas no antigo sistema de informação ou sem automação.
  • Preparação de cenários típicos de trabalho do usuário, alocação de funções ou grupos de usuários com base nesses cenários.

Essas duas etapas já foram concluídas no caso do PRMSaaS, porque tínhamos informações sobre o comportamento do usuário e suas possíveis funções, coletadas durante o trabalho com o PRM que não é da nuvem.
  • Avaliando a carga no sistema, levando em consideração a duração do trabalho contínuo do usuário no serviço, dimensionando o número de usuários para o futuro. Nesse estágio, é realizado um teste automatizado de carga, por exemplo, para comparar os valores permitidos de limite do tempo de espera e o comportamento real do serviço.
  • Separação de direitos do usuário e remoção da interface de um excesso de funcionalidade para essa função específica.
  • Preparação iterativa de protótipos de interface com a funcionalidade mínima necessária para cada função, desenvolvimento de versões preliminares de interfaces de trabalho.
  • Teste a operação em um número limitado de usuários.
  • Estudando os resultados dos testes e verificando a correção dos usuários.
  • Correções de erros, otimização de front-end e back-end com base nos resultados de carga e teste do usuário.

O mesmo é repetido para cada bloco de função ou processo implementado no serviço.

Em vez de uma conclusão


A partir desses pré-requisitos e processos, a interface PRMSaaS nasceu em sua forma atual. Apesar das dificuldades acima, dois vetores principais podem ser distinguidos. No fundo, a luta entre beleza e utilitarismo vence o utilitarismo. Essa escolha é ditada pelos requisitos operacionais gerais para as interfaces da maioria dos softwares corporativos. O front-end concentra-se em tecnologias de portal e trabalha com aplicativos móveis, aqui temos os ditames de design e ergonomia. E aqui, é claro, você precisa envolver seu produto em um pacote decente, guiado não apenas por considerações de praticidade, mas também por se referir às tendências que desenvolvedores e designers de interface estrangeiros falam tanto: gamificação de tarefas do usuário, personalização do design ou uso da tecnologia de tela de toque "

Source: https://habr.com/ru/post/pt442156/


All Articles