Como adicionar widgets para um sistema gamification
Muitos provedores de gamification fornecer um conjunto de widgets que você pode incorporar em seu site para educar, incentivar e orientar os usuários. O ponto de usar widgets é que eles são loucos fácil de implementar em seu sistema gamification.
Exemplos de widgets que você pode adicionar ao seu programa de gamification incluem o seguinte:
Widget feed de atividade: Um widget de feed de atividade mostra realizações desbloqueado por usuários em um fluxo atualizado continuamente. Este elemento serve algumas finalidades: a criação de um sentimento dinâmico, vivo para o site, anunciando recompensas disponíveis, e dando reconhecimento usuários.
Missões widget: Este tipo de widget exibe todas as missões em que um usuário está atualmente envolvida. progresso missão deve ser claramente indicado numericamente e com uma barra de progresso visual. Além disso, este widget deve listar todas as missões disponíveis para um usuário. Idealmente, clicando uma missão abre o widget missão, que exibe todas as recompensas para o jogo na missão.
Widget Showcase: O Widget vitrine é uma coleção de progresso jogabilidade e estatísticas. A lista de missões é um componente da vitrine. Cada cartão missão abre um widget de missão, onde você pode ver todas as realizações / recompensas na missão. Você usaria esse tipo de widget em uma página de perfil, porque ele representa a identidade e status recompensas baseadas em um membro.
Video: Como adicionar um widget a tela
Recompensas widget: Um widget recompensas contém um resumo do usuário perfil, realizações recentes, o acesso a um widget vitrine, e acesso a um widget de configurações.
Video: Melhores Widgets para iPhone [Dica de App]
Configurações de widget: Um widget configurações permite que o usuário configure opções como selecionar uma imagem de perfil e ativar / desativar notificações do navegador e e-mail.
Widget de cabeçalho: Um widget de cabeçalho exibe o nome de usuário, foto do perfil, pontos, e informações de nível. Como os usuários navegar e usar o seu site, seus pontos aumentam em tempo real. Este elemento, que é projetado para ser adicionado inline para um cabeçalho existente em sua página, traz grande visibilidade para o seu programa gamification recompensas. Ele educa os usuários sobre o seu programa de recompensas e, como pontos de aumentar continuamente, incentiva continuou atividade no local.
O elemento separador de cabeçalho é semelhante. O Widget guia cabeçalho oferece todos os mesmos benefícios que o widget de cabeçalho, mas em um bloco independente, colocado em um local estático em seu site gamification.
Widget de cartão de jogador: Como o widget cabeçalho, este tipo de widget é projetado para se comunicar identidade membro sucinta e proeminente. O cartão de leitor contém uma imagem de perfil de usuário do lado esquerdo junto com seu nível-numérico à direita é outras informações, como nome de exibição, nível e pontos.
Widget Leaderboard: Com este tipo de widget, os principais usuários para a fatia de tempo configurado são exibidas. Este elemento pode ser usado quando você quer anunciar com destaque o programa de recompensas e anunciar sua natureza social. Ele cria uma camada social e proporciona comunidade gamer instantânea em torno de realização e recompensas.
Widget Multitab: Um widget Multitab é essencialmente um híbrido, mesclando um widget leaderboard gamification com uma jogabilidade recompensas widget. Mais uma vez, as recompensas widgets, por sua vez oferece acesso a um widget vitrine e um widget de configurações.
Níveis Widget: Este tipo de widget exibe todos os níveis desbloqueados e bloqueados em uma única tela. É excelente para programas gamification em que a progressão de nível é crítico.
Alguns provedores de gamification permitem alterar seus widgets, personalizando a aparência. Alguns até mesmo ajudá-lo a projetar seu próprio. Se suas necessidades de estilo só podem ser satisfeitas através de CSS, você pode ser capaz de criar um arquivo CSS e substituir estilos existentes, se necessário. Você, então, link para o arquivo CSS, como faria normalmente.