Web Designer Lingo: um guia para seus clientes

Cada comércio tem sua própria linguagem. Como web designer, você é fluente na sopa de letrinhas de termos de sites como UX, CSS e HTML. Mas seus clientes? Poderia muito bem ser grego para eles.

Há enormes benefícios em educar seus clientes sobre os termos mais comuns de web design antes mesmo de você mergulhar no processo de design. Independentemente do nível de conhecimento, ao deixar de abordar o básico, você acaba gastando mais tempo em ligações telefônicas traduzindo terminologia, em vez de discutir seu trabalho e ideias de design.

Para ajudar a atualizar seus clientes, compilamos os termos mais comuns de web design e os traduzimos para uma linguagem amigável ao cliente.

Aqui estão 7 termos essenciais de design de site:

• Imagem do herói
• Experiência do usuário
• Estrutura de arame
• Arquitetura da Informação
• Responsivo a dispositivos móveis
• HTML, CSS e JavaScript
• CMS

Imagem do herói

Ao projetar um site, você ouvirá frequentemente o termo “imagem heróica” em referência à página inicial do site. Embora o termo possa evocar imagens de Batman e Superman, isso não significa que seu designer esteja colocando uma imagem de super-heróis em seu site.

A imagem principal é a grande imagem de destaque ou plano de fundo do vídeo na seção superior da página inicial de um site. As pessoas começaram a se referir a esta área como uma imagem heróica porque é uma parte muito importante do site. É a primeira coisa que qualquer visitante vê ao acessar seu site e, portanto, o design precisa ser cativante e significativo.

Embora o termo “imagem de herói” contenha a palavra imagem, esta seção do site não precisa necessariamente ser uma imagem estática. Hoje, os vídeos de heróis são muito comuns, geralmente reproduzidos em segundo plano, atrás de algum texto. Dependendo dos objetivos do site e do estilo de design, você poderá até ver animações utilizadas nesta área do site.

UX ou experiência do usuário

UX é uma abreviação de experiência do usuário. Alguns web designers se especializam em design UX – o processo de aprimorar a experiência total do visitante em seu site. O design UX é considerado uma especialização porque o designer não apenas cria a aparência do site, mas considera como o visitante vivencia sua primeira (e subsequentes!) visitas ao site.

Uma analogia simples para a experiência do usuário é compará-la com a experiência que você pode ter em um novo restaurante. A comida pode ser ótima, mas se o restaurante demorar uma eternidade para acomodá-lo e os banheiros forem nojentos e o estacionamento for um pesadelo, então você provavelmente deixará de ir lá novamente. Existem muitos outros fatores além da comida que podem impactar sua experiência em um restaurante.

O mesmo pode ser dito sobre sites, e é disso que se trata a experiência do usuário. Envolver e manter um visitante em seu site não envolve apenas ter um design bonito. Um web designer que entende de UX design considera como tudo no site afeta a experiência geral do usuário.

Estrutura de arame

Durante a maioria dos projetos de sites, sua equipe web criará primeiro um wireframe de uma página web antes de criar uma maquete de design.

Um wireframe é basicamente um projeto e mostra onde determinados elementos e texto serão colocados na página.

Construir um site é semelhante ao processo de construção de uma casa. Você começa com um arquiteto e cria uma planta antes de o designer de interiores iniciar seu trabalho, caso contrário você pode acabar com um banheiro na cozinha. Um wireframe é uma ferramenta extremamente útil porque permite que você colabore com o estrategista ou designer da web e mova as coisas com mais facilidade do que uma maquete de design.

Se você já viu um exemplo de wireframe, notará que ele tem semelhanças com uma planta de construção; o wireframe é normalmente preto e branco com caixas básicas e contornos para mostrar onde os elementos serão colocados.

Arquitetura da Informação (AI)

Além de um wireframe, você normalmente trabalhará na Arquitetura da Informação do seu site no início do processo. Arquitetura da Informação, muitas vezes chamada de IA, refere-se ao processo de organização, priorização e rotulagem do conteúdo do site.

Nesta fase, você decidirá quais páginas do site serão incluídas na navegação superior do site e como o conteúdo será estruturado. A navegação superior é a série de links no topo da página. Essa navegação superior está em todas as páginas do site e ajuda a orientar os visitantes para o conteúdo mais importante.

Semelhante ao wireframe, a Arquitetura da Informação final é uma representação organizacional do seu site. Muitas vezes parece um diagrama e é uma ferramenta crítica para orientar a equipe da web, a fim de garantir que o site final seja lógico e intuitivo de navegar.

Responsivo a dispositivos móveis

Hoje, todo site precisa funcionar em uma variedade de dispositivos, como telefones, tablets e computadores desktop. É neste contexto que você frequentemente ouvirá um web designer usar o termo “responsivo a dispositivos móveis”.

A maioria das plataformas de sites como o WordPress são responsivas a dispositivos móveis, o que significa que já existe tecnologia integrada na própria plataforma para que o conteúdo se ajuste automaticamente ao tamanho do dispositivo do usuário.

Pense em como funciona o seu celular. Se você virar o telefone horizontalmente, o conteúdo do telefone será ajustado automaticamente.

Isso é muito parecido com o que acontece no site. Devido à tecnologia responsiva a dispositivos móveis, web designers e desenvolvedores não precisam mais criar uma segunda versão do seu site para dispositivos menores. O mesmo conteúdo e design serão exibidos adequadamente em diferentes tamanhos de dispositivos.

Um web designer qualificado leva isso em consideração ao projetar o site e pode orientá-lo na escrita de conteúdo que funcione tanto em dispositivos móveis quanto em telas maiores.

HTML, CSS e JavaScript

Não deixe que esses termos técnicos o intimidem. Cada um está relacionado a como seu design passa de uma imagem estática para se tornar uma página da web interativa e ativa. Normalmente, você começará a criar seu site com um web designer especializado na aparência e organização do site. Em seguida, você trabalhará com um desenvolvedor web ou equipe de desenvolvimento que codificará o site.

É mais provável que você ouça esses termos durante o estágio de desenvolvimento da construção de seu site, mas eles também podem aparecer em discussões de design.

HTML significa HyperText Markup Language e permite que uma equipe da web diga a um navegador como exibir um trecho de texto. HTML usa tags diferentes para indicar se o texto é um título, subtítulo ou parágrafo. Você pode ver um designer rotular um título em seu design como H1. Isto se refere à tag HTML que será usada para informar ao navegador que todo o texto com este rótulo deve ter o mesmo tamanho de fonte.

Cascading Style Sheets (CSS) ajudam um web designer e desenvolvedor a definir a aparência do site. O HTML por si só não é atraente ou atraente. CSS faz toda a diferença na criação de um belo design de página web.

JavaScript é uma linguagem de script que os desenvolvedores usam para criar interações no site. Com apenas HTML e CSS, você tem uma página web bonita, mas nada pode acontecer apenas com esses dois. Ao procurar um desenvolvedor web ou equipe de desenvolvimento, procure alguém que saiba muito mais do que apenas JavaScript e certifique-se de que sua equipe tenha experiência na plataforma em que você está construindo o site.

CMS

Concluiremos com um termo bastante fácil: sistema de gerenciamento de conteúdo, também conhecido como CMS. Você ouvirá frequentemente esse termo em relação ao WordPress (outro sistema de gerenciamento de conteúdo).

Na verdade, o WordPress é o sistema de gerenciamento de conteúdo mais popular do mundo. Um CMS é uma ferramenta de back-end do site e permite editar ou adicionar facilmente conteúdo ao site.

O grande benefício de construir seu site em um CMS como o WordPress é que você não precisa ser um web designer ou desenvolvedor web para alterar o texto, adicionar imagens ou adicionar páginas após o lançamento do site. Você não precisará ligar para seu desenvolvedor web toda vez que precisar adicionar uma vírgula a uma página.

Como o WordPress é extremamente flexível e personalizável, você obtém o melhor dos dois mundos com um site bonito e fácil de gerenciar para sua empresa.

Confira mais conteúdo WordPress!

WordPress é o sistema de gerenciamento de conteúdo mais popular do mundo e está sendo usado por cada vez mais criativos todos os dias.

Saiba mais sobre WordPress aqui. Não importa se você é iniciante ou conhece WordPress como a palma da sua mão, temos recursos e artigos para todos!

Continue lendo aqui.