34
14 regras práticas para seu aplicativo ou soſtware engajar os usuários

Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

  • Upload
    others

  • View
    0

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

14 regras práticas paraseu aplicativo ou softwareengajar os usuários

Page 2: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Sua empresa tem uma solução interativa digital? Um site? Um aplicativo mobile? Um software?

Se sim talvez você já tenha se perguntado...

Minha interface está agradando meu cliente? Será que meus usuários conseguem realizar as tarefas desejadas sem maiores dificuldades? Eles ficam felizes e satisfeitos ao utilizarem o meu produto? Ou saem estressados com o insucesso ou barreiras encontradas no sistema?

produto X usuário

Page 3: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Nunca é tarde para começar a se preocupar com a experiência de seu usuário!

Investir na felicidade de seu cliente não apenas vai poupar reclamações para sua empresa mas também vai enconomizar o seu dinheiro!

Como já falamos em outros materiais, motivos não faltam!

Confira agora algumas dicas simples que irão refletir em melhorias consideráveis de sua solução e gerar muito mais engajamento!

dicas de como engajar!

Page 4: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

As interfaces devem ser o mais simples possível dentro da proposta e objetivo do negócio. Deve-se apresentar

exatamente a informação que o usuário precisa – nem mais nem menos – na hora e lugar exatos onde é necessária.

simplicidade sempre

Page 5: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 6: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Antes de escolher a tipografia do aplicativo, pense na legibilidade e aspectos para facilitar a leitura: tamanho, cor e contraste com o fundo. Uma dica para não errar é escolher uma família de fonte com boas variantes (bold,

semibold, itálico, regular) e estabelecer padrões para textos e títulos.

Utilize fontes adequadas

Page 7: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 8: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Dois erros básicos: criar uma interface que utiliza apenas uma cor e não explora contrastes ou uma com muitas cores

que não harmonizam. É preciso manter um equilíbrio e apostar em boas composições. Esse site é uma ótima fonte de inspiração para cartelas de cores não tão óbvias e sem

exageros: www.colourlovers.com

Equilibre as cores

Page 9: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 10: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Usuários devem ter uma idéia geral do que irão encontrar em uma página, mesmo antes de clicar. A terminologia dos elementos da interface devem ser baseados na linguagem

do usuário. Faça sua solução se expressar com palavras, frases e conceitos familiares ao usuário e o mundo real ao

invés de utilizar termos originados do sistema.

Pense nas nomenclaturas

Page 11: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 12: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

A usabilidade e convenções são muito importantes mas isso não deve ser uma desculpa para não buscar elementos

inovadores ou evitar interface monótonas. Explore soluções criativas e ricas em elementos gráficos, uma interface tem

que ser sedutora!

Pense fora da caixinha

Page 13: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 14: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Faça interfaces responsivas e não simplesmente diminua os elementos. Dê prioridade aos textos, redimensione imagens

e dispense conteúdos que não são de extrema necessidade nas versões mobile.

Plataformas diferentesmerecem interfaces diferentes

Page 15: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 16: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

O sistema deve exibir elementos de diálogo para o usuário e permitir que o mesmo faça suas escolhas sem a

necessidadede lembrar de um comando específico.

Não sobrecarregue a memória do usuário

Page 17: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 18: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Um mesmo comando ou uma mesma ação deve ter sempre o mesmo efeito. Uma determinada operação deve ser apresentada na mesma localização em todas as telas além de ser formatada da mesma maneira para facilitar o

reconhecimento.

Tenha uma interfaceconsistente

Page 19: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 20: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

O sistema deverá informar continuamente ao usuário sobre o que ele está fazendo ou o que está acontecendo após um comando. O tempo de resposta influi no tipo de feedback que deve ser dado ao usuário. Dez segundos é o tempo

limite para manter a atenção do usuário focada no diálogo.

Dê feedback para todas açÕes

Page 21: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 22: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Faça com que o usuário sinta que pode controlar o sistema e se não tenha medo de executar alguma ação. Assegure que cancelar um comando ou desfazer uma ação seja um

processo fácil, rápido e indolor.

Deixe o usuário no comando

Page 23: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 24: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Bons sistemas devem conter atalhos para usuários experientes executarem mais rapidamente as operações

freqüentemente utilizadas. Regra de ouro: não dificulte para os iniciantes mas também não atrapalhe os experientes.

Tenha opçÕes de atalhos

Page 25: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 26: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

As mensagens de erro devem ter uma linguagem clara e sem códigos. Esses avisos devem ser precisos e ajudar a resolver o problema ao invés de intimidar ou culpar o

usuário.

Crie boas mensagens de erro

Page 27: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 28: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Melhor do que bons avisos é evitar as situações de erro. Conhecer os cenários que mais provocam ou propiciam erros e modificar a interface para que estes não ocorram pode economizar o tempo e a paciência de seu usuário.

Tente prevenir erros

Page 29: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 30: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

O ideal é que um sistema seja tão fácil e intuitivo de usar que não necessite de ferramentas de ajuda ou documentação.

No entanto, se preciso, esta ajuda deve estar facilmente acessível.

Ajuda e Documentação

Page 31: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,
Page 32: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

solicite agora uma avaliação gratuita!

Quer descobrir se o seu aplicativo está engajando? Ou se sua usabilidade está adequada?

Page 33: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Esse ebook foi um overview com algumas dicas rápidas que você pode “sair aplicando” na sua solução/interface. Mas vale lembrar que para criar experiências realmente engajadoras, que toquem a alma de seu cliente, você precisa saber quem é seu público, como eles pensam, como se sentem e por aí vai.

Se estiver disposto a entrar de cabeça nesse desafio, não deixe de conferir alguns de nossos outros ebooks que podem te ajudar nesse processo.

Para ler mais

veja também o nosso blog > catarinasdesign.com.br/blog

Page 34: Catarinas Design de Interação - 14 regras práticas …catarinasdesign.com.br › ebook › Ebook-CatarinasDesign-Co...Mas vale lembrar que para criar experiências realmente engajadoras,

Catarinas Design de Interação catarinasdesign.com.br

fb.com.br/catarinasdesign@catarinasdesign