26
maj
l saiba como projetar um site funcional – parte 2 Artigo: formato, espaA�os e cores

A internet A� perfeitamente adequada para a apresentaA�A?o de documentos curtos, contendo muitos hyperlinks. No caso de 1 texto longo, nA?o substituirA? um livro ou uma revista (pelo menos no momento). No entanto, se houver necessidade do fazer upload de material mais comprido, ele deverA? ser dividido em vA?rias partes e a variaA�A?o para impressA?o ou download deverA? ser disponibilizada na forma de arquivos HTML ou RTF. 1o de tudo, o post deve ser lA?cido. Por meio de parA?grafos curtos, multiplos estilos (nA�veis) de tA�tulos e listas numeradas, podemos melhorar a legibilidade do texto. Palavras importantes devem ser destacadas em negrito ou em itA?lico e, ao mesmo tempo, sublinhado deve ser evitado, pois A� reservado para links. Este texto deve ser estA?tico, ainda que possamos encontrar pA?ginas da web com mensagens curtas na forma de faixa do rolagem. Excepcionalmente, um texto em movimento A� lido mais tardiamente. Nesse caso, o retorno A�s informaA�A�es selecionadas igualmente A� prejudicado. VocA? deve esperar atA� que as informaA�A�es restantes tenham passado. A forma tais como os parA?grafos sA?o ajustados tambA�m influencia o ritmo da leitura. Sugere-se alinhar A� esquerda ou justificar, porque o texto formatado de tal maneira lA? muito ainda mais facilmente. Este texto nA?o deve ser exibido em toda a largura da tela. Muitas vezes, permite o leitor omitir linhas ou descer uma linha abaixo. Linhas contendo pelo mA?ximo 10 palavras sA?o as mais fA?ceis de ler. A cor do texto deve contrastar usando a cor do plano de fundo. Um artigo preto contra um fundo branco A� o mais legA�vel. A combinaA�A?o inversa tambA�m A� especialmente boa, ainda assim, no caso de textos mais longos, desencoraja este usuA?rio e diminui este ritmo da leitura. O uso de cores brilhantes A� especialmente muito cansativo para os olhos. Do fato, a despeito de de chamarem nossa atenA�A?o, desestimulam depois um curto perA�odo do tempo. O plano por fundo deverA? simples, porque os grA?ficos dificultam a distinA�A?o de linhas por caracteres e formas de palavras. No entanto, se decidirmos usar 1 padrA?o, ele deve ser bastante sutil. No caso por tA�tulos de seA�A�es, temos que evitar cores. O texto colorido A� reservado para referA?ncias. O usuA?rio nA?o lA? um site linha por linha, mas sim passa por ele. Por isso, este conteA?do do site deve ser dividido em vA?rias partes, cada uma das quais deve receptar um tA�tulo. Vale a pena fazer alguns espaA�os vazios entre blocos de texto. 1 documento dividido em partes A� lido mais facilmente do que 1 texto escrito sem espaA�os. As A?nicas desvantagens dessa soluA�A?o sA?o a extensA?o do artigo e a necessidade de sua rolagem contA�nua. Nesses casos, recomenda-se colocar uma referA?ncia que permita voltar a tela.

SeleA�A?o apropriada de fontes

A�s vezes, hA? discussA�es sobre a seleA�A?o do tipos por fonte por conta da divisA?o em fontes sem serifas (por exemplo, Verdana) e serif (por exemplo, Times New Roman). A� especialmente comumente reconhecido que as pessoas preferem ler textos escritos por meio de fontes serif. Isso resulta do fato que as serifas facilitam a movimentaA�A?o do um personagem para outro, o que aumenta sua legibilidade. O presente princA�pio, ainda assim, aplica-se a documentos em papel. A baixa definiA�A?o torna as fontes usando serifa dificilmente legA�veis na tela. A� especialmente especialmente do grande mais valia no caso de textos escritos por meio do fontes pequenas. Juntamente com o crescente nA?mero de usuA?rios que possuem monitores de elevada definiA�A?o, esse princA�pio terA? menos influA?ncia. No entanto, por enquanto, origens sans-serif sA?o mais preferA�veis. Certamente, este tamanho da fonte possui um impacto na legibilidade. Fonte tamanho pelo menos 10 pontos deve ser utilizado para este texto bA?sico. A� essencial evitar letras maiA?sculas no texto. ARTIGO ESCRITO NESSE FORMA A� especialmente LIDO EM CERCA DE 10% MAIS TARDIAMENTE. NA?o mais do que dois estilos de fonte (para textos de papeis e tA�tulos) ou trA?s no caso de textos especiais, por ex. lei do programa, deve ser utilizado.

GrA?ficos, ilustraA�A�es e animaA�A�es

Os grA?ficos, assim como estes multimA�dia, devem ser colocados nos sitios quando eles realmente permitem que este usuA?rio entenda melhor as informaA�A�es apresentadas ou melhoram as qualidades estA�ticas da pA?gina da web. Estes objetivos do projeto grA?fico sA?o informar, facilitar a movimentaA�A?o por recursos, porA�m nA?o absorver atenA�A?o. Se nA?s utilizar grA?ficos, em vez por muitas fotos, podemos usar um numerosas vezes. NA?o sA? irA? acelerar o carregamento da pA?gina, contudo tambA�m garantirA? a coesA?o visual do site. Para fazer upload de uma imagem, devemos nos lembrar de adicionar o atributo ALT, que permitirA? ao usuA?rio ver o de que uma determinada imagem exprime antes de ser exibida. Para alA�m disso, navegadores para cegos podem ver arquivos ALT em voz alta. Imagens de suplementos alimentares desempenham 1 papel vital no desenvolvimento de consumida de decisA?o sobre sua prA?pria compra. Os usuA?rios de que visitam lojas on-line estA?o mais dispostos a aguardar por muito mais alguns segundos para olhar como A� o resultado em que estA?o interessados. No entanto, o princA�pio do um nA?mero limitado por imagens e ilustraA�A�es deve ser aplicado em pA?ginas de nA�vel superior. No sitio que apresenta um produto, para alA�m da descriA�A?o do produto, devemos fazer o upload de uma pequena foto (leia-se: „light”) ou uma referA?ncia a uma pA?gina que exprime seu formato maior ou fotografias adicionais na forma de uma galeria. Todos estes tipos do esquemas, diagramas e grA?ficos constituem outros elementos grA?ficos, que facilitam a compreensA?o e assimilaA�A?o do conteA?do da pA?gina, e que sA?o preferidos pelos usuA?rios por causa dessas qualidades. Estes A�cones tambA�m sA?o em muito usados. No entanto, devemos lembrar que a aparA?ncia deles nem sempre pode ser interpretada de forma idA?ntica e vale a pena descrevA?-los de modo a nA?o induzir em erro o destinatA?rio. Por outro lado, nA?o foi aconselhA?vel usar o menu grA?fico e os botA�es. Prolonga o carregamento da pA?gina e, alA�m disso, causa problemas adicionais, p. quando outra categoria por menu foi adicionada por causa da reestruturaA�A?o do site. Em seguida, o webmaster deve entrar em contato usando o designer grA?fico que comeA�a a procurar por arquivos por origem. A situaA�A?o pode vir a se tornar mais complicada quando os grA?ficos sA?o projetados por uma pessoa de fora, que nA?o definiu diretrizes para este design do elementos grA?ficos. As animaA�A�es constituem outra forma comumente usada, cujo objetivo foi chamar a atenA�A?o do usuA?rio. Ainda assim, eles devem ser usados raramente, como A� difA�cil se concentrar em 1 texto com muitos sinais em movimento. Se vocA? puder responder afirmativamente a questA?o do saber se A� possA�vel expressar sua mensagem nenhumas animaA�A?o, entA?o vocA? deve renunciar aos grA?ficos animados. Se tem que estar presente na pA?gina web, nA?o deverA? muito complicado. Ele incomoda o usuA?rio e dificulta o foco na parcela principal da pA?gina. A� por isso de que, apA?s diversas repetiA�A�es, deve parar.

A pA?gina primA?rio

A� uma vitrine do site, quando um usuA?rio precisa achar uma resposta para as seguintes perguntas: „Que tipo de informaA�A?o A� apresentada no site? „, „Que conteA?do ela oferece? ” A� portanto que, alA�m do nome e logotipo de destaque da companhia, deve conter o catA?logo de seA�A�es, um breve resumo de principais informaA�A�es, bem do tipo mA?dulo do pesquisa. TambA�m igualmente similarmente identicamente conjuntamente constitui um bom lugar para informar sobre promoA�A�es, no entanto, eles nA?o devem ocupar muito espaA�o. Sua prA?pria principal funA�A?o deve ser familiarizar o usuA?rio com sua prA?pria A?rea de assunto, incentivA?-lo a entrar em outras pA?ginas da Web, porA�m antes de mais nada, para possibilitar uma pesquisa adicional por meio de um sistema de navegaA�A?o simples e intuitivo.

NA?o apenas 1 projeto

Foi impossA�vel discutir todos estes princA�pios por funcionalidade do site em um artigo. A� assim sendo que vale por muito se familiarizar com outras publicaA�A�es elaborando sobre o presente assunto. Inumeras vezes, acontece que a feiA�A?o de todas as regras ao mesmo tempo nA?o A� viA?vel, especialmente ao projetar sites muito complicados. Em tais casos, A� necessA?rio renunciar a certos princA�pios. Elementos nA?o diretamente relacionados usando o design da pA?gina da web, por exemplo definiA�A?o de tela, tamanho por fonte delimitado pelo usuA?rio ou um navegador usado, tambA�m tA?m um impacto worldtraininginternational.com na funcionalidade. O sitio deve ser testado antes de ser publicado na Internet. A conclusA?o e implementaA�A?o do projeto nA?o significa de que podemos omitir a funcionalidade. Um porreiro criador deve monitorar as suas pA?ginas da Web a esse respeito o tempo todo.