{"id":2773894,"date":"2023-10-16T09:00:00","date_gmt":"2023-10-16T09:00:00","guid":{"rendered":"https:\/\/blogue.rbe.mec.pt\/2773894.html"},"modified":"2026-05-13T14:00:04","modified_gmt":"2026-05-13T14:00:04","slug":"design-de-sitios-web-a-navegacao-e-importante","status":"publish","type":"post","link":"https:\/\/projetos.dge.mec.pt\/rbe\/?p=2773894","title":{"rendered":"Design de s\u00edtios Web: A Navega\u00e7\u00e3o \u00e9 importante"},"content":{"rendered":"

\"2023-10-16.png\"<\/span><\/p>\n

<\/p>\n

Quando se trata de tornar um s\u00edtio utiliz\u00e1vel, provavelmente n\u00e3o surpreende ningu\u00e9m que a forma como a navega\u00e7\u00e3o do s\u00edtio \u00e9 identificada e organizada fa\u00e7a uma enorme diferen\u00e7a. Se olhar para 20 s\u00edtios Web de bibliotecas diferentes, encontrar\u00e1 20 esquemas organizacionais diferentes. Mas h\u00e1 alguns passos r\u00e1pidos e concretos que pode dar para melhorar o seu.<\/p>\n

<\/p>\n

\ud83d\udccd Cuidado ao adicionar demasiadas op\u00e7\u00f5es<\/strong> – Embora n\u00e3o exista um n\u00famero m\u00e1gico recomendado, aconselho vivamente as bibliotecas a terem em aten\u00e7\u00e3o que, quando \u00e9 adicionada outra op\u00e7\u00e3o de navega\u00e7\u00e3o, esta pode aumentar a carga cognitiva do utilizador. Por outras palavras, quanto mais op\u00e7\u00f5es o utilizador tiver, maior \u00e9 a probabilidade de o sobrecarregar. Pense em estar num corredor de uma mercearia e ter de escolher entre 30 variedades de ketchup. N\u00e3o acrescente variedades de ketchup a n\u00e3o ser que isso traga um valor real para os utilizadores.<\/p>\n

<\/p>\n

\ud83d\udccd As etiquetas t\u00eam de ter significado<\/strong> -As etiquetas que n\u00e3o t\u00eam significado real s\u00e3o designadas por “navega\u00e7\u00e3o misteriosa” (Liga\u00e7\u00f5es, Recursos, Informa\u00e7\u00e3o e Explorar). Nenhuma delas diz aos utilizadores o que v\u00e3o ver quando clicarem nessa op\u00e7\u00e3o, o que significa que poucos, ou nenhuns, a utilizar\u00e3o realmente. Se as pessoas n\u00e3o sabem qual ser\u00e1 o resultado, normalmente n\u00e3o perdem o seu tempo com isso.<\/p>\n

<\/p>\n

\ud83d\udccd A redund\u00e2ncia \u00e9 negativa<\/strong> – Ter a mesma liga\u00e7\u00e3o em mais do que um s\u00edtio numa p\u00e1gina \u00e9 um problema de usabilidade e de acessibilidade. Os utilizadores partem do princ\u00edpio de que as liga\u00e7\u00f5es individuais conduzem a op\u00e7\u00f5es individuais. Quando a mesma liga\u00e7\u00e3o aparece em mais do que um lugar na mesma p\u00e1gina, isso quebra o modelo mental do utilizador. O mesmo problema se aplica \u00e0 acessibilidade, s\u00f3 que agora ser\u00e1 pior, pois um utilizador com tecnologia de assist\u00eancia aumentou a sua carga mental ao tentar perceber a diferen\u00e7a com pouco ou nenhum contexto adicional. Pode pensar que est\u00e1 a tornar algo mais f\u00e1cil de encontrar ao coloc\u00e1-lo em mais do que uma localiza\u00e7\u00e3o na mesma p\u00e1gina; em vez disso, est\u00e1 a adicionar complexidade e aborrecimento \u00e0 experi\u00eancia do utilizador.<\/p>\n

<\/p>\n

\ud83d\udccd Crie um trilho de navega\u00e7\u00e3o<\/strong> – Mesmo que n\u00e3o conhe\u00e7a a express\u00e3o “trilho de navega\u00e7\u00e3o”, garanto que j\u00e1 a viu. Geralmente, eles aparecem perto do topo do conte\u00fado de um site e s\u00e3o mais ou menos assim: In\u00edcio>Sobre n\u00f3s>Horas. Este elemento de navega\u00e7\u00e3o fornece aos utilizadores o contexto de onde se encontram nesse momento no s\u00edtio e que outro conte\u00fado comp\u00f5e a hierarquia. Uma vez que cada parte do percurso \u00e9 uma liga\u00e7\u00e3o para essa p\u00e1gina, tamb\u00e9m d\u00e1 aos utilizadores uma forma r\u00e1pida de navegar para outras localiza\u00e7\u00f5es relacionadas.<\/p>\n

<\/p>\n

\ud83d\udccd A pesquisa \u00e9 importante –\u00a0<\/strong>Se o s\u00edtio da sua biblioteca n\u00e3o tiver uma fun\u00e7\u00e3o de pesquisa, pare agora mesmo e corrija isso antes de qualquer outra coisa. A pesquisa \u00e9 fundamental e pode ser o primeiro e o \u00faltimo recurso para as pessoas que est\u00e3o \u00e0 procura de algo no s\u00edtio. Para al\u00e9m disso, concentre-se nas seguintes boas pr\u00e1ticas.<\/p>\n

<\/p>\n

\ud83d\udccd Permitir a pesquisa de mais do que uma coisa, mas n\u00e3o em mais do que um local<\/strong> – No m\u00ednimo, o s\u00edtio Web de uma biblioteca deve permitir a pesquisa tanto no s\u00edtio como no cat\u00e1logo em linha da biblioteca. No entanto, estas pesquisas n\u00e3o devem ser visualmente separadas. N\u00e3o deve haver um campo de pesquisa para pesquisar no s\u00edtio e outro para pesquisar no cat\u00e1logo.<\/p>\n

<\/p>\n

\ud83d\udccd Abandonar os marcadores de posi\u00e7\u00e3o<\/strong> – Um marcador de posi\u00e7\u00e3o \u00e9 quando o texto j\u00e1 se encontra num campo de pesquisa. Geralmente, diz algo como “Pesquisar por …” ou algo semelhante. Embora isso possa ter sido \u00fatil no in\u00edcio, pesquisas mais recentes mostram exatamente o contr\u00e1rio. A exist\u00eancia de texto j\u00e1 num campo de pesquisa provou confundir os utilizadores em vez de os ajudar.<\/p>\n

<\/p>\n

\ud83d\udccd Colocar no s\u00edtio certo<\/strong> – Uma vez que a funcionalidade de pesquisa \u00e9 um elemento padr\u00e3o e esperado do s\u00edtio, coloc\u00e1-la numa localiza\u00e7\u00e3o n\u00e3o padr\u00e3o confunde os utilizadores. Um cliente com quem a minha ag\u00eancia trabalhou insistiu que queria o campo de pesquisa no rodap\u00e9 do s\u00edtio. Depois de alguma discuss\u00e3o interna, dissemos ao cliente que se tratava de um problema de usabilidade demasiado importante e que n\u00e3o quer\u00edamos a nossa ag\u00eancia associada a ele. Dissemos-lhe que plane\u00e1vamos cancelar o contrato. Felizmente, o cliente acabou por aceitar. N\u00e3o obrigue os utilizadores a procurar por procurar.<\/p>\n

<\/p>\n

Continua…<\/strong><\/span><\/p>\n

<\/p>\n

_______________________________________________________________________________________________<\/span><\/p>\n

<\/p>\n

Refer\u00eancia<\/strong><\/span><\/p>\n

<\/p>\n

Este \u00e9 o quarto de um conjunto de cinco artigos, resultantes da tradu\u00e7\u00e3o de:<\/span><\/p>\n

<\/p>\n

Solomon, L. (setembro de 2023). Website Design: Best Practices That Really Matter to Your Users. Computers in Libraries<\/em>. Information Today. https:\/\/www.infotoday.com\/cilmag\/sep23\/Solomon–Website-Design-Best-Practices-That-Really-Matter-to-Your-Users.shtml<\/a><\/span><\/p>\n

<\/p>\n

Veja tamb\u00e9m:<\/strong><\/span><\/p>\n

<\/p>\n

#1\u00a0Design de s\u00edt<\/a>ios Web: Boas pr\u00e1ticas que realmente interessam aos seus utilizadores<\/a><\/p>\n

<\/p>\n

#2\u00a0Design de s\u00edtios Web: A velocidade \u00e9 importante<\/a><\/p>\n

<\/p>\n

#3\u00a0Design de s\u00edtios Web: As imagens s\u00e3o importantes<\/a><\/p>\n

<\/p>\n

Sobre a autora<\/strong><\/span><\/p>\n

<\/p>\n

Laura Solomon \u00e9 gestora de servi\u00e7os bibliotec\u00e1rios da Rede de Informa\u00e7\u00e3o da Biblioteca P\u00fablica do Ohio (oplin.ohio.gov) e programadora Web front-end certificada. H\u00e1 mais de 20 anos que desenvolve e desenha para a Web, tanto em bibliotecas p\u00fablicas como enquanto consultora independente. \u00c9 especialista em desenvolvimento com Drupal. Eleita Library JournalMover & Shaker em 2010, escreveu tr\u00eas livros sobre redes sociais e marketing de conte\u00fados, especificamente para bibliotecas, e d\u00e1 palestras internacionais sobre estes e outros t\u00f3picos relacionados com tecnologia. Como ex-bibliotec\u00e1ria infantil, gosta de levar a “divers\u00e3o da tecnologia” ao p\u00fablico e de dar \u00e0s bibliotecas as ferramentas de que necessitam para servir melhor o cliente virtual.<\/span><\/p>\n

<\/p>\n

\ud83d\udcf7<\/span>\u00a0<\/span><\/span>Gerd Altmann<\/a>\u00a0por\u00a0Pixabay<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Quando se trata de tornar um s\u00edtio utiliz\u00e1vel, provavelmente n\u00e3o surpreende ningu\u00e9m que a forma como a navega\u00e7\u00e3o do s\u00edtio \u00e9 identificada e organizada fa\u00e7a uma enorme diferen\u00e7a. Se olhar para 20 s\u00edtios Web de bibliotecas diferentes, encontrar\u00e1 20 esquemas organizacionais diferentes. Mas h\u00e1 alguns passos r\u00e1pidos e concretos que pode dar para melhorar o seu. \ud83d\udccd Cuidado ao adicionar demasiadas op\u00e7\u00f5es – Embora n\u00e3o exista um n\u00famero m\u00e1gico recomendado, aconselho vivamente as bibliotecas a terem em aten\u00e7\u00e3o que, quando \u00e9 adicionada outra op\u00e7\u00e3o de navega\u00e7\u00e3o, esta pode aumentar a carga cognitiva do utilizador. Por outras palavras, quanto mais op\u00e7\u00f5es o utilizador tiver, maior \u00e9 a probabilidade de o sobrecarregar. Pense em estar num corredor de uma mercearia e ter de escolher entre 30 variedades de ketchup. N\u00e3o acrescente variedades de ketchup a n\u00e3o ser que isso traga um valor real para os utilizadores. \ud83d\udccd As etiquetas t\u00eam de ter significado -As etiquetas que n\u00e3o t\u00eam significado real s\u00e3o designadas por “navega\u00e7\u00e3o misteriosa” (Liga\u00e7\u00f5es, Recursos, Informa\u00e7\u00e3o e Explorar). Nenhuma delas diz aos utilizadores o que v\u00e3o ver quando clicarem nessa op\u00e7\u00e3o, o que significa que poucos, ou nenhuns, a utilizar\u00e3o realmente. Se as pessoas n\u00e3o sabem qual ser\u00e1 o resultado, normalmente n\u00e3o perdem o seu tempo com isso. \ud83d\udccd A redund\u00e2ncia \u00e9 negativa – Ter a mesma liga\u00e7\u00e3o em mais do que um s\u00edtio numa p\u00e1gina \u00e9 um problema de usabilidade e de acessibilidade. Os utilizadores partem do princ\u00edpio de que as liga\u00e7\u00f5es individuais conduzem a op\u00e7\u00f5es individuais. Quando a mesma liga\u00e7\u00e3o aparece em mais do que um lugar na mesma p\u00e1gina, isso quebra o modelo mental do utilizador. O mesmo problema se aplica \u00e0 acessibilidade, s\u00f3 que agora ser\u00e1 pior, pois um utilizador com tecnologia de assist\u00eancia aumentou a sua carga mental ao tentar perceber a diferen\u00e7a com pouco ou nenhum contexto adicional. Pode pensar que est\u00e1 a tornar algo mais f\u00e1cil de encontrar ao coloc\u00e1-lo em mais do que uma localiza\u00e7\u00e3o na mesma p\u00e1gina; em vez disso, est\u00e1 a adicionar complexidade e aborrecimento \u00e0 experi\u00eancia do utilizador. \ud83d\udccd Crie um trilho de navega\u00e7\u00e3o – Mesmo que n\u00e3o conhe\u00e7a a express\u00e3o “trilho de navega\u00e7\u00e3o”, garanto que j\u00e1 a viu. Geralmente, eles aparecem perto do topo do conte\u00fado de um site e s\u00e3o mais ou menos assim: In\u00edcio>Sobre n\u00f3s>Horas. Este elemento de navega\u00e7\u00e3o fornece aos utilizadores o contexto de onde se encontram nesse momento no s\u00edtio e que outro conte\u00fado comp\u00f5e a hierarquia. Uma vez que cada parte do percurso \u00e9 uma liga\u00e7\u00e3o para essa p\u00e1gina, tamb\u00e9m d\u00e1 aos utilizadores uma forma r\u00e1pida de navegar para outras localiza\u00e7\u00f5es relacionadas. \ud83d\udccd A pesquisa \u00e9 importante –\u00a0Se o s\u00edtio da sua biblioteca n\u00e3o tiver uma fun\u00e7\u00e3o de pesquisa, pare agora mesmo e corrija isso antes de qualquer outra coisa. A pesquisa \u00e9 fundamental e pode ser o primeiro e o \u00faltimo recurso para as pessoas que est\u00e3o \u00e0 procura de algo no s\u00edtio. Para al\u00e9m disso, concentre-se nas seguintes boas pr\u00e1ticas. \ud83d\udccd Permitir a pesquisa de mais do que uma coisa, mas n\u00e3o em mais do que um local – No m\u00ednimo, o s\u00edtio Web de uma biblioteca deve permitir a pesquisa tanto no s\u00edtio como no cat\u00e1logo em linha da biblioteca. No entanto, estas pesquisas n\u00e3o devem ser visualmente separadas. N\u00e3o deve haver um campo de pesquisa para pesquisar no s\u00edtio e outro para pesquisar no cat\u00e1logo. \ud83d\udccd Abandonar os marcadores de posi\u00e7\u00e3o – Um marcador de posi\u00e7\u00e3o \u00e9 quando o texto j\u00e1 se encontra num campo de pesquisa. Geralmente, diz algo como “Pesquisar por …” ou algo semelhante. Embora isso possa ter sido \u00fatil no in\u00edcio, pesquisas mais recentes mostram exatamente o contr\u00e1rio. A exist\u00eancia de texto j\u00e1 num campo de pesquisa provou confundir os utilizadores em vez de os ajudar. \ud83d\udccd Colocar no s\u00edtio certo – Uma vez que a funcionalidade de pesquisa \u00e9 um elemento padr\u00e3o e esperado do s\u00edtio, coloc\u00e1-la numa localiza\u00e7\u00e3o n\u00e3o padr\u00e3o confunde os utilizadores. Um cliente com quem a minha ag\u00eancia trabalhou insistiu que queria o campo de pesquisa no rodap\u00e9 do s\u00edtio. Depois de alguma discuss\u00e3o interna, dissemos ao cliente que se tratava de um problema de usabilidade demasiado importante e que n\u00e3o quer\u00edamos a nossa ag\u00eancia associada a ele. Dissemos-lhe que plane\u00e1vamos cancelar o contrato. Felizmente, o cliente acabou por aceitar. N\u00e3o obrigue os utilizadores a procurar por procurar. Continua… _______________________________________________________________________________________________ Refer\u00eancia Este \u00e9 o quarto de um conjunto de cinco artigos, resultantes da tradu\u00e7\u00e3o de: Solomon, L. (setembro de 2023). Website Design: Best Practices That Really Matter to Your Users. Computers in Libraries. Information Today. https:\/\/www.infotoday.com\/cilmag\/sep23\/Solomon–Website-Design-Best-Practices-That-Really-Matter-to-Your-Users.shtml Veja tamb\u00e9m: #1\u00a0Design de s\u00edtios Web: Boas pr\u00e1ticas que realmente interessam aos seus utilizadores #2\u00a0Design de s\u00edtios Web: A velocidade \u00e9 importante #3\u00a0Design de s\u00edtios Web: As imagens s\u00e3o importantes Sobre a autora Laura Solomon \u00e9 gestora de servi\u00e7os bibliotec\u00e1rios da Rede de Informa\u00e7\u00e3o da Biblioteca P\u00fablica do Ohio (oplin.ohio.gov) e programadora Web front-end certificada. H\u00e1 mais de 20 anos que desenvolve e desenha para a Web, tanto em bibliotecas p\u00fablicas como enquanto consultora independente. \u00c9 especialista em desenvolvimento com Drupal. Eleita Library JournalMover & Shaker em 2010, escreveu tr\u00eas livros sobre redes sociais e marketing de conte\u00fados, especificamente para bibliotecas, e d\u00e1 palestras internacionais sobre estes e outros t\u00f3picos relacionados com tecnologia. Como ex-bibliotec\u00e1ria infantil, gosta de levar a “divers\u00e3o da tecnologia” ao p\u00fablico e de dar \u00e0s bibliotecas as ferramentas de que necessitam para servir melhor o cliente virtual. \ud83d\udcf7\u00a0Gerd Altmann\u00a0por\u00a0Pixabay<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2773894","post","type-post","status-publish","format-standard","hentry","category-sem-categoria"],"_links":{"self":[{"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=\/wp\/v2\/posts\/2773894","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2773894"}],"version-history":[{"count":1,"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=\/wp\/v2\/posts\/2773894\/revisions"}],"predecessor-version":[{"id":3086331,"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=\/wp\/v2\/posts\/2773894\/revisions\/3086331"}],"wp:attachment":[{"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2773894"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2773894"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/projetos.dge.mec.pt\/rbe\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2773894"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}