tappx

Promova seu aplicativo de graça

Eu sei, o título desse post até parece sensacionalista e com o objetivo de conseguir cliques, mas, pelo menos dessa vez, não é. Nesse ano de 2016 eu me propus um desafio: viver só com a grana proveniente de meus aplicativos para dispositivos móveis e pra isso eu estabeleci que faria um aplicativo por mês até o fim do ano.

Daí você pergunta: "Ok, mas o que isso tem a ver com promoção de aplicativos gratuita?". Bom, a princípio nada, exceto que para conseguir viver disso eu preciso que os aplicativos tenham muitos downloads, porém com o grande número de aplicativos nas lojas hoje a concorrência é muito grande e provavelmente meus aplicativos não vão ganhar usuários se eu não encontrar formas de chegar até eles.

E aí que entram técnicas como ASO, que é o equivalente ao SEO para aplicativos, e os Ads, afinal, eu posso anunciar meus aplicativos. Mas aí entra um outro porém, o custo de aquisição do usuário. Enquanto o ASO é um conjunto de técnicas para melhorar o rankeamento nas lojas, na maioria das vezes não é necessário gastar dinheiro com ele. Já com os Ads a conversa muda.

O custo médio de aquisição de usuários varia bastante de acordo com inúmeros fatores, como: país, tema do aplicativo, idade do público alvo, etc.. E, infelizmente, eu não tenho muita grana pra investir, por exemplo, R$ 1,00 para cada nova instalação do aplicativo, e olha que esse é um valor relativamente baixo.

E foi aí que eu conheci o Tappx.

Tappx

O Tappx é um Ad Network para promoção de anúncios diferente das outras. Nela, a cada cliques em anúncios veiculados por ela em seu aplicativo você ganha 500 tappix, que é a moeda de troca da plataforma, com eles você pode criar suas próprias campanhas onde a cada clique que seu anúncio receber você paga 500 tappix, ou seja, para cada vez que alguém clicar em um anúncio no seu aplicativo você ganha o direito de exibir anúncios nos aplicativos de outras pessoas até que alguém clique no seu anúncio.

O interessante é que a comunidade Tappx hoje é muito forte e existem alguns aplicativos bem populares que a utilizam. Ontem, em meu primeiro teste com a plataforma, eu consegui milhares de impressões do meu anúncio em poucas horas. Infelizmente eu não tinha tappix o sufuciente para conseguir muitos cliques, mas aí entra outro fator interessante sobre a plataforma: a cada pessoa indicada por você que passar a usar a plataforma você ganha 50.000 tappix.

Ionic

O Tappx possui integração tanto para Android quanto para iOS, então se você desenvolve nativo é só baixar a SDK deles e ser feliz. No entanto, também é possível integrar com outras plataformas como Unity, Firefox OS e Cordova.

O meu novo aplicativo (Mini Receitas) foi desenvolvido em Cordova/Ionic e eu realizei a integração através do plugin Cordova Admob que inclusive já possui um módulo AngularJS para integração com aplicativos Ionic. Nesse plugin você pode configurar tanto o AdMob quanto o Tappx e ainda dividir os anúncios exibidos em seu aplicativo entre as duas plataformas.

  1. Para instalar o plugin no Ionic basta rodar o comando:
ionic plugin add cordova-admob
  1. Adicionar o seguinte código em seu index.html (note que você não precisa copiar nenhum arquivo, o plugin copiará os arquivos automaticamente na fase prepare do Cordova):
<script src="lib/angular-admob/angular-admob.js"></script>
  1. Injetar o módulo na definição do seu aplicativo:
var app = angular.module('myApp', ['admobModule']);
  1. Configurar o plugin com as suas informações do AdMob e do Tappx:
app.config(['admobSvcProvider', function (admobSvcProvider) {
    admobSvcProvider.setOptions({
        publisherId:          "ca-app-pub-XXXXXXXXXXXXXXXX/BBBBBBBBBB",  // Obrigatório
        interstitialAdId:     "ca-app-pub-XXXXXXXXXXXXXXXX/IIIIIIIIII",  // Opcional
        tappxIdiOs:           "/XXXXXXXXX/Pub-XXXX-iOS-IIII",            // Opcional
        tappxIdAndroid:       "/XXXXXXXXX/Pub-XXXX-Android-AAAA",        // Opcional
        tappxShare:           0.5                                        // Opcional
    });
}]);
  1. Exibir os anúncios (você pode fazer isso em um controller específico também):
app.run(['admobSvc', function (admobSvc) {
    admobSvc.createBannerView();
}]);

E é isso. Em um próximo post espero poder falar mais sobre ASO (App Store Optimization), ainda estou estudando e aplicando aos poucos os conhecimentos adquiridos. O meu novo aplicativo (Mini Receitas) ainda não tem muitos downloads, mas com uma plataforma de promoção gratuita as chances de eu atingir meus objetivos ao final do ano aumentam e espero que vocês também possam vir a se beneficiar da plataforma.

Senha

Balanceando segurança e experiência do usuário

Oi, eu sou o Jean e antes de começar esse primeiro post do blog eu me sinto no dever de fazer uma breve apresentaçao.
 

Bom, eu sou graduando de Sistemas de Informação na UFG e trabalho no LabTIME/UFG e na Monodois Comunicação, além de ter vários projetos pessoais que, assim como muitos dos projetos por aí, estão demoram a sair do papel.

 

E a ideia de criar um blog partiu de uma conversa minha com o Márcio Sena, que também trabalha comigo no LabTIME/UFG e irá se apresentar por aqui futuramente, e a idéia basicamente é compartilhar nosso conhecimento e nos ajudar a buscar mais conhecimento.

 

A partir daí eu convidei mais dois colaboradores, o Diogo César e o Clóves Cardoso, que se também se apresentarão futuramente, e a partir daí decidimos auxiliar a disseminar as tecnologias frontend e um pouco de UX para a comunidade.

 

E é isso, espero que gostem.

 


Ajudando a atrapalhar o usuário

 

Eu não sou o único a sofrer quando digito uma senha e o único feedback recebido são um monte de bolinhas. Muitos usuários sofrem do mesmo mal e é normal, afinal nem sempre temos a certeza de termos digitado a senha corretamente. E o problema tende a piorar nos famosos "Digite sua senha novamente".

 

De modo geral o ato de mascarar as senhas é uma convenção de segurança definida anos atrás e que foi criada para evitar que "bisbilhoteiros" roubassem as senhas dos usuários mais descuidados. E embora seja uma boa prática de segurança pode comprometer a experiência do usuário, principalmente nos dispositivos móveis, onde a digitação é comprometida pela falta de espaço entre os caracteres do teclado.

 

Quando mascaramos as senhas nós criamos, basicamente, dois problemas:

 

  • Os usuários cometem mais erros, pois eles não conseguem ver o que estão digitando e, por isso, se tornam menos confiantes. Tornando-se mais propensos a desistirem da ação.

  • A incerteza que o usuário sente com relação ao que foi digitado faz com que o usuário busque formas alternativas de "burlar" o sistema, como empregar senhas excessivamente simples e/ou copiar senhas de arquivos em seus computadores. Ambas as condutas levam a uma perda real de segurança.

 

No entanto, deixar as senhas sem máscaras podem oferecer um risco real aos usuários, pois sempre há a possibilidade deles estarem sendo espionados por um "bisbilhoteiro". Principalmente nos formulários de login, pois essa é uma ação que se repete várias vezes, ao contrário dos formulários de cadastro. No caso dos formulários de cadastro mascarar as senhas podem criar mais problemas ao usuário do que realmente valem a pena. A segurança proporcionada pelas máscaras nesse caso muitas vezes é inútil, já que normalmente as pessoas não se cadastram em sites com outras pessoas bisbilhotando.


 

Solução

 

Uma solução plausível é o desmascaramento de senhas que pode ser realizado quando o campo do formulário estiver em foco ou quando um checkbox estiver marcado por exemplo. Isso fica a critério do desenvolvedor.

 

Cases

 

Recentemente o Windows 8 foi lançado e junto com ele o Internet Explorer 10 e ambos possuem um recurso de desmascaramento de senhas quando se mantém pressionado um signo (botão), como podem ver abaixo.

Alguns aplicativos para dispositivos móveis já implementaram o mesmo recurso. É o caso do Polar e do LinkedIn como se pode ver nas imagens abaixo.




 

Extra: hideShowPassword Plugin

 

O pessoal do Cloud Four concorda comigo e como não conseguiram encontrar nenhum plugin javascript que realizasse o desmascaramento de forma otimizada para dispositivos touchscreen então eles criaram um.

 

hideShowPassoword no Github

Demo

O hideShowPassword necessita do jQuery ou do Zepto.js e funciona de forma muito fácil e tudo o que você precisa fazer é alterar a visibilidade do campo de senha através dos métodos:
 

$('#password').showPassword();     // Exibir

$('#password').hidePassword();     // Esconder

$('#password').togglePassword();     // Alternar

 


Conclusão

 

Seguir as convenções de design é geralmente o aconselhável, mas quando essas convenções começam a dificultar a vida dos usuários então elas precisam ser repensadas. A segurança deve ser equilibrada com a experiência do usuário. E ao meu ver mascarar as senhas é uma convenção errada e eu sou a favor de desmascarar as senhas temporariamente a fim de otimizar a experiência do usuário, tendo em vista que isso não prejudica consideravelmente a segurança.


Referências

Stop Password Masking
Better Password Masking For Sign-Up Forms
Hide/Show Passwords: The Missing Plugin