Pesquisa dinâmica

Esse padrão também pode ser chamado de filtragem dinâmica. Ao introduzir um texto no campo de busca, dinamicamente a interface irá filtrar os dados na tela. Observe, nos exemplos pode se constatar uma semelhança com o auto-complete, porém o tipo de interação é diferente. O padrão de pesquisa dinâmica é usado para refinar ou mover para baixo uma lista existente e visível de objetos. Nestes exemplos de BlackBerry App World e World Mate no Android, aplicativos e hotéis, respectivamente, são exibidos na página.

BlackBerry App World e WorldMate oferecem a busca dinâmica para a refinação de uma grande lista de resultados.

Esse tipo de interface funciona bem para a refinação de conjuntos limitados de dados, como um livro de endereços ou uma biblioteca de mídia pessoa, mas pode ser impraticável procurar grandes conjuntos de dados de múltiplas fontes, o que afeta a usabilidade.

Pesquisa de Escopo

Às vezes é mais fácil (e mais rápido) obter o resultado desejado selecionando um tipo de determinado escopo, que limite a busca. O Google e o Photobucket usam imagens diferentes para o mesmo fim.

O Google usa uma sobreposição para apresentar as opções de escopo, enquanto o Photobucket utiliza uma caixa de diálogo.

O Allrecipes permite que você selecione os critérios (ou filtros) antes de apresentar a pesquisa. Já o padrão do Dropbox é inicialmente um escopo total (all), mas você pode mudá-lo para arquivos ou pastas antes ou depois de apertar o botão de busca.

Allrecipes possui um maior tipo de opções de escopo. Dropbox é mais simples, com apenas três.

No próximo post da Touch Points retornaremos com mais dois tipos de interface de busca. Até lá!

Fonte: Smashing Magazine

Antigamente, para se pesquisar algum imóvel onde você quisesse morar, era necessário que abrisse algum jornal e lesse um a um os itens dos classificados, procurando a região, o valor, quantos quartos e demais informações.

Em um restaurante a cena era mesma. Para tomar ciência dos pratos oferecidos pela casa era necessária uma análise no cardápio, para saber o tipo de comida e os valores dali.

Hoje em dia, porém, as buscas que realizamos em sites e até mesmo em nossos celulares organizam rapidamente todas as informações que necessitamos. A utilidade das barras de buscas tem adquirido cada vez mais opções de funcionalidade, variando com a experiência de usuário (UX) de cada um.

Sendo assim, nessa série de posts  da TouchPoints, iremos falar basicamente sobre três ideias fundamentais para a interface do usuário: Ordenar, pesquisar e filtrar.

Padrões de busca:

- Pesquisa explícita

- Auto-complete

- Pesquisa dinâmica

- Pesquisa de escopo

- Salvo & Recentes

- Formulários de busca

- Resultados de pesquisa

Pesquisa explicíta

A pesquisa explícita necessita de uma ação, um comando,  para executar a visualização dos resultados da pesquisa solicitada. Essa ação poderia ser um clique em um botão de pesquisa na tela, como o caso do Walmart Mobile, ou no teclado como a Target. Os resultados são geralmente exibidos abaixo a barra de pesquisa. Um emparelhamento deve ser considerado em relação à pesquisa explícita com o padrão de auto-complete.

Walmart utiliza um botão de pesquisa (Go) na tela, Target utiliza a Pesquisa sobre o teclado.

Ocorre o Loading e, em seguida, os resultados de pesquisa são exibidos.

Surgirá uma opção de limpar (clear) e uma botão de cancelar. Use o feedback para mostrar a pesquisa que está sendo realizada.

Auto-complete

Um dos padrões de pesquisas mais úteis que surgiram no Web 2.0 é  o auto-complete. Ao digitar algo no campo de pesquisa, imediatamente o usuário verá um conjunto de resultados possíveis, bastando tocar em um deles para selecioná-lo para que a pesquisa seja realizada. Porém, se nenhum dos resultados for o desejado, ele pode continuar e a escrever livremente e após isso clicar no botão de pesquisa explícita.

Android Marketplace (Google Play) e Netflix: ambos utilizam o auto-complete

Idealmente, os resultados serão exibidos imediatamente, mas um indicador de progresso (busca …) deve ser usado pelo sistema. Netflix (acima) utiliza um indicador no campo de pesquisa, enquanto que Fidelity (abaixo) mostra os resultados em que um irá eventualmente ser exibido.

Fidelity apresenta feedback ao carregar as opções de auto-completar.

O TripAdvisor ™ fornece um maior auto-complete, agrupando os resultados por destinos populares, hotéis, restaurantes. LinkedIn faz algo semelhante, mostrando ligações diretas primeiro e depois outras pessoas no LinkedIn.

TripAdvisor e LinkedIn: grupo das opções sugeridas.

Forneça um feedback se por acaso haver um atraso na exibição dos resultados. Considere o texto da pesquisa enfatizando correspondência nos resultados da pesquisa.

No próximo post do blog da TouchPoints, continuaremos abordando os tipos de interfaces que tem relação com a experiência do usuário (UX) em relação aos tipos de pesquisas.

Fonte: Smashing Magazine

3. Ações

Ações primárias vs secundárias. Ações primárias são links e botões em um formulário que executam a funcionalidade essencial “final”, como “Save” e “Enviar”. Ações secundárias, como “Voltar” e “Cancelar”, permitem que os usuários retraiam dados que eles acessaram. Se for clicado por engano, ações secundárias normalmente têm conseqüências indesejadas, por isso use apenas as principais ações sempre que possível. Se você deve incluir ações secundárias, dar-lhes peso, menos visual do que ações primárias.

Não distinguir claramente entre ações primárias e secundárias podem facilmente levar ao fracasso. Os botões de ação acima são encontradas no final de uma forma longa para se matricular em St. Louis Community College.

Convenções de nomenclatura. Evite palavras genéricas como “Enviar” para as ações, porque eles dão a impressão de que a forma em si é genérica. Palavras e frases descritivas, como “LinkedIn”, são os preferidos.

A Coca-Cola dá mais importância para o botão de ação primária, que se contenta com a palavra genérica "Enviar". Neste caso, "Registre-se conosco" teria sido mais útil.

Fonte: Smashing Magazine

2. Campos de Entrada

O campo de entrada fornece o tipo apropriado com base no que está sendo solicitado. Cada tipo de campo de entrada tem suas próprias características, que os usuários estão acostumados.

Campos de entrada de personalização não inventam novos tipos de campos de entrada. Isso era comum nos primeiros sites em Flash. O simples é muitas vezes o mais útil. Mantenha campos de entrada fechados no HTML.

Alterar a interface de campos de entrada irá confundir os usuários

Restrinja o formato dos campos de entrada se você precisar diminuir o formato dos dados introduzidos pelos usuários. Por exemplo, em vez de exibir MM / DD / AAAA ao lado de um campo de texto para uma data, considerar o uso de três campos drop-down ou, melhor ainda, um controle de calendário.

Campos obrigatórios vs opcionais. Os campos de entrada não podem ser deixados em branco pelo usuário. A convenção é usar um asterisco (*). Qualquer símbolo vai funcionar desde que a legenda seja visível e indique o que significa (mesmo que seja um asterisco).

Fonte: Smashing Magazine

No terceiro aspecto do guia de usabilidade em formulários na web, entenda o porquê da interface de aparência ou de usuário (UI) ser fundamental para a usabilidade de um formulário Web, e as várias orientações para que funcione da melhor forma possível. Para simplificar a discussão, vamos agrupá-los em seis componentes apresentados anteriormente e que serão postados um a um nesta série.

1. Rótulos

Palavras individuais versus frases. Se o propósito de um rótulo é simples de entender, como pedir um nome ou número de telefone, logo, uma ou duas palavras devem bastar. Mas uma frase ou sentença pode ser necessária para eliminar a ambiguidade.

o formulário da Amazon contém frases completas.

Sentença vs caso de título. Deve ser “Nome e Sobrenome” ou “Nome e sobrenome”? Sentença é um pouco mais fácil e, portanto, mais rápido – para seguir gramaticalmente de caso de título. Uma coisa é certa: nunca use letras maiúsculas, ou outra forma, pois ficaria antiprofissional e difícil de verificar.

Viu como é difícil verificar rapidamente os rótulos na forma da Barnes & Noble de registro?

Dois pontos no final nos rótulos de interface do usuário para algumas aplicações e sistemas operacionais. O Windows, por exemplo, recomenda a adição de dois pontos no final de etiquetas de formulário. Alguns designers de formulários on-line adeririam a este modelo, principalmente porque os leitores confiam mais no símbolo de dois pontos para indicar um rótulo. Leitores de tela modernas contam com mark-up (especificamente, a tag label). Caso contrário, o cólon é uma questão de preferência e não aumenta nem diminui a usabilidade do formulário, contanto que o estilo é consistente.

Alinhamento de rótulos topo vs. esquerda vs. direita: Acima do campo de entrada nem sempre é o local mais útil para um rótulo. É ideal se você deseja que os usuários preencher o formulário o mais rápido possível. Mas há momentos em que você vai querer deliberadamente atrasá-los, de modo que eles percebam e leiam os rótulos com atenção. Além disso, manter uma forma longa de uma única coluna, fazendo com que os usuários rolem a página é melhor do que quebrá-la em colunas, numa tentativa de manter tudo. Cada estilo de alinhamento tem suas vantagens e desvantagens.

* Horários obtido de “Label Placement in Forms”, de Matteo Penzo.

Formulários nunca deve conter mais de uma coluna. Observe como é fácil ignorar a coluna da direita aqui na Makeup Geek (para não mencionar a nota sobre "Os campos obrigatórios" na parte inferior).

Fonte: Smashing Magazine

Aspecto 2: A conversa

Um formulário é uma conversa. E, como uma conversa, ele representa uma comunicação bidirecional entre duas partes, neste caso, o utilizador e a organização. De fato, o utilizador preencheu o formulário a fim de iniciar uma comunicação com a organização.

Por exemplo, em uma rede social, um usuário preenche um formulário de registo para informar à organização que eles gostariam de participar. Ao convidar seu pedido (automaticamente ou manualmente), a organização gostaria de pedir ao usuário uma série de perguntas (na forma de etiquetas), como seu nome, sobrenome, endereço de e-mail e assim por diante. Após a aceitação (ou recusa), a empresa informa o usuário sobre o resultado, completando assim o processo de comunicação.

Analisando os formulários a partir dessa perspectiva se produz algumas diretrizes:

• Como mencionado, um formulário é uma conversa, não um interrogatório. Textos agressivos em rótulos farão os usuários se sentirem nervosos, e eles provavelmente irão lhe dar as respostas que querem ouvir, ao invés da verdade.

• Ordene os rótulos logicamente, refletindo o fluxo natural de uma conversa. Por exemplo, não seria estranho pedir a alguém o seu nome só depois de terem pedido uma série de outras questões? As perguntas mais envolventes devem vir no final do formulário.

• Grupo de informações relacionadas, tais como dados pessoais. O fluxo de um conjunto de questões para a próxima será melhor se assemelhar a um conversa.

Formulário de inscrição Yahoo. Grupos conteúdo relacionado por meio de títulos roxos e linhas finas.

Enquanto grupos de contatos constantes relacionam conteúdo, ele também separa os demais grupos, o que poderia confundir o usuário.

• Como em uma conversa real, cada rótulo deve abordar um tema de cada vez, ajudando o usuário a responder no campo de entrada correspondente.

• As pausas naturais em uma conversa indicarão onde introduzir espaço em branco, como rótulos de grupo e talvez quebrar a forma ao longo de várias páginas.

• Em qualquer conversa, as pessoas se distraem com o ruído de fundo. Então, remover a desordem, tais como banners e navegação desnecessária que poderiam distrair os usuários de preencher o formulário.

O Dropbox fornece um bom exemplo de como um formulário de inscrição deve se parecer. O espaço em branco é eficaz, e a página organizada.

Fonte: Smashing Magazine

Aspecto 1: O Relacionamento

“Nenhum homem é uma ilha”, disse o poeta inglês do século XVII , humorista, advogado e padre John Donne. De fato, os seres humanos prosperam em relacionamentos, sejam eles amorosos, simpáticos ou profissional. Um formulário é um meio para estabelecer ou melhorar uma relação entre o usuário e a organização. Quando mal feito, pode antecipar ou terminar esse relacionamento.

Com isto em mente, uma série de princípios emergem:

* Os relacionamentos são baseados na confiança, então estabelecer a confiança no seu formulário é fundamental. Isto pode ser conseguido através do logotipo, imagens, cores, tipografia e redação. O usuário vai se sentir à vontade sabendo que o formulário vem de uma organização sincera.

* Todo relacionamento tem um objetivo, seja ele o amor e a felicidade em um relacionamento romântico, ou ganho financeiro em uma relação comercial. Pergunte a si mesmo, qual é o objetivo do seu formulário?

* Basear o nome do formulário na sua finalidade. Esse nome irá informar aos usuários o que é o formulário e por que eles devem preenchê-lo.

* Assim como em um relacionamento, conhecer a outra pessoa é essencial. Conheça os seus usuários e sempre considere que as perguntas que você está fazendo são adequadas e, em caso afirmativo, se são oportunas. Isto irá incutir um fluxo natural para o seu formulário.

* Saber que seus usuários também o ajudarão a escolher o idioma apropriado e remover textos supérfluos. E eles irão ajudar você a criar uma interface que equilibra suas necessidades e ao do usuário.

* Não faça perguntas fora do âmbito do formulário. Em um relacionamento, você ficaria desconfiado de alguém que faz perguntas “sem pé nem cabeça”. A mesma coisa acontece online. Consulte as partes interessadas para ver qual informação é realmente necessária.

* Mudanças bruscas de comportamento ou aparência deixarão os usuários nervosos. Da mesma forma, nunca introduza mudanças bruscas entre os formulários ou entre as etapas em um formulário.

Conheça os seus usuários. Será mais fácil para usuários cadastrados entrar e para os novos usuários se cadastrar. O site Debenhams faz essa distinção pouco perceptível.

A Amazon, por outro lado, simplifica o processo para clientes registados e novos.

Fonte: Smashing Magazine

Apesar das diferenças de funcionalidade, layout e objetivo, todas as formas têm três aspectos principais, conforme observado por Caroline Jarrett e Gerry Gaffney em seu livro que fala sobre usabilidade em formulários na web, Forms That Work: Designing Web Forms for Usability:

1. Formas de Relacionamento estabelecem uma relação entre o usuário e organização.
2. Conversas estabelecem um diálogo entre o usuário e organização.
3. Aparência – pela forma como olham, eles estabelecem uma relação e uma conversa.

Para um formulário ser utilizado, todos os três aspectos precisam ser levados em conta. Ao olhar para cada aspecto, que serão abordados nos próximos posts, você irá descobrir como fazer um formulário realmente útil, com orientações práticas que você pode facilmente seguir.

Fonte: Smashing Magazine

Formulários da Web são uma necessidade e, muitas vezes um ponto problemático para designers e usuários. Com o tempo, os usuários criaram expectativas de como um formulário deve parecer e se apresentar. Eles normalmente esperam que os formulários da Web tenham os seis seguintes componentes:

1. Estes rótulos informam aos usuários o que os campos correspondentes dizer.
2. Campos de entrada permitem que os usuários forneçam feedback. Eles incluem campos de texto, campos de senha, caixas de seleção, botões de rádio, controles deslizantes e muito mais.
3. Ações são os links ou botões que, quando pressionado pelo usuário, executar uma ação, como enviar o formulário.
4. Ajuda fornece assistência sobre como preencher o formulário.
5. Mensagens dão o feedback para o usuário com base em sua entrada. Eles podem ser positivos (como o que indica que o formulário foi enviado com sucesso) ou negativa (“O nome de usuário que você selecionou já está tomada”).
6. Validação garante que os dados apresentados pelo usuário está em conformidade com os parâmetros aceitáveis.

O formulário de inscrição do Skype contém todos os seis componentes

Fonte: Smashing Magazine

Neste artigo, você receberá orientações práticas que facilmente podem ser seguidas. Estas orientações foram criadas a partir de testes de usabilidade, testes de campo, acompanhamento de website, eye tracking, Web analytics e reclamações reais feitas para o pessoal de suporte ao cliente.

Por que Usabilidade Web Form é importante?

A ISO 9241 padrão define usabilidade do Web site como a “eficiência, eficácia e satisfação com que usuários específicos atinjam metas específicas em ambientes em particular.” Ao usar um site, os usuários têm um objetivo particular. Se bem feito, o site irá cumprir essa meta e se alinhar com os objetivos da organização do site. Entre o objetivo do usuário e os objetivos da organização está muitas vezes uma forma, porque, apesar dos avanços na interação humano-computador, estas formas permanecem predominantes na interação dos usuários na web. Na verdade, as formas são muitas vezes consideradas como a última etapa e mais importante da jornada para a conclusão dos objetivos.

Vamos esclarecer esse último ponto, discutindo os três principais usos de formas. O designer Luke Wroblewski, afirma em seu livro “Web Form Design: Filling in the Blanks”, “que toda a forma existe para uma das três razões principais: comércio, comunidade ou produtividade”. A tabela a seguir traduz cada uma dessas razões para o usuário e os objetivos de negócios que estão por trás delas:

Utilização de formas, com base no Formulário de Luke Wroblewski

Assim, a relação entre formas e usabilidade têm dois aspectos:

1 – Os formulários podem fazer um site útil ou inútil, porque eles estão no caminho do usuário atingir seu objetivo;

2 – Formas precisam ser úteis para ajudar o usuário a atingir esse objetivo.

Este post ressalta o segundo ponto, porque uma forma utilizável, naturalmente, contribui para a usabilidade geral do site, portanto, o aspecto de utilidade está em primeiro lugar.

Fonte: Smashing Magazine

Mito #9: O design tem que ser original

Muitos designers preferem reinventar a roda do que adaptar os padrões convencionais de design para interface do usuário. Deve ser considerado, no entanto, que tais convenções funcionam bem porque elas já foram utilizadas e testadas para usabilidade. Uma vez que os usuários as conhecem bem, você não precisa explicar nada ou fornecer um manual de instruções. Como os usuários apreciam mais usabilidade do que inovações, modelos padrão beneficiarão sua audiência.

Pode ocorrer de uma nova abordagem ser necessária, porém você deve estar 100% certo de que sua solução é melhor do que um padrão existente.

Sobre a importância das convenções na web:

• Steve Krug afirma em “Não me faça pensar” que “convenções são amigas” e são essenciais para os usuários quando eles vão de um site para outro.
• Em “Como criar um site bom o bastante” Seth Godin afirma que “existem mais de um bilhão de páginas na web” para se tirar inspiração.
• De acordo com “Web Design from Scratch”, não forçar originalidade a qualquer preço fazer o processo do design “mais rápido, fácil e lucrativo” e “beneficia seu usuário”.
• O blog Think Vitamin de Carsonified aponta que “a grande solução do design que você procura provavelmente já está lá”.

Leitura adicional sobre o conceito de originalidade:

• The Myth of Originality: Porque as coisas que muitos consideram original na verdade não são
• Nina Paley: The Cult of Originality
• Kyle Meyer: Originality in Web Design

Mito #10: Se seu design é bom, pequenos detalhes não importam

“Os detalhes não são detalhes. Eles fazem o design.” diz Charles Eames. Pequenos detalhes tais como uma mensagem de erro informativa, uma mensagem de segurança em um formulário de cadastro ou a reordenação de produtos em uma página de categoria impactam fortemente a experiência do usuário.

Pequenos detalhes são um longo caminho. E é com isso que a Apple se preocupa: atenção obsessiva com detalhes até nos menores bits.

Onde pequenas otimizações afetam o todo:

• No BestBuy.com, a pequena mudança de permitir que as pessoas pulem o cadastro durante a compra resultou em $300 milhões a mais nos lucros anuais. – The $300 Million Button
• ClickTale dobrou as conversões em seus cadastros de 40% para 80% com uma simples mudança de adicionar uma explícita e bem visível mensagem de “opcional” ao campo de número de telefone. – Change one word, DOUBLE your conversion rate!
• Uma pequena melhoria nas mensagens de erro de um e-commerce aumentou as compras completadas em 0,5% (muito se comparado como esforço) e economizou cerca de £250.000 por ano para a companhia. – £250,000 from better error messages
• Menus de restaurantes podem utilizar diversos detalhes que influenciam em sua decisão, incluindo imagens motivadoras, pratos sedutores, omitir o símbolo de dólar, evitar listar os preços em coluna, etc. Tais detalhes podem parecem irrelevantes mas de fato significam muito. – Menu Mind Games
• … para mais exemplos de otimização na web, veja ABtests.com.

Mais sobre porque os detalhes são importantes:

• Naz Hamid afirma que designers devem focar-se nos detalhes e serem obsessivos sobre isso: eles devem sempre experimentar, por suas próprias críticas, e se esforçarem em terminar cada último detalhe em um projeto. – Design is in the Details
• Des Taynor diz que usuários frequentemente julgam a qualidade de um software baseados na primeira impressão. Além disso, uma pesquisa de um restaurante confimou que até a nuance da qualidade dos guardanapos efeta a satisfação do usuário. – The thickness of napkins
• O designer Jeff Howard escreveu que companhias que lutam para criar serviços sem defeitos se sairiam melhor se focassem seus esforços somente nos detalhes. – The Problem with Service Design
• Joshua Brewer sobre a importância dos chamados detalhes prazerosos: “A indústria tem conhecido este segredo desde sempre. Há um curto espaço de tempo e uma interação limitada para alinhar a experiência para o usuário. Nestes momentos, o usuário pode ser prazerosamente surpreendido pelos pequenos extras: a atenção aos detalhes, rapidez do serviço, alguns extra “qualquer coisa” ou simplesmente um sorriso. Se o usuário sai sentindo que foi dedicada uma pequena atenção extra à ele, você pode ter certeza que ele voltará e mais ainda, falará bem do serviço aos seus amigos.”  - Design for Delight
• Uma coleção inspiracional de pequenos detalhes no design – Little big details

Fonte: UX Myths

Mito #7: Gráficos farão os elementos da página mais visíveis

Uma armadilha comum no web design é enfatizar uma parte importante do conteúdo com um gráfico ou apresentação em flash. Essa abordagem, no entanto, o faz frequentemente menos visível.

Quando as pessoas procuram por algo específico num website, eles buscam por textos e links onde eles assumem que a informação poderá ser encontrada. Muito frequentemente as pessoas confundem os elementos das páginas que possuem muitas cores e apelo visual com anúncios e os evitam em geral.

De qualquer forma, não significa que você não pode usar nenhuma ênfase. Contraste funciona muito bem e é essencial para priorizar o conteúdo e, assim, criar um design efetivo.

Mito #8: Fotos de bancos de imagens melhoram a experiência do usuário

Testes de usabilidade e estudos de eye-tracking mostram que fotos de bancos de imagens e outros elementos gráficos decorativos raramente agregam valor a um website e, mais frequentemente, danificam do que melhoram a experiência do usuário.Tais imagens não são relacionadas ao tópico do website e não agregam informação útil. Usuários normalmente correm os olhos sobre imagens de bancos de imagens e, eventualmente, se frustram por causa delas.

Fonte: UX Myths

Mito #5: Acessibilidade é cara e difícil

Para fazer seu website acessível, você não precisa adicionar nenhuma funcionalidade extra ou duplicar qualquer conteúdo. A chave é simplesmente avaliar os requerimentos daqueles com habilidades diferentes e dispositivos limitados quando estiver desenvolvendo a interface do usuário e seu conteúdo.

Para construir do zero um website que é acessível, os custos são na prática os mesmos que desenvolver um que não é.

Corrigir um site que já é inacessível, no entanto, pode necessitar um esforço extra mas é sempre benéfico a longo prazo, pois sites acessíveis são mais fáceis e baratos para manutenção.

Porque tornar seu website acessível é benéfico:

* Alcançar uma audiência maior – 14% do total da população pode sofrer de deficiências

* Um site acessível sempre tem usabilidade melhor

* Um site acessível é também SEO friendly

* Acessibilidade também traz outros benefícios como páginas mais rápidas, compatibilidade cross-browser e facilidade de manutenção de conteúdo

Mito #6: Sites acessíveis são feios

Acessibilidade na web significa fazer seu conteúdo disponível para usuários com diferentes habilidades e dispositivos. O requisito chave para a acessibilidade web é separar o conteúdo (HTML) da aparência visual (CSS) para permitir àqueles que preferem – ou necessitam – usar sua folha de estilo específica para acessar o conteúdo.

Uma vez que a aparência visual de um site é definida pela folha de estilos, a acessibilidade em sim não deve ter nenhum impacto no design visual.

Ótimos exemplos de sites bonitos e totalmente acessíveis:

* CSS Zen garden

* The White House

* Campaignmonitor

* Apple.com

Fonte: UX Myths

Mito #3: As pessoas não rolam a página (scroll)

Em sites com conteúdo longo, com artigos e reportagens, a barra de rolagem permite uma usabilidade muito melhor do que dividir o texto em várias páginas.Para garantir que os usuários utilizem a barra de rolagem é necessário prover conteúdo interessante, que os faça continuar a leitura, como também é necessário disponibilizar um design atraente.

Mito #4: Design serve para o site ficar bonitinho

Muitas pessoas consideram o Design como a arte da aparência, porém poucos enxergam sua verdadeira essência: Design é mais como alguma coisa funciona do que como é sua aparência.

O objetivo do Design é resolver os procedimentos de forma eficiente, focando em como os usuários veem o mundo, como eles pensam e se comportam.

“Design não é somente aparência e sentimento. Design é como funciona”. – Steve Jobs

“Bom design, quando é bem feito, torna-se invisível. Não é somente quando é feito de forma pobre que o noticiamos. Pense nele como um ar condicionado. Nós somente o notamos quando está muito quente, muito frio, fazendo muito barulho ou se está pingando em nós. Se o ar condicionado está perfeito, ninguém diz nada e nos focamos, então, no que temos a fazer.” – Jared Spool

Fonte: UX Myths

Continue acompanhando o blog da TouchPoints para maiores informações.

Com o intuito de esclarecer alguns desses mitos, abaixo segue dois mitos frequentes em relação à experiência do usuário:

Mito #1: As pessoas leem na web

As pessoas normalmente correm os olhos pelas páginas na web, procurando por palavras-chaves, títulos que lhe chamem a atenção. Elas leem palavra por palavra somente quando o conteúdo lhes interessa.

Por esse motivo, não espere que as pessoas leiam toda a página de informações sobre a empresa, ou leia palavra por palavra de um post no blog da empresa.

Textos longos, sem imagens e com informações desnecessárias só auxiliam para afastar os internautas do conteúdo que você deseja transmitir.

Mito #2: Todas as páginas devem ser acessíveis em 3 cliques

Há muito tempo testes de usabilidade são desafiados pela regra dos 3 cliques. Na realidade, o número de cliques não afeta a satisfação dos usuários, muito menos o sucesso do site.

O que realmente conta no momento da navegação é facilidade com que o internauta interage com a plataforma. Se você não fizer o usuário pensar sobre os cliques, com certeza o número de cliques não o incomodará.

Fonte: UX Myths

Continue acompanhando os principais mitos referentes à experiência do usuário nos próximos posts do blog da TouchPoints.

Totalizando nove meses de trabalho, o projeto uniu profissionais do Grupo RBS, da CWI Software e da TouchPoints para desenvolvimento de produto e design de interação.

O projeto iniciou com uma pesquisa realizada em janeiro deste ano, englobando usuários e representantes de mercado, principalmente imobiliárias. A pesquisa demonstrou que os usuários gostavam do site, mas apontaram falhas no mecanismo de busca utilizado e no desempenho do mecanismo nos resultados de buscas.

O Pense Imóveis conta ainda com a tecnologia utilizada pelo mecanismo de busca Google, a GSA (Google Search Appliance), que permite ao usuário fazer buscas abertas no site, isto é, basta o internauta digitar o que quer e todas ofertas relevantes serão mostradas na tela.

Desse modo, com o esforço em conjunto dos profissionais do Grupo RBS, CWI Software e TouchPoints, o Pense Imóveis inovou suas funcionalidades, tornando o site muito mais agradável e eficiente para os seus internautas.

Fonte: Pense Imóveis

Molde

“Eu sou extremamente influenciado pelo modo como os preços são moldados.”

Esse princípio reconhece que as pessoas não são muito boas estimulando o valor absoluto do que eles estão comprando. As pessoas fazem comparações, seja contra alguma alternativa que você mostrar ou alguma referência externa.

Saliência

“Minha atenção é atraída para o que é relevante para mim agora.”

Esse princípio nos explica que as pessoas estão mais propensas a prestar atenção em elementos em sua interface do usuário que são novos (como um botão colorido de “enviar”) e que são relevantes para a tarefa em questão. Por exemplo, há momentos específicos durante uma compra cujos consumidores estão mais propensos a procurar por promoções ou ofertas especiais. Ao identificar estes momentos sedutores aos consumidores, você vai aprender quando oferecer aos clientes um bônus ao efetuarem a compra de um produto.

Fonte: Smashing Magazine

Autoridade

“Estamos mais propensos a agir sobre a informação quando ela é comunicada por um especialista.”

Esse princípio é sobre influenciar um comportamento através da credibilidade. As pessoas são mais propensas a tomar uma medida se a mensagem vem de uma fonte confiável. É isso que impulsiona as pessoas a dar um RT no Twitter.

“Arquitetos de persuasão” exploram esse princípio fornecendo brilhantes testemunhos em seus sites. Se for um site de E-commerce terão ícones altamente visíveis mostrando que o site é seguro e confiável. Se o site possui um fórum, eles vão dar às pessoas a oportunidade de avaliar respostas, usuários ou tópicos.

Escassez

Esse princípio nos demonstra que as pessoas estão mais propensas a querer alguma coisa quando eles pensam que isso só está disponível por um período limitado de tempo ou está em escassez. Isso não é somente sobre o medo de perder alguma coisa (um tipo de prova social reversa). Na verdade, escassez faz com que as coisas pareçam ser mais valiosas.

“Arquitetos de persuasão” usam esse princípio revelando escassez no design da interface. Pode ser um item ou uma roupa do seu tamanho que está esgotando, ingressos para o teatro que estão acabando ou convites para o lançamento de um produto. Eles sabem que a escassez gerará uma maior demanda.

No próximo post do blog Design de Persuasão, confira as demais armas de influência – Molde e Saliência.

Fonte: Smashing Magazine

Retomando o que foi exposto nesse post, existem sete principais armas de influência utilizadas na arte da persuasão: retribuição (vista no post anterior), comprometimento, prova social, autoridade, escassez, molde e saliência.

Comprometimento

“Eu gosto de fazer o que eu digo.”

Esse princípio nos diz que nós gostamos de acreditar que o nosso comportamento é coerente com os nossos princípios. Uma vez que você tomar uma posição sobre algo que é visível para outras pessoas, de repente você sente uma necessidade para manter esse ponto de vista confiável e constante.

Um exemplo familiar desta ação é quando os comentários em um blog acabam em uma guerra. Comentaristas são levados a justificar os seus comentários anteriores e muitas vezes tornam-se ainda mais comprometidos com suas posições.

“Arquitetos da persuasão” aplicam este princípio pedindo algo relativamente menor, mas com o seu visível compromisso. Eles sabem que podem levá-lo a agir de uma maneira em particular, e em breve você vai começar a acreditar. Por exemplo, uma empresa pode lhe pedir para clicar em ‘Like’ em um dos seus produtos no Facebook, para assistir a um vídeo ou ter acesso a determinado conteúdo. Uma vez que as informações referentes a essa empresa aparecem em sua News Feed, você fez um compromisso público com o produto e se sente mais inclinado a apoiar a marca.

Prova social

“Eu vou com a onda.”

Esse princípio nos demonstra que nós gostamos de observar o comportamento das outras pessoas para julgar o que é normal, e então copiar isso.

“Arquitetos da persuasão” aplicam esse princípio nos mostrando o que as outras pessoas estão fazendo nos seus sites. Por exemplo, pesquisadores da Universidade de Columbia criaram um site que pedia às pessoas para ouvir, avaliar e baixar músicas de bandas independentes. Algumas pessoas só viam os nomes das músicas e bandas, enquanto outras também viam quantas vezes as músicas foram baixadas por outras pessoas – o que está relacionado com a influência social.

“Arquitetos de persuasão” também exploram esse princípio no poder de padrões. Eles sabem que a configuração padrão de um controle de interface do usuário tem uma poderosa influência sobre o comportamento das pessoas. Nós tendemos a ver a configuração padrão como uma opção de “recomendável” – a opção que a maioria das pessoas iria escolher na nossa situação.

Fonte: Smashing Magazine

É o que ocorre com os usuários. Quando uma empresa dispõe do incentivo certo para o seu público, utilizando-se de estratégias de persuasão, é possível guiar os clientes até a realização de uma compra e confiança na marca.

Existem sete principais armas de influência utilizadas no arsenal de persuasão:

• Retribuição

• Comprometimento

• Prova social

• Autoridade

• Escassez

• Molde

• Saliência

Retribuição

“Eu gosto de retribuir favores.”

Esse princípio expressa que se nós recebemos um favor, nós vamos querer retribui-lo. Se alguém lhe dá um presente, o convida para uma festa ou faz algo bom, você se vê obrigado a fazer a mesma coisa num futuro próximo.

“Arquitetos da persuasão” exploram esse princípio dando aos usuários pequenos presentes – uma amostra do capítulo de um livro, um boletim periódico ou simplesmente uma informação interessante – com o conhecimento de que os usuários sentirão a necessidade de oferecer algo em retorno.

Esse “algo em retorno” não precisa ser necessariamente uma compra (ainda não, pelo menos). Arquitetos da persuasão sabem que eles precisam entrar em contato com potenciais clientes em diversas ocasiões antes deles se tornaram de fato clientes.

Fonte: Smashing Magazine

Confira maiores informações no próximo post do blog da TouchPoints.

Inspirar confiança em clientes

Os clientes são cautelosos quando são solicitadas informações pessoais, e com razão, ao passo que atualmente é perigoso confiar em qualquer um. Mesmo as marcas nas quais os clientes confiam podem usar técnicas para reforçar a confiança.

• A aparência importa, e o design do seu site é muitas vezes a primeira impressão que um cliente vai ficar do seu negócio. A criação de um site com aparência profissional é fácil e barata, de modo a fazer uma boa primeira impressão. Isto inclui a concepção para a acessibilidade e, especialmente, que todos os recursos funcionem corretamente.

• Destaque a segurança em áreas seguras do site para lembrar os clientes que sua informação está segura, mesmo que os navegadores tenham pequenos indicadores para mostrar áreas de segurança. Amazon faz isso através de seu sinal em botão; outros sites exibem um ícone de cadeado perto da área de log-in.

• Torne claras suas práticas de negócio (incluindo políticas de privacidade, segurança e retorno), e torne-as acessíveis a partir de cada página. Não faça os clientes caçarem para obter essa informação, mas sim, apresentar esses links contextualmente se for o caso (por exemplo, exibir um link para sua política de privacidade perto do campo de endereço de e-mail).

• Informações de contato visíveis transmitem confiança, mesmo se o cliente não for utilizá-las. Ofereça opções de contato alternativas: embora a Amazon não divulgue seu número de telefone de atendimento ao cliente, ela oferece um excelente suporte via e-mail e chat.

• Marcas menos conhecidas devem fazer todos os itens acima, bem como inspirar confiança, mostrando confiança de certificação de terceiros e filiações. Estes incluem certificados de confiança (TRUSTe), crachás de segurança (VeriSign), a acreditação (BBB) e classificações (Bizrate).

Fonte: Smashing Magazine

Mantenha-se informado no blog da TouchPoints para maiores informações.

No caminho tradicional de uma compra, uma empresa perde clientes em potencial quando eles se movem para mais perto da compra. Enquanto isso é natural e esperado, melhorar a experiência do usuário pode reduzir essa perda através da remoção de barreiras desnecessárias ao fazer compras online.

As diretrizes, técnicas e práticas a seguir abordadas visam os problemas comuns na experiência do usuário em sites de E-commerce. Melhorar a experiência do usuário exige uma boa compreensão de seus usuários e seus objetivos no site.

Promova a sua presença online

Faça com que seja fácil dos consumidores acharem o seu site usando uma combinação de táticas de marketing online e off-line. Analytics mostrará como os usuários estão chegando ao site. Porém, o que esses relatórios não irão lhe mostrar são as oportunidades perdidas, como também clientes terminando em sites de seus concorrentes ao invés do seu, por causa das pesquisas de palavras-chave realizadas por eles.

• Analise o seu site e os sites de seus principais concorrentes para comparar como está seu desempenho na busca de termos usados pelos seus principais consumidores e para identificar áreas para otimização.

• Se o seu negócio é vender num mercado competitivo, aumente os seus esforços em SEO comprando palavras-chave relevantes para colocar ao lado dos resultados de buscas, usando serviços como o Google AdWords e o Microsoft  adCenter.

• Crie páginas virtuais de negócios como o Google Places, Bing Business Portal e Yahoo Local – estas páginas estarão em destaque nos resultados de buscas e em serviços de localização de redes sociais. Além do seu nome comercial, você pode acrescentar endereço físico, número de telefone, URL do site e horários de atendimento.

• Utilize campanhas de e-mail para atrair novos consumidores e antigos consumidores de volta para o seu site. Em um estudo recente da Forrester, os varejistas indicaram que o e-mail marketing apresenta um maior retorno em investimento (ROI).

• Crie, entre ou apoie comunidades e mídias sociais relacionadas aos seus produtos ou aos problemas que visam os seus produtos.

• Vá onde estão seus consumidores. Atualmente, isso incluí redes sociais. Crie perfis em redes sociais, promova interação entre os usuários e a empresa, além de disponibilizar descontos e promoções especiais.

A página no Facebook da JCPenney permite que os usuários realizem compras dentro da rede social.

• Use uma URL pequena, simples e intuitiva, além de uma segura grafia alternativa. Desse modo os usuários poderão chegar ao seu site mesmo que esqueçam uma letra.

• Aumente a visibilidade em resultados de buscas utilizando técnicas de SEO, incluindo escolher as palavras-chave corretas e criando palavras-chave ricas, sites parceiros, títulos, tags e conteúdos.

Fonte: Smashing Magazine

Para maiores informações, continue acompanhando o blog da TouchPoints.

Desse modo, confira a lista das principais razões do por que nós ainda encontramos sites com uma usabilidade pobre.

3 – Legado

O problema: a internet ainda contém sites que datam de anos atrás e é possível que você se depare com sites desse tipo, criados há dois, cinco, dez anos atrás e que continuam vivos na web.

Como evitar isso: mantenha-se informado sobre os desenvolvimentos mais recentes, siga a chave da usabilidade e profissionais de experiência do usuário, veja o que mostram as pesquisas, participe de discussões on-line, e leia muito! Inspire-se em sites que estão em ativa na web.

2 – Diretrizes

O problema: diretrizes de usabilidade na web são consideradas os melhores recursos que uma empresa pode utilizar para avaliar a usabilidade de um site e estudá-la.

O verdadeiro problema com as diretrizes é que existem muitas delas, tornando difícil saber qual definição usar e aplicar.

Desse modo, um desenvolvedor que ignora totalmente as diretrizes de usabilidade no desenvolvimento de um site automaticamente ignora os resultados da pesquisa que foi conduzida a moldar essas orientações. Outra possibilidade, um desenvolvedor pode seguir as diretrizes de usabilidade que utilizou como referência de forma a garantir um site com uma ótima usabilidade. No entanto, no processo, ele pode realizar uma má interpretação da orientação, porque essa diretriz é abstrata por natureza.

Como evitar isso: tenha a garantia de que as orientações de usabilidade que você está utilizando são de uma fonte segura e confiável, e que esteja fortemente apoiada em pesquisas. Além de que sempre deve prevalecer o bom senso quando uma diretriz não parecer fazer sentido.

1 – Tempo

O problema: avaliação de usabilidade é um processo no qual medimos a usabilidade de determinada plataforma e reconhecemos os problemas existentes. Seu principal objetivo é identificar as principais questões na interface do usuário que podem levar a erro humano, encerrar a interação do usuário com o sistema e causar a frustração do usuário. Fazer a avaliação de usabilidade e melhoria de sites está se tornando cada vez mais difícil porque eles estão cada vez maiores e mais complexos. Além disso, atualmente os sites tendem a serem atualizados com uma maior regularidade do que no passado.

Essa dificuldade e disposição de recursos aumentam com grandes sites. Tempo é, portanto, um fator importante no sentido de que o ciclo de vida do site é um ciclo curto devido à pressão do mercado e a ausência de barreiras de distribuição. De modo a satisfazer tais prazos exigentes, a avalição de usabilidade pode ser negligenciada, resultando em sites menos utilizáveis.

Como evitar isso: a avaliação de usabilidade deveria ser um processo do desenvolvimento. Se um site é usável, então existem grandes probabilidades de que os clientes conseguirão melhores resultados do investimento.

Um cuidado especial deve ser tomado no processo de design de interface do usuário, de modo a incorporar os princípios da usabilidade. Se um cliente introduz alterações, certifique-se de justificar as razões pelas quais determinados elementos de design estavam no local.

Tempo deve ser criado e um bom ponto de partida seria avaliar os procedimentos de padronização, de modo a proporcionar um melhor fluxo de trabalho interno.

Fonte: Usability Geek

Mantenha-se informado no blog da TouchPoints.

Finalizando as dicas de usabilidade comprovadas por pesquisas abordadas no post anterior, seguem as seguintes dicas:

7. Áreas em branco ao redor do texto melhoram a legibilidade

Uma legibilidade fácil melhora a compreensão e a rapidez na leitura como também aumenta a probabilidade de que um usuário irá continuar a ler o conteúdo ao invés de abandonar o site. Há muitos fatores que influenciam uma fácil legibilidade, como opções e tamanho da fonte, background, como também o espaçamento do texto.

Um estudo de legibilidade testou o desempenho de leitura de 20 participantes apresentando para eles os mesmos blocos de textos com diferentes margens em torno do texto, como também diferentes distâncias entre as linhas dos textos. Esse estudo mostrou que textos sem margens são lidos mais rápido, entretanto, a compreensão de texto diminuiu. Maiores velocidades de leitura quando o texto não possui margens podem ser explicadas pelo fato de que os parágrafos estarem mais juntos, resultando num tempo menor necessário para mover os olhos linha por linha e parágrafo por parágrafo.

Como o presente estudo demonstra, o modo como nós estruturamos nosso conteúdo online pode influenciar positivamente a experiência do usuário. Esteja atento aos detalhes: cor, alinhamento, espaçamento entre linhas e parágrafos. Esteja consciente dos princípios de tipografia na internet para garantir que você não esteja desencorajando os usuários a lerem o conteúdo do site.

8. Pequenos detalhes na interface fazem uma grande diferença

Constantemente, nós olhamos para a figura no geral quando estamos criando um site e ignoramos as pequenas coisas quando nós estamos num tempo crucial.

Mas algo tão pequeno como o botão de um formulário pode afetar o sucesso de um site, pelo menos conforme a interface do usuário do especialista em design Jared Spool, que escreveu sobre um caso de que remover um botão e adicionar uma mensagem clara de erro para evitar erros dos usuários num processo de checkout aumenta a receita em $300 milhões somente em um ano.

Dessa forma, preste atenção nos detalhes. Estabeleça objetivos utilizando a ferramenta do analitycs e os estruture com o design do seu site.

9. Não use um mecanismo de busca para compensar uma navegação ruim

Usuários esperam que a navegação seja fácil de usar e bem organizada. Mesmo com um motor de busca excelente, os usuários ainda se voltam primeiro para a navegação primária.

Conforme um teste conduzido por Gerry McGovern, mais de 70% dos participantes começou a tarefa clicando em um link na página em vez de usar o recurso de busca.

Esse resultado é similar ao teste realizado pela UIE com 30 usuários. A análise de pesquisa concluiu que “os usuários constantemente se sentem atraídos por mecanismos de buscas quando os links dos sites não os satisfazem de alguma maneira”. Ao passo que a pesquisa em motores de buscas é mais utilizada somente quando o usuário falhou em descobrir o que ele estava procurando no site.

A lição a ser adquirida aqui é clara: não confie na busca do site para corrigir organização de conteúdo pobre. Quando os usuários são incapazes de navegar para o que eles estão procurando, a atenção deve ser desviada para layout, navegação e melhorias de organização dos conteúdos, com a melhoria da funcionalidade de pesquisa como a prioridade secundária.

10. A homepage não é tão importante quanto você pensa

Os visitantes do seu website são menos propensos a aterrissar em sua página. Motores de busca são um fator importante, pois eles ligam qualquer página que seja relevante ao seu site. Links de outros sites também são susceptíveis a links para páginas além de sua página inicial onde está a informação relevante.

Conforme análise realizada por Gerry McGovern, a visualização de páginas iniciais está diminuindo drasticamente. Ele testemunhou uma queda 39% de 2003 para apenas 2% em 2010 de visualizações de páginas iniciais de um site de pesquisa de grande porte. Esta tendência foi duplamente confirmada em outro site, onde o abastecimento de visualizações da página inicial foi reduzido pela metade em apenas dois anos (de 10% em 2008 para apenas 5% em 2010).

Os resultados de McGovern indicam que o tráfego é proveniente de fontes externas – motores de busca, sites de mídia social como o Twitter, e serviços de conteúdo, tais como agregador Alltop – ao invés da primeira página de um website. Portanto, se você focar mais em páginas de destino em relação a sua página inicial, você pode obter um maior impacto para seus investimentos em termos de conversão.

Fonte: Six Revisions

Desse modo, dando continuidade às dicas de usabilidade comprovadas por pesquisas, seguem as dicas nº 4, 5 e 6:

4. Permita que seu conteúdo seja lido rapidamente

Usuários realmente não leem o conteúdo online, pelo menos conforme estudo realizado pelo Dr. Nielsen, referente à leitura do comportamento dos usuários em seu site. A análise de Nielsen mostrou que as pessoas somente leem 28% do texto presente num site e diminuem o restante do texto que há na página.

Para aumentar a probabilidade de seus leitores tirarem um maior proveito do seu conteúdo, utilize técnicas para fazer o conteúdo mais fácil de ler. Destaque palavras-chave, escreva parágrafos curtos e utilize listas.

5. Não se preocupe com a “dobra” ou scroll vertical

Há muito tempo existe um mito de que todo o seu conteúdo importante deve estar acima da ”dobra”, um termo emprestado de jornais que se refere à área de uma página web que pode ser vista sem ter que rolar para baixo – primeiramente proposto por Jakob Nielsen.

Então, devemos colocar tudo no topo do layout porque as pessoas nunca vão ler qualquer coisa abaixo desta parte do site?

A resposta é “não”, de acordo com um relatório da Clicktale, uma empresa de análise de web. Os resultados mostraram que o comprimento da página não tem influência na probabilidade de que um usuário vai utilizar a barra de rolagem da página.

Um estudo realizado por Joe Leech da CX Partners, uma agência de design centrado no usuário, indicou que menos conteúdo localizado acima da “dobra” até mesmo encoraja os usuários a explorarem o conteúdo do site.

O ponto principal é que você não deve colocar todo o seu conteúdo  importante no topo porque tem medo que os usuários não sejam capazes de encontrá-los de outra forma. Use os princípios de hierarquia visual e da arte de distinção para priorizar e inferir a importância de vários elementos em suas páginas de conteúdo.

6. Coloque o conteúdo mais importante à esquerda da página

Pessoas criadas numa cultura onde a linguagem é lida e escrita da esquerda para a direita foram treinadas desde cedo para começar pelo lado esquerdo de uma página. Essa pode ser a razão pela qual muitos usuários depositam a maior parte da atenção no lado esquerdo da página – aproximadamente 69% do tempo, conforme o estudo de rastreamento ocular do Dr. Nielsen envolvendo mais de 20 usuários.

O mesmo resultado foi refletido em sites cuja linguagem era lida da direita para a esquerda, ocorrendo uma inversão dos resultados: maior atenção no lado direito do que no esquerdo.

Há duas coisas que devem ser levadas em conta nesse resultado. Primeiro, a linguagem do site é importante quando se pensa em layout; ao projetar um site você deve levar em conta um design social. Segundo, para sites que são tradicionalmente lidos da esquerda para a direita, colocar componentes importantes do site à esquerda é uma boa ideia, vice-versa para sites cuja linguagem é da direita para a esquerda.

Fonte: Six Revisions

Continue acompanhando o blog da TouchPoints.

Confira abaixo algumas dicas de usabilidade comprovadas por pesquisas:

1. Esqueça a regra dos “três cliques”

A ideia de que os usuários ficarão frustrados se eles tiverem que clicar mais de três vezes para achar uma parte do conteúdo do seu site tem sido uma discussão de décadas. Em 2001, Jeffrey Zeldman, autoridade reconhecida na indústria do web design, escreveu, em seu livro “Taking your talent to the web”, que a regra dos três cliques “pode nos ajudar a criar sites com intuição, lógicas estruturas hierárquicas”.

De fato, a maioria dos usuários não irá desistir só porque eles não alcançaram um número mágico. O número de cliques que eles devem possuir não tem nenhuma relação com a frustração dos usuários.

Um estudo conduzido por Joshua Porter, publicado na User Interface Engineering, descobriu que os usuários não são mais propensos a assumir o fracasso depois de três cliques contra um maior número, como 12 cliques. Segundo Joshua, “dificilmente alguém desistiu depois de três cliques”.

Desse modo, o foco não deveria ser a redução do número de cliques para algum número mágico, mas sim sobre a facilidade de utilidade. Se você pode construir uma interface do usuário que é fácil e prazerosa de utilizar, mas que o usuário leva 15 cliques para alcançar um objetivo em particular, não deixe a arbitrária lei dos três cliques parar você.

2. Tenha em mente o “padrão em F” para dispor seu conteúdo

Jakob Nielsen, pioneiro no campo da usabilidade, conduziu um estudo de rastreamento ocular na leitura dos hábitos dos usuários compreendendo mais de 230 participantes. O que a pesquisa abordou foi que os participantes apresentaram um “padrão em F” na digitação de conteúdo na web.

Um estudo semelhante, realizado pela Enquiro e Did-it em colaboração com a Eyetools, testemunhou um padrão semelhante, quando foram avaliados as páginas de resultados dos mecanismos de busca do Google com um estudo de rastreamento ocular que incluiu 50 participantes. O estudo foi apelidado de “Google Triângulo Dourado”.

Para os designers esses resultados sugerem que o conteúdo que os usuários querem ver deve ser localizado na esquerda da página e também que o uso do conteúdo que se encaixa num “padrão em F” (tais como títulos seguidos de parágrafos) aumenta a probabilidade de que eles sejam encontrados por um usuário que está procurando a página.

3. Não faça os usuários esperarem: melhore a velocidade do seu site

Desde sempre nós fomos avisados que os usuários são impacientes: eles detestam esperar.

Desse modo, Bing, o mecanismo de busca da Microsoft, conduziu uma análise para conferir se há alguma correlação entre a velocidade de uma página versus numerosos indicadores de desempenho, tais como satisfação e velocidade por clique.

O relatório mostrou que um aumento de pelo menos 2 segundos de atraso na página reduz a satisfação do usuário em -3,8%, perda de receita por usuário em -4,3% e uma redução de cliques em -4,3%, entre outros resultados. Para uma empresa tão grande como a Microsoft, mesmo a queda de 4,3% na receita pode equivaler a vários milhões de dólares perdidos.

De fato, os usuários são impacientes: eles estão menos satisfeitos e vão reduzir o número de cliques se esperarem muito tempo.

Fonte: Six Revisions

Confira outras dicas de usabilidade no próximo post da TouchPoints.

Nesse diapasão, Donald A. Norman – professor de psicologia cognitiva, formado em Ciências da Computação e Engenharia Elétrica pelo MIT e Doutor em Filosofia e Psicologia pela Universidade da Pensilvânia –, focando seus estudos no Design centrado no usuário, explica a importância dos aspectos viscerais, comportamentais e reflexivos no Design, demonstrando como a emoção implica nas decisões tomadas.

Segundo Norman, autor do livro “O design do dia a dia”, existem três tipos de design:

• Design visceral: focado na aparência.

• Design comportamental: enfoca o prazer e a eficácia do uso.

• Design reflexivo: inseparável, envolve os aspectos emocionais.

Desse modo, para alguns usuários, principalmente os mais lógicos, o design visceral ou o design da aparência já se torna suficiente para gerar algum tipo de emoção. Porém, esses usuários não são a maioria.

A grande maioria dos usuários baseia suas escolhas através das emoções, assim, se o usuário se sente confortável e tem todas as suas necessidades atendidas durante a navegação num site, ele, provavelmente, retornará ao site e as vendas apresentarão um bom desempenho.

Com isso em mente, o Design centrado no usuário começa por analisar as necessidades, objetivos, desejos e comportamentos dos usuários que podem influenciar nas tomadas de decisões.

Assim, garantir a análise correta do comportamento dos usuários é fundamental para garantir o sucesso de um site, marca ou produto.

Fonte: Webinsider

Whitney Hess, designer independente de experiência do usuário, escritora e consultora, apresenta a filosofia da experiência do usuário no evento Ignite NYC, explorando de forma bem humorada o assunto e utilizando exemplos da vida real.

Ignite NYC é um evento cujos participantes possuem apenas 5 minutos e um número limitado de slides para apresentar uma ideia. Baseando-se nessas normas, Whitney apresenta dez princípios, que podem ser interpretados da seguinte maneira:

1. Fique fora do caminho das pessoas: não crie obstáculos desnecessários para a navegação dos usuários no site. Não exagere em links, propagandas, imagens e informações sem utilidade. Seja objetivo e direto.
2. Crie uma hierarquia que combine com as necessidades das pessoas: organize links e informações conforme a necessidade e desejos dos usuários. Observe o comportamento deles, os links mais acessados e informações mais procuradas para criar uma hierarquia.
3. Limite distrações: distrações equivalem a desvantagens. Por exemplo, quando um cliente está finalizando uma compra, ele não está interessado em observar outros produtos. Como também não é vantajoso realizar propagandas de diversos produtos e de lojas conveniadas, o cliente poderá se irritar ou procurar em outra loja o produto desejado.
4. Forneça informações fortes: de preferência, disponibilize as informações mais relevantes na página inicial, como as informações para contato, link para uma página com a descrição da empresa e seus serviços, promoções e descontos. As informações devem ser de fácil acesso aos usuários.
5. Forneça indicações e sugestões: sempre indique ao usuário em que página do site ele se encontra, como também nunca se esqueça de oferecer um link direto para a página inicial. Também sugira produtos e páginas relacionadas.
6. Forneça contexto: situe o cliente em relação ao mercado que a empresa atua. Não desvirtue as informações que os clientes necessitam saber sobre a empresa.
7. Use restrições adequadamente: é da natureza humana não se sentir bem quando se encontram num lugar ou situação com muitas restrições. Deixe o cliente à vontade ao acessar o site, garanta que todas as páginas estejam de acordo e que todos os links estejam funcionando. Como qualquer outra pessoa, os clientes não gostam de encontrar restrições desnecessárias e obstáculos para alcançarem objetivos simples.
8. Faça ações reversíveis: disponibilize sempre um método para o cliente voltar atrás, seja no momento da compra, onde ele possa voltar para o passo anterior, seja para determinada página do site que ele perdeu.
9. Forneça retorno: sempre responda às dúvidas, críticas e sugestões dos clientes. Nunca os deixem sem respostas.
10. Dê uma boa primeira impressão: a primeira impressão é a que fica. Garanta que sua página inicial possua todas as características necessárias para uma boa primeira impressão da empresa.

Confira abaixo a íntegra do vídeo:

Fonte: Arquitetura de Informação

As diferenças

• Definição ISO: usabilidade é a “medida na qual um produto pode ser usado por usuários específicos para alcançar objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso”, enquanto a experiência do usuário se preocupa com “todos os aspectos da experiência do usuário ao interagir com um produto, serviço ou ambiente”.

• Objetivo: relacionando com sites, o objetivo da usabilidade é fazer um site fácil de usar enquanto que o objetivo da experiência do usuário é fazer o usuário feliz, durante e depois da navegação no site. Desse modo, a usabilidade se refere à facilidade com que os usuários alcançam seus objetivos enquanto interagem com determinado site, ao passo que a UX está preocupada com a maneira que os usuários percebem a interação com determinado site.

• Perguntas: usabilidade pode ser moldada como uma pergunta, “o usuário pode realizar seu objetivo?”, enquanto a experiência do usuário pode ao mesmo tempo ser formulada como “será que o usuário teve uma experiência tão deliciosa quanto o possível?”.

• Metáforas: para ilustrar o contraste entre usabilidade e experiência do usuário, profissionais têm as comparado com ciência (usabilidade) versus arte (experiência do usuário) e uma freeway (usabilidade) versus uma estrada de várias curvas na montanha (experiência do usuário). Em essência, essa representação metafórica desses dois termos se concentra em definir algo que é utilizável quanto funcional, simples e que requere menos esforço mental para utilizar. Assim, a freeway é utilizável uma vez que não há tráfego em sentido contrário, permite ir do ponto A ao ponto B de uma maneira rápida, além de possuir uma sinalização consistente, consequentemente, necessita de pouca capacidade de aprendizado. Em termos de usabilidade, a freeway é altamente usável, mas é chato quando avaliado em termos de experiência do usuário. Isto é, algo que se concentra na experiência do usuário é descrito como altamente emocional. Assim, uma estrada de várias curvas na montanha é menos útil, mas, por causa de sua paisagem, o cheiro da natureza e da emoção da subida, transmite ao usuário uma experiência agradável.

• Recursos necessários: usabilidade envolve os profissionais que influenciam o design da interface do usuário de um website, enquanto a experiência do usuário ao mesmo tempo requer um esforço coletivo e contínuo de funcionários de vários departamentos, incluindo engenharia, marketing, design gráfico e industrial e design de interface.

A relação

Usabilidade é um conceito mais restrito do que a experiência do usuário, uma vez que é focada na realização do objetivo de usar um site. Por outro lado, a experiência do usuário é uma “consequência da apresentação, funcionalidade, desempenho do sistema, o comportamento interativo e capacidades de assistência do sistema interativo”. Isto significa basicamente que a experiência do usuário inclui aspectos tais como fatores humanos, design, ergonomia, HCI, acessibilidade e marketing, bem como a usabilidade. Uma forma alternativa de olhar para essa relação é subdividindo experiência do usuário em utilidade, usabilidade, conveniência e experiência de marca, conforme representado na imagem abaixo:

Fonte: Usability Geek

Um design centrado no usuário e um site focado na usabilidade não são os únicos fatores que garantem o sucesso de um site. Se você é um indivíduo, organização ou marca, e trabalha com o mundo digital, construir e sustentar a confiança com seu público é um fator chave de crescimento ou decadência de seu negócio.

As ações realizadas por um indivíduo ou empresa refletem na confiança dos mesmos. Quanto maiores as ações e experiência positivas, maior será a confiança.

Confira abaixo oito componentes de confiança on-line:

• Verdade: pratique a comunicação honesta e admita os seus erros. Mentiras, meias verdades, acobertamentos e transferência de culpa irão rapidamente destruir qualquer confiança que você construiu.

• Privacidade: faça um comprometimento com os dados de segurança. Nunca use informações pessoais de uma forma que mude a direção de sua política de privacidade.

• Promessas: não quebre a sua marca de promessas. Continuamente, atenda ou exceda as expectativas on-line que você configurou para os usuários.

• Resposta: certifique-se de lidar com questões e perguntas rapidamente. Numa era de altas demandas, o público iguala serviço lento com indiferença.

• Integridade: aborde cada interação com o público com integridade. Escolha o longo caminho da ética com relação aos preços e serviços, como também com a divulgação, atribuições e outros itens óbvios.

• Marketing: pratique publicidades e promoções on-line de forma ética.

• Transparência: seja aberto, especialmente em relação às necessidades de informação de seus usuários, como também termos, condições, garantias etc. Não se esconda por trás de suas políticas.

• História: confiança é criada através da repetição de positivas interações com o passar do tempo.

Fonte: Social Media Explorer

Continue acompanhando o blog da TouchPoints.

Navegando pela internet você encontrará vários artigos, textos e conceitos referentes à usabilidade e à acessibilidade na web que garantem o domínio do assunto em apenas uma leitura. Mas você realmente sabe a diferença entre elas?

Analisando muito sites e projetos de web é possível perceber uma excelente usabilidade, ao passo que a acessibilidade passa despercebida. Num mundo onde o Design está permanentemente ligado à usabilidade, à experiência do usuário e à persuasão, a acessibilidade não poderia ficar de fora.

Entre em contato com a central de atendimento da E-Commerce Group por telefone.

Para abordar assuntos analíticos, dentro dos estilos cognitivos, devem-se realizar estudos etnográficos e entrevistas  com os usuários, a fim de compreender a demografia, metas e tarefas das pessoas que usam determinado produto. Criamos personagens, cenários, etc. Dessa forma pode ser compreendido quem são nossos usuários e o que eles pretendem atingir é fundamental para o trabalho dos designers.

Mas até onde a compreensão sobre os usuários realmente pode ir? Claro, saber qual seu suporte socioeconômico, a tarefa que desenvolvem na indústria em que trabalham e as principais tarefas que esperam de um site são pontos fundamentais. Mas há algo mais profundo, como características pessoais de trabalho? Podemos descobrir o que realmente lhes faz serem atraídos?

Há mais de um século, psicólogos têm tentado explicar a gama de diferenças individuais que as pessoas apresentam quando interagem com novas informações. No centro de suas pesquisas sobre estilos cognitivos, as atitudes estáveis​​ são as preferências e estratégias habituais que determinam como um indivíduo processa informações. A compreensão dos estilos cognitivos irá nos ajudar a projetar uma melhor experiência do usuário. Confira mais detalhes no próximo post.

Fonte: UX Magazine

Uma fotografia pode às vezes ser mais importante que o texto, como nesta lista de produtos da Pottery Barn estudado por Jakob Nielsen.

Visualize informações complexas

Apresentar os dados agregados de forma visual ajuda o usuário entender as informações mais rapidamente e intuitivamente do que apenas textualmente. O Tesouro do Reino Unido, por exemplo, libera um resumo anual de gastos do governo, apresentados ao público como tabelas de dados dentro de um PDF. Quando The Guardian projetou um infográfico para visualizar a proporção de um departamento de gastos para os outros, foi tão incisiva que o Tesouro solicitou cópias impressas para ter em seu escritório.
Infográficos são as formas mais fáceis de perceber a sub-área de conhecimento da experiência do usuário chamada de “design de informação”. Saiba mais sobre design de informação nos próximos posts do blog.

Na próxima semana, você vai saber mais sobre o uso concreto da linguagem, que mostra que as palavras também podem ser visuais, evocando uma resposta sensorial muito mais forte do que a linguagem abstrata.
Fonte: Johnny Holland Magazine

Foto: Google Images

Em artigo publicado pelo blog Chapa Branca, o autor português Sandro Lopes fala sobre o mundo da tipografia e do design gráfico, citando como referência sua obra: “Tipografia: o papel das letras no design”. Licenciado em Design pela Universidade de Aveiro, Lopes é um amante da editoração gráfica, do design gráfico e Design Persuasivo.

Segundo Lopes, para muitos, a tipografia é entendida como um sítio onde se imprimem cartões, normalmente confundida com uma gráfica. É verdade que antes de existir o desktop publishing, que permite a qualquer pessoa “ser designer”, a composição tipográfica era uma tarefa de reconhecimento e prestígio, porque se tratava de compor textos que contribuíam para o conhecimento humano. “Não nos podemos esquecer que a História existe porque a Escrita existe, e o intuito da invenção do processo de impressão, dos caracteres móveis, etc., era o de canalizar o conhecimento e espalhar a palavra”, ressalta o autor.

Primeiro veio a palavra, só mais tarde as imagens vieram e com elas a necessidade de um layout diferente de uma coluna de linhas de letras. Isto é o princípio do design editorial, que é para mim, o pai do design gráfico. Richard Hollis explica isto de uma forma muito interessante. O texto faz parte de uma composição e influencia o layout, mais até que os outros elementos, porque depois de tratar o texto, o resto é muito mais fácil de integrar no projeto da experiência do usuário. Não se pode esquecer que o intuito do design é a comunicação, e apesar de recorrer a várias linguagens, como a fotografia, ilustração, etc, existe o compromisso de passar informação, normalmente escrita.

A escrita continua a ser a forma mais eficaz de perpetuar o conhecimento e a informação, e de combater o esquecimento. Diz-se que uma imagem vale mil palavras, mas todos somos diferentes e temos critérios de avaliação, pelo a mesma imagem pode valer mil palavras para cada um de nós, segundo critérios e vivências. Consegue-se fazer um cartaz apenas usando letras, mas não usando só imagens. “A tipografia, definida por mim como a expressão gráfica da linguagem verbal, dá-nos as chaves para entender o que nos é proposto, seja um cartaz, um outdoor, uma revista, etc. Representa um discurso, e ninguém gosta que se grite aos ouvidos, ou percebe um sussurro no meio de uma discussão, onde todos falam ao mesmo tempo”. As palavras têm personalidade e materializam visualmente o que diz, daí que devem ser usadas com critério e não apenas como qualquer coisa que “tem de estar” na composição. Confira abaixo alguns vídeos onde o uso da tipografia é o ponto mais importante do design.

Fonte: Blog Chapa Branca

Os conceitos verbais e visuais são armazenados separadamente, traduzindo uma ideia semântica em um conceito visual, embora seja um processo onipresente. Quando alguém dá instruções de direção, por exemplo, provavelmente, um mapa visual simples é construído mentalmente. Se alguém for montar uma estante com instruções em imagens, a mente irá trabalhar para decodificar essas imagens em etapas verbais.

A Teoria de Codificação Dual, desenvolvida por Allan Paivio na década de 1970, revelou uma descoberta importante: as pessoas aprendem melhor quando a informação é apresentada em duas modalidades ao mesmo tempo. Isto é, fornecendo uma explicação verbal e outra visual paralelamente, permitindo que a mente codifique informações em ambos os modos, bem como na construção de links referenciais (semelhantes a hiperlinks na web). Os resultados apresentados pela pesquisa de Paivio tem implicações profundas na Experiência do usuário, no que se refere a Usabilidade.

Foto: Abcdesign

As diferenças entre as pessoas têm um profundo impacto na satisfação das necessidades de usuários distintos. Não somente pelos sotaques diferentes, os penteados e gostos musicais, mas até mesmo os processos cognitivos – os blocos de construção do ser humano – são substancialmente diferentes. Compreender como as pessoas aprendem é fundamental e um pré-requisito de qualquer boa Experiência do usuário.

Dos 5 sentidos à 3 modalidades

O homem experimenta o mundo através dos sentidos. Apesar do ensino escolar dizer que existem cinco sentidos, os psicólogos os definem em três “modalidades sensoriais”: verbal, visual e sinestésico. Embora todo mundo aprenda com os três modos, cada um favorece o outro, resultando em três diferentes estilos de aprendizagem:

Os Verbal Learners são os mais capacitados para absorver a informação escrita e falada. Seu aprendizado é baseado em texto (ler um livro, pesquisa on-line) ou auditivo (uma palestra em sala de aula ou conversa pessoal). Neste caso, os alunos têm acesso verbal pronto para conteúdo em seu meio preferido.

Por outro lado, os Visual learners, absorvem as informações de gráficos, diagramas, cronogramas, mapas e outras imagens concretas com mais facilidade do que a palavra escrita ou falada.

Os Kinesthetic learners desfrutam de atividades manuais que envolvam movimento (dança, artesanato em cerâmica, madeira). Embora a aprendizagem sinestésica seja pouco inserida na computação, ela desempenha um papel muito mais significativo em interfaces gestuais e móveis.

No próximo post você poderá saber mais sobre a Teoria da Codificação Dupla, empregada em conceitos verbais e visuais, para construir uma ideia semântica dentro de um conceito visual.

Fonte: Johnny Holland Magazine

Foto: toutelaculture.com

Uma forma bastante eficaz de influenciar o comportamento dos consumidores é dar a eles um motivo aceitável para a compra. Neste contexto, surge o Design de Persuasão, que identifica potenciais, obstáculos e influências emocionais capazes de provocar ações e reações, nos diferentes estágios de interação do uso de um produto.

É preciso sentir as emoções que influenciam o comportamento das pessoas e a tomada de decisões, e, em seguida, agir sobre essas informações para projetar a interação do usuário de uma forma atraente e intencional.

Considerado um subconjunto da Experiência do usuário (UX – User Experience), o Design Persuasivo, aplica princípios psicológicos de influência, de tomada de decisão em um contexto de consumo, estratégia de engajamento e psicologia social em todas as fases do processo de UX.

Empresas como a TouchPoints, que investem em Usabilidade e Design centrado no usuário de maneira persuasiva, geram melhores resultados e mais satisfação dos clientes.

Foto: Euronews

O princípio da Acessibilidade e Usabilidade, afirma que os projetos devem ser utilizados ​​por pessoas de habilidades diversas, sem adaptação especial. Há quatro características de projetos acessíveis: perceptibilidade, operacionalidade, simplicidade, e perdão.

A perceptibilidade é alcançada quando todos podem perceber o design, indepentente das habilidades sensoriais do usuário. Para melhorar a perceptibilidade é necessário apresentar informações usando métodos de codificação redundantes (por exemplo, textual, icônico, e tátil); oferecer compatibilidade com tecnologias sensoriais (por exemplo, tags ALT para imagens na Internet) e posicionar os controles e informações adequadamente para que os usuários possam percebê-los.

A operabilidade é alcançada quando todos podem usar o design, independentemente de habilidades. Para melhorar a operacionalidade deve-se minimizar as ações repetitivas e a necessidade de esforço físico sustentado; facilitar o uso de controles; fornecer compatibilidade com tecnologias e os controles de posição e informações.

Se tratando de simplicidade, ela é alcançada quando todos podem facilmente entender e usar o design,por contar menos com a experiência, seja em relação a alfabetização ou nível de concentração de cada usuário.

O perdão é relacionado ao ato de minimizar a ocorrência e as consequênciasde erros. Advertências, ações reversíveis e algumas redes de segurança podem minimizar as consequências do erros.

A acessibilidade é um aspecto importante da Experiência do Usuário, pois como o nome mesmo diz, ela torna o conteúdo, as funcionalidades, toda a experiência mais acessível, independente das diferenças existentes entre os usuários. Além disso, a acessibilidade é vista como uma grande aliada no trabalho de SEO (otimização para mecanismos de busca), influenciando positivamente na indexação dos sites web pelos mecanismos de busca.

Este Design, aplicado no E-commerce, conta com uma longa lista de aspectos distintos que são usados para “guiar” os usuários por meio de técnicas psicológicas levando-os a fazer o que queremos ou na direção que queremos.

Entre estes aspectos (coleção, validação social, reciprocidade, compromisso e descoberta entre vários outros) o que se encaixa melhor nesse estudo do MIT é sem dúvida o da descoberta, também chamado de efeito dopamina.

Neste sentido o designer não é um elemento neutro no processo de criação, ele não se preocupa apenas em comunicar, mas vai além, utilizando elementos psicológicos para guiar os usuários.
Seguindo a linha de raciocínio da pesquisa do MIT, podemos nos utilizar de pequenos elementos no site para reforçar esta sensação de sucesso (completar com perfeição alguma tarefa) especialmente em se tratando de sites de E-commerce e Conversão em E-commerce.

Um fator fundamental na utilização dessas técnicas é que elas sejam aplicadas de forma contínua, visando a evolução de um produto ou serviço. A Touch Points dispõe de um serviço de Otimização taxa de conversão de sites transacionais, principalmente para lojas virtuais. Este trabalho está apoiado na melhoria da Experiência do usuário e no uso do design de persuasão para influenciar o comportamento dos usuários.

Para garantir bons resultados na participação do usuário no projeto existem algumas formas de envolvimento, as quais o usuário pode estar envolvido como fonte de informação, como avaliador ou, também, como coautor de soluções de interface.

De acordo com o livro The usability engineering lifecycle, publicado por Deborah Mayhew, em 1997, existem quatro tipos de atividades de análise de requisitos cujos resultados são usados para especificar o contexto de Usabilidade:

Análise do perfil do usuário – conhecer as características, atributos pessoais e habilidades ao desenvolver tarefas.

Análise do contexto da tarefa – conhecer os objetivos e resultados, a estrutura, tempo de duração, custos, incidentes etc.

Análise de possibilidades e restrições da plataforma – examinar as possibilidades e restrições em termos de equipemento, sistema operacional, ambientes de janelas, recursos de rede etc.

Análise de princípios gerais para o projeto – esta atividade é de pesquisa e catalogação do conhecimento ergonômico para criação da interface no contexto de uso no qual o sistema está inserido.

Com estes levantamentos, são especificadas metas para a Usabilidade do futuro sistema. A empresa que visa tornar a usabilidade como filosofia de trabalho deve definir as atividades de um departamento ou função, saber quais são as metas e objetivos das atividades, definir os procedimentos para integração das atividades de usabilidade com demais atividades, bem como os responsáveis por essas atividades sabendo as maneiras de fornecer o feedback e documentar as atividades realizadas.

Saiba mais sobre a psicologia das cores visualizando o infográfico abaixo que compila uma série de estudos e pesquisas sobre o assunto.

Como as cores afetam as compras

Fonte: Kissmetrics blog

1) Teste A/B e multivariado

O teste A/B é uma ferramenta simples de otimização utilizada para verificar qual versão de uma página web é mais efetiva, comparando a taxa de conversão dos usuários em cada uma das versões. Já o teste multivariado é mais robusto e deve ser utilizado para testar múltiplas variações de conteúdo em uma página.

Testes como estes são fundamentais para que se comprove qual solução tem melhor resultado considerando dados quantitativos de conversão dos usuários. Com informações ricas como essas, as empresas deixam de tomar decisões baseadas em opiniões pessoais ou suposições vagas e passam a atuar com dados de alta fidelidade na tomada de decisão.

É preciso deixar claro que testes assim não substituem um técnica de avaliação como o teste de usabilidade, mas podem oferecer respostas para dúvidas pontuais. Por exemplo, um designer pode querer testar se um botão de “comprar” converte mais usuários quando posicionado a direita na interface e com a cor de fundo azul, se as chamadas de conteúdo com imagem converte recebe mais cliques do que chamadas sem imagem e com o texto maior, etc.

Exemplo de teste A/b no Gmail

O Google WebSite Optimizer é uma das ferramentas gratuitas para efetuar testes comparativos, mas existem dezenas de outras ferramentas gratuitas e pagas no mercado e trataremos sobre elas em posts posteriores.

2) Funil de conversão
Funis são caminhos importantes que devem ser percorridos pelo usuário durante a navegação. Com um funil é possível principalmente mapear e corrigir abandonos observando páginas onde há uma considerável evasão por parte dos usuários.

Para configurar um funil é preciso efetuar diferentes configurações, mas as principais são os objetivos de conversão, URL de origem e destino e URLs que fazem parte do funil. O Google Analytics e outras ferramentas que possuem esse recursos exibem os dados do funil graficamente e também oferece detalhamento como total de conversões, taxa de abandono em cada página no funil, entre outros.

Como a quantidade de usuário naturalmente diminui de acordo com o nível de aprofundamento de navegação e conteúdo, é importante que sejam definidas quais taxas de abandono são aceitáveis para não haver nenhum erro de julgamento durante a análise.

Visualização do funil de conversão no Google Analytics

3) Segmentação
Segmentação de usuário é  uma divisão dos usuários em grupos com interesses, perfis ou comportamentos semelhantes. Essa divisão pode ocorrer através de dados submetidos pelo usuário em formulários (campo profissão, sexo, idade…), seções em que o usuário navegou ou qualquer outra informação que a empresa tenha interesse e seja possível de se capturar, considerando sempre as políticas de privacidade divulgadas pela empresa. Por padrão, o Google Analytics possui segmentos pré-configurados, mas em alguns projetos é importante saber no detalhe “com quem estamos falando” e isso pode refletir em entrega diferenciada de conteúdo e até informações de valor para a criação de Personas.

Segmentação padrão do Google Analytics

4) Tracking
No Google Analytics é possível rastrear todas ações de clique realizadas pelo usuário, inclusive em páginas com ajax e conteúdo multimídia. Veja abaixo alguns exemplos de rastreamentos possíveis:

• · Quais conteúdos são pouco ou bastante consumidos pelo usuário em uma determinada página;
• · Qual a quantidade de cliques em um item expecífico do menu principal;
• · Quais documentos foram baixados pelos usuários esta semana;
• · Que personalização os usuários fazem para visualização da interface (aumento de fonte, expansão de menu…).

Otimização contínua

Um fator fundamental na utilização desses técnicas é que elas sejam aplicadas de forma contínua, buscando a melhoria evolutiva de um produto ou serviço. A TouchPoints oferece um serviço de otimização contínua da taxa de conversão de sites transacionais, principal lojas virtuais e este trabalho está apoiado na melhoria da experiência do usuário e no uso do design de persuasão para influenciar o comportamento dos usuários.

Umas das etapas cruciais da otimização é análise dos dados monitorados, pois é nele que identificamos padrões e tendências comportamentais que são utilizados como insumo argumentativo na sugestão de melhorias evolutivas ou são testados para que se tenha certeza na escolha da melhor solução.

Nos próximos posts detalharemos melhor as técnicas, métodos e práticas utilizadas pela TouchPoints.

Seu formulário foi enviado com sucesso

A equipe comercial da TouchPoints entrará em contato com você nas próximas 48hs.