Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. UX
Webdesign

UX em 60 Segundos: Usando Bibliotecas de Componentes

by
Difficulty:BeginnerLength:ShortLanguages:

Portuguese (Português) translation by Erick Patrick (you can also view the original English article)

Bem vindo a essa introdução super rápida ao uso de bibliotecas de componentes, úteis para designers, desenvolvedores e usuários. Comecemos!

Bibliotecas de Componente em 60 Segundos

Cada interação um usuário encontra é preciso ser aprendida, criando carga cognitiva. É bem desafiador para um usuário se elementos da UI são quase os mesmos, mas diferentes. O usuário tem de responder perguntas como "por que esses são diferentes?", "acontecerá o mesmo se apertar os dois botões?"

Comecemos identificando objetos comuns nos projetos, definamo-nos como componentes, e depois (ao projetar as telas), começamos a usá-los. Fazendo isso, forçamo-nos maior consistência. Podemos até nos surpreender pela velocidade obtida ao usar os mesmo objetos para resolver problemas diferentes.

Usando Sketch

De forma prática, podemos criar símbolos em projetos do Sketch ou usar o plugin Craft, da InVision. Para obter retorno da biblioteca de componentes, trabalhemos com os desenvolvedores para definir as mesmas coisas no código também.

Não precisa ser totalmente visual. Podemos definir estados diferentes para cada objeto e até interações complexas.

Ao usar uma biblioteca de componente, designers e desenvolvedores podem usar os mesmo objetos de novo e de novo, resolvendo problemas diferentes. E os usuários encontrarão componentes familiares, gastando menos tempo descobrindo como usar o app ou site.

Kits de UI em Destaque

Vimos alguns Kits de UI destacados no vídeo. Baixemo-nos agora, como parte da inscrição na Envato Elements!

Simple

Mais de 100 elementos do Photoshop editáveis, baseados em formas vetoriais limpas. Camadas estão agrupadas e bem organizadas, elementos são fáceis de ajustar tamanho e cor.

Simple Flat UI Kit

Zoomie

App de Mídia Social para Sketch. Todas s telas e pranchetas estão bem organizadas e em camadas.

Zoomie

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.