Claro que algumas das características que vou comentar aqui podem estar presentes em diferentes cargos e pessoas, não necessariamente de um designer, mas aqui é um blog de design, não é mesmo? 😎

Mas por que designers?

Rapidamente podemos selecionar algumas empresas de sucesso e perceber uma semelhança entre elas. Por exemplo: Airbnb, Instagram, Slideshare, Tumblr, Vimeo, entre tantas outras. A semelhança aqui é que todas elas tiveram designers dentro da sua equipe de fundadores.

Entre esses exemplos acredito que o mais didático aqui é do próprio Airbnb. O design estava presente desde o começo da empresa devido a seus fundadores, estudantes de design na época, que precisavam de ajuda para pagar o aluguel de onde viviam.

Então tiveram a ideia de alugar o próprio espaço para ajudar nas contas e o sistema começou a ser desenvolvido a partir daí. De 3 aluguéis iniciais, hoje a empresa movimenta bilhões.

Logo no início do sistema, já com pessoas utilizando-o, eles perceberam como os usuários postavam fotos mal tiradas, que minavam chances reais de locação dos espaços. Claro que qualquer um com a mente focada no negócio podia perceber o problema, mas isso talvez tenha sido mais rapidamente percebido devido a bagagem estética que os fundadores tinham.

E após esses primeiros ajustes visuais, a empresa só foi crescendo. O foco no design e na experiência do usuário sempre foram priorizados, sendo esse um dos motivos para o sucesso da empresa.

O case do Airbnb pode ser encontrado em diversos lugares e pode servir de inspiração para muitas pessoas. Mas agora, vamos voltar para uma das últimas coisas que comentei: a experiência do usuário.

O tal do UX

Estudar User Experience é algo que todos nós precisamos fazer, cada um no seu nível de necessidade, afinal, existem pessoas que se dedicam exclusivamente nesse tema.

Mas a vantagem que nós designers e desenvolvedores temos sobre outras profissões é que já temos uma tendência em ter uma atenção maior na Experiência do Usuário. Acredito que muito disso vem da nossa curiosidade natural, algo essencial para essa área, já que precisamos sempre estar curiosos em testar e ver como o usuário reage em cada situação dada por nós.

Dentro desse tópico os designers levam vantagem, mas a análise precisa ser feita de maneira criteriosa, coisa que muitos criativos não conseguem desenvolver. Nessa parte entra o estudo e dedicação que é primordial para um bom resultado.

Apontei o UX como um item importante pela tendência que nós, designers, temos em ter uma relação natural com ele. Mas como sabem, é um tema muito amplo.

Designer multidisciplinar

Não só dentro do design, mas em todas as áreas do conhecimento, uma nova tendência é um profissional fullstack, ou seja, alguém que consiga se desenvolver bem em diversos segmentos relacionados. Isso não quer dizer que precisamos adquirir isso logo de cara e também não digo que você precisa aprender milhares de programas e técnicas simultaneamente.

A questão aqui é que devemos ser multidisciplinares pois todo mundo tem algum potencial que pode ser mais desenvolvido, e a mentes criativas tendem a ter vários desses potenciais totalmente inexplorados e desperdiçados.

A importância dos designers na empresa pode facilmente passar do operacional, criação de layouts, branding, imagens para redes sociais, entre outros exemplos que obviamente são também essenciais. Mas um bom aproveitamento do designer pode ir muito pro lado da própria estratégia da empresa.

Estratégia

O termo design é intimamente ligado com o significado de projeto. Projeto é algo a ser executado, e para executar bem, precisa ser feito com estratégia.

Então todo designer participa, mesmo que indiretamente na estratégia da empresa. O que pode ser melhor aproveitado aqui é justamente explorar mais isso e participar mais ativamente da estratégia, até mesmo da criação do plano de negócio, liderança e sustentabilidade do projeto.

O cuidado com a marca

Entre tantas funções em uma empresa, o profissional criativo é um dos que mais podem dar a essência ao projeto. Afinal, ele literalmente dá a cara pra ele. E como vimos, pode participar ativamente da estratégia, administrar a experiência do usuário em detalhes.

E aqui entra o cuidado. Tudo que é feito representa a empresa de uma maneira que hoje é a mais forte, a visual. Por isso uma visão de dono aqui precisa ser constante. O cuidado com a marca e tudo que for feito com ela.

E quem melhor para ter esse cuidado que não um dos fundadores da empresa? Mais um ponto para designers na equipe de fundação!

Conclusão

Como disse no começo: todas as áreas tem sua importância específica na criação e manutenção de uma empresa. Aqui entrei mais no design pois estamos em um blog sobre o assunto.

E montar uma equipe para iniciar um projeto não é algo simples, várias coisas devem ser levadas em consideração. Mas talvez analisando esses pontos, você considere um profissional criativo nessa base.

…..

Fonte (adaptado):
www.designerd.com.br

Desde muitos espaços em branco e ótimas imagens até funcionalidade de pesquisa e frases atrativas, esses elementos comuns são o que as pessoas esperam quando se trata de usar um site com facilidade.

Separei dez elementos que devem ser priorizados em um site e dicas sobre como usar cada um deles em seu site.

1. Espaço

O espaço é uma das ferramentas de design mais importantes porque dita tudo – desde o fluxo até a legibilidade. Diversos sites apresentam espaçamentos que não víamos na web antes. Margens grandes formando áreas de respiro ao redor dos textos, maior espaçamento entre linhas de texto e uso geral de espaço aberto.

A consistência no espaçamento também é bem importante. Elementos semelhantes devem incluir espaçamentos semelhantes. A quantidade de espaço entre as linhas em um parágrafo deve ser a mesma, assim como a quantidade de espaço ao redor das imagens.

Temos ainda o ponto focal. Uma imagem ou pedaço de texto cercado por um espaço em branco parecerá maior e mais importante do que aquele que está amontoado em um local menor ou mais apertado no layout.

Vale ressaltar que o espaço nem sempre é branco. Refere-se à falta de elementos, podendo ser igualmente uma cor de fundo ou uma textura.

Como usar: comece com elementos-chave como menus de navegação, por exemplo. Certifique-se de que os elementos estejam organizados de forma que inclua espaçamento definido entre os elementos. Isso fará com que cada botão ou palavra se destaque mais por si só.

2. Navegação simples

A navegação deve ser fácil de identificar e de usar. Também é importante manter os menus de navegação no mínimo para não sobrecarregar os usuários. Dependendo do tipo de site, cinco a oito itens de navegação no menu são suficientes.

Há algumas ferramentas que ajudam os usuários a navegar por um site. Sites com rolagem parallax, por exemplo, geralmente tornam o site mais amigável. Quanto mais fácil for para as pessoas usarem e navegarem em seu site, maior será a probabilidade de elas interagirem com ele.

Como usar: lembre-se que os usuários desejam algumas coisas importantes da navegação: saber onde estão no site, ter uma maneira de voltar para Home, além de acessar qualquer subpágina sem se sentir perdido.

3. Sobre nós

É especialmente importante para uma pequena empresa ou proprietário de site informar aos usuários quem eles são. (Isso é menos importante para grandes empresas conhecidas, embora ainda seja uma prática comum.)

A página “Sobre nós” deve informar aos usuários quem você é e o que faz. Ele pode apresentar a filosofia ou objetivos da empresa ou até como o site surgiu. Esta página também pode ser o local para depoimentos de clientes ou usuários e histórias de sucesso. Também pode servir como porta de entrada para páginas relacionadas ou até mesmo perfis de redes sociais.

O único problema que costuma acontecer com as páginas “Sobre nós” é que elas ficam longas e prolixas. Mantenha a página simples; forneça aos usuários informações suficientes para que fiquem interessados, mas não entediados. E lembre-se de manter o design interessante.

Como usar: use a página Sobre nós para dar um pouco de personalidade à sua marca. Considere incluir fotos de sua equipe e uma breve biografia da empresa.

4. Informações de contato

As informações de contato geralmente aparecem de duas maneiras – no cabeçalho/navegação principal ou como uma página “Fale conosco” com um formulário ou informações expandidas. Qualquer uma das opções pode funcionar bem, dependendo do design do seu site.

A chave é torná-lo altamente visível. Ter informações de contato, como número de telefone, endereço físico ou formulário para entrar em contato com o proprietário do site, adiciona legitimidade ao seu site e ao seu negócio. Pode ser frustrante para os usuários quererem encontrar você e as informações não estarem claramente visíveis.

Como usar: adicione informações de contato a todos os cabeçalhos e/ou rodapés estáticos. Se você tiver um endereço comercial físico, inclua informações de localização. Considere um formulário de contato para que os usuários possam enviar e-mails diretamente do site.

5. Call to Action (ou Inscrição)

Na maioria dos casos, um site é a porta de entrada para uma ação – fazer uma venda, fornecer informações e coletar informações de contato. Para garantir esta ação, os apelos à ação precisam ser óbvios e fortes.

Primeiro, determine o que seu site deve fazer. Em seguida, projete-o de forma que a ação seja óbvia e leve os usuários a ela. Técnicas envolvendo teoria das cores, contraste e espaço podem ajudar a levar os usuários aos botões “certos”.

Um formulário de inscrição também pode ser um ótimo atrativo. Se esse for o seu objetivo, coloque o formulário em um local privilegiado e destaque-o. Torne o formulário simples e rápido de preencher. Mantenha o site sempre dinâmico.

Como usar: torne as frases de chamariz óbvias. O posicionamento deve ser em uma parte bem visível da página e próximo ao item ao qual se refere. Os botões devem ser de uma cor contrastante e dizer exatamente o que a pessoa deve fazer: compre agora, cadastre-se, baixe, envie etc.

6. Pesquisa

Essa ferramenta é vital para usuários recorrentes. Projete a caixa de maneira discreta, mas fácil de usar. Certifique-se de que a caixa seja grande o suficiente para digitar os termos do seu site. Se você usar um ícone para pesquisa, não há necessidade de inventar algo novo; use a lupa padrão.

Como usar: crie uma caixa simples que fique no topo do seu site para pesquisa. O canto superior direito é o local mais popular, o uso desse espaço é esperado e fácil de ser encontrado pelos usuários.

7. Rodapé Informativo

Um rodapé é a forma como você pode se conectar ao seu público com uma riqueza de informações sem atrapalhar o design. Como o rodapé está na parte inferior da página, é um local lógico para um pequeno mapa do site, informações da empresa ou de contato, links e contexto do seu site.

Torne o rodapé útil e simples. Ele deve ser projetado para combinar com o seu site, mas pode ter uma aparência muito mais minimalista. Facilite o uso.

Como usar: alguns dos melhores rodapés combinam muitos dos elementos acima. O rodapé costuma ser uma repetição de elementos encontrados em outros lugares (como adicionar pesquisa ao topo da página na navegação principal e novamente no rodapé). Também pode introduzir alguns dos elementos que citei caso não houver outra localização lógica no esquema de design.

8. Botões

Cada botão em um site deve ser reconhecível apenas como um botão. Eles devem ter a mesma forma, efeitos de design e sensação, independentemente da finalidade ou localização. Aqui a repetição e a consistência são a regra.

Como usar: desenvolva um conjunto de botões exclusivos para o seu site. Crie um tema com cores consistentes e que se destaquem dos demais elementos da página.

9. Imagens profissionais

Com imagens ou ilustrações produzidas e personalizadas você pode mostrar produtos, pessoas ou qualquer outra coisa para atrair os usuários ao seu site.

Caso não seja possível contratar um fotógrafo, considere usar bancos de imagens. Só tenha cuidado ao usar muitas imagens de banco, pois o site pode perder a identidade.

Como Usar: contrate um fotógrafo ou ilustrador para desenvolver e criar um conjunto de imagens. As fotos produzidas poderão ser aproveitadas durante muito tempo e ainda serem usadas em catálogos e/ou folder impressos.

10. Web fonts

A web já foi preenchida com um punhado de fontes – Arial e Courier vêm à mente – porque elas eram legíveis pela maioria dos computadores e navegadores. Mas isso é passado.

As web fonts são importantes por dois motivos principais – compatibilidade e licenciamento. Usar um serviço de fontes da web é importante para a otimização de mecanismos de pesquisa, e claro, não é preciso criar imagens com fontes especiais para manter uma determinada aparência de layout.

Como usar: comece com um serviço como o Google Fonts, que é gratuito, para implementar um conjunto de fontes bonitas e interessantes no design do site sem ter que gastar uma fortuna em licenciamento ou se preocupar com problemas de compatibilidade.

…..

Fonte (adaptado):
Design Shack

Conforme documentado em Laws of UX por Jon Yablonski, existem 15 regras que devem ser utilizadas para o desenvolvimento de interfaces, e neste artigo, mostrarei como algumas dessas leis podem ser aplicadas para interfaces em dispositivos móveis.

Lei de Fitts

“O tempo para interagir com um alvo é relacionado a distância e tamanho dele”. Para os elementos serem facilmente selecionáveis, eles devem ser posicionados perto dos usuários. Esta lei aplica-se especialmente aos botões, onde o objetivo é facilitar a localização e seleção.

Um aplicativo que segue essa lei corretamente é o Gmail. Pode-se perceber que o botão para escrever um novo e-mail fica posicionado na parte de baixo da tela, ao alcance dos polegares. A cor do botão também cria um bom contraste com os outros elementos, atraindo a atenção do usuário para ele.

Interface do Gmail

Lei de Hick

“O tempo que usuário leva para tomar uma decisão aumenta com o número e a complexidade das escolhas mostradas para ele”. Mais opções resultam em mais tempo para pensar sobre essas escolhas e tomar uma decisão, por isso é recomendado simplificar as opções para o usuário dividindo tarefas complexas em etapas menores.

Pelo fato de celulares terem telas menores, essa lei pode ser aplicada para aplicativos de e-commerce e viagens, onde são necessários uma série de passos para concluir uma compra. Nesse caso, é preciso ter um indicador na interface para que o usuário saiba em qual etapa do processo ele se encontra.

Interface do aplicativo Decolar.com

Lei de Jakob

“Os usuários que tem experiência em outras interfaces, desejam que a sua funcione de uma maneira parecida com a que eles já conhecem”. Isso significa que eles preferem aplicativos semelhantes aos que utilizam e já estão familiarizados. Por isso, podemos simplificar o processo de aprendizado fornecendo padrões de design familiares. Um padrão que muitos aplicativos utilizam é o menu hamburger para itens de navegação, que é comumente posicionado ao lado esquerdo da tela.

Interface do aplicativo da Uber

Lei de Prägnanz

“Os usuários percebem formas complexas da maneira mais simples possível, porque é a interpretação que requer menos esforço mental”. Interfaces que possuem elementos visuais mais simples, também são mais fáceis de serem utilizadas e cumprem com seu propósito.

Essa lei também é conhecida como Lei da Simplicidade e é bastante aplicada para aplicativos móveis, pois seguindo esses padrões é possível construir uma interface agradável e com uma boa usabilidade. O aplicativo da Nubank sabe muito bem como utilizar a simplicidade a seu favor, focando em interações que surpreendem os usuários.

Interface do aplicativo da Nubank

Lei da Proximidade

“Objetos próximos tendem a se unir e, na experiência do usuário, são entendidos como membros do mesmo grupo”. Essa lei enfatiza que se você está lidando com um grupo de dados, todos os dados que entendemos que correspondem ao mesmo grupo devem estar juntos, e para os dados diferentes, deve haver uma separação entre eles. Em aplicativos como o Google Play, onde temos uma quantidade maior de dados relacionados, eles são agrupados lado a lado como uma mesma categoria.

Interface do Google Play

Lei da Similaridade

“Os elementos que parecem semelhantes são percebidos como uma unidade”. Então, elementos que possuem, por exemplo, a mesma cor, formato ou outras características comuns são vistos como partes do mesmo conjunto. Essa lei pode ser muito útil para agrupar elementos que pertencem a uma categoria e garantir a conformidade entre os elementos de todo o aplicativo. Em uma das atualizações do Instagram, foi adicionada uma lista de categorias para as postagens, dando liberdade para que o usuário escolha o conteúdo que ele deseja ver.

Interface do Instagram

Efeito Von Restorff

“Quando vários objetos similares estão presentes, o que se diferencia é mais provável de ser lembrado”. Esse efeito também é conhecido como o Efeito de Isolação e é aplicado em interfaces quando precisamos destacar alguma funcionalidade, e também para mostrar uma nova mensagem ou notificação para o usuário. Um fator que auxilia a aplicação dessa lei é a mudança de cor ou estilo em algum local da interface. Nas notificações dos aplicativos, geralmente é utilizada a cor vermelha em cima do ícone para atrair a atenção do usuário para algo novo.

Interface do ZenUI

Posição Serial

“Entre os elementos de uma série, os usuários sempre se lembrarão melhor do primeiro e do último.” Essa é a razão pela qual vemos que na barra de navegação dos aplicativos, as ações mais importantes são colocadas à esquerda ou à direita, introduzindo elementos como início ou perfil levando em consideração a posição serial.

Interfaces dos aplicativos do Linkedin e Instagram

Lei de Miller

“Uma pessoa em média só pode manter 7 (com margem de 2 para mais ou menos) itens em sua memória de trabalho”. Para facilitar a lembrança dos elementos, pode-se organiza-los em grupos com uma quantidade menor de itens, como é o caso das listas de séries do aplicativo da Netflix, onde temos uma quantidade de itens reduzida e fácil de ser lembrada.

Interface do aplicativo da Netflix

Conclusão

Entender como o usuário pensa e se comporta é primordial, pois possibilita o desenvolvimento de um produto que ofereça uma boa experiência de uso, atraindo o usuário a utilizá-lo mais vezes. Com a competitividade atual de aplicativos no mercado, muitas vezes uma experiência de uso melhor é um fator crucial para a escolha e fidelização do usuário. Tendo um desenvolvimento com base nessas leis, pode-se garantir que o aplicativo gere valor para o usuário e atinja suas expectativas.

…

Fonte (adaptado):
UI Lab

Ben Burns, designer premiado, estrategista de marca e especialista em user experience do Maker Division, traz algumas definições básicas que ajudam na compreensão dessa expressão que anda tão na moda!

Há muitas definições para UX. Uma que gosto bastante diz que, se o serviço for útil, fácil de usar e prazeroso para o usuário, teremos alcançado nosso objetivo. That’s it!

Vale lembrar que UX e UI são coisas bem diferentes! Inclusive já falei disso aqui no blog. Clique aqui pra dar uma olhada.

1. Deixe claro o que seu site oferece

Assim que as pessoas entrarem no site, elas devem entender imediatamente o que você faz. Se você vende um produto ou um serviço, certifique-se de que essa informação aparece antes de tudo. Não espere que seu cliente fique procurando. Seja dinâmico.

2. Dê destaque ao Call-to-Action

Informe aos visitantes o que você quer que eles façam com um bom call-to-action (CTA). Colocar o CTA logo após o slide, é uma boa opção, pois o visitante já saberá do que se trata seu site e já poderá entrar em contato.

Faça testes com as chamadas. Use frases como “Ligue agora”, “Inscreva-se para uma versão gratuita”, “Inscreva-se agora”, “Faça um orçamento sem compromisso” ou “Saiba mais” para encorajar os visitantes a entrar em contato. Deve ser simples e memorável.

3. Use imagens profissionais que carreguem rápido!

As imagens usadas em sua página inicial devem ser grandes e relevantes para sua empresa. Use fotos ou ilustrações que ajudem a descrever o seu site.

Certifique-se de otimizar suas imagens para a Web, de modo que elas sejam carregadas rapidamente. As imagens compactadas também ajudarão seu SEO.

É sempre bom usar imagens de seu próprio produto, mas se você não possui imagens próprias, escolha fotos em bancos de imagens.

4. Faça um estudo de fontes e cores

As fontes devem refletir a personalidade da sua marca: serifas, manuscritas, retro etc. As melhores fontes para sua marca são as que falam por você, desde que sejam de fácil leitura.

As cores que você escolhe para representar sua marca também são muito importantes. Um estudo de cores deve ser definido antes de qualquer layout detalhado. Use no máximo três cores. Deixe que as fotos dêem vida para seu site.

5. Diga onde os visitantes devem ir

Oriente os visitantes para as páginas que você deseja que eles acessem. Se você tem uma variedade de serviços, por exemplo, sua página inicial deve dar apenas um leve resumo do conteúdo, seguido de um link CTA / “ler mais”, por exemplo. Isso os orientará para sua página de serviços, onde eles terão mais detalhes.

6. Layout responsivo

Certifique-se de que seu site seja responsivo – o que significa que ficará ótimo, independentemente do dispositivo em que esteja sendo visualizado. Teste seu site antes do lançamento em celulares, tablets e monitores diferentes.

Conclusão

Sua página inicial é o seu cartão de visita. É importante que a mensagem que você deseja passar fica clara para seus visitantes. Isso aumenta muito a chance deles voltarem e até indicarem seu site aos amigos.

…

Fonte (adaptado):
Design Your Way

Resumidamente, UI (Interface do Usuário) é o meio pela qual uma pessoa interage e controla um dispositivo, software ou aplicativo. Esse controle pode ser feito por meio de botões, menus e qualquer elemento que forneça uma interação entre o dispositivo e o usuário. Aqui entram:

• desenvolvimento do layout a partir de wireframes
• montagem de protótipos navegáveis
• programação

Já UX (Experiência do Usuário) é o estudo comportamental dos usuários, com o objetivo de entregar uma melhor experiência de uso nos produtos sendo eles digitais ou não. Trabalhos de UX são bem amplos e envolvem:

• entrevistas com stakeholders e usuários
• análise heurística
• construção de personas
• planejamento de jornada do consumidor etc.

UX é a forma de englobar todos os aspectos da interação do usuário final com a empresa, seus serviços e seus produtos, ou seja, ela é responsável por estudar as melhores maneiras de atender as necessidades dos usuários e deixá-los satisfeitos com todo o processo. É por aí que o usuário terá a percepção da marca.

…..

Fonte (adaptado):
designculture.com.br