“Jonas, posso te dar um desafio cabeludo?
Analisar o site do Mercado Livre..rs”
O desafio acima foi proposto pelo Thiago, visitante do blog. Como quem manda aqui são os visitantes, desafio aceito, segue pequena análise do MercadoLivre.com.br.
Mercado Livre e as convenções.
Quando vocês leram o título deste post devem ter pensado: Que história é essa de convenções? O mercado livre está vendendo guaraná “genérico” também?
Calma que eu explico. Imaginem uma porta, imaginaram? Vocês devem ter pensando em algo semelhante à um retângulo com uma maçaneta nem em cima nem em baixo, no meio da porta(retângulo), correto?
E por que a maçaneta não está lá em cima da porta? E por que não está lá embaixo?
Porque construir portas com a maçaneta no meio é uma convenção. Convenções são basicamente idéias que deram certo e por isso você as vê uma porção de vezes por ai, como as maçanetas nessa determinada posição, o logotipo de um site no canto superior esquerdo e por ai vai. Assim, quando se entra em contato com algo convencional, você automaticamente tem uma sensação de estar no controle sobre aquilo, uma vez que você sabe como usar, você entende, aquilo lhe é familiar.
Tá bom Jonas, você já falou de mais sobre as convenções, eu já conclui que devo usa-las sempre que possível e desse jeito descomplico a vida dos usuários. E agora?
Bom, agora vamos brincar de imaginar novamente e eu já digo o porquê de toda essa introdução sobre as convenções. Pense que você acabou de completar um cadastro qualquer em algum site, abaixo desse cadastro existem dois botões, como é o convencional, um botão CANCELAR e um botão CONTINUAR, existem outras variações de nomenclatura, dependendo do cadastro e do sujeito que fez os botões. Mas o que importa aqui no caso é discutir o posicionamento desses botões, um botão que cancela a operação e um botão que efetua o cadastro ou continua o processo.
E ai? Já pensou onde fica cada botão? Agora observe o item 4 da imagem abaixo:

Por acaso foi isso que você imaginou? Botão CONTINUAR à esquerda? É este posicionamento que chamamos de convencional? Acho que não né? Agora os problemas que isso acarreta nós todos sabemos.
E por que o botão de efetuar o cadastro deve ficar à direita? Somente porque é convencional? Como decidiram o posicionamento do botão?
Bom, esta parte é para os mais curiosos e para o pessoal que anda reclamando sobre minhas análises muito superficiais.
O mouse normalmente é usado com a mão direita, correto? Logo, movimentos para a direita, são mais fáceis de serem realizados, muita gente nem se dá conta porque já nem percebe mais como movimenta o mouse, mas há sim pra todo mundo uma diferença mesmo que for mínima, em movimentar o mouse para a esquerda ou para a direita. E como desejamos que o cadastro seja efetuado, colocamos o botão no local de mais fácil acesso do mouse, ou seja, lado DIREITO.
E não é palpite de blogueiro besta não, como eu disse ali em cima, convenções não se tornam convenções à toa, há muita pesquisa e testes com usuários antes de algo se tornar convencional, ninguém é besta de usar algo que não funciona, você é? Eu também não.
Ok, super legal e aqueles outros apontamentos que você fez na imagem lá em cima, hein?
Ah, claro, foi pra deixar todo mundo curioso e querendo ler esse post enorme até o final, vamos agora por ordem.

1- Não se deve obrigar o usuário a se adaptar ao sistema, o sistema é que tem de se adaptar ao usuário, se você não quer traços no número de telefone, deixe o usuário coloca-los depois você tira, internamente, via programação.

2- Ali o sistema pede para escolher um apelido que o identificará no Mercado Livre, o ENORME problema é que ele não avisa que o sistema tem zilhões de pessoas cadastradas e todas tem tanta imaginação quanto você para criar apelidos, conclusão, você tem quase 100% de chances de após o cadastro receber uma mensagem de erro e ter que inventar outro apelido, este horrível com números letras e tudo mais, algo tão feio que ninguém tenha tido vontade de cadastrar ainda no sistema.

3- Esse campo é opcional e por padrão deveria estar desmarcado, usuários desatentos não merecem ter sua caixa de e-mail lotadas de propaganda. Se você não pedir a loja não embrulha pra presente, então se o usuário não pedir, não empurre pra ele propaganda. Deixe por padrão DESMARCADA a opção de receber novidades, informações e aquela coisa toda. Se alguém quiser isso com certeza clicará pra receber. Respeitar os usuários sempre é bom, a longo prazo você acaba ganhando, não adianta empurrar e-mails em caixas de entrada alheias.
É isso ai, está feita uma análise basiquinha porém interessante para ambas as partes, tanto leigos como profissionais. Se você concorda comente, se não concorda comente também!
Aliás, comente SEMPRE que passar pelo blog, eu não somente quero mas preciso da opinião de todos sobre os sites analisados e sobre o Complicado.
Obrigado Thiago pela sugestão de análise.
Grande abraço a todos e até o próximo post!

Eu discordo qnto a questao de o email ser opcional. Ele eh usado como forma de contato entre o site e o usuario. A maioria dos sites SERIOS tem a opcao de escolher se quer receber emails de propaganda ou nao.
Por sinal, eu deixei o meu campo de email em branco aki nesse formulario de comentario, e ele me retornou um erro
Vinicius,
“A maioria dos sites SERIOS tem a opcao de escolher se quer receber emails de propaganda ou nao.”
Sim, porém esta opção deve estar sempre “desmarcada”, assim só recebe e-mail que realmente quer, não quem esqueceu de desmarcar ali ou nem chegou a ler o negócio(muito comum).
Concordo e Discordo também, Pois hoje sou cadastrado em mais de 10 sites importantes para minha ‘vida virtual’ na qual essa opção vale muito, ou seja, a todo dono de site teria que pedir sim o e-mail Porém após termino do cadastro mandar suas informações como; login, senha, etc.
devia ter outro campo ali embaixo como ‘também receber propagandas’ aí sim estaria certo, posso ta parecendo contraditório, mas devia ter as duas opções,
o Mercado livre é um site de Anúncios, de Publicidade, fazendo isso ganha mais Público no qual é a idéia do dono.
Pedro,
Poderia re-escrever esse comentário?
Eu não consegui compreender aonde você quis chegar com ele.
No meu post mostrei que o mais correto a se fazer é permitir que o usuário selecione se deseja ou não receber informações e promoções.
Deixar já marcada essa opção é um absurdo, muitos acabam se cadastrando, aceitando essa condição e nem chegam a ver do que se trata na ânsia de terminar logo o cadastro.
Desmarcar a opção garante que só quem realmente quer receber anúncios e novidades do Mercado Livre, receba esse tipo de material.
Devia ter uma Opção para ‘enviar meus dados cadastrais’ e embaixo uma OBS: ‘também receber Promoções, etc.’ se bem que na MAIORIA dos sites não mandam seus dados,
e em relação a deixar marcado é uma questão de Marketing, o Site se aproveita sim da desatenção do Cliente, Porém eles fazem com que seu site ganhem publicidade, já que é o interesse do site deles,
Por exemplo:
o Complicado.wordpress.com é um site no qual desperta interesses em ver o erro dos outros, certo?
Então, você faz com que seja mais fácil o Público comentar nele, você nao iria colocar 1 Página para se cadastrar, ir no seu e-mail olhar sua senha, daí poder entrar, é o que eles fazem, Já que vendem produtos, eles marcam para que recebam e-mails promocionais sem querer, AS VEZES é bom até:
‘quero comprar um Nike shox…’
e Quando voce olha seus e-mails está lá uma promoção do mesmo.
Porém os mais atentos a isto desmarcam Porque na maioria das vezes é SPAM ou não compram por internet.
Pedro,
Por isso escrevi no post:
“Respeitar os usuários sempre é bom, a longo prazo você acaba ganhando, não adianta empurrar e-mails em caixas de entrada alheias.”
Se você perguntar por ai pode ter certeza que a maioria das pessoas não gosta de receber os e-mails do Mercado Livre. A questão de marketing é evidente, tanto que nem foi postado no blog, porém os responsáveis por essa parte raramente são pessoas que conhecem os benefícios que a usabilidade trás, raramente entram em contato com o motivo do site existir, os USUÁRIOS.
Site tem de ser focado nos usuários não no umbigo dos desenvolvedores do site e “pessoal do marketing”.
Talvez se elaborassem e-mails realmente relevantes, com conteúdo bem organizado, agradável e em pouquíssima quantidade, as pessoas os recebessem de braços abertos e não atirando pedras.
‘Talvez se elaborassem e-mails realmente relevantes, com conteúdo bem organizado, agradável e em pouquíssima quantidade, as pessoas os recebessem de braços abertos e não atirando pedras.’
Isso depende de cada site,
isso foi mais um erro do Mercado livre que ao invés de trazer E-mails para o Público de tamanha importância trazem Informações desnecessárias.
Opa, estou acompanhado seu blog desde o começo… estou gostando dos posts e a cada um sinto um aumento de qualidade, parabéns.
Quanto a discução que está havendo nos comentários, Pedro e Vinicius… no post o Jonas nem falou do email em si, a única coisa que ele disse é “Deixe DESMARCADA a opção de receber informações por e-mail” PONTO. É algo simples de se compreender e concordo redondamente com o Jonas. Outra coisa que é bastante praticada é deixar desmarcada a caixa de “Eu li os termos antes de me cadastrar”… quem nunca preencheu um cadastro e esqueceu de marcar esse tipo de coisa? Claro, aí já é proposital alertar ao usuário que ele deve LER os termos de uso (o que, na prática, 10% dos usuários fazem).
Vlw
Jean Carlo,
Realmente eu estou me esforçando para melhorar o blog, legal que parece que deu certo, graças às sugestões dos usuários! Nada como ouvir quem realmente usa o negócio que você faz, seja um blog, um site, uma bola de futebol ou um martelo.
Até esse post do Mercado Livre hoje foi editado, o Frederik, do blog Usabilidoido.com.br sugeriu cortar os pedacinhos da imagem ali da lista, que realmente estava chato de ficar lendo e voltando na imagem acima pra ver, e colocar perto dos respectivos comentários. Realmente ficou muito melhor não ficou?
As vezes na pressa e com um monte de coisas na cabeça nem percebemos, por isso é fundamental ouvir os usuários, seja lá o que você vai fazer.
E nada é definitivo, tem de ir testando e mudando, testando e mudando, até a coisa ficar boa de verdade. Tem muita gente que contrata serviços de usabilidade, o serviço é executado e pronto, não tocam mais no assunto, isso não é o ideal, o serviço precisa ser sempre efetuado, os resultados precisam ser sempre analisados e os usuários sempre ouvidos, até chegar num ponto onde alterar o site já não trás mais benefícios no âmbito da qualidade/facilidade percebida nem aumenta os lucros da empresa.
Gostei da parte do botão à direita.
Acontece muito com os celulares novos.
Os “inovadores”, ao invés de colocarem à direita - como é na maioria dos aparelhos -, colocam o botão para realizar ligações à esquerda.
Legal! Você digita aquela penca de números e, quando vai ligar, aperta o botão de cancelar.
Gostei bastante do post, mas o Mercado Livre é muito mais do que você analisou aqui.
Apenas a parte de cadastro não vale. Proponho analisar outras áreas do site.
Que tal?
Grande abraço.
Gnunes
Guilherme,
Legal você ter citado os celulares, nunca reparei.
Sobre a análise, o Mercado Livre poderia me pagar ai eu faria a análise completa do site, sem problemas.
É meio injusto eu perder semanas fazendo de graça um trabalho que seria responsabilidade da equipe de desenvolvimento do Mercado Livre, não acha?
Abraços Guilherme, apareça sempre!
O Thiago, visitante que solicitou a análise do Mercado Livre comentou que é impossível ou muito complicado entrar em contato com a empresa.
Realmente, tentei agora e não consegui, alguém aceita o desafio? Tentar entrar em contato com o Mercado Livre?
Se alguém conseguir por favor comente aqui sobre as dificuldades e/ou facilidades que encontrou no caminho à conclusão dessa tarefa.
Muito bom sua análise sobre o Mercado Livre.
Eu nem percebia muitas coisas, como o mouse pra direita e a caixinha marcada de propagandas.
Parabens! ;D
Daniel
Que bom que o post foi útil pra você!
Sempre que der apareça por aqui!
abraço!
Cara, achei interessantezinha a avaliação. Mas tem muuuuuuuuuuuuuuuito mais coisa interessante (e erros muito mais grosseiros para se explorar). Sugiro escrever um outro post sobre o Mercado Livre falando sobre a navegação, padronização, estruturação de navegação, coerência, posicionamento de elementos. Seria bom fazer esta avaliação em cima de uma tarefa específica. Por exemplo: Anunciar ou Comprar que são exatamente o propósito do site. Veja quais problemas encontrará ao realizar estas tarefas, pode ser bem interessante.
Abraços
Tiago,
Meu intuito não é o de fazer uma análise completa dos sites, é somente pegar alguma tarefa, aleatoriamente e verificar a facilidade em conclui-la assim como descrevi na página “Sobre o blog”. O resto fica por conta dos visitantes do blog ou se eu tiver tempo de passar por aqui e comentar também.
No caso do Mercado Livre escolhi o cadastro, que não deixa de ser uma das coisas mais importantes do site.
Abraços!
Tiago,
Se puder, participe você também do blog, descreva estes erros grosseiros, aposto que vai ser muito legal e útil sua participação.
Prezados internautas, blogueiros e usuários do MercadoLivre,
Em nome do MercadoLivre gostaria de agradecer os comentários e sugestões que foram dadas neste post. Sempre nos preocupamos com a melhoria da plataforma para os mais de 19 milhões de usuários. A questão usabilidade está em pauta em nossos avanços futuros.
Agradeço o feedback, afirmo que estamos em constante processo de melhoria e mudança e que sugestões e comentários como os de vocês são sempre bem-vindos.
Atenciosamente,
Carolina Terra
Comunicação Corporativa
MercadoLivre.com
Carolina,
Legal saber que vocês compreendem a importância da usabilidade e que começarão a se preocupar mais com ela.
Em um site como o Mercado Livre, que é de acesso de milhões de pessoas com conhecimentos e limitações variadas é fundamental a preocupação com a área de usabilidade e acessibilidade do projeto.
Abraços!
Concordo com você.
Nunca fui fâ da “ótima” interface de usuário do ML, mas dessa vez nâo vou fazer minhas ponderações porque é um site muuito grande e to meio sem tempo hehehe.
Até a próxima.
Rafael,
Tudo bem, o que importa é que você deu um pulinho aqui.
Quando tiver tempo, participe, quando não puder só de um “olá” pra dizer que leu e o que achou
abraço e até o próximo post!
Jonas,
Falando sobre convenções e os botões do celular:
Tu não concorda comigo que uma das convenções mais utilizadas na web é, sem dúvidas, muito burra… O BEM DITO MENU A ESQUERDA!
Baseando-se no mesmo pricípio,e também no fato de que a maior parte da população mundial é destro, tu podes concluir isso comigo, não é mesmo.
E até, para provar a veracidade disso, os blogs, que são, sem dúvidas, uns dos conteúdos em maior destaque na WEB atual, estão com o menu ali na direita… Realmente, agora que temos o costume do menu na esquerda, logo no início é meio confuso, mas, com o costume, a vida fica muito mais fácil.
Estou sendo meio hipócrita realmente, pois eu tenho sites com o menu na esquerda… MAS, mesmo assim acho um incomodo danado, até porquê, não só na minha opinião, acaba desvalorizando o conteúdo do site e dando mais importância para o menu. Uma prova é o fato de que os menus dos blogs são muito pouco usados, pois suas funções estão espalhadas, em seus devidos lugares, pelo site.
Não se esqueça que temos por padrão o alinhamento na esquerda para textos, então, partimos nossa leitura por esse lado…
Ainda queria te pedir para entrarmos na discussão:
“Usabilidade x Público alvo” - que notei ser pouquíssimo comentada na WEB, onde a febre de “acessibilidade e usabilidade” está se instalando.
Abraço e mais uma vez meus parabéns.
Rafael,
Não existe público-alvo na internet, algo tem de ser fácil de usar pra qualquer um, se você faz um site voltado à desenvolvedores web por exemplo, a maioria dos usuários serão do tipo “avançado” então você pode usar e abusar dos recursos “web 2.0″ no seu projeto, tipo “arrastar-e-soltar” e coisa e tal, porém se um usuário mais leigo quiser acessar terá de conseguir isso com facilidade, ou seja, o recurso usado nesse exemplo terá de ser uma coisa não intrusiva, que não impeça o usuário mais leigo de poder absorver o que quiser do site.
Da para comparar com um outdoor focado ao público adolescente, você faz aquele apelo visual pra impactar esse público-alvo, mas todos, de uma criança à um idoso poderão visualizar o outdoor e compreender a mensagem que ele está passando, isso é o considerado ideal. Eu não sou da área de publicidade/marketing então se alguém quiser complementar, por favor.
Sobre os menus estarem à direita ou à esquerda, eu não lembro de ter visto nenhuma pesquisa ou literatura à respeito, eu até tenho umas teorias minhas que formulei enquanto lia seu comentário, se eu achar algo mais “concreto” na internet e nos livros pra complementar eu volto aqui e posto, uma hora vou ter de achar, o assunto é importante!
Abraço!
Rafael,
Só vou jogar algo pra você(e quem quiser) pensar um bocado.
O comportamento de um usuário num blog e num site são diferentes, certo?
Os objetivos de ambos são diferentes também, certo?
E quando o usuário visita um blog e um site? O comportamento e o que ele busca em cada um também se difere, não difere?
Então concluímos que essa diferença de posicionamento tem algum motivo e que o menu à esquerda em grande parte dos sites e o menu à direita em grande parte dos blogs se tornaram convenções devido ao comportamento.
Interações diferentes do usuário com o meio, métodos de apresentação de conteúdo e navegação também diferentes.
Logo, menu à esquerda não é de forma alguma uma convenção burra, chegou-se ali de alguma forma, eu AINDA não sei como, nem tive acesso a esse tipo de pesquisa, mas como eu disse no comentário anterior, vou correr atrás e se achar publico aqui.
Achei muito interessante. Só não concordo à crítica que se refere à forma de colocar o telefone. Eu acredito que essa forma seja a melhor para inserir o telefone, eu mesmo quando vou preencher um cadastro e ele não está disposto dessa forma (o campo telefone), fico sem saber o que colocar, se coloco o ddd e o telefone, sem o 0, com o 0…
Por isso eu acho que essa é uma das melhores formas de ser exibido o campo para preenchimento de telefone.
Os outros comentários são bastante válidos.
Parabéns!
Gabriel,
Os 2 campos não são problema, aliás são solução. Se existir somente um local para ambos os dados muitos usuários poderão esquecer do DDD.
A crítica se refere principalmente ao traço de separação dos números 0000-0000, que ajuda na prevenção de erros pois números com pontos, traços e demais “caracteres de separação” ficam mais fáceis de conferir, a dica vale também para o RG, CPF etc.
Observe a diferença:
Telefone: 4421-6798 e 44216798
RG: 47.571.618-8 e 475716188
A primeira opção de ambos os números fica mais fácil de conferir, os números ficam mais organizados, concorda?
Esse é UM DOS motivos do sistema ter de permitir que o usuário digite da forma que bem entende os dados solicitados, outro motivo é que muitos usuários não lêem os exemplos/instruções e acabam colocando os dados com os respectivos caracteres de separação, depois precisam apagar, re-escrever e isso quando percebe que o sistema aceita somente números.
Um sistema ideal, focado na usabilidade teria de aceitar os dados em todas estas formas:
[11] [4421-6798]
[011] [4421-6798]
[11] [44216798]
[011] [44216798]
Quem escolhe a maneira que insere os dados é o usuário, DEPOIS, INTERNAMENTE, o sistema filtra do jeito que for mais conveniente.
Eu deveria ter me explicado melhor, o post realmente não ficou muito claro, mas estou tentando aprender com os erros para evita-los ao máximo, as vezes consigo, as vezes não, até eu ficar bom nisso vai demorar um bocado mas com a ajuda dos visitantes acho que consigo rs…
abraço e muito obrigado pela participação!
Dessa forma que você colocou agora, realmente está válido.
Não tive essa percepção ao ler o post. Mas está muito bom.
Você manda muito bem nesse negócio cara, sua resposta foi maravilhosa, em termos técnicos, e também no portugues, a disposição da resposta. Fiquei impressionado! Parabéns e continue com o seu trabalho bem feito.
Atenciosamente,
Gabriel Luciano
Gabriel,
MUITÍSSIMO obrigado!
Hello, nice site
Cara, um dos posts mais bacanas que lí até agora. A colocação dos botões na posição correta realmente é algo fundamental. Dia desses, testando um gerenciador de conteúdo, cancelei 3 vezes a inclusão da matéria no site, depois que percebi a posição incorreta do botão enviar e cancelar.
Sobre a caixinha de newsletter estar marcada, realmente é uma ‘malandragem’ feita pelo pessoal de MKT, coisa essa que eu abomino e acho que o usuário não deve pagar pela sua desatenção. Ja aconteceu uma vez, de pedirem pra eu avisar o programador dum site q estavamos desenvolvendo, pra deixar esta opção marcada. Eu resisti ao pedido e causou um pequeno desconforto entre meu superior e eu rs, coisa que logo passou.. mas é uma coisa que eu não concordo.
No meio publicitário, é discutido atualmente sobre essa pratica chamada de ‘interruption marketing’, que é a interrupção de alguma tarefa de uma pessoa comum, por bombardeios publicitários inesperados. É por essa prática que as pessoas estão cada vez mais mudando de canal ao ver um comercial por exemplo.
Acho que hoje, as empresas devem mudar seu modo de chegar até o cliente/alvo. E investir mais no marketing de permissão e trabalhar para que seus clientes façam o mkt espontâneo, como ja é o caso da Nike por exemplo.
Nossa, escrevi demais..
Abraços
Thiago,
“Marketing convencional” já não dá mais tanto resultado como antes, a galera do marketing(on e offline) já está explorando novas formas de abordagem menos intrusivas e contextualizadas, agora é esperar pra ver, ainda vai surgir muita coisa desse meio, em pouco tempo, pode apostar!