Mostrando postagens com marcador e-commerce. Mostrar todas as postagens
Mostrando postagens com marcador e-commerce. Mostrar todas as postagens

09 junho, 2014

Formulários de Promoção na Web – Marketing o que você deve ou não fazer, embora muita gente aceite… ou faça um hotsite assim…

 

O peso da evolução é que ela (a evolução) não é necessariamente benéfica ou útil, além disso acarreta SEMPRE em algumas mudanças de hábito e quebras de paradigmas de tempos em tempos.

http://manualdapilhaerrada.files.wordpress.com/2013/04/atraves-do-tempos_evolucao_web2.jpg

O que não quer dizer que toda evolução é ruim, há coisas que você aprende e melhora e coisas que você entende e descarta. Para todas as pessoas esse tempo de discernimento é diferente, mas é preciso, então fique esperto.

Na web não é diferente, aliás principalmente na web que tudo é rápido, evolutivo, novo e que tem muita gente fazendo muitas coisas e muitas coisas diferentes: com preços e valores diferentes, com pesos e medidas diferentes, com conceitos e entendimentos e necessidades diferentes – só essas variáveis já deixam qualquer um louco e, quando seu salário e o prazo da entrega está apertado, melhor não pensar, certo? Errado!

Prudência e dinheiro no bolso, canja de galinha não faz mal a ninguém! – Diga lá àlegria do Sr. Jorge Ben.

Costumo pegar no pé de sites que gosto e que eu uso, e tentar explicar coisas que cobro, na maioria das vezes para mostrar ou ensinar, aliás, são alguns anos estudando para chegar a essas “ideias” e o escolhido do estudo de como melhoraria do hotsite da promoção hoje é o Sonda.

Vamos esclarecer uma coisa inicialmente: o site está feito, não sei do prazo que eles tinham, não sei da qualidade ou da experiência da equipe técnica, não sei se o gerente, dono, chefe, superior imediato, designer, etc. é um fdp de marca maior arrogante que acha que sabe tudo ou não… só sei o que EU e o time que estivesse comigo não faríamos, então, vamos lá!

Hoje as pessoas acessam sua página através da web e de dispositivos mobile além de estarem sempre apressadas. Vamos ver como está feita a mecânica da promoção?

Tudo começa com você efetuando sua compra. Em seguida você é orientado a utilizar o cupom gerado no caixa, para cadastrar no site e concorrer a prêmios, tudo ai, tranquilo, não li o flyer todo, mas ok.. meu papo é web, então vamos lá…

DSC_0457

Você digita: www.sonda.com.br e acessa o site:

image

OK, tudo lindo até aqui, fácil de achar onde clicar para inserir o cupom, bem visível, embora eu tenha achado feia a montagem do 2 TVS de 70’’ GIGANTES que parece que foi feito com o Paint, mas enfim…

Então eu clico sobre o call to action (botão") “Clique e cadastre seu Cupom”.

image

Pronto, já começou a sobrar cliques, o botão não era para cadastrar o cupom? Por que eu fui parar no hotsite com outros dois botões?

Uma das coisas que você precisa pensar na hora de desenvolver seu site é a consistência da informação, clique e cadastre seu cupom não é “ir para o hotsite da promoção”. Ah, mas você está sendo crítico Raul, sim, estou. Mas como não quero procurar “pelo em ovo”, farei vista grossa e vou “Cadastrar meu cupom”.

image

Vamos lá: qual a porcentagem de novos cadastros versus cadastrar outros cupons teremos em uma promoção? A mim, parece bastante óbvio que se é uma promoção de grande escala, o número de pessoas cadastradas será maior de pessoas que voltaram para cadastrar outros cupons.

O foco está no Recadastro. Erro 1.

Pensando ainda no objetivo da campanha: coletar informações dos clientes – vamos facilitar o novo cadastro ou em quem volta? OK. Suposições, mas ai, já sou cliente do site, mas comprei no caixa. Digito meu usuário e senha do site, e: não funciona.

image

Como deu erro, leio a informação do hotsite – não, não me cadastrei na promoção, me cadastrei no site, mas ainda assim, para as pessoas comuns não seria tudo um ÚNICO cadastro no Sonda? Tá, vamos ser coniventes com os problemas de TI e priorização de trabalho de marketing versus os prazos apertados para fazer a promoção… entendi.

Vamos lá, vou me cadastrar: Não tenho cadastro, clique aqui! o LINK só na palavra aqui!. Vamos minimizar os cliques para priorizar o “SEO”, ham? Sim, se esse foi o argumento, deveria soar um bipe.. nem um nem outro! Mas tá, ignoramos e vamos ao FORMULÁRIO de cadastro que é o objetivo deste post e que chega a dar calafrios neste que vos escreve.

Fiz alguns blocos em vermelho e verde para demonstrar o que está ruim e o que está bom:

image

Primeiro acerto: Usar a opção de seleção única um sobre o outro. Eu acho que na verdade o programador apenas fez sem pensar usando o framework, mas se fez, acerto, é essencial que esse tipo de controle no formulário seja um sobre o outro, no sentido da leitura. Ponto! E o único…

Vamos ao que poderia ser melhorado, para melhorar inclusive, a imagem da equipe do Sonda que sinceramente poderia ser um case de sucesso se recebesse um bom investimento pois é um ótimo serviço.

Primeiro ponto: com a popularização dos módulos de consulta de CEP obrigar o cliente a preencher todo o endereço está alguns anos defasado! Poderia inverter a ordem e a exibição dos campos: UF/Estado – Lista das Cidades do Estado automática? OK, CEP, busca CEP e preenche o endereço. Complemento final e único campo a digitar. Poderia inclusive ir mostrando apenas os campos necessários durante a digitação ao invés de colocar todos os campos de primeira. Mas para que né? Lá nos anos 90 era feito assim no MS FrontEnd. :-O

Agora o bloco telefone: me explica, pq o que não é obrigatório vem antes do que é obrigatório? Lógica – não há né?

Ai desanda. Sou obrigado a conhecer o bairro da Loja que comprei! Poxa vida, você não vai me obrigar a digitar o CUPOM? pq não relaciona onde esse cupom está com essa informação. Por que eu, cliente, inocente tenho que “pagar” essa informação.

Ah! mas você é preguiçoso! Sim! Eu sou! Não quero perder tempo! Quero agilidade no preenchimento, quero que vocês trabalhem o interesse é mais de vocês do que meu, qual o motivo de vocês terem criado a campanha?

Além disso, eu fui olhar no cupom fiscal para saber qual era a loja e não há informação, então tive que ler, opção por opção, para descobrir uma informação que é TOTALMENTE de responsabilidade de quem trabalha ai!

UFA! e fecha com chave de ouro, o select do aceito receber novidades e promoções via “email” e SMS já vem clicado! Só isso já é péssimo! Ai não me dão opção! Não quero receber SMS mas quero receber E-mail! (aliás, a grafia correta é essa, com hífen) mas isso pode ser a vontade, muita gente já escreve junto e a linguagem é viva! Mas vocês não querem mesmo que eu dê optin para AMBOS!

OK… respirei.

Depois preenchi o formulário, cadastrei o cupom e deu erro! Umas três vezes, estava desistindo e fui checar o meu cupom e ele já estava cadastrado! OK. Nem vou comentar, pode ser um problema comigo…

Mas tá lá. Me cadastrei. O cupom tá valido e o post tá concluído.

Então a promoção é legal, o objetivo é útil, mas por favor desenvolvedores e gestores. Pensem que facilitar para seu cliente é muito melhor que complicar. Não basta por um site no ar, você deve pensar o seu site, deve observar o que pode facilitar, o que pode excluir! O que pode contribuir usando as tecnologias que você já tem a disposição.

Espero que alguém leia. Se ler, deixe seu comentário ou um OI. É muito deprê saber que você acessa o blog, lê um texto imenso e nem fala, oi, estive aqui. Quero saber quem são meus leitores!

até a próxima.

04 outubro, 2013

Responsividade e Responsabilidade






Oi, escreverei um pouco de um termo que tenho ouvido recorrentemente: responsividade, ou como diz o mundo dos jargões: “um site responsivo/responsive”.

Um dia ainda posto o meu: esqueça os jargões e concentre-se no objetivo, mas como depois de velho resolvi me resguardar de stressis, melhor só tentar encaminhar as coisas para um futuro melhor...  Primeira coisa, responsividade, sabe do que se trata? 

Então, Responsividade:

na psicologia, refere-se a atitudes compreensivas que visam, através do apoio emocional e da bi-direcionalidade na comunicação, favorecer o desenvolvimento da autonomia e da auto-afirmação.

para a OMS envolve respeitar as necessidades do consumidor e orientar o serviço para melhor atendê-lo.

na ciência política, responsividade diz respeito a quanto as ações governamentais atendem às expectativas e demandas da população.


Na WEB: essa imagem vale a contextualização:




Sacou já? Não? Ó:



A pergunta que não quer calar é: 

Como é possível fazer “um site” para se encaixar em tudo isso ae?
E sabe o que mais me preocupa na questão acima, ou qual o erro? O “um”. 

Pois é... a mágica tem que acontecer para tudo parecer um, mas como tudo que existe na Internet, alguns alguéns precisam pensar, escrever, desenhar o que o computador ou o site fará. De modo que não será UM site, mas quantos grides você definirá para que ele responda adequadamente sem quebrar ou frustrar a pessoa que está no site.

Opa, o que é gride? É colocar dentro de um quebra cabeça com margens o que será exibido e por qual motivo razão e circunstância.

E tem mais: seu público precisa disso? 

Se o seu site é todo em FLASH (tá apelei) você não vai pensar responsivo. 

Se o seu site não funciona em MULTIPLATAFORMA, por que você vai adicionar mais variáveis para pensar... 

Se o seu site não tem conteúdo, visitantes ou objetivo... pra que todo o trabalhão, para ficar na moda dos jargões e dizer: sim eu tenho um iphone.. ops.. um site responsivo.

Como assim?
Ó:

Se o seu site é flash, refaça o site, não vou explicar... K Recuso-me, pois eu acredito que o seu objetivo é layout, animação e não o usuário... 

O que é um site multiplataforma?

Ó²:
Desktop
Notebook
Tablet
SmartPhone
Outros (Video Games, TV...)
Windows
MacOs
Linux..
IOS
Android
Ios
Android
Outros
Xbox S.O.
TV
S.O
Playstation
S.O
Internet Explorer
Firefox
Chrome
Safari
Opera
Outros
Safari
Opera mini
Opera Mini
Chorme
Outro..






8
9
10
?
?
?
?
?
?
?
?
?
?
?
?
?



















S.O = sistema operacional

Repara ali: de hardware estamos falando de desktop, notebook, Tablet, SmarthPhones e Outros Meios...
De sistemas operacionais, estamos falando de Windows, Macs, etc...
De navegadores: estamos falando o Internet Explorer (IE), Firefox (FF)..
Quando falamos multiplataforma, na gíria dos velhos da web de 2010... era fazer tudo isso funcionar nos N navegadores e N versões desses navegadores... Lembra da discussão de que seu site só funciona no Internet Explorer 6???

Pois é.. se você não fizer a lição de casa da escadinha de que seu site funcione em várias versões de vários navegadores primeiro, você tem mesmo certeza que quer se preocupar com Sistemas operacionais e tamanhos de tela? OK.. depois não fale que sou eu o sádico/masoquista... 

Ah.. e porque falei do conteúdo, visitante e objetivo? Simples... o que seu site faz e quem o visita.. depois, o que você provê para essa pessoa e depois, ele tá mesmo usando varias plataformas ou sua mãe só acessa do 486 dela que tem a resolução de tela em 640x460 pixels?

Sorry baby.. entendeu o motivo de ter um objetivo e parar de pensar em moda e por quá motivo leva-se tempo, dinheiro e paciência?

Comece lendo um gibi em português antes de tentar ler Dostoiévski em russo... facilita a vida de todo mundo e não causa tanta ulcera... ;-)

Ah, mas Raul, quer dizer que você é contra um site responsivo?

Não, claro que não. Um site tem que responder primeiro aquele que é o seu objetivo e quanto mais consistente ele for melhor! 

Mas lembre-se, mais coisas, mais código, mais peso... seu usuário e seu conteúdo é que são importantes... não o site e você, o site e você são ferramentas!

Aliás, sou quase sou favorável à ideia do mobile fisrt devido à mudança de conceito e do publico da web, QUASE, acredito que em nossa região (São Paulo) muita gente já sabe mexer no seu smartphone e tablete, mas existe um bom caminho,  de alguns anos diria eu, para uma convergência entre o ter e o utilizar.
E será que nesse meio tempo outra moda não surge? Quem sabe um site irresponsável que não tenha cores e funcione em ASCII? 

Não sei, não prevejo o futuro da web que urge!  

Não sabe o que é ascII? Vai no youtube e faz uma busca por: "/ pôneis" (inclua a barra e remova as aspas).

Não acredito, preciso de números!!! Tó: Estatísticas sobre o mundo mobile:
o seu Google Analytics! ;-)

Ah! Gostei! Gostou do assunto, quer mais? Vê aqui.

13 setembro, 2013

26 coisas para pensar antes de desenvolver ou fazer ou penser em ter um website...


Original: http://www.downgraf.com/inspiration/note-before-you-develop-a-website/
Pin:  http://www.pinterest.com/pin/4222193374270814/ 

Meus comentários:


1 – domínio: pense sempre na URL/URI do site.  Alguns pontos:
www não é domínio.
Domínio é o que está entre os pontinhos: .nomedosite.  pois o restante variará de acordo com a necessidade do momento: .com é comercial .br é o país.
O www é onde/o que está ali: pode ser webmail. ftp. telnet. smtp. E por ai vai...  
Lembre-se que é o batismo inclusive do seu e-mail @nomedosite depende do domínio que você escolher.
Ah! Há outras dicas de domínio que escreverei noutra oportunidade, mas uma boa estrutura de domínio facilita que seu site seja encontrado com mais facilidade.

2 – Host: deixe isso com o profissional de web (ao menos os de verdade): ele se preocupará com espaço, sistemas (inclusive o operacional do servidor), etc. ~:-P
Mas cobre-o. Você não precisa necessariamente pagar por muito espaço se armazenar somente html puro... :-P Quando mais “automático” ou quanto mais coisas seu site fizer sozinho, alguém terá que fazê-lo antes e o crescimento de requisitos é maior...

3- Tecnologia: É importante por na mesa para decidir qual o caminho seguir. Pois todas têm coisas boas e ruins. Todas têm que validar, por exemplo, a quantidade de profissionais disponíveis no mercado para conseguir suportar a tecnologia. Também o custo de integração entre um ambiente e outro.. eles conseguem se conversar facilmente? Outra coisa importante é importante? Ouvir falar em html 5, será que é necessário para colocar num texto? Avalie sempre!

4- Você sabe mesmo o que você quer?

5- Nesse, o cara do infográfico errou feio! Teria que ser o 10 ou o 11.. ou ainda mais pela frente. Nunca esquecer, uma sequencia que evita ulceras é: rabisco, wire, mockup, layout, layout detalhadíssimo e site (alguém discorda? Me manda mensagem...)
Cor e layout deixa com o design!!! Oriente-o que ele vai fazer bonito, mas precisa orientar de verdade, não vale falar “faz ai igual ao Google!” :P

6 – *MAPA DO SITE*: como amo quem se lembra dele! Você consegue ir e voltar, sabe o que realmente há no site em surpresas do tipo: q !@#$ é essa que não deveria existir! Consegue direcionar certinho cada link pois sabe que o usuário navegará item a item... não faça guerra, faça o mapa do site! ;-) e depois o rabisco e depois o wire.. ah.. já escrevi.

7 – Conteúdo: pra que colocar um site no ar se você não tiver o conteúdo para o site eis a questão! E para que por um conteúdo se ninguém vai entender do que você está falando... será que você lê tudo profundamente o que está na web? Infelizmente temos que pensar que a maioria da informação lida é superficial, depois que você aprofunda se o seu target estiver correto.

8 – Audiência: quem é o seu público? O que eu quero atingir? Qual é o meu objetivo. TUDO não é objetivo. SE o seu foco é seguiremos para A, se o foco é B, seguiremos para B... Se você não sabe qual é a sua audiência é um grande, mas um grande problema mesmo e ainda mais.. se sua audiência é muito grande você perde o foco, então não queira detalhes  para massa. Tudo é Nada. O objetivo é qual e para quem?

9 – Publicidade: menos é mais. Você tem pouco controle. Muita coisa piscando tira a atenção. Muita coisa chamando para a ação. Tira a atenção. Mas não relegue publicidade ao esquecimento ela é que gerará trafego para seu site, mas tem que ser bem feita porque existe muitaaaaaa concorrência.

10 – Popup: esqueça que ele existe por favor... *rs Brincadeira, mas pense que: popup é invasivo, vc está pregando um susto na pessoa. Existe um motivo para vc pular e gritar: oi  to aqui...

11 – Mais rápido mais feio. Menos consistente, menos profissional. Você pode ir num buteco pedir caviar e ser servido... confia? Nesse caso, a aparência importa pois seu cliente terá que ficar ali e encontrar a informação desejada. Muito é poluído. Muito pouco é escasso. Profissional e bonito requer dedicação. ;-)

12- Botão:  “Call to action” ou chamar para ação. Ele é o destaque. É onde haverá interação com seu usuário. Pense nele como uma porta. Você quer que a pessoa vá até ela? A pessoa precisa ir até ela? Enfim, ele é importante. Deixamos de usar o “clique aqui” desde os idos de 2000 quando o Google resolveu falar em SEO (search engine optimization), então o botão tem que ter família, estilo, sequencia, uniformidade, dinâmica... botão grita, link cochicha. E voltamos ao qual o seu objetivo?

13 – ignore, deixe para o design.

14 – foco. Lembre-se dos créditos. Deixe com o design. Ele estudou para escolher a que se adequa melhor se explicar direitinho para que você quer...

15 – *Facilidade de navegação*: você não curte quando você está num site e as coisas são rápidas e fáceis? Por que complicar? Dê e receberá. “Não me faça pensar”. Nós somos pagos para pensar pelo nosso usuário. Ele tem que navegar por águas/paginas calmas... muita opção confunde. Olha esse texto que péssima navegação. Você só chegará até esta linha se realmente quiser ler o conteúdo...

16 – Que tal parar de olhar o vizinho e pensar: como melhorar e fazer meu site ser único: funcional, confiável, usável, conveniente, agradável e EU AMO navegar nele?

17 – Quanto mais coisas mais atualizações. De novo, foco. Estamos na era da informação e ela é perene. Cuidado que o que você enviar pode ficar desatualizado rapidamente... então, não duplique... não encha linguiça.

18 – Otimize: lembre-se de que trabalhamos com grandezas (peso, trafego, qualidade, velocidade...) o que robôs e aranhas da teia leem ignoram varias coisas e precisamos dela. Organizado, direcionado. Melhorado, sempre!

19 – Cross Browser e Cross Plataforma – Você precisa lembrar disso!
Você usa o “IE” (Internet Explorer) ou dá a dica para seu time de web: faz só para funcionar no IE... (tem sistemas assim) mas enfim: qual versão? Você sabia que tem IE no Xbox (vídeo game) e ele trabalha diferente do IE da sua maquina? Ah! Usemos o chrome, ele funciona no chrome de smartphone? Você sabia que mundialmente estamos assim:



Sim, isso é importante para a vida e saúde do seu time Web.

20 – Resolução de Tela: trabalhamos na web com pixels, não com centímetros, sempre bom reforçar... e a pluralidade de resoluções é imensa e de telas também (é diferente – uma tela pode ter várias resoluções). Então temos muitas telas e muitas resoluções. Ah! Vamos fazer para todas elas!!! Responsivo na veia! Sorry, minha opinião: não.  Motivo: foco. Lembra do objetivo? Lembra do Público? Lembra da Otimização? Quanto mais responsivo: mais código, mais grades de posicionamento (grides), mais tempo de desenvolvimento...

21 – Social Media: apenas lembre-se que ela existe é um tópico a parte e é onde as pessoas acabam ficando: “social”. Mas nem tudo que reluz é ouro. Você não precisa estar em todos lugares, mas tem que saber os lugares que você não quer ir...

22 – Tipografia: Seu designer deve pensar nisso. A principal forma de comunicação na web é a leitura. Uma boa fonte ajuda muito... nesta aqui você sabe me dizer “qual é o l ou o I?” (qual é o éle ou o ih)?

23 – Registrar-se é chato. Entediante. São MEUS DADOS. Minha privacidade. Recebo toneladas de e-mails diariamente. Qual o motivo que me levaria a perder meu precioso tempo registrando-me no seu site? E outra coisa, por que? Por quê? Complicar uma coisa que já é chato ou estendê-la? Masoquismo ou sadismo?

24 – Depois de todo esse trabalhão você quer saber o que aconteceu né? Medidas? Peso? Kpi. Mas comece pelo básico. Na web você pode MEDIR TUDO. Mas de novo, foco.. para que medir tudo se você não vai otimizar nada por que está afogado na quantidade absurda de conteúdo, imagem, etc.. foco. Meça o que pretende mudar/melhorar.

25 – Não sei se todos já ouviram falar de um cara chamado Maslow... ele foi conhecido pela proposta da hierarquia de necessidades. Googla ai. Mas basicamente os mais básicos são: Fisiologia e depois Segurança! Você tem muito a perder na web.. então o seu website *precisa ser seguro*, *ter aparência de seguro* e indicar de que forma e por que você é seguro.. a pessoa que navega nele não pode adivinhar...

26 – As pessoas já acostumaram que algumas informações estão no rodapé. Então não adianta só jogar tudo lá como a sua gaveta de “outros”. Organize-o.


E chega que este ficou realmente grande...

Pesquisar neste blog

Postagens populares