Arraste para explorar. Role ou use a pinça para aproximar. Abra a Ajuda para ver os atalhos de teclado.

Yan
ABERTO A
PROJETOS
Vamos conversar
Yan Fontão Boring view
Todos os trabalhos

Case 026UI mobile e refinamento de interface

Contacts Sync

Uma contribuição de UI design e correções de interface para o Contacts Sync, um utilitário que sincroniza contatos entre contas.

Meu papel
UI design e correções de interface
Status do projeto
Contribuição de UI · Contexto do produto publicado
Menu do Contacts Sync com as direções de sincronização.
Lista do Contacts Sync com as mudanças propostas antes da sincronização.
Um passo a passo pelas telas publicadas do produto, não uma gravação: escolher o que sincronizar, revisar uma mudança e confirmar. Captura atual do produto publicado © Playa Apps, de contactssync.com. Contexto do produto, não uma captura de arquivo da minha entrega original.

01

Minha contribuição

Contribuí com UI design e correções de interface para o Contacts Sync.

As telas abaixo vêm dos materiais do produto que a Playa Apps publica hoje. Elas dão contexto sobre o produto, e não as apresento como capturas de arquivo da minha entrega original.

Tela de detalhes do Contacts Sync com os contatos correspondentes e a direção da atualização.
Captura atual do produto publicado © Playa Apps, de contactssync.com. Contexto do produto, não uma captura de arquivo da minha entrega original.

02

Escolher o que passa de uma conta para outra

O Contacts Sync conecta contas de contatos e oferece sincronização bidirecional, unidirecional e manual. O menu de sincronização deixa a direção da transferência visível antes de começar.

03

Revisar as mudanças antes de continuar

A interface publicada lista as mudanças propostas antes da sincronização. Em uma tela de detalhes, a pessoa pode examinar o contato correspondente e escolher a direção da atualização.

04

Uma contribuição focada em UI

Apresento aqui minha contribuição no escopo de UI design e correções. A Playa Apps publica o Contacts Sync; as capturas de tela e o ícone do app são creditados a ela.

000

Instruções

Yan Fontão
Toque
Abre uma tela
Clique
Abre uma tela
Arrastar
Move pelo mural
Rolagem
Mouse aproxima, trackpad move, pinça aproxima
− +
Afasta até ver o mural inteiro, ou aproxima
Setas
No case: ↑↓ trocam de case, ←→ trocam de mídia. No mural: movem
Espaço
Abre ou volta
Enter
Abre
Esc Backspace
Volta
Home
Volta ao centro, depois à abertura
PgUp PgDn
Canal anterior ou próximo
Tab
Percorre projetos e links
R
Projeto aleatório
0–9
Digite um canal, 1–61
?
Esta página
Atalhos

Música do mural

Arquivos comprimidos e nivelados para a web.

ABERTO A
PROJETOS
Vamos conversar

Nova mensagem para o Yan

Conte quem você é e eu respondo.

000

Sobre o Yan

Oi, eu sou o Yan

Product Designer/ Design Engineer

A maioria dos produtos perde algo entre o design e o código. Os meus não: eu pesquiso o problema, desenho o produto e coloco a interface no ar, então o que você aprova é exatamente o que seus usuários recebem.

  • 2018início em software
  • UI + codedesign e implementação

Trabalhei com Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido ou presencial

Retrato de Yan Fontão sentado, de suéter verde e óculos, segurando um microfone.
ABERTO A
PROJETOS
Vamos conversar
ABERTO A
PROJETOS
Vamos conversar
000

canal bloqueado

Sob NDA

Digite o código

Peça o código ao Yan ↗
ABERTO A
PROJETOS
Vamos conversar
YAN FONTÃO Cases completos