Guia Ninja de como fazer um design melhor na Web
Antes, os sites eram primorosamente projetados começando do nada, sem nenhum tipo de execução de formatos ou estilos pré-planejados. Eles foram muito melhorados dessa forma.
Portanto, aluda a isso como uma verdade nítida ou um mito, mas os sites costumavam ser mais criativos e caprichosos com uma mancha de tons selvagens e designs experimentais e alguns até tinham um vídeo sendo reproduzido em segundo plano. Em cada sentido, era muito mais divertido e legal do que é hoje em dia.
Hoje em dia, todos os outros sites que você visita se assemelham a qualquer um deles de alguma forma, como se fossem construídos em pacotes. Algumas coisas comuns mais perceptíveis são – a presença de imagens de heróis ou controles deslizantes em um site. Acompanhado pela barra de navegação na parte superior da tela. Certas linhas volumosas escritas em algumas fontes personalizadas junto com botões usados para rolar a página. E com tudo isso uma breve descrição sobre o produto ou serviço oferecido pela organização.
Parece óbvio que este ano também deve prevalecer algo semelhante, no entanto, para criar algo fora da caixa, há poucas coisas que precisam ser lembradas e o que você receberá hoje.
Razão por trás da perda do toque criativo do design da Web
Como uma verdade questionável, pode-se expressar sem muito esforço que as arquiteturas de sites em circunstâncias antigas eram um tanto ruins às vezes, estilo astuto, mas possuíam a própria personificação da energia criativa e da experimentação. Equivale àqueles que parece que estamos examinando através de algo comparativo apenas com uma ligeira mudança nos arranjos do plano e sombreamento.
Até novo aviso, é muito inconfundível que o planejamento da web se tornou excepcionalmente letárgico em relação à singularidade e inventividade. É porque o tornamos relativamente menos exigente? Provavelmente, com o aparecimento de estruturas prontas, cada designer pode configurar um local ornamental facilmente em qualquer momento concebível.
Por exemplo, se considerarmos o uso do Bootstrap, nos últimos dois anos, ele se destacará entre os mais usados em termos de planejamento de sites. Como em mais de 25% dos sites que visitamos praticamente todos os dias, são descritos usando o Bootstrap.
O objetivo fundamental de seu uso essencial é que o Bootstrap fornece prontamente os componentes que um criador precisa, tendo em mente o objetivo final para planejar um site. Desta forma, utilizá-lo meio que anima o procedimento.
No entanto, isso pode fazer com que a inventividade e a singularidade sejam perdidas para sempre, por isso examinaremos algumas verdades fundamentais que permitirão ao criador dar outra forma à sua energia criativa e transformar um site em excepcional, mesmo usando os componentes prontamente disponíveis.
Então, o que você realmente acha do seu site? É apenas um local que contém e fornece os dados aprimorados sobre sua associação, aplicativo ou itens? De fato, se você procura a perspectiva de um especialista, um site deve ser algo que retrate a história sobre sua imagem e atraia seus visitantes por todos os meios possíveis e os mantenha encantados.
Embora uma história possa começar com um pouco de reflexão e rabiscada no papel com uma caneta. É a composição da web que vai dar vida a ela. Portanto, devemos continuar com as maneiras que o prepararão para delinear um site notável.
1 Use imagens para envolver
O objetivo essencial que cada fashionista deve lembrar é que o design que ele/ela utiliza deve ser cativante externamente. A tal ponto que chama a atenção de um convidado e incita o indivíduo a olhar a página inteira.
Fotografias importantes, delineamentos animados ou gravações fascinantes que ajudam a chamar a atenção do observador. E ainda fazer a apresentação inicial com o objetivo final de que dure o suficiente para transformar o observador em um cliente em potencial.
No entanto, a ideia-chave é aparecer e não contar e manter as coisas organizadas conforme as necessidades.
A história deve estar repleta de simbolismo, tanto exteriormente através do esboço quanto com as palavras que aparecem na tela. Crie uma paleta de sombras que se encaixe perfeitamente na história que você está contando, com peças que levem os convidados a concluir uma meta ou tarefa no projeto. Uma boa história ajudará a guiar o caminho dos convidados. Além disso, o contorno deve ser uma correspondência visual verificável.
2 Concentre-se no desenvolvimento do personagem para o seu site
Ao delinear um site, conversamos regularmente sobre a persona do cliente. Verdade seja dita, é um dos principais componentes do processo de avanço. Assim, a apresentação de um personagem em sua história com o qual os clientes possam se relacionar positivamente a leva a um nível totalmente novo.
O personagem pode ser genuíno e se mover desde o início ao longo do plano ou pode ser visto como uma voz próxima à substância.
Por exemplo, você pode considerar o personagem popular utilizado na fase de e-mail Mailchimp-Freddie. Esse mascote toon que vemos em todo o plano, avanços de blog e pop-ups de logotipo realmente faz algumas coisas para a empresa.
- Em primeiro lugar, o personagem ajuda a iluminar o nome da organização. Conforme personificado em uma campanha de propaganda viral abrangente, houve uma reclamação com o nome da organização "Mailchimp". No entanto, um chimpanzé aparecendo ao lado das palavras meio que legitima o nome.
- Além do personagem, também delineia o caráter divertido que a organização deseja retratar com um tom leve e visuais básicos.
- Freddie dá à organização uma história quando eles não têm uma quantidade considerável de coisas diferentes para discutir em pontos de vista especiais. Como surgiu o chimpanzé? de onde surgiu o nome dele? etc. O personagem permanece com a história nítida e seguindo em frente.
3 Invoque a participação por meio do design
Aumente o valor do plano com componentes intuitivos combinados com atividades regulares. Adicione toques de atividade às capturas que os clientes precisam notar ou ajude a direcionar o olhar para componentes específicos com sinais direcionais, por exemplo, parafusos ou imagens que “se inclinam" para um componente inteligente.
Considere os diferentes impactos que podem manter os clientes envolvidos com a história. A aparência de paralaxe, por exemplo, é uma abordagem excepcionalmente cativante para ajudar a capacitar o desenvolvimento na tela. Essa é uma das razões pelas quais esse método é tão proeminente.
Uma história decente não precisa ser incompreensível. Human impulsiona sua história com movimentos básicos de deriva combinados com fotografias de grupo para ajudá-lo a conhecer a população geral por trás da organização. É direto e convincente. (Observe também a fotografia da equipe. Posturas divertidas e aparências externas permitem que o caráter de cada colega irradie.)
4 Prossiga com micro-interações significativas
Considere os componentes secundários no esquema com os quais os clientes interagirão. Os sites de redes sociais baseados na Web geram especificamente muito engajamento, pois fazem encontros básicos com micro interações.
Para relembrar, as micro interações são minutos menores quando um cliente traça um plano. Sempre que você alterar uma configuração, comunicar algo específico, entrar ou curtir um status, você viu uma micro interação. Desde tocar no coração do Instagram (e vê-lo ficar vermelho) até tocar para retuitar, esses círculos de crítica são o que mantém os clientes retornando.
Microinterações significativas tornam o contorno interessante. Inclui um nível de capacidade para clientes que torna a experiência geral benéfica.
Além disso, as microinterações tornam um plano de suporte ou procurado. Faça a interface dessas atas com os principais objetivos do seu site. Pode ser qualquer coisa, desde permitir que os clientes compartilhem um item que acabaram de obter até adicionar algo a uma lista de coisas para concordar em aceitar uma advertência.
5) Deixe sua história ser uma narrativa
Cada história tem um início, um centro e um fim.
Com a chance de sua arquitetura da web não falar com esse fluxo de história, os clientes podem ficar confusos ou perdidos. Aqui está a menos complexa das equações:
Começando: Logo e característica. Informe aos clientes sua identidade e por que eles estão em seu site.
Centro: Toda a história de apoio que o torna extraordinário. O que você seria capaz de realizar para as pessoas que estão em seu site? O que seria uma boa ideia para eles antecipar?
Fim: Uma sugestão inegável de ação, por exemplo, um quadro, capacidade de fazer uma compra ou conexão com outra coisa.
6) Atenha-se ao enredo básico e simples
Isso pode soar contrário ao ponto mencionado acima, mas a história deve ser básica. Este não é um volume de 1500 páginas. Um enredo direto é aquele que você pode esclarecer em 5 segundos ou menos.
A história deve atrair clientes imediatamente, deixar uma impressão e fazê-los querer voltar. Sim, você pode fazer isso com início, centro e fim.
Upstream faz tudo isso na página de destino – os clientes podem procurar uma quantidade maior do “centro” da história, mas há uma olhada em todas as três seções na página de destino. O visual e o conteúdo contam um relato de necessidade e contato com o Upstream para oferecer assistência. Há uma pegadinha do tipo “se inclua” na tela e o visual é impactante a ponto de você precisar oferecer ajuda.
A história é direta e poderosa. Os clientes provavelmente se lembrarão disso… e de você.
7) AMIGÁVEL PARA MÓVEIS
Atualmente, é comum acessar sites a partir de vários gadgets com diferentes tamanhos de tela, por isso é imperativo considerar se o seu site é compatível com dispositivos móveis. Se o seu site não for compatível com dispositivos móveis, você pode modificá-lo para um design responsivo (isso significa que seu site mudará de acordo com várias larguras de tela) ou criar um site móvel dedicado (um site separado otimizado especificamente para usuários móveis).
É tudo menos difícil criar um site adorável e útil, apenas lembrando desses componentes de estrutura de tópicos. Você tem uma composição da web que precisa ser investigada ou aprimorada? Ou, por outro lado, talvez você esteja organizando um site e esperando obter o plano ideal desde o início. De qualquer forma, esses padrões de arquitetura de site poderosa podem ajudar seu site a ser ainda mais cativante, valioso e significativo para os visitantes.
8) Atualize-se com as novas tecnologias
O mundo da tecnologia de computadores muda quase todos os dias e, para acompanhá-lo, um especialista em sites deve estar sintonizado de forma inovadora com os ajustes nos negócios. Corte um fragmento de seu dia ou semana de trabalho e dedique-o a adaptar coisas novas em seu campo. Descubra o que há de novo, o que está em desuso e o que está caindo no esquecimento. Caso você prefira não ver seus rivais acabarem com o seu negócio por ter todas as marcas de estar mais atualizado e atualizado do que você, preste atenção a esta dica.
Um método decente para permanecer excepcional é observar o que prevalece em um centro comercial de tema ou layout como o Envato Market. Ao verificar os principais tópicos de oferta, você pode identificar desvios no que os clientes estão procurando e o que diferentes planejadores estão oferecendo.
Para você
O planejamento da Web é um campo de teste. A conquista no campo realmente requer resiliência e afirmação para se ajustar a todas as condições que se apresentam e nunca ser prejudicado em qualquer ponto em que as coisas não ocorram de forma surpreendente. O que você vai precisar com um objetivo final específico para fazer uma conquista de sua carreira na composição do site é diligência e um comportamento de ‘nunca se render’. Muitos de vocês já devem estar ensaiando uma ou muitas dessas dicas em sua vida profissional; No entanto, meu objetivo é controlar aqueles que desconhecem esses cálculos de conquistas até agora e lembrar aqueles que definitivamente os conhecem bem.