Projeto do Programa WeChat Mini: 15 Melhores Práticas para Criar uma Experiência Incrível para o Usuário

Vladimir Garnele Blocked Desbloquear Seguir Seguindo 7 de janeiro

A Tencent está em rota de colisão com a Apple e a Alphabet para definir a tendência para a era pós-aplicativo, com seu agressivo impulso em mini aplicativos móveis. Apesar de um começo lento, o WeChat é o lar de mais de um milhão de programas, quase dobrando de 580 mil em janeiro. Isso é metade de toda a App Store, que foi lançada há 10 anos!

Os Mini Programas estão transformando o cenário digital em como as marcas estão comercializando na China.

Com exceção do vídeo, os MPs já penetraram na maioria das categorias.

Mas, assim como tudo o WeChat, a concorrência já é acirrada, com 95% das marcas de e-commerce já tendo seu próprio Mini Programa.

Oferecer uma experiência incrível para o usuário do Mini Program é fundamental para o sucesso do trabalho e as taxas de retenção: É por isso que fornecemos aqui uma lista de 15 táticas acionáveis para garantir que o seu MP seja uma vitória. Eles são baseados em pesquisas e nossa própria experiência de passar o ano passado projetando e construindo-os no dia 31 .

1. Projete sua interface MP para tarefas simples e compreensão instantânea

Mini-programas são destinados a “usar e esquecer”. Para a maioria deles, você não tem a oportunidade de os usuários aprenderem todos os recursos do uso repetido, especialmente dentro de um contexto O2O. Tenha em mente usuários ocasionais ao projetar seu MP. Conveniência e eficiência sendo fatores motivadores principais, você precisa manter sua interface livre de desordem e concentrar-se na tarefa em mãos. Os primeiros segundos de entrada em um programa Mini são cruciais para entender suas funcionalidades e como interagir com ele, e cada tela deve ter um foco claro e um esboço de fluxo.

À esquerda: Fapiao Ma ?? ?, um MP de gerenciamento de dados de faturas usa uma interface minimalista. Direita: O MP de auto-verificação do Walmart é destinado à facilidade de uso e enfatiza a digitalização de produtos.

Como regra geral, tente ficar longe de qualquer coisa que exija que os usuários lembrem-se de voltar ao Mini Program para concluir tarefas: eles provavelmente não o farão.

2. Considere dividir sua área de atuação do Mini Programa em relação à funcionalidade ou aos MPs focados no público

Na prática, 50% dos principais programas do WeChat também possuem um aplicativo nativo correspondente . No entanto, a pesquisa mostra que replicar um aplicativo nativo não é uma boa ideia se isso significar o corte de funções devido às restrições de tamanho do MP. Uma prática recomendada é oferecer um conjunto de recursos principais do seu aplicativo em Mini-programas focados.

Página de reservas de hotéis Qunar: o Programa Mini está muito mais focado na reserva em si, com pontos de entrada para as outras funções (passagens aéreas, área de membro, etc.) removidas.

Considere também dividir suas funções principais em múltiplos programas Mini dedicados: eles podem ser favoritos individualmente, e servir diferentes públicos-alvo e contextos de uso (O2O, gifting versus compras diretas, etc.).

Comparado ao seu aplicativo “monolítico”, o McDonald's dividiu sua presença no Programa Mini em um hub MP central e uma coleção de MPs focados, cada um dedicado a um caso de uso ou segmento de cliente específico.

3. Tem um aplicativo? Considere o uso de um programa Mini como um teaser para os usuários internos do aplicativo

Apps e Mini-Programas não precisam necessariamente se opor à China. Embora os MPs tenham muito menos atrito do que os aplicativos, especialmente para uso não frequente, eles também podem complementar um aplicativo. Você pode considerar oferecer seus principais recursos do aplicativo como um programa Mini e deixar tarefas de alto valor no aplicativo. Tomemos, por exemplo, o líder de correio chinês Shunfeng ??: o seu MP espelha o aplicativo em relação às funcionalidades, exceto pelas duas tarefas de valor agregado: solicitar um Fapiao ?? e solicitar encomendas internacionais. Isso garante que eles capturem seu segmento de maior valor, os negócios, no aplicativo.

Outro exemplo é o popular filtro de fotos App Meitu ??: eles usam seu Mini Program como um atalho e um teaser oferecendo os 3 filtros mais populares, e convidando o usuário a baixar o aplicativo para mais:

O ícone "Mais filtros" no programa Meitu Mini convida os usuários a pesquisar o aplicativo em sua loja de aplicativos preferida.

Nossos usuários queriam uma interface de registro fácil. Ao lançar um Mini Programa, não apenas o tráfego de DAU aumentou exponencialmente, mas os downloads orgânicos do App também subiram ! "

Andrea Sperenza, CEO da YEYU App

4. Tornar a navegação evidente

Embora mais de 600 milhões de usuários do WeChat já tenham usado os programas Mini antes, o usuário médio pode não estar totalmente familiarizado com seus recursos centrais comuns, como o botão Voltar da barra superior para navegação. Sempre que oferecer uma profundidade de navegação superior a dois níveis, considere alavancar o menu inferior do MP para permitir a navegação horizontal entre suas seções. Você pode exibi-lo apenas nos níveis de navegação mais profundos: os usuários devem sentir intuitivamente onde estão no fluxo de trabalho do serviço. E o menu de navegação tem a vantagem de não desviar a atenção do uso do botão Voltar nos telefones Android, o que fecha totalmente o Mini Programa.

Lealdade do Wagas (cadeia de restaurantes e lanchonetes) O MP tem uma profundidade de navegação de 3 ou mais para determinadas seções (minha carteira), que exige três etapas para voltar ao botão voltar para a tela inicial e alternar as seções. Eles poderiam tornar a navegação muito mais fácil com um menu inferior.

E tenha sempre em mente o cenário de compartilhamento: o pouso em um Mini Program ao abrir um link compartilhado nem sempre mostra um botão Voltar na barra superior. Se você não fornecer nenhuma navegação, isso pode levar a usuários frustrados.

À esquerda: página do produto JD.com aberta a partir de uma pesquisa na página inicial. Direita: A mesma página, aberta a partir de um link de compartilhamento dentro de um bate-papo: sem botão voltar.

5. Mantenha todas as variações de tela em mente

Sempre projete um MP responsivo com todos os possíveis layouts de telefone em mente, especialmente dispositivos Android. Comece a testar nos menores tamanhos de telefone para garantir que não haja estouros de conteúdo. Muitos usuários na China ainda têm dispositivos Android do iPhone 5 ou de tela pequena.

Como o MP do RATP (transporte público em Paris) se parece em um telefone Android 1080p recente (à esquerda) vs. em um iPhone 5 (à direita). Observe como os blocos de fundo da tela inicial são cortados e seus rótulos ficam ocultos no iPhone.

6. Verifique se seus elementos-chave podem ser carregados off-line

Não é preciso dizer, mas se você estiver oferecendo um Programa Mini voltado para as interações O2O, certifique-se de que os elementos principais não estejam dependendo de uma rede após a primeira carga. O Mini Programa é então armazenado em cache no telefone do usuário e será aberto instantaneamente no próximo uso: ter que depender da qualidade da rede é uma oportunidade potencialmente perdida, como a aceleração do processo no check-out.

O código QR do membro da Wagas é carregado dinamicamente on-line e não será exibido se a rede estiver inativa (à direita), apesar de o Mini Program estar em cache.

7. Aproveitar o compartilhamento facetado

Uma das características distintas dos Mini-programas é a sua profunda incorporação no ecossistema WeChat, com mais de 60 pontos de entrada diferentes (e contando!). Destes pontos de entrada, o compartilhamento via bate-papo é o número 1, respondendo por 35% do tráfego para os MPs . É crucial aproveitar adequadamente o recurso de compartilhamento: um "cartão" compartilhado pode ser exclusivo para uma conversa, já que tanto o título quanto a imagem principal podem ser personalizados. Abaixo está um exemplo:

O Shangzuo Go Mini Program oferece um programa de referência social onde eles aproveitam a personalização do compartilhamento de bate-papo.

8. Encontre bons incentivos para compartilhar o código QR do Mini Program em Moments

Uma das maiores barreiras para se tornar viral para os MPs é o fato de não podermos compartilhar links em Moments. Uma maneira padrão de contornar essa limitação é gerar uma imagem de código QR, salvá-la no telefone do usuário com um prompt de consentimento e pedir que ela compartilhe a imagem. Isso é desajeitado e causa muito atrito. Você precisa criar um incentivo alto o suficiente para fazer com que seus usuários passem pelo incômodo de compartilhar a imagem gerada. Ofertas de referência e comparações sociais de “batalha” funcionam melhor.

O Mini Visa “Chinese Visa” oferece resultados de questionários compartilháveis para comparação entre seus amigos expatriados. Eles têm a opção de incluir a pontuação diretamente no post. Joseph provavelmente traiu as perguntas, ele certamente não é categoria A

9. Alavancar ajudantes

Novamente, embora super popular, os usuários do Mini Program podem ainda não estar totalmente cientes da extensão dos recursos padrão de um MP, especialmente quando se trata de navegação. Considere as notificações pop-up para incentivar o usuário a adicioná-lo aos seus favoritos (para ser acessado posteriormente pela barra de atalhos superior).

3 MPs diferentes exibindo um apelo à ação para adicionar aos favoritos através do menu superior e explicando os benefícios de ter um atalho de entrada direta.

10. Design para o canal omni (WeChat)

Mini-programas só podem vincular a uma conta oficial através de banners mostrados em pontos de entrada O2O (verificação de códigos QR, pagamentos) no momento da escrita, o que pode ser uma oportunidade perdida de converter o tráfego em seguidores. Se você fornecer um valor distinto por meio de sua conta oficial, por exemplo, enviando notificações de status de transação, poderá convidar seus usuários do Mini Programa a seguir o OA por meio de uma notificação pop-up.

O Yo! Luck MP oferece um apelo à ação para procurar a Conta Oficial através do seu ID. A sobreposição copia a ID para uma área de transferência após a validação, tornando-a imediatamente pronta para colar na barra de pesquisa do WeChat.

Uma experiência ainda melhor é detectar dinamicamente o status de acompanhamento de seu usuário e fornecê-lo com um CTA. Qunar ?? ?? exibe um alerta na seção de perfil do usuário se ele / ela não está seguindo a conta:

E, novamente, verifique se o benefício para o usuário seguir sua conta é o mais claro possível. Quais serviços extras ou funcionalidades eles podem acessar? As propostas de valor típicas são notificações em tempo real de status transacionais, tarefas de alto valor, como a emissão de um Fapiao ??, ofertas exclusivas, etc.

À esquerda: o JD Mini Program convida você a seguir seu OA para ser notificado sempre que reabastecer um produto – Direita: mensagem de lembrete transacional do JD OA para concluir a compra (retargeting de abandono do carrinho). Fonte: NN Group

11. Mostrar apenas uma parede de login quando você realmente precisa

É muito comum ver programas Mini mostrando aos usuários um prompt de login que os impede de fazer qualquer coisa com o MP antes de dar seu consentimento. Em vez disso, use a API wx.login para registrar o usuário em seu back-end discretamente e mostrar apenas uma página de login para recursos em que você precisa absolutamente das informações do usuário (por exemplo, minha seção de conta / perfil).

Eu entendi McDonald's, você me quer muito em seu programa de fidelidade. Mas eu realmente preciso fazer o login antes de poder fazer alguma coisa? Vamos lá!

12. Baixas taxas de rejeição, adicionando pré-carregadores e telas de esqueleto

Por causa do tamanho do MP e dos limites de cache, a maioria deles está carregando dinamicamente o conteúdo da rede. Conexão lenta? Pode demorar um pouco para o MP mostrar conteúdo na tela, não importa o quão bem projetada sua interface possa ser. Fazer com que o usuário olhe para uma tela vazia ou o aviso padrão "download" can ? pode aumentar as taxas de rejeição. Em vez disso, use barras de carregamento para indicar quanto tempo o usuário deve esperar ou uma “tela de esqueleto” que carrega instantaneamente, dando a ilusão de conclusão de carregamento. Pré-carregue recursos em segundo plano para evitar tempos de carregamento, especialmente na navegação de conteúdo e em seções do Mini Program com fluxo de usuário previsível.

O Mini Programa da campanha da Toyota usa uma tela inicial com um indicador de porcentagem de carga para fornecer uma estimativa do tempo de espera. Quase todas as seções do Mini Programa de Dianping usam indicadores de progresso ou esqueletos de tela

13. Aproveite as APIs do Mini Program para minimizar a complexidade de entrada

Você pode fazer com que o seu Mini Programa preencha automaticamente as informações dos usuários em relação ao seu consentimento (endereço, número de telefone, informações do Fapiao) tocando na API do WeChat. Isso pode economizar tempo significativo e evitar entrada de dados propensa a erros.

Endereço automático de busca de geolocalização versus ter que digitá-lo. Recuperar um número de telefone e endereço de um perfil de usuário do WeChat com um prompt de consentimento.

14. Ter um plano de contingência para erros

Os Mini-Programas são impressionantes se comparados aos aplicativos porque funcionam virtualmente em todos os telefones que possuem o WeChat instalado. Mas, na realidade, eles ainda precisam lidar com uma grande variedade de telefones e diferentes versões do WeChat. Há também usuários que não estão dispostos a atualizar seu WeChat ou sistema operacional. Você deve certificar-se de que seus usuários não estão recebendo o Mini Program WSOD (tela branca da morte) e certifique-se de capturar erros. Você pode selecionar no backend do Mini Program quais versões do WeChat e do SO seu Mini Program será executado, e mostrar um prompt de upgrade para versões mais antigas.

15. Iterar com seu design

Projetar uma interface digital altamente envolvente não é uma ciência exata, e os Programas Mini não são exceção. Eles têm uma vantagem enorme sobre os aplicativos típicos, sendo capazes de atualizar automaticamente e criar uma caixa de proteção perfeita para testar várias variações com a experiência do usuário ou o design da interface. Ou até mesmo para novos recursos a serem posteriormente integrados ao seu aplicativo.

Qualquer projeto de MP deve planejar melhorias contínuas!

Zui Qiang Danyidan, um dos mini-jogos mais populares, passou por várias mecânicas de jogo e reformulações de interface do usuário (à direita é a versão atual no momento da escrita)

Você também deve aproveitar a análise do Mini Programa de terceiros para identificar taxas de rejeição e problemas de CRO.

Precisa de ajuda com o desempenho do seu programa WeChat Mini? Entrar em contato!

Mini Programa não está funcionando de acordo com seus KPIs? Lutando para decidir entre uma rota do H5 ou do Programa Mini? Faça com que nossa equipe de especialistas em WeChat audite seu projeto WeChat.

Basta nos enviar uma linha para acessar nossos estudos de caso: clement@31ten.network

Agradecimentos super agradáveis a George Borelli , Grace Yang e David 'DC' Collier por suas contribuições e contribuições para este artigo.

Autores

Vladimir Garnele

Clement Ledormeur

Editor: Joseph Leveque