O Design de WebSites

Design de WebSites

Desenvolvimento de websites • A parte que nos interessa: o design e o desenvolvimento de um site que seja eficiente, aprendível e adaptável.

• Isso inclui desenvolver a estrutura do site: a arquitetura de informação. O design de websites também se preocupa com o design da informação e com oque é muito importante: o design de navegação.

• O conteúdo, claro, é vital para o sucesso de um website. No design de websites, o designer tem de adquirir outra habilidade: a de escrever e organizar o conteúdo de informação.

Os designers precisam : saber quem irá usar o site e para que ele será usado; Os websites precisam ser bem direcionados e com objetivos claros.; desenvolver a persona das pessoas, que se espera estarão visitando o site, e entender claramente os objetivos que elas terão quando o estiverem usando. • As fases de entendimento, antecipação, design e avaliação do design devem ser obedecidas • Cenários de uso devem ser desenvolvidos, prototipados e avaliados.  É importante evitar: excesso de informações, difícil navegação entre as paginas, poluição visual, fonte pequena, excesso de propaganda, textos extensos em lugar errado, cores inadequadas.

Navegação • O suporte que permita às pessoas descobrir a estrutura e o conteúdo do site e encontrar seu caminho para uma determinada seção é o ponto-chave. • A arquitetura da informação é uma área de estudo devotada ao design de websites e a ajudar as pessoas a responder perguntas como: Onde estou? Aonde posso ir? Onde estive? O que há por perto? • Barras de navegação na parte superior e na parte inferior das páginas da Internet ajudam as pessoas a desenvolver um “mapa” geral claro do site.

Princípios de design- A consistência é importante, e deve ser desenvolvida uma linguagem de design clara, que inclua padrões de interação para as interações recorrentes. • Se não for desejável usar os padrão de links sublinhados em azul, certifique-se de que os links sejam consistentes de forma que as pessoas rapidamente aprendam. • Muitos sites confundem as pessoas não deixando os links suficientemente visíveis e distinguíveis do restante do texto. • Proporcione às pessoas retorno informando onde elas estão no site e esclareça contextos e conteúdo.

Cinco planos do design de websites • 1 - A camada mais baixa é o plano da “estratégia”, preocupado em entender o objetivo geral do website, a natureza das pessoas que estarão usando o site e o que elas esperam dele. A estratégia preocupa-se com as metas de negócios, a marca da empresa e uma análise de mercado. • 2 - A camada seguinte é o plano do “escopo”, no qual a ênfase é a funcionalidade (o que o site irá permitir que as pessoas façam) e o conteúdo (a informação que o site irá conter). Ele argumenta que investir tempo no plano do escopo é importante para que os designers saibam que design estão e não estão fazendo! O resultado de delimitar o escopo do site é um conjunto claro e priorizado de requisitos. • 3- A terceira camada é o chamado plano da “estrutura”. Ele trata da arquitetura de informação, mas também inclui a especificação do design de interação. Aqui a característica-chave é estabelecer um modelo conceitual claro. • 4 - O plano do “esqueleto” preocupa-se com o design de informação, de navegação e de interface. • 5 - O último elemento do esquema de Garrett é o plano da “superfície”, preocupado com a estética do site e em garantir que boas diretrizes de design sejam seguidas. Por exemplo, os links devem se parecer com links e coisas que não são links não devem!

Design visual • Neste aspecto, a consistência e a adequação da apresentação são críticas. • Uma maneira eficaz de obter essa consistência é através do uso de folhas de estilo. • Folhas de estilo descrevem como os documentos da Internet são exibidos, as cores usadas e outras questões de formatação que ajudam a obter um layout claro e lógico. Assim como o wireframe especifica a estrutura, a folha de estilo especifica a linguagem visual usada. • O Consórcio World Wide Web, W3C, é responsável pelo desenvolvimento da linguagem CSS (do inglês, cascading style sheets, ou folhas de estilo em cascata), uma linguagem de marcação para especificar mais de 100 recursos de estilo diferentes, inclusive layouts, cores e som.

A arquitetura da informação preocupa-se com o entendimento da estrutura e a organização do conteúdo do site. Como organizar o conteúdo (ou seja, como criar uma taxonomia), como rotular os itens e as categorias, como descrever o conteúdo do site e como apresentar a arquitetura aos usuários e a outros designers.

Esquemas de classificação • A escolha de uma ontologia ou esquema de classificação é crucial para a facilidade de se recuperar a instância de um objeto. • Embora à primeira vista uma organização alfabética seja bastante simples, ela nem sempre é fácil, principalmente quando o primeiro e o último nome estão misturados ou quando caracteres estranhos fazem parte de um nome. • A organização geográfica é adequada para assuntos de viagem, questões sociais e políticas e organizações regionais, como vinícolas, comidas típicas etc. • A organização por tópico ou assunto é outra maneira bastante utilizada para estruturar informação. • A organização por tarefas estrutura o website por determinadas atividades que as pessoas podem querer fazer (“Comprar ingresso”, “Fale conosco”). • Público é outro método popular de estruturação. • Esquemas híbridos podem ser (e frequentemente são) usados para mesclar esses tipos de organização. Alternativas • Baseado em tarefas: “Comprar um carro”. • Baseado em público: “Compradores de carros”. • Baseado em tópico: “Carros”. • Baseado em departamento: “Departamento de vendas”.