especialistas em SEO nos EUA

Há mais de 10 anos ajudamos empresas a atingir seus objetivos financeiros e de marca. Onum é uma agência de SEO voltada para valores e dedicada.

ÚLTIMAS NOTÍCIAS
CONTATOS
especialista em SEO
Como funciona
mude sua visão de SEO

Desenvolvimento Web

Apostamos que você não gasta muito tempo na 2ª página do Google - então, por que deveria seu site?

DESENVOLVIMENTO DE SITES

O QUE É DESENVOLVIMENTO WEB?

Normalmente usamos as frases Web Design and Development coletivamente, embora as frases façam referência a componentes extraordinários do método de construção de um site que exija unidades de habilidade específicas. Agora, vamos falar aproximadamente o conjunto de habilidades principal que é o layout da Internet. Em essência, o layout da internet se refere a cada parte cultural do site da internet e sua usabilidade. Os web designers usam diversos aplicativos de layout que incluem Adobe Photoshop (10 $ / mês) ou GIMP (Grátis), e muitos equipamentos diferentes, para criar o formato e os diferentes fatores visíveis do site na Internet.

Depois disso, os construtores de front-quit reforçam seu layout por meio do aprimoramento da Internet no Front-End, que nos leva ao segundo conjunto de habilidades (melhoria da Internet). Agora você possivelmente perguntaria o que é a programação inicial, para colocá-la facilmente é o detalhe visível da saída frontal de um software (ou um site ou aplicativo da internet)

Isso pode ser visto e acessível pela pessoa que desiste. As linguagens de encerramento mais famosas são (HTML, CSS, JS). Se você já está curioso sobre como se tornar um membro desta área, o que é claro porque você se aborreceu comigo e atingiu esse fator do artigo, então o primeiro elemento que você deve fazer é estudar HTML e CSS primários, podemos falar sobre isso em além da nossa masterização e segmento de ativos acadêmicos deste artigo.

No entanto, o segundo é uma parte do segundo conjunto de habilidades é o aprimoramento da Internet de back-end. Melhoria da web se refere a construção, crescendo e retendo websites. Desenvolvedores da Web normalmente pegam um design de site concluído por meio de um fabricante de roupas de internet e fazem um site funcional a partir dele, por meio da escrita de scripts de internet em linguagens que incluem PHP, ASP, Python, Ruby, Perl, etc. do software de internet é um habilitador para uma diversão de front-quit ... O código de back-end é administrado no servidor, em vez do cliente. Desta forma, os construtores de back-end agora não querem mais apreender linguagens de programação e bancos de dados, no entanto, eles também devem ter um conhecimento de estrutura de servidor.

Agora você pode surpreender o que é um banco de dados, para colocá-lo facilmente, é até agora um dispositivo para armazenar e cuidar de fatos (qualquer forma de fatos). Os bancos de dados mais famosos são MySQL (o máximo usado), MongoDB, SQLite, Postgres, etc.

Além disso, você tem formas extraordinárias de bancos de dados como SQL (relacional) e NoSQL (não relacional). Você pode testar este artigo fácil para apreender as variações entre cada um dos bancos de dados SQL e NoSQL.

Agora que apontamos a melhoria do início e do retorno, no entanto, não devemos esquecer que também temos a melhoria Full-Stack que, honestamente, é a mistura de cada um. A maioria dos construtores de pilha completa são freelancers ou construtores especializados em uma empresa com anos de diversão. Para se tornar um desenvolvedor de Internet de pilha completa, você deve, no mínimo, estudar as seguintes linguagens: HTML, CSS, JS, PHP, SQL (uma linguagem de banco de dados).

Agora você possivelmente ouviria a palavra 'framework' antes e caso não tenha, eu tentarei e colocarei facilmente, um framework honestamente torna a existência do desenvolvedor muito menos complicada, devido ao fato de você não não precisa escrever seu código do zero. Na arena de layout de internet, para fornecer uma definição mais confiável, uma estrutura é descrita como um pacote feito a partir de uma forma de documentos e pastas de código padronizado (HTML, CSS, arquivos JS, etc.) que podem ser usados ​​para auxiliar na melhoria de sites, como base para começar construindo um site da web online.

melhores influenciadores de SEO do mundo

CMS

  • A diferença entre compartilhado, VPS, comprometido e planos de hospedagem de sites na web na nuvem
  • Um breve esclarecimento sobre gerenciamento de servidor
  • Determine meu jeito de dominar e como devo estudar!
  • Onde foi o ponto de início da minha aventura de masterização?
  • Índice de recursos de masterização cruciais e úteis
  • Equipamentos importantes que poderiam me auxiliar nesta área de pinturas
  • Índice do equipamento com esclarecimento

O layout da Web é uma coisa importante no método de melhoria da Internet. Se você é curioso sobre o layout da Internet, achamos que você tem uma veia inovadora. E como você não deve mais se entusiasmar com a ideia de criar seu primeiro site na Internet? Rede traçado é definir a criação de uma obra de arte com um propósito - mas por onde começar? Se você está questionando o que deseja entender antes de começar, este manual o ajudará.

Escolha algo primário para sua primeira web layout online do site

Isso parece um acéfalo, certo? Mas de vez em quando seremos ousados ​​demais e ficaremos desanimados. Para sua primeira tarefa, é um conceito muito bom escolher algo fácil e divertido. Um site de comércio eletrônico online é mais complexo e pode ser mais fácil de abordar assim que você tiver mais prazer. 

Um weblog é uma área extremamente boa para começar. Pode ser um treino de layout muito bom e você descobrirá como funciona um Sistema de Gerenciamento de Conteúdo (CMS), portanto, pode ser crucial entender os designs online de websites de destino. O melhor de tudo - você não precisa começar do zero. Há muitos weblog modelos que facilitam sua colocação coletiva.

Os modelos são um dispositivo de masterização precioso. Observar como os fatores HTML, CSS e Javascript são estilizados e estão disponíveis coletivamente resultará em uma percepção mais profunda do que torna as pinturas de layout. Você pode usar modelos como base para fazer ajustes e personalizações.

Talvez você não precise começar um weblog - esforce-se para abandonar seus passatempos ou hobbies inovadores. Que tal construir uma exposição para suas habilidades de imagens ou sua série de histórias rápidas? Criar um layout para caracterizar um ardor seu torna a primeira tarefa divertida.

especialistas em serviços de otimização na página

Encontre sugestões de diferentes designers

Você, sem dúvida, topou com sites que o impressionaram com seu belo layout.

Criar um documento de sugestão com hiperlinks para websites que você adora ou adicione-os aos favoritos conforme você passa. O Pinterest é uma área extremamente boa para localizar sites extremamente bons site online layout - você pode localizar e fixar ilustrações, capas de e-books, pôsteres, blogs e diferentes formas de pinturas de layout para consultar. Os designers usam o período “placa temperada” para essas coleções. Os fóruns de humor são um recurso útil de referência curta no caso de você ficar preso. O que você vai.

Além das descobertas que você está fazendo pessoalmente, existem algumas coleções com curadoria que você precisa testar. 

Prêmios continuamente apresentam pinturas novas e brilhantes e muitas coleções temáticas 

Behance é uma compilação de alto nível de pinturas de design de sites, em que o ponto de interesse está em alta satisfação e criatividade

O Dribbble se especializou em designers masculinos ou femininos, fornecendo um fórum de discussão para receber comentários e conversar com outras pessoas sobre suas pinturas

E, claro, vá para a exibição do Webflow para ver o tipo de abordagem que os seres humanos usam em nossa plataforma de layout. Há muitas coisas legais para testar e muitos modelos para clonar, pois você é muito pessoal.

Olhe para fora da internet em busca de sugestões

O layout da web é conhecido por meio de uma linguagem visível que pode ser determinada em qualquer lugar, como a colcha de um romance de imagens ou o quiosque virtual do seu banco. Desenvolva um relógio para detectar o layout desejável e comece a estudar por que algo funciona ou não funciona, independentemente do meio.

Pague juros à tipografia 

Frequentemente estudamos sem nem mesmo estar cientes das fontes. Preste atenção ao tipo de impacto que você devora material de conteúdo. Essa fonte do menu é legível? O que torna tão bem aquele sinal escrito à mão para as pinturas da empresa comercial do bairro? As cartas estão por toda parte. Esteja ciente de cada uso desejável e terrível da tipografia. 

Typewolf é um excelente recurso útil para preservar as guias de fontes famosas. Ele tem muitas listas para explorar, um site da Web on-line do dia em destaque e lookbooks com combinações de fontes notáveis. É útil ver exemplos reais de tipografia em uso, e sites como Typewolf são uma área extremamente boa para examinar suas aplicações realistas. Familiarizar-se com fontes extraordinárias o ajudará a escolher o tipo adequado para sua primeira web layout online do site.

Deixe as grandes artes afetarem você 

Oh, nós apontamos que há todo um registro de arte para atrair? No entanto, muitas ações e artistas formam as pinturas de criativos hoje - principalmente designers de internet. Dê um passeio pelo nosso layout da Web e peça de registros de arte para descobrir muitas realizações criativas enormes. O mais prático é repleto de fatos preciosos, é um exemplo excelente do caminho material de conteúdo e a arte pode vir coletivamente para informar uma história.

especialistas em otimização na página

Pesquise formas extraordinárias de layout

Existem tantas disciplinas de layout para se familiarizar. A compreensão do layout do produto, ilustração ou até mesmo da marca pode, além disso, aumentar seus sentidos inovadores.

Pela sugestão que vai além do layout da internet, o Abduzeedo dá exemplos excepcionais. Quer se trate de arte de pôster, bagagem ou mobília, você verá exemplos de primeira linha do layout concluído corretamente. Esteja aberto a formas extraordinárias de layout e procure ativamente por nossas sugestões. Quanto maior a compreensão que você tiver, menos complicado será o layout de seu primeiro site na Internet. A educação informa a intuição.

Tenha o material de conteúdo equipado antes de começar 

Colocar material de conteúdo Em primeiro lugar, ter conteúdo equipado para pinturas antes de começar a projetar seu primeiro site.

Não precisa ser perfeito. Você pode editar continuamente e otimizar para o Google SEO (buscar otimização de motor) mais tarde. Mas ter, no mínimo, um rascunho do que vai passar vai ajudar a garantir que o layout seja feito para lidar com isso. Projetar com o material de conteúdo real oferece uma ilustração melhor de como o site da Internet aparência e recurso. Além disso, oferece a possibilidade de fazer ajustes antecipadamente dentro do método de layout.

Para blogs, você vai querer ter uma instalação equipada para checar dentro do CMS. Ter um par de postagens escritas antes de você liberar continuará lutando para anotar algo após a realidade. 

Mantenha seu layout fácil e intuitivo

Quer se trate de escrita, navegação ou CTAs, ninguém deseja guerrear junto com seu layout.

Sua técnica de layout deve ser baseada na simplicidade e ordem. A lógica tem que orientar uma pessoa por meio do site da Web on-line com facilidade. E porque falamos comigo aproximadamente aqueles que terão interação com o que você criou, esta é uma ótima área para apresentar UX.

Compreender os fundamentos do person enjoy (UX)

Um site da Internet é maior do que simplesmente conteúdo textual flutuante em uma área. O esquema de cores, o material de conteúdo, a tipografia, o formato e as imagens vêm coletivamente para servir ao seu mercado alvo e mexa com a emoção. Alguém que vagueia pela área virtual que você criou precisa ter uma direção limpa e livre de obstáculos.

UX torna uma especialidade de know-how o seu mercado-alvo. O que eles estão procurando - e como seu layout facilitará a localização? A experiência do usuário está definida para entrar na cabeça de seu mercado-alvo e ver seu layout através de seus olhos.

Ao construir seu primeiro site na Internet, tenha em mente os conceitos orientadores de UX:

  • Torne as coisas fáceis e intuitivas
  • Comunique ideias em uma sucessão lógica
  • Atenda aos desejos do seu mercado-alvo e enfrente a tentação de mostrar suas habilidades sobre o custo da usabilidade
  • Aprender aproximadamente o seu mercado-alvo o ajudará a criar um layout feito sob medida para suas necessidades e desejos. Confira nosso manual do iniciante para estudos pessoais para maiores insights sobre como fazer isso.

Compreender os fundamentos da interface de pessoa (IU)

Se você é novo no layout da Internet, provavelmente está preocupado com a distinção entre UI e UX. A maioria das pessoas foi. Saiba disso - são ideias incríveis.

Onde a UX está envolvida com a experiência geral de um layout, a IU é definida para os detalhes. Se você já esteve em um elevador, a IU será o comprimento e a associação dos botões de solo, ao mesmo tempo que a UX pode incorporar as cores, texturas e diferentes seleções de layout interno da área do elevador. A IU é configurada para dar a uma pessoa o equipamento que ela deseja para desfrutar de seu site na Internet, sem complicações. 

Ao construir seu primeiro site na Internet, preserve esses conceitos de IU em seus pensamentos:

  • A funcionalidade dos fatores interativos deve ser aparente
  • A uniformidade deve ser de usabilidade manual - os movimentos devem obedecer a estilos lógicos
  • As seleções de design devem ser feitas com um propósito claro

Use os conceitos de layout para manual seu método de layout de internet novato

O layout eficaz é orientado por regulamentos certos e é crucial compreender as habilidades cruciais de layout da Internet antes de começar. Existem práticas amplamente difundidas com o objetivo de simplificar o método e tornar o produto de última geração ainda mais delicado. 

otimização de seo na página e conteúdo

traçado

Se você precisa fazer o layout e construir sites, o formato desejável de know-how é fundamental. Endossamos reter questões mínimas e correr com apenas alguns fatores para reconhecimento na colocação correta.

Quando você começar a projetar, suponha grades. As grades alinham fatores, como blocos div e imagens em uma página da Internet, de uma maneira que cria ordem. 

A forma de um formato deve obedecer a uma hierarquia visível. Quais são os pensamentos cruciais que você precisa que os seres humanos examinem e em que ordem? A hierarquia visual deseja se ater aos estilos de lugares não incomuns que os seres humanos usam durante a análise. Existem caminhos que os olhos dos seres humanos comumente seguem na internet: a amostra F e a amostra Z. Estar familiarizado com como esses estilos de pintura irão ajudá-lo a preparar seu material de conteúdo

A amostra F é um lugar maior e não incomum para projetos com blocos densos de material de conteúdo. Os olhos das pessoas vão experimentar a face esquerda de um formato até que as coisas capturem seu interesse e, em seguida, estude da esquerda para a direita. Imagine pesquisar através do cardápio de um restaurante - você pode ignorar os nomes formidáveis ​​de pratos alinhados à esquerda até retornar a algo que o agarra, para que possa ser ativado para estudar as informações auxiliares que explicam aquele prato em particular.

A maioria dos seres humanos estuda por meio de algo como um weblog colocado nesta amostra F. Com conteúdo textual alinhado à esquerda e frases com marcadores, Nelson Abalos aproveita essa abordagem de layout, tornando suas postagens fáceis de navegar e obedecer.

O Z-sample está relacionado a um layout de conteúdo muito menos textual. Muitas páginas touchdown concordam com este exemplo. Todos os fatores mais importantes na Conservação Guia do site on-line aderir ao Z-sample. Se você é um novato em roupas de internet, esse é um truque de formato fácil para ajudar na usabilidade.

Você tem as cores do arco-íris e do passado para você. E todos nós entendemos que “com uma energia extremamente boa, vem uma responsabilidade extremamente boa”. A energia do seletor de cores pode ser usada para o desejável ou para o mal.

Aqui estão algumas táticas confiáveis ​​para decidir sobre um esquema de cores para seu primeiro site na Internet.

Monocromático

Use uma cor solteira porque a base, varia a quantidade de saturação, engloba claros e escuros, e brinque com as diversas cores para um esquema de cores uniforme. Independentemente do seu nicho, um website monocromático on-line é uma escolha inteligente de layout. E considere, qualquer cor que você escolher para o conteúdo textual, certifique-se de considerar a clareza.

Neste caso, do Unique, cada segmento é delineado por meio de um esquema de cores monocromático. Você não precisa ter essa fantasia para seus designs novatos, no entanto, é ótimo observar o uso de várias variações de cores monocromáticas. Observe como cada segmento é feito de cores associadas às sacolas em destaque? Este é um truque de layout agradável que cria um esquema de cores harmonioso.

Complementar

Pegue tons que podem ser contrários à roda de cores e integre-os. Fácil o suficiente, certo?

Use cores complementares com cuidado. Nesse layout abaixo do site da Ignisis, a confeccionista usou o azul e o laranja em combinações extraordinárias ao lado dos espaços em branco e cinzas para um formato que não cansa os olhos. A avaliação parece nítida e refrescante.

melhores empresas de construção de links

A tipografia é uma estrutura dimensional, basicamente baseada totalmente no prazer e na imaginação, e guiada por regulamentos e clareza.

Tipografia informa tom

Pense em um convite de casamento ou no anúncio de um funeral. Ambos são eventos profundos da existência - um, uma confortável festa de aniversário e a alternativa geralmente mais sombria. Enquanto uma fonte florida ornamentada funciona bem para um casamento, agora não é mais apropriada para um funeral. 

Ao projetar seu primeiro site da Internet, preserve o tom nos pensamentos. Se você está buscando uma vibração alegre, como um blog de refeições, entrelaçar fontes divertidas torna a experiência. Mas, caso você esteja elaborando um site na Internet para uma empresa de regulamentação, continue com fontes mais especializadas.

Serifas em oposição a não serifas

Um erro comum dos designers recentes é combinar fontes com e sem serifa. Você pode informá-los à parte devido ao fato de que as extremidades das letras serifadas possuem uma linha adicional ou traço trazido verticalmente ou horizontalmente. 

As serifas são um artefato da época das impressoras, enquanto no máximo as frases que estudamos foram publicadas com tinta no papel. As serifas ancoraram as frases no página da Internet e os tornou menos complicados de estudar. Nos primórdios da internet, as serifas foram evitadas por designers de internet devido ao fato de diminuir a resolução da tela de exibição diluindo-as. Agora que os monitores estão mais otimizados para tipografia com serifas, eles estão de volta.

Essas pequenas cepas fazem uma grande distinção. Você saberá que a fonte PT Serif acima parece mais formal e o modelo sem serifa parece mais leve e solto. 

Como as fontes serifas são mais complexas, elas são utilizadas com moderação de primeira classe. Os cabeçalhos são uma área perfeita para fontes serif e grandes blocos de material de conteúdo ganho de uma fonte simplificada maior sem serifas.

Ornamentação em oposição à praticidade

Os loops e espirais de uma fonte florescida carregam o caráter e a beleza de um layout, no entanto, não abuse das fontes com babados. Um site da Internet está configurado para falar com um mercado alvo via material de conteúdo. Como disse Hermann Zapf, clareza é uma das características cruciais máximas de uma fonte. 

Aspectos técnicos da tipografia

Há muito o que estudar com tipografia. À medida que você se desenvolve como um fabricante de roupas, vai querer entender uma maneira de usar a altura da linha, o kerning e os pesos extraordinários em sua tipografia. Mas não se preocupe em ajustar todas as complexidades de sua primeira web site online. Concentre-se em garantir que tudo seja legível - você pode testar o ajuste perfeito das informações posteriormente. 

Comece a projetar 

Tutoriais e estudos são úteis para o seu domínio, no entanto, mais cedo ou mais tarde você simplesmente vai querer se aprofundar e começar a projetar. Mesmo se você criar algo que ninguém verá, ainda é um problema de treino, consertar e usar o que você aprendeu. Não tema se agora não for mais incrível. Mas fique satisfeito em cruzar o limiar de aspirante a fabricante de roupas para virtualmente ser um - você está no seu jeito! 

Alguns outros aspectos do design da Web que incluem, mas não estão limitados a:

Você completou seu primeiro layout - parabéns! Você trabalhou muito e está equipado para revelá-lo na arena. Mas antes de clicar em publicar, analise o que você fez.

Receber reclamações otimistas pode ser desconfortável. Criar algo, seja ou não um ensaio, uma pintura ou um site da Internet é um ato de vulnerabilidade. Os pertences que você colocou na arena são uma extensão de quem você é e no que você tem sucesso. Ser informado sobre o que você fez pode ser maior ou impreciso pode ser como um ataque privado.

No layout da Internet, os comentários são uma parte normal e essencial do método. Aprenda uma maneira de separar o seu ego e separar os comentários sobre si mesmo. À medida que você gosta de desfrutar, você será capaz de perceber e aplicar comentários realistas e benéficos e permitir que o resto seja ignorado. Você descobrirá que designers mais habilidosos entendem o que é querer ser um novato - eles estão animados para ver muitos designers menos habilidosos serem bem-sucedidos.

Se você estiver projetando com o Webflow, coloque a porcentagem de suas pinturas dentro do Webflow Showcase ou solicite assistência dentro do quadro de discussão do layout Webflow. Conforme você desenvolve, você precisará postar em locais como Dribbble e Behance para obter mais atenção em suas pinturas. Não é muito prático que você receba uma reclamação otimista, mas sim comentários sobre o que está fazendo bem - o que continuamente é extremamente bom.

Webflow faz layout de internet para novatos úteis

Já se foi o tempo de começar a estudar códigos complicados de primeira hora para construir um site na Internet. No passado, você precisava contar com um desenvolvedor para entregar seus projetos à existência. Hoje, você pode fazer o layout, construir e lançar sites complicados em apenas algumas horas com o uso do Webflow. 

Conhecer algumas idéias-chave e ser capaz de compreender a distinção entre layouts desejáveis ​​e ruins resultará na autoconfiança e na capacidade de criar seu primeiro site na Internet. O Webflow libera você da necessidade de codificar, abre sua largura de banda inovadora e permite que você comece a projetar imediatamente.

O primeiro elemento a levar em consideração é a velocidade de sua pessoa com a deriva ou a direção em que o turista navegará por meio de seu site da Internet. Afinal, o layout da página da web da Internet não é aproximadamente o crescimento de um grupo de páginas masculinas ou femininas; são fluxos aproximadamente crescentes. Essa direção é uma sequência de etapas que o turista executa do fator de acesso (a página da web principal em que pousa) em direção ao movimento específico que você precisa que ele execute (geralmente um movimento de conversão, que inclui sinalização, compra, etc. ) Os itens a seguir o ajudarão a decidir seus fluxos pessoais durante o layout de seu site na Internet.

A estrutura da informação (IA) é um campo que permite organizar os fatos de maneira verdadeira e lógica para os visitantes do seu site. Os arquitetos da informação examinam como os clientes moldam os fatos e criam uma hierarquia que se alinha com as expectativas da pessoa. Uma boa IA é o resultado de fortes estudos pessoais e avaliações de valor.

Existem inúmeras abordagens para analisar os desejos de uma pessoa. Freqüentemente, um arquiteto de fatos terá um elemento enérgico em entrevistas pessoais, classificação de cartões e verificação de usabilidade moderada, em que dá uma olhada em como os seres humanos interagem com o layout atual e faz uma porcentagem de suas críticas.

O layout da web é um assunto complicado. Os designers e construtores precisam levar em conta cada aparência visível (como o site da Internet parece) e layout intencional (como o site da Internet funciona). Com tantos assuntos que você deseja levar em consideração, o método de layout pode ser complicado. Para simplificar a tarefa, organizamos este manual para você.

Neste manual, reconheceremos os principais conceitos, heurísticas e táticas para ajudá-lo a criar uma pessoa extremamente competente para aproveitar o seu site na Internet. Começaremos com assuntos mundiais, como fluxos de pessoas (uma forma de delinear a forma de um site na internet), depois dos quais pinturas direto para o homem ou página da web feminina (o que levar em consideração em algum estágio do

layout de página da web da Internet). Além disso, iremos cobrir diferentes componentes cruciais do layout, que incluem problemas de celular e verificação.

Projetando os fluxos pessoais

O primeiro elemento a ter em consideração é a evolução da sua pessoa com a deriva ou direcção em que o turista irá navegar através do seu site na Internet. Afinal, o layout da página da web da Internet não é aproximadamente o crescimento de um grupo de páginas masculinas ou femininas; são fluxos aproximadamente crescentes. Essa direção é uma sequência de etapas que o turista realiza do fator de acesso (a página da web principal em que pousa) em direção ao movimento específico que você precisa que ele execute (geralmente um movimento de conversão, que inclui sinalização, compra, etc. ) Os itens a seguir o ajudarão a decidir seus fluxos pessoais durante o layout de seu site na Internet.

Alguns visitantes chegam a um site da Internet em busca de um item específico. Como eles entendem o que precisam, provavelmente não usarão as alternativas de navegação para localizá-lo. A característica “Pesquisar” funcionará como um atalho neste caso. Os visitantes devem ser capazes de inserir conteúdo textual em um recipiente de busca, postar que eles procuram questionar e localizar o página da Internet eles estão procurando.

Considere aqueles poucos regulamentos primários ao projetar o contêiner de caça:

  • Coloque o contêiner de busca no qual os clientes contam para localizá-lo. O gráfico abaixo, baseado principalmente em uma olhada por A. Dawn Shaikh e Keisi Lenz, sugere a proximidade esperada da área de caça consistente com uma pesquisa de 142 participantes. Eles descobriram que o ponto mais útil é o pináculo esquerdo ou o pináculo de cada página em um site.
  • De acordo com uma olhada, o pináculo esquerdo ou o pináculo apropriado de suas páginas é a área de primeira classe para um recipiente de busca. 
  • De acordo com uma olhada, o pináculo esquerdo ou o pináculo apropriado de suas páginas é a área de primeira classe para um recipiente de busca.
  •  
  • Use um ícone de lupa para atrair o interesse para o local. O ícone da lupa se espalhou, o que significa que o máximo de clientes está familiarizado com ele. O Nielsen Norman Group recomenda o uso de um ícone esquemático, o modelo mais eficaz de lupa.
  • Dimensione o recipiente de entrada apropriadamente. Tornar a área de entrada muito rápida é um erro de lugar comum. Claro, os clientes podem fazer perguntas demoradas direto para uma área rápida, por mais útil que uma parte do conteúdo textual possa ser vista por vez, o que não é extremamente bom para a usabilidade. Na realidade, embora um container de busca seja simplesmente muito rápido, os visitantes do site tendem a aplicar consultas rápidas e vagas, devido ao fato de que consultas mais longas podem ser difíceis e inconvenientes de estudar. Uma área de entrada de 27 pessoas acomodará 90% das consultas.
  • Coloque o contêiner de busca em cada página da web. Mostre o contêiner de busca em cada página da web para que os clientes possam acessá-lo, independentemente de onde estejam no site.

Desenhar páginas masculinas ou femininas

Agora que revisamos os fundamentos da pessoa ir com a deriva, é hora de descobrir maneiras de organizar as páginas masculinas ou femininas da Internet. Abaixo, resumimos as dicas importantes de design de sites da Internet para entender.

melhores empresas de construção de links

WEB DESIGN CORE

Formato da página

Uma página da web bem baseada ajudará os visitantes do site a localizar os detalhes da interface de cada pessoa. Embora não existam regulamentações de tamanho único, existem alguns design do site dicas para ajudá-lo a criar uma forma forte:

  • Torne-o previsível. Olhe para sua sites de concorrentes, perceba estilos de layout de local não incomuns e alinhe-se com as expectativas da pessoa por meio do uso de estilos de layout que possam estar familiarizados com seu mercado-alvo objetivo.
  • Use uma grade de formato. Uma grade de formato divide uma página da web nas áreas mais importantes e define as relações entre os fatores em frases de comprimento e posição. Com a ajuda de uma grade, combinar elementos extraordinários de uma página da web em um formato coeso se tornará muito menos complicado.
  • Use um wireframe de baixa constância para desnacionalizar fatores cruciais. O wireframing pode manter os designers da Internet várias vezes. Antes construindo a página da web com fatores reais, crie um wireframe, examine-o e livre-se de tudo o que não é certamente essencial.

Conduta de rolagem

Uma fantasia contínua entre os designers da Internet é que os seres humanos não rolam. Para ser claro: todo mundo rola e aqueles começam a rolar quase imediatamente quando chegam a uma nova página da web.

Sabendo disso, você pode melhorar o prazer das pessoas com essas recomendações:

  • Incentive os clientes a rolar. Apesar da realidade de que os seres humanos normalmente começam a rolar tão rapidamente porque as centenas de páginas da web, material de conteúdo no auge da página da web continua a ser muito importante. Coloque seu material de conteúdo mais atraente no topo:
  • Um advento desejável. Um excelente advento une o contexto para o material de conteúdo e soluções para a pergunta do turista, "O que é esta página da web, aproximadamente?"
  • Imagens envolventes. Boas imagens podem acompanhar o conteúdo textual e ajudar os visitantes do site a compreender melhor o conceito ou tópico.
  • Oriente seus clientes. Quando você cria páginas longas, tenha em mente que os visitantes do site, no entanto, precisam de uma experiência de orientação (em sua vizinhança atual) e uma experiência de navegação (diferentes caminhos viáveis). Páginas longas podem tornar a navegação complicada para os clientes; se a barra de navegação superior perder visibilidade enquanto a pessoa rola para baixo, ela precisará rolar todas as maneiras retornadas enquanto estiver nas profundezas da página da web. A abordagem aparente para isso é um menu fixo que sugere a vizinhança atual e que permanece na tela de exibição em um lugar estável em todos os momentos.
  • Fornece comentários visíveis enquanto carrega novo material de conteúdo. Isso é crucial principalmente para páginas da Internet em que material de conteúdo é centenas dinamicamente, que incluem feeds de informações. Como o carregamento do material de conteúdo em algum estágio da rolagem deve ser rápido (não mais do que dez segundos), você pode usar a animação em loop para sugerir que o dispositivo está funcionando.
  • Não roube a rolagem. A manipulação do usuário e a liberdade são várias das heurísticas-chave para o layout da IU cunhadas por Jakob Nielsen. A rolagem sequestrada é traumática para o máximo de clientes, pois elimina a manipulação e torna a conduta de rolagem imprevisível. Quando você faz o layout de um site da Internet, permite que a pessoa manipule seu prazer de navegação.

Carregando conteúdo

Embora a reação espontânea seja de primeira classe, às vezes o seu site vai precisar de mais tempo para fornecer material de conteúdo aos visitantes do site. Uma conexão ruim com a Internet deve causar uma reação lenta, ou uma operação em si deve levar mais tempo para ser concluída. Mas, independentemente do propósito de tal conduta, seu site na internet deve parecer rápido e responsivo. Aqui estão algumas abordagens para colher isso:

  • Faça o carregamento normal positivo não demorar. Nosso intervalo de interesse em ervas pode ser muito baixo. De acordo com estudos do Nielsen Norman Group, 10 segundos é o limite! Quando os visitantes do site precisam esperar um site para carregar, eles ficarão irritados e irão embora. Mesmo com o indicador de carga máximo fantasticamente projetado, os clientes irão embora se demorar muito.
  • Use monitores de esqueleto em algum estágio do carregamento. Muitos sites usam sinais de desenvolvimento para revelar que os fatos estão sendo carregados. Embora a meta na parte de trás de um indicador de desenvolvimento esteja certa, porque permite comentários visíveis, o resultado pode ser ruim. Como Luke Wroblewski menciona, “O progresso assina, por meio do nome de definição, o interesse pela realidade que uma pessoa deseja esperar. É como ver o tique-taque do relógio - enquanto você faz isso, o tempo parece passar mais devagar ”.
  • Monitores de esqueleto são uma excelente oportunidade para isso. Estas caixas são um modelo brevemente limpo do página da Internet, em que os fatos são constantemente carregados. Em vez de exibir um indicador de carregamento, os designers podem usar um esqueleto de tela para reconhecer o interesse dos clientes no desenvolvimento real e criar antecipação para o que está por vir. Como os fatos são exibidos de forma incremental na tela, parece que as coisas estão ocorrendo imediatamente.

Imagens

No decorrer do pronunciamento, uma fotografia vale bem mais que mil frases. Os seres humanos são criaturas bastante visíveis e as imagens são uma maneira eficaz de atrair o interesse da pessoa. Uma foto de solteiro pode ser melhor para o observador do que um bloco elaborado de conteúdo textual. Além disso, as imagens movem os limites do idioma de uma maneira que o conteúdo textual honestamente não consegue.

Os conceitos a seguir irão ajudá-lo a combinar imagens em sua internet layout da página da web:

Faça imagens positivas são relevantes. Um dos maiores riscos do layout são as imagens que transmitem a mensagem incorreta. Selecione imagens que possam ser claras e ajudar nos objetivos do seu produto.

Evite fotos universais de seres humanos. Usar rostos humanos no layout é uma maneira poderosa de interagir com os clientes. Quando os visitantes do site veem rostos de diferentes seres humanos, isso os faz supor que existam seres humanos reais por trás do produto ou organização. Mas, na tentativa de construir confiança, muitos sites de empresas contam com fotos de inventário universal. Quando os visitantes do site virem fotos não autênticas, eles começarão a duvidar da organização.

Use propriedades incríveis e não use distorções. A alta satisfação da propriedade visível em seu site na Internet pode ter um efeito brilhante sobre o efeito da pessoa. As imagens pixeladas fazem os visitantes do site duvidarem da alta satisfação do seu produto, portanto, certifique-se de verificar os tamanhos de decisão para diversas proporções e dispositivos.

Vídeos

Com o aumento da velocidade da Internet, os filmes são mais famosos do que nunca, principalmente pensando que aumentam o tempo gasto na web sites online. Hoje, o vídeo está em toda parte. Estamos vendo isso em nossos desktops, tablets e telefones. Quando usado de forma eficaz, o vídeo é um dos equipamentos mais eficazes para se ter um mercado alvo - transmite maior emoção e oferece ao ser humano a experiência de um produto ou serviço.

Se precisar aplicar o vídeo em seu site na Internet, leve em consideração as dicas a seguir:

  • Defina o áudio como “desligado” por padrão, com a opção de exibi-lo ativado. Quando os clientes chegam a uma página da web, eles não contam que ela tocará nenhum som. Se estiverem em uma área pública e agora não estiverem mais carregando fones de ouvido, eles não irão admirar o áudio inesperado e repentino. No máximo, os clientes sairão do site tão rapidamente quanto ele funciona.
  • Mantenha os filmes promocionais tão rápidos quanto viáveis. De acordo com a análise da D-Mak Productions, os filmes rápidos são mais atraentes para a maioria dos clientes. Mantenha os filmes comerciais dentro de alguns minutos.
  • Fornece uma forma de oportunidade para obter admissão ao material de conteúdo. Sempre tente fazer o layout de sua mercadoria para clientes com habilidades diversas, incluindo indivíduos que não podem ouvir ou ver. Para acessibilidade, inclua legendas e uma transcrição completa do vídeo.

Botões de chamada para movimento (CTAs)

As chamadas para movimento (CTAs) são botões que direcionam os clientes para o seu propósito de conversão. Todo o fator de um layout de CTA é direcionar os visitantes do site para um movimento específico. Alguns exemplos de locais não incomuns de CTAs são:

  • “Comece um teste”
  • “Baixe o ee-ebook”
  • “Inscreva-se para atualizações”
  • “Faça uma consulta”

Leve alguns assuntos em consideração ao projetar botões de CTA:

  • Tamanho. Seu CTA deve ser grande o suficiente para atrair interesse. Um breve exame 5-2 o ajudará a decidir o comprimento adequado. Visualize uma página da Web da Internet por 5 segundos e, em seguida, relacione os fatores que você considera. Se o CTA é uma série de fatores, parabéns! Tem um tamanho adequado.
  • Proeminência visual. Você pode garantir que os botões se destaquem, dando-lhes maior destaque visível. Pinturas de tons contrastantes de primeira classe para CTAs e para botões pendurados.
  • Área negativa. Junto com o comprimento e a cor, a quantidade de área ao redor de um CTA desempenha uma posição crucial dentro da hierarquia visível de fatores. A área branca (ou ruim) cria uma sala de respiração crucial e separa o botão de diferentes fatores dentro da interface.
  • Rótulos. Use orientação por movimento conteúdo textual para rótulos de CTA, pois isso poderia obrigar os visitantes do site a se mexer. Use verbos robustos como “Iniciar”, “Obter” ou “Aderir”.

Papelada da web

Preencher a papelada é uma das formas mais importantes de interação para os clientes na Internet. Os usuários devem ter a capacidade de concluir a papelada rapidamente e sem confusão.

Aqui estão algumas dicas de layout para ajudá-lo a aprimorar o layout de sua forma:

  • Pergunte o que é necessário. Cada mais área que você carrega em uma forma afetará sua taxa de conversão. Quanto mais você perguntar, menos influenciados os clientes podem ser para apresentar os fatos. Sempre reflita sobre o motivo pelo qual está solicitando fatos certos dos clientes e a maneira como os usará.
  • Ordene a forma logicamente. Por exemplo, solicitar o acordo de uma pessoa antes da ligação pode parecer estranho.
  • Agrupe campos associados coletivamente. O agrupamento cria um movimento com a tendência de um conjunto de consultas para o próximo. O agrupamento de campos associados permite, adicionalmente, que a pessoa faça uma experiência dos fatos.

Animação

A animação é qualquer outro dispositivo crucial para uma interação poderosa. Cada vez mais designers estão incorporando a animação como um detalhe intencional para embelezar a diversão da pessoa. No entanto, a animação no layout pode embelezar a pessoa mais útil se for incluída no tempo e área adequados. Uma boa animação da IU tem um propósito; é muito significativo e significativo.

Aqui estão alguns exemplos em que a animação pode embelezar a pessoa que gosta:

  • Comentários visuais sobre o movimento de uma pessoa. Um bom layout de interação permite comentários. Os comentários visuais são úteis quando você deseja informar aos clientes aproximadamente o resultado de uma operação. Se houver problemas, a animação proposital pode oferecer esse fato. Por exemplo, uma animação de tremor pode sugerir que a pessoa digitou a senha incorreta.
  • Visibilidade da reputação do dispositivo. Uma das 10 heurísticas de Jakob Nielsen para usabilidade, a visibilidade da reputação do dispositivo permanece um número dos conceitos cruciais em pessoa layout da interface. Os usuários precisam entender seu contexto atual em um dispositivo a qualquer momento, e um site da Internet deve informar à pessoa o que está ocorrendo por meio de comentários visíveis adequados. A importação e o download de dados são operações tradicionais na Internet e são excelentes candidatos para animações com propósito. Por exemplo, uma barra de carregamento animada sugere a rapidez com que um método é executado e indica a rapidez com que o movimento acontecerá.

O layout da web é um assunto complicado. Os designers e construtores precisam levar em conta cada aparência visível (como o site da Internet parece) e layout intencional (como o site da Internet funciona). Com tantos assuntos que você deseja levar em consideração, o método de layout pode ser complicado. Para simplificar a tarefa, organizamos este manual para você.

Neste manual, reconheceremos os principais conceitos, heurísticas e táticas para ajudá-lo a criar uma pessoa extremamente competente para aproveitar o seu site na Internet. Começaremos com questões mundiais, como fluxos de pessoas (uma forma de delinear o formato de um site na internet), e depois pintar até a página do homem ou da mulher (o que levar em consideração em algum estágio do layout da página da internet ) Além disso, iremos cobrir diferentes componentes cruciais do layout, que incluem problemas de celular e verificação.

SEO USA

FLUXO DE DESIGN

PROJETANDO O FLUXO DE USUÁRIO

O primeiro elemento a ter em conta é a evolução da sua pessoa com a deriva ou a direcção em que o turista irá navegar através do seu site na Internet. Afinal, o layout de uma página da Web da Internet não é aproximadamente um grupo de páginas masculinas ou femininas; são fluxos aproximadamente crescentes. Essa direção é uma sequência de etapas que o turista realiza do fator de acesso (a página da web principal em que pousa) em direção ao movimento específico que você precisa que ele execute (geralmente um movimento de conversão, que inclui sinalização, compra, etc. ) O que segue irá ajudá-lo a decidir seus fluxos pessoais enquanto você faz o layout de seu site da Internet.

Estrutura de informação

Estrutura de informação (IA) é um campo que permite organizar fatos verdadeira e logicamente para os visitantes do seu site. Os arquitetos da informação examinam como os clientes moldam os fatos e criam uma hierarquia que se alinha com as expectativas da pessoa. Uma boa IA é o resultado de fortes estudos pessoais e avaliações de valor.

Existem inúmeras abordagens para analisar os desejos de uma pessoa. Freqüentemente, um arquiteto de fatos terá um elemento enérgico em entrevistas pessoais, classificação de cartões e verificação de usabilidade moderada, onde eles observam como os seres humanos interagem com o layout atual e percentuais suas críticas sobre ele.

  • A classificação de cartões é uma abordagem fácil que permite que os praticantes de UX apreenda como os clientes organizam e preparam material de conteúdo
  • A classificação de cartões é uma abordagem fácil que permite que os profissionais de UX compreendam como os clientes organizam e preparam o material de conteúdo. A pontuação de crédito da imagem desfruta de experiência do usuário.
  • IA também é usado para delinear a web site do Network Development Group navegação e menus online. Quando os praticantes de UX terminam de executar em um menu, eles usam qualquer outra abordagem chamada "verificação de árvore" para mostrar que isso vai pintar. A verificação da árvore ocorre antes do projeto da interface real.

A verificação da árvore é uma técnica confiável para determinar se os clientes podem ou não pinturas com o formato de menu proposto. 

A verificação da árvore é uma técnica confiável para determinar se os clientes podem ou não pinturas com o formato de menu proposto. Pontuação de crédito da imagem Nielsen Norman Group.

Navegação global

A navegação é a base da usabilidade. Se os visitantes não podem navegar em seu site, eles provavelmente irão embora. É por isso que a navegação em seu site na Internet deve seguir três conceitos:

Simplicidade. Sua navegação deve ajudar os visitantes do site a perceber uma maneira de contornar sua web site online com o menor número possível de cliques.

Clareza. Não deve haver qualquer suposição sobre o que cada forma alternativa de navegação.

Consistência. O aparelho de navegação deve ser igual para todas as páginas do site da Internet.

Considere alguns assuntos enquanto projetando navegação:

  1. Selecione uma amostra de navegação baseada totalmente nos desejos da pessoa. A navegação deve atender aos desejos da maioria dos visitantes do seu site na Internet. Por exemplo, é melhor evitar a navegação do menu de hambúrguer se a maior parte de seus clientes não estiver familiarizada com os meios do ícone em si.
  2. Priorize as alternativas de navegação. Uma equipe de layout desejável priorizará alternativas de navegação consistentes com tarefas locais comuns, pensando em cada precedência e frequência de tarefas.
  3. Faça-o ser visto. Minimize a carga cognitiva da pessoa, tornando alternativas de navegação cruciais completamente visíveis. Quando ocultamos alternativas de navegação, ameaçamos que os visitantes do site não sejam capazes de localizá-las.
  4. Comunique a vizinhança atual. Deixar de sugerir a vizinhança do turista atual não é incomum para causar problemas em muitos sites. Se os visitantes do site precisarem perguntar “Onde estou?”, Isso é uma indicação clara de que sua navegação deseja algumas pinturas. Para sites enormes, forneça sinais de vizinhança como migalhas de pão.
  5. O layout visual e objetivo dos hiperlinks da Internet

Os links são um detalhe importante na navegação na Internet. Seu layout visível e significativo tem um efeito instantâneo na usabilidade. Siga alguns regulamentos com esses fatores interativos:

  • Reconheça a distinção entre interno e externo hiperlinks. Os usuários contam com conduta extraordinária para hiperlinks internos e externos. Todos os hiperlinks internos devem abrir dentro da guia igual para que os visitantes do site possam usar o botão “retornado”.
  • Altere a cor dos hiperlinks visitados. Quando os hiperlinks visitados não mudam de cor, os clientes devem revisitar acidentalmente as páginas iguais mais de uma vez.
  • Faça um teste duplo de todos os hiperlinks. É irritante chegar a uma página da web com erros 404. Use equipamentos como o Dead Link Checker para localizar quaisquer hiperlinks danificados em seu site na Internet.
  • Botão “Voltar” em um navegador
  • O botão “retornado” é possivelmente o botão máximo usado dentro do navegador, portanto, certifique-se de que funciona de forma consistente com as expectativas da pessoa. Quando uma pessoa segue um hiperlink em uma página da web e depois clica no botão “retornado”, eles contam para voltar ao ponto igual na página da web original. Evite condições em que clicar em “retornado” leva a pessoa ao auge da página preliminar da web, em vez de onde ela parou, principalmente em páginas extensas. Perder seu lugar força a pessoa a rolar via material de conteúdo eles já viram, o que resulta em um custo de interação inútil.

Breadcrumbs

Breadcrumbs são hiperlinks contextuais rígidos e rápidos que funcionam como um recurso útil de navegação em sites. É um esquema de navegação secundário que normalmente sugere a proximidade da pessoa em um site da Internet.

Embora esse detalhe não exija uma variedade de esclarecimentos, vale a pena mencionar alguns assuntos:

  1. Não use breadcrumbs como um substituto para a navegação número um. Os visitantes devem usar o menu principal para navegar; farinha de rosca tem que ajudar os visitantes do site nisso. Quando os visitantes do site contam com breadcrumbs como a principal técnica de navegação, no lugar de uma característica adicional, é uma indicação clara de um layout de navegação ruim.
  2. No site da Best Buy na Internet, a localização atual auxilia na navegação número um. 
  3. No site da Best Buy na Internet, a localização atual auxilia na navegação número um. Melhor compra da pontuação de crédito da imagem.
  4. Separe todos os graus verdadeiramente. Use pontas de seta como separadores, agora não mais barra. Uma barra (/) pode, sem problemas, entrar em conflito com as classes de produtos em sites de comércio eletrônico. Se você for aplicar a barra, certifique-se de que nenhuma classe de produto terá uma barra:
  5. Exemplo de formato de migalha de pão ruim; distinguir entre os intervalos extraordinários desse caminho de migalhas de pão pode ser difícil para os clientes.
  6. Exemplo de formato de migalha de pão ruim; distinguir entre os intervalos extraordinários desse caminho de migalhas de pão pode ser difícil para os clientes.
  7. Procurar
  8. Alguns visitantes chegam a um site da Internet em busca de um determinado item. Como eles entendem o que precisam, provavelmente não usarão as alternativas de navegação para localizá-lo. A característica “Pesquisar” funcionará como um atalho neste caso. Os visitantes devem ser capazes de inserir conteúdo textual em um recipiente de busca, postá-los para questionar e localizar a página da web que estão procurando.

Considere aqueles poucos regulamentos primários ao projetar o contêiner de caça:

  • Coloque o contêiner de busca no qual os clientes contam para localizá-lo. O gráfico abaixo, baseado principalmente em uma olhada por A. Dawn Shaikh e Keisi Lenz, sugere a proximidade esperada da área de caça consistente com uma pesquisa de 142 participantes. Eles descobriram que o ponto mais útil é o pináculo esquerdo ou o pináculo de cada página em um site.
  • De acordo com uma olhada, o pináculo esquerdo ou o pináculo apropriado de suas páginas é a área de primeira classe para um recipiente de busca. 
  • De acordo com uma olhada, o pináculo esquerdo ou o pináculo apropriado de suas páginas é a área de primeira classe para um recipiente de busca. Pontuação de crédito da imagem Erik Moeller.
  • Use um ícone de lupa para atrair o interesse para o local. O ícone da lupa se espalhou, o que significa que o máximo de clientes está familiarizado com ele. O Nielsen Norman Group recomenda o uso de um ícone esquemático, o modelo mais eficaz de lupa.
  • Para atrair o interesse em sua barra de busca, use um ícone como uma lupa. 
  • Para atrair o interesse em sua barra de busca, use um ícone como uma lupa. Ícones8 da pontuação de crédito da imagem.
  • Dimensione o recipiente de entrada apropriadamente. Tornar a área de entrada muito rápida é um erro de lugar comum. Claro, os clientes podem fazer perguntas demoradas direto para uma área rápida, por mais útil que seja uma parte do texto conteúdo pode ser visto por vez, o que não é extremamente bom para a usabilidade. Na realidade, embora um container de busca seja simplesmente muito rápido, os visitantes do site tendem a aplicar consultas rápidas e vagas, devido ao fato de que consultas mais longas podem ser difíceis e inconvenientes de estudar. Uma área de entrada de 27 pessoas acomodará 90% das consultas.

O enorme contêiner de entrada da Amazon permite que os visitantes do site examinem suas perguntas de pesquisa completas. Pontuação de crédito de imagem Amazon.

Coloque o contêiner de busca em cada página da web. Mostre o contêiner de busca em cada página da web para que os clientes possam ter acesso a ele, não importa onde estejam site da Internet.

Desenhar páginas masculinas ou femininas

Agora que revisamos os fundamentos da pessoa ir com a deriva, é hora de descobrir maneiras de organizar as páginas masculinas ou femininas da Internet. Abaixo, resumimos as dicas importantes de design de sites da Internet para entender.

Estratégia de conteúdo

Quando se trata de layout de página da web, o elemento mais importante é o layout de acordo com os objetivos da página. Estratégia de conteúdo—Que se refere ao planejamento, crescimento e tratamento do material de conteúdo em seu site na Internet — ajudará neste exercício. Cada página da web tem sua finalidade, que inclui informar os visitantes do site sobre algo ou incentivá-los a realizar uma conversão. Depois de compreender o propósito da página da web, o mais útil é que você descubra o layout ou escreva o material de conteúdo.

Aqui estão algumas recomendações realistas à medida que você leva em consideração seu estratégia de material de conteúdo:

Evita a sobrecarga de fatos. Uma quantidade enorme de fatos em uma página da web pode, sem problemas, prejudicar os visitantes do site. Existem algumas abordagens fáceis para limitar a sobrecarga de fatos. Uma abordagem de local não incomum é a fragmentação: dividir o material do conteúdo em partes menores para ajudar os clientes a entender e aumentar o método. Uma forma de checkout é um ótimo exemplo disso.

  1. Evite jargões e frases específicas do setor. Cada período ou palavra desconhecida que aparece na página da web tornará muito mais difícil para os visitantes do site compreenderem os fatos. Uma suposição segura é anotar todos os intervalos de análise e escolher frases que possam ser verdadeiras e sem problemas compreensíveis para todos.
  2. Minimize frases longas. Escreva em segmentos pequenos que podem ser digitalizados. De acordo com o ee-ebook de Robert Gunning “Como tirar a névoa da redação empresarial”, as sentenças devem ter 20 frases ou menos.
  3. Evite colocar todas as letras em maiúsculas. O conteúdo textual em maiúsculas é ótimo para acrônimos e logotipos. Mas é de primeira classe evitar letras maiúsculas em parágrafos, rótulos de formas, erros e notificações. Em seu ebook Legibility of Print, Miles Tinker menciona que all-caps reduz drasticamente a velocidade de análise.
  4. Formato da página
  5. Uma página da web bem baseada ajudará os visitantes do site a localizar os detalhes da interface de cada pessoa. Embora não existam regulamentações de tamanho único, existem algumas dicas de design de site para ajudá-lo a criar uma forma forte

Torne-o previsível. Olhe para os sites de seus concorrentes, perceba estilos de layout de lugar não incomuns e se alinhe com as expectativas das pessoas por meio do uso de estilos de layout que podem ser conhecidos com o seu mercado-alvo objetivo.

Use uma grade de formato. Uma grade de formato divide uma página da web nas áreas mais importantes e define as relações entre os fatores em frases de comprimento e posição. Com a ajuda de uma grade, combinar elementos extraordinários de uma página da web em um formato coeso se tornará muito menos complicado.

  • Uma grade de 12 colunas é adequada para o layout da página da web da Internet. As grades de formato do Adobe XD ajudam os designers a criar designs estáveis ​​e preparados para tamanhos de tela extraordinários e controlar as proporções entre os fatores. 
  • Uma grade de 12 colunas é adequada para o layout da página da web da Internet. As grades de formato do Adobe XD ajudam os designers a criar designs estáveis ​​e preparados para tamanhos de tela extraordinários e controlar as proporções entre os fatores. Pontuação de crédito da imagem Adobe XD.

Use um wireframe de baixa constância para desnacionalizar fatores cruciais. O wireframing pode manter os designers da Internet várias vezes. Antes construindo a página da web com fatores reais, crie um wireframe, examine-o e livre-se de tudo o que não é certamente essencial.

Hierarquia visual

É muito mais provável que as pessoas experimentem rapidamente uma página da Web na Internet do que estudem tudo lá. Portanto, é um conceito muito bom otimizar o layout da página da web da Internet para digitalização instantânea. Você pode ajudar os visitantes do site a localizar o que desejam com uma hierarquia visível muito boa, que remete à associação ou apresentação de fatores em uma página da web de uma maneira que sugere sua importância (ou seja, onde seus olhos devem primeiro reconhecer , 2ª, etc.). Bem, a hierarquia visível pode melhorar notavelmente a capacidade de varredura da página da web.

Use estilos de varredura à base de plantas. Como designers, temos uma variedade de métodos de manipulação sobre a aparência dos seres humanos enquanto visualizam uma página da web. A amostra em forma de F e a amostra em forma de Z são estilos de varredura à base de ervas que permitem definir a direção adequada para os olhos do turista. Para páginas com muito conteúdo textual, que incluem artigos e resultados de busca, a amostra F é maior, enquanto a amostra Z é certa para páginas que não são orientadas para o conteúdo textual.

Priorize visualmente os fatores cruciais. Faça fatores cruciais, que incluem material de conteúdo ou seus botões nome-para-movimento número um, os fatores focais para que os visitantes do site os vejam imediatamente.

O nome para movimento “Escolha um Plano” se destaca neste caso.

O movimento do nome “Escolha um Plano” se destaca neste caso. Pontuação de crédito da imagem MailChimp.

Crie maquetes para deixar clara a hierarquia visível. Mockups são artefatos de layout de alta constância que permitem aos designers ver como o último formato aparecerá. Reorganizar fatores em um dispositivo de layout de Internet é muito menos complicado do que fazê-lo com código.

Uma fantasia contínua entre os designers da Internet é que os seres humanos não rolam. Para ser claro: todo mundo rola e aqueles começam a rolar quase imediatamente quando chegam a uma nova página da web.

Sabendo disso, você pode melhorar o prazer das pessoas com essas recomendações:

  • Incentive os clientes a rolar. Apesar da realidade de que os seres humanos normalmente começam a rolar tão rapidamente porque as centenas de páginas da web, material de conteúdo no auge da página da web continua a ser muito importante. Coloque seu material de conteúdo mais atraente no topo:
  • Um advento desejável. Um excelente advento une o contexto para o material de conteúdo e soluções para a pergunta do turista, "O que é esta página da web, aproximadamente?"
  • Imagens envolventes. Boas imagens podem acompanhar o conteúdo textual e ajudar os visitantes do site a compreender melhor o conceito ou tópico.

Nesse caso, a Tesla faz uso de imagens eficazes para revelar as vantagens e funções do Modelo X. Pontuação de crédito da imagem Tesla.

Oriente seus clientes. Quando você cria páginas longas, tenha em mente que os visitantes do site, no entanto, precisam de uma experiência de orientação (em sua vizinhança atual) e uma experiência de navegação (diferentes caminhos viáveis). Páginas longas podem tornar a navegação complicada para os clientes; se a barra de navegação superior perder visibilidade enquanto a pessoa rola para baixo, ela precisará rolar todas as maneiras retornadas enquanto estiver nas profundezas da página da web. A abordagem aparente para isso é um menu fixo que sugere a vizinhança atual e que permanece na tela de exibição em um lugar estável em todos os momentos.

Ao refletir sobre uma maneira de fazer o layout de uma página da web da Internet de uma maneira que minimize o custo de interação entre as pessoas, uma resposta é aplicar a navegação pegajosa ativada por rolagem. Pontuação de crédito da imagem Zenman.

Fornece comentários visíveis enquanto carrega o novo material de conteúdo. Isso é crucial principalmente para páginas da Internet em que o material de conteúdo é dinamicamente centenas, que incluem feeds de informação. Como o carregamento do material de conteúdo em algum estágio da rolagem deve ser rápido (não mais do que dez segundos), você pode usar a animação em loop para sugerir que o dispositivo está funcionando.

Uma animação sutil (que inclui o indicador de carregamento do Tumblr) informa à pessoa que um conteúdo maior está sendo carregado. 

Uma animação sutil (que inclui o indicador de carregamento do Tumblr) informa à pessoa que um conteúdo maior está sendo carregado. Pontuação de crédito da imagem Tumblr.

Não roube a rolagem. O usuário manipula e a liberdade são algumas das heurísticas-chave para Layout da IU cunhado por Jakob Nielsen. A rolagem sequestrada é traumática para o máximo de clientes, pois elimina a manipulação e torna a conduta de rolagem imprevisível. Quando você faz o layout de um site da Internet, permita que a pessoa manipule seu prazer de navegação.

A página de inscrição do Tumblr usa o sequestro de rolagem, o que não é uma pessoa perfeita para curtir. 

Inscrição no Tumblr página da web faz uso de sequestro de rolagem, o que não é uma pessoa perfeita para desfrutar. Pontuação de crédito da imagem Tumblr.

Carregando conteúdo

Embora a reação espontânea seja de primeira classe, às vezes o seu site vai precisar de mais tempo para fornecer conteúdo aos visitantes do site. Uma conexão ruim com a Internet deve causar uma reação lenta, ou uma operação em si deve levar mais tempo para ser concluída. Mas, independentemente do propósito de tal conduta, seu site na internet deve parecer rápido e responsivo. Aqui estão algumas abordagens para colher isso:

  • Faça o carregamento normal positivo não demorar. Nosso intervalo de interesse em ervas pode ser muito baixo. De acordo com estudos do Nielsen Norman Group, 10 segundos é o limite! Quando os visitantes do site precisam esperar por um site da Internet para carregar, eles ficarão irritados e partirão. Mesmo com o indicador de carga máximo fantasticamente projetado, os clientes irão embora se demorar muito.
  • Use monitores de esqueleto em algum estágio do carregamento. Muitos sites usam sinais de desenvolvimento para revelar que os fatos estão sendo carregados. Embora a meta na parte de trás de um indicador de desenvolvimento esteja certa, porque permite comentários visíveis, o resultado pode ser ruim. Como Luke Wroblewski menciona, “O progresso assina, por meio do nome de definição, o interesse pela realidade que uma pessoa deseja esperar. É como ver o tique-taque do relógio - enquanto você faz isso, o tempo parece passar mais devagar ”.
  • Monitores de esqueleto são uma excelente oportunidade para isso. Estas caixas são um modelo brevemente limpo do página da Internet, em que os fatos são constantemente carregados. Em vez de exibir um indicador de carregamento, os designers podem usar um esqueleto de tela para reconhecer o interesse dos clientes no desenvolvimento real e criar antecipação para o que está por vir. Como os fatos são exibidos de forma incremental na tela, parece que as coisas estão ocorrendo imediatamente.

O Facebook usa monitores de esqueleto para preencher a interface do usuário como material de conteúdo centenas de forma incremental. 

O Facebook usa monitores de esqueleto para preencher a IU como conteúdo de centenas de vezes. Imagem pontuação de crédito no Facebook.

melhores empresas de construção de links

DICAS DE DESIGN WEB

botões

Os botões são fatores de interface do usuário interativos que desempenham uma posição-chave na conversa com o drift. Vale a pena observar essas práticas básicas de primeira classe para botões:

  1. Certifique-se de que os fatores clicáveis ​​pareçam virtualmente clicáveis. A maneira como um item parece diz aos clientes uma maneira de usá-lo. Fatores visuais que parecem hiperlinks ou os botões, porém, não são clicáveis, o que inclui frases sublinhadas que não são hiperlinks ou fatores que têm uma herança quadrada, mas não são botões, podem confundir os clientes sem problemas.
  2. Rotule os botões de acordo com o que eles fazem. O rótulo em qualquer detalhe de interface acionável deve continuamente vincular de volta ao que fará pela pessoa. Rótulos descritivos podem ajudar com isso - os clientes se sentirão mais confortáveis ​​se perceberem o movimento de um botão. Rótulos vagos que incluem “Enviar”Ou rótulos de resumo como no caso em não oferecem fatos suficientes sobre o movimento.
  3. Um princípio orientador de design de site desejável é ser limpo junto com seu botão conteúdo textual para que os clientes compreendam o que os detalhes da interface fazem. 
  4. Um desejável design do site O princípio orientador é estar limpo junto com o conteúdo textual do botão para que os clientes compreendam o que os detalhes da interface fazem. Pontuação de crédito da imagem UX é importante.
  5. Crie botões de forma consistente. Os usuários consideram as informações, de forma consciente ou não, ou agora não mais. Ao navegar em um site da Internet, eles acompanham o formulário de um detalhe selecionado com a funcionalidade de botão. Portanto, a consistência visível agora não contribuirá mais para um layout de pesquisa extremamente bom, mas pode até tornar a conduta dos detalhes mais previsível para os visitantes do site. A foto abaixo ilustra perfeitamente esse fator. Usar 3 formatos de botão extraordinários deixará sua pessoa preocupada.
  6. Ao projetar botões, a consistência resulta em maior usabilidade. 
  7. Ao projetar botões, a consistência resulta em maior usabilidade. 
melhores agências de SEO do mundo

CONCLUSÃO

Claro, essas recomendações de layout de internet são apenas o começo. Misture e molde esses pensamentos junto com os seus pessoais para obter resultados de primeira classe. Trate o seu site na Internet como uma atribuição em constante evolução e use análises e comentários pessoais para melhorar continuamente a diversão. E considere que o layout não é apenas para designers - é para clientes.

Partilhar no Facebook
Facebook
Partilhar no Twitter
Twitter
Partilhar no LinkedIn
LinkedIn
Share on reddit
Reddit
Share on Tumblr
Tumblr

compartilhe seus pensamentos...