Três leis para melhorar a usabilidade da sua aplicação \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 07 Horas 45 Min 17 Seg Tempo restante da oferta: 07 45 17 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Três leis para melhorar a usabilidade da sua aplicação [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) # Três leis para melhorar a usabilidade da sua aplicação Uma breve introdução e alguns exemplos de como as leis abordadas neste post podem ser aplicadas para melhorar a usabilidade do seu produto/serviço. [ Redação Treinaweb ](https://www.treinaweb.com.br/blog/autor/redacao-treinaweb) 10 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/leis-usabilidade.jpg) As leis aqui abordadas podem parecer óbvias mas, muitas vezes, esquecemos de aplicá-las durante o processo de design ou simplesmente precisamos justificar nossas decisões de design para todos os envolvidos no projeto. Existem várias pesquisas para cada lei descrita abaixo mas, para o propósito deste post, daremos uma breve introdução e alguns exemplos de como elas podem ser aplicadas para melhorar a usabilidade do seu produto/serviço. [ ![UX/UI - Introdução](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/ux-ui.svg) Curso UX/UI - Introdução Conhecer o curso ](https://www.treinaweb.com.br/curso/ux-ui-introducao) ## 1. Lei de Hick A lei de Hick tem sido aplicada dentro da área de *IHC (Interação Humano-Computador)* com a simples ideia de que quanto mais opções de escolha forem apresentadas aos seus usuários, mais tempo levarão para chegarem a uma decisão. ![Lei de Hick](https://d2m498l008ebpa.cloudfront.net/2016/12/hicks-law.jpg) #### Como ela pode ser aplicada? **Categorizando escolhas –** Imagine um menu de navegação que oferecesse acesso direto para cada página em seu site, os usuários levariam um bom tempo até encontrarem a opção desejada. Agrupando as escolhas em categorias, você pode ocultar as escolhas e exibi-las apenas quando houver uma interação do usuário. Um elemento de interface bem conhecido que utilizamos para este fim é o [*Dropdown*](http://www.w3schools.com/bootstrap/bootstrap_dropdowns.asp). Para aplicações com fluxo de navegação complexo, existe uma técnica chamada [*Card sorting*](https://www.usability.gov/how-to-and-tools/methods/card-sorting.html) que pode ser útil para definir melhor a taxonomia (rotulação) das categorias e como elas podem ser agrupadas de acordo com seus usuários. **Redução de complexidade –** Se a sua aplicação tem um processo complexo, você pode usar a **Lei de Hick** a seu favor mostrando-o por etapas, tornando-o mais fácil e amigável para os seus usuários. ![Lei de Hick](https://d2m498l008ebpa.cloudfront.net/2016/12/step-one-1.png)Em cada etapa, lembre-se de deixar claro para os usuários onde eles estão, onde podem ir e onde já estiveram. ## 2. Lei de Fitts Criada pelo psicólogo norte-americano *Paul Fitts* em 1952, é uma lei que prevê o tempo necessário para mover-se de uma posição inicial até uma posição final com base no tamanho do alvo. Em *IHC (Interação Humano-Computador)*, a lei é normalmente avaliada em interfaces gráficas utilizando um mouse ou outro tipo de ponteiro. ![Lei de Fitts](https://d2m498l008ebpa.cloudfront.net/2016/12/lei_fitts.gif) #### Como ela pode ser aplicada? **Aumentando a área dos botões –** Um elemento de interação deve ser visualmente diferente de elementos que não possuem nenhuma interação. E uma das formas de diferenciá-los é através do tamanho. Aumentando a área do botão, irá aumentar o nível de precisão para interagir com o elemento. **Utilizando os cantos da tela –** Em desktop, os cantos da tela possuem um limite no qual você não consegue ultrapassar utilizando o mouse. O cursor do mouse "trava" quando você tenta ultrapassar esse limite. Sendo assim, os usuários precisam de menos precisão para interagir sobre essa área, pois eles podem simplesmente arrastar rapidamente o mouse para um dos cantos que o cursor do mouse não irá ultrapassar. É comum encontrarmos os principais elementos de interação de uma aplicação em uma dessas áreas, como é o caso do botão *Iniciar* do Windows ou o botão *fechar* dos navegadores. ## 3. Lei de Miller Os estudos de *George Miller* apontam que a maioria das pessoas armazenam 7 (+-2) itens de informação na memória de curto prazo. Ou seja, a nossa memória de curto prazo comporta entre 5 a 9 itens. #### Como ela pode ser aplicada? Se uma tarefa tiver uma sequência definida de passos, você deve guiar o usuário utilizando um passo a passo ou algo semelhante. Não force o usuário a memorizar uma série de comandos ou como navegar várias telas para concluir a tarefa. ![Lei de Miller](https://d2m498l008ebpa.cloudfront.net/2016/12/help.jpg) Embora as teclas de atalho e linhas de comando muitas vezes poupam nosso tempo, não devemos usá-las como únicos meios de interação, pois eles exigem memorização e aprendizado. Se você deve contar com esses atalhos, forneça um guia de referência ou algum outro tipo de material de ajuda para os usuários. ![](https://d2m498l008ebpa.cloudfront.net/2016/12/lei_miller.PNG) ###### Referências [Lei de Hick](https://pt.wikipedia.org/wiki/Lei_de_Hick) - Wikipédia [Fitts's Law](https://www.interaction-design.org/literature/book/the-glossary-of-human-computer-interaction/fitts-s-law) - Interaction Design Foundation [Miller's Law](https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two) - Wikipedia [ ![UX/UI - Introdução](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/ux-ui.svg) Curso UX/UI - Introdução Conhecer o curso ](https://www.treinaweb.com.br/curso/ux-ui-introducao) - [ #UX Design ](https://www.treinaweb.com.br/blog/tag/ux-design) - [ #User Experience ](https://www.treinaweb.com.br/blog/tag/user-experience) Autor ![Redação Treinaweb](//secure.gravatar.com/avatar/662942287935c97e547cfc12c04be6e5?d=mm) ## Redação Treinaweb [Todos os artigos](https://www.treinaweb.com.br/blog/autor/redacao-treinaweb) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/02/01142822/GITHUB-GITLAB-BITBUCKET-400x280.png) [ Git ](https://www.treinaweb.com.br/blog/categoria/git) 8 anos atrás ## [ As principais plataformas para armazenamento de código-fonte ](https://www.treinaweb.com.br/blog/as-principais-plataformas-para-armazenamento-de-codigo-fonte) Neste artigo, veremos as principais plataformas de armazenamento e gestão de código-fonte. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/11/A-importancia-das-metatag-no-HTML-400x280.jpg) [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) 4 anos atrás ## [ A importância das metatags no HTML ](https://www.treinaweb.com.br/blog/a-importancia-das-metatags-no-html) Nesse artigo aprenderemos sobre as metatag no HTML. Vamos aprender como utilizar e o porquê devemos dar bastante atenção para essas tags. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/07/importancia-de-pensar-em-design-inclusivo-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Importância de pensar em Design Inclusivo ](https://www.treinaweb.com.br/blog/importancia-de-pensar-em-design-inclusivo) Conheça o que é design inclusivo, seus princípios e a importância de pensar em acessibilidade em seus produtos desde o início do projeto. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/11/PROFISSIONAL-USABILIDADE-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Como é o dia a dia de um profissional de Usabilidade? ](https://www.treinaweb.com.br/blog/como-e-o-dia-a-dia-de-um-profissional-de-usabilidade) O profissional de usabilidade possui habilidades que mesclam aspectos técnicos e estratégicos. Ele é o responsável por analisar, medir e melhorar o nível de satisfação do usuário ao utilizar um site ou aplicativo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/como-funciona-a-prototipacao-no-desenvolvimento-de-software-400x280.png) [ Engenharia de Software ](https://www.treinaweb.com.br/blog/categoria/engenharia-de-software) 6 anos atrás ## [ Como funciona a prototipação no desenvolvimento de software? ](https://www.treinaweb.com.br/blog/como-funciona-a-prototipacao-no-desenvolvimento-de-software) A prototipação no desenvolvimento de software permite amadurecer ideias, identificar problemas e engajar pessoas no processo de criação de um sistema. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/09/ux-research-e-360-view-o-que-e-e-como-pode-ser-aplicado-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ UX Research e 360 View – O que é e como pode ser aplicado? ](https://www.treinaweb.com.br/blog/ux-research-e-360-view-o-que-e-e-como-pode-ser-aplicado) Entenda o que é e como aplicar o UX Research e 360 View, técnicas importantes na hora de pensar em uma melhor experiência do usuário. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2024/08/capa-acessibilidade-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 2 anos atrás ## [ UX Inclusivo: A importância da acessibilidade no design ](https://www.treinaweb.com.br/blog/ux-inclusivo-a-importancia-da-acessibilidade-no-design) Confira a importância de tornar suas aplicações móveis acessíveis para todos, garantindo inclusão social, maior alcance e conformidade legal. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/double-diamond-e-sua-utilizacao-nos-processos-de-ux-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Double Diamond e sua utilização nos processos de UX ](https://www.treinaweb.com.br/blog/double-diamond-e-sua-utilizacao-nos-processos-de-ux) Neste artigo abordaremos o que é o Double Diamond e suas etapas, que vão da imersão até ao protótipo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/04/08111124/WEB-DEVELOPER-WEB-DESIGNER-400x280.png) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 7 anos atrás ## [ Web Designer x Web Developer: quais as diferenças? ](https://www.treinaweb.com.br/blog/web-designer-x-web-developer-quais-as-diferencas) Confira neste artigo as principais diferenças entre um Web Designer e um Web Developer. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/10/24001738/UX-UI-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 7 anos atrás ## [ UX e UI: O que é e quais as diferenças? ](https://www.treinaweb.com.br/blog/ux-e-ui-o-que-e-e-quais-as-diferencas) Confira neste artigo o que vem a ser a UX (User eXperience) e a UI (User Interface), suas diferenças e no que elas se complementam. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/ux-400x280.jpg) [ Design ](https://www.treinaweb.com.br/blog/categoria/design) 10 anos atrás ## [ UX: A importância da experiência do usuário nos projetos ](https://www.treinaweb.com.br/blog/ux-a-importancia-da-experiencia-do-usuario-nos-projetos) Em um mercado competitivo, projetar uma boa experiência acaba sendo fundamental para o sucesso de um produto ou serviço. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/lean-ux-como-potencializar-o-foco-na-experiencia-do-usuario-parte-1-400x280.png) [ Acessibilidade e User Experience (UX) ](https://www.treinaweb.com.br/blog/categoria/acessibilidade-e-user-experience-ux) 6 anos atrás ## [ Lean UX: como potencializar o foco na experiência do usuário - parte 1 ](https://www.treinaweb.com.br/blog/lean-ux-como-potencializar-o-foco-na-experiencia-do-usuario-parte-1) Uma ótima experiência do usuário é essencial para o sucesso de qualquer projeto. Conheça neste artigo o Lean UX e como potencializar seus resultados. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **07h 45min 17s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58