{"id":933,"date":"2025-07-26T13:11:35","date_gmt":"2025-07-26T16:11:35","guid":{"rendered":"https:\/\/wp.ufpel.edu.br\/labxd\/?p=933"},"modified":"2025-07-26T16:19:45","modified_gmt":"2025-07-26T19:19:45","slug":"principios-de-design","status":"publish","type":"post","link":"https:\/\/wp.ufpel.edu.br\/labxd\/2025\/07\/26\/principios-de-design\/","title":{"rendered":"Princ\u00edpios de Design"},"content":{"rendered":"\n

Esse artigo foi baseado nos Princ\u00edpios de Design<\/strong> propostos por Lowdermilk (2013)<\/strong> no seu livro Design Centrado no Usu\u00e1rio.<\/p>\n\n\n\n

\n
<\/div>\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Princ\u00edpio de proximidade<\/h2>\n\n\n\n

Proveniente dos princ\u00edpios de percep\u00e7\u00e3o Gestalt, determina que as pessoas tendem a perceber os elementos que est\u00e3o pr\u00f3ximos uns dos outros como um grupo. Esse princ\u00edpio pode ser utilizado para organizar e agrupar itens (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Visibilidade<\/h2>\n\n\n\n

Podem ser utilizados alguns indicadores visuais, como cor e contraste, para concentrar o foco visual em um elemento (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Proemin\u00eancia visual<\/h2>\n\n\n\n

A aten\u00e7\u00e3o de um usu\u00e1rio tende a ser atra\u00edda para objetos que sejam maiores, com cores mais fortes ou que sejam mais proeminentes em rela\u00e7\u00e3o ao que est\u00e1 ao seu redor (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Feedback visual<\/h2>\n\n\n\n

Os aplicativos devem responder \u00e0 entrada de dados dos usu\u00e1rios. Tamb\u00e9m devem notificar o usu\u00e1rio de que houve uma intera\u00e7\u00e3o. A falta de feedback visual pode causar confus\u00e3o e frustra\u00e7\u00e3o (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Hierarquia visual<\/h2>\n\n\n\n

Os aplicativos devem fornecer indicadores visuais para ajudar o usu\u00e1rio a perceber como a interface foi organizada. Algumas ferramentas que ajudam a definir a hierarquia s\u00e3o o diagrama de afinidades e o card sorting<\/em> (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Modelos mentais e met\u00e1foras<\/h2>\n\n\n\n

Os usu\u00e1rios tendem a aplicar o conhecimento adquirido em outros produtos para entender como ele funciona. Um exemplo \u00e9 a a\u00e7\u00e3o Recortar e Colar do computador \u2013 que \u00e9 baseada em algo que j\u00e1 estamos familiarizados (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Revela\u00e7\u00e3o progressiva<\/h2>\n\n\n\n

A revela\u00e7\u00e3o progressiva mostra apenas o que o usu\u00e1rio pode utilizar naquele momento. Os itens que ele n\u00e3o consegue interagir podem ser desabilitados. Esse princ\u00edpio ajuda a reduzir a carga cognitiva (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Consist\u00eancia<\/h2>\n\n\n\n

O usu\u00e1rio compreende e aprende com mais facilidade quando algo \u00e9 consistente com aquilo que ele j\u00e1 conhece. N\u00e3o conv\u00e9m propor novos fluxos de trabalho para executar tarefas que ele j\u00e1 compreende (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Disponibilidade e restri\u00e7\u00f5es<\/h2>\n\n\n\n

A disponibilidade ajuda os usu\u00e1rios a fazerem o que \u00e9 certo. J\u00e1 as restri\u00e7\u00f5es evitam que os usu\u00e1rios fa\u00e7am o que \u00e9 errado (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00cdcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Confirma\u00e7\u00e3o<\/h2>\n\n\n\n

Um aplicativo deve solicitar uma verifica\u00e7\u00e3o para evitar que o usu\u00e1rio realize a\u00e7\u00f5es indesejadas. Um exemplo \u00e9 a caixa de di\u00e1logo de confirma\u00e7\u00e3o para salvar um documento (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00cdcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Lei de Hick<\/h2>\n\n\n\n

\u00c9 o tempo de rea\u00e7\u00e3o para fazer uma sele\u00e7\u00e3o a partir da quantidade de itens. Quanto maior a quantidade de itens, maior ser\u00e1 o tempo para o usu\u00e1rio encontrar o que ele est\u00e1 procurando (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"\u00edcone<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Lei de Fitt<\/h2>\n\n\n\n

\u00c9 relacionado com o tempo de movimento para o usu\u00e1rio mover o cursor de um local para outro. Alvos menores e mais distantes s\u00e3o mais dif\u00edceis de serem alcan\u00e7ados pelo usu\u00e1rio (Lowdermilk, 2013).<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n

\n\n\n\n
\n
\n
\"Capa<\/figure>\n<\/div><\/div>\n\n\n\n
\n
\n

Refer\u00eancias<\/h2>\n\n\n\n

LOWDERMILK, Travis. Design Centrado no Usu\u00e1rio<\/strong>. [S. l.]: Novatec, 2022.<\/p>\n\n\n\n

Cr\u00e9ditos<\/h2>\n\n\n\n

Material Symbols & Icons<\/strong>: https:\/\/fonts.google.com\/icons<\/a>
Prot\u00f3tipo<\/strong>: https:\/\/www.figma.com\/<\/a>
Implementa\u00e7\u00e3o<\/strong>: https:\/\/wp.ufpel.edu.br\/<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Esse artigo foi baseado nos Princ\u00edpios de Design propostos por Lowdermilk (2013) no seu livro Design Centrado no Usu\u00e1rio. Princ\u00edpio de proximidade Proveniente dos princ\u00edpios de percep\u00e7\u00e3o Gestalt, determina que as pessoas tendem a perceber os elementos que est\u00e3o pr\u00f3ximos uns dos outros como um grupo. Esse princ\u00edpio pode ser utilizado para organizar e agrupar […]<\/p>\n","protected":false},"author":1373,"featured_media":1060,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[45],"tags":[],"class_list":{"0":"post-933","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-artigos","9":"post-with-thumbnail","10":"post-with-thumbnail-icon"},"jetpack_featured_media_url":"https:\/\/wp.ufpel.edu.br\/labxd\/files\/2025\/07\/proximidade-1.png","_links":{"self":[{"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/posts\/933","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/users\/1373"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/comments?post=933"}],"version-history":[{"count":49,"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/posts\/933\/revisions"}],"predecessor-version":[{"id":1064,"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/posts\/933\/revisions\/1064"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/media\/1060"}],"wp:attachment":[{"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/media?parent=933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/categories?post=933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.ufpel.edu.br\/labxd\/wp-json\/wp\/v2\/tags?post=933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}