Carlos Eduardo é um desenvolvedor da Vítrio especializado em design responsivo. Seus interesses incluem HTML, CSS, JavaScript, otimização de sites e experiência do usuário. Ele pode ser contatado por e-mail ou nas redes sociais onde também mantém um blog sobre design responsivo.
2. CARLOS EDUARDO - KADU
Faz parte da equipe de
Desenvolvedores da Vítrio.
INTERESSES :
HTML, CSS, JS, jQuery e PHP;
Design Responsivo;
Otimização de sites;
Usabilidade e UX (User Experience).
CONTATOS:
Kadunew@gmail.com
@kadunew
www.kadunew.com/blog
3. 960px de largura? 800px?
etc, etc.
Alterar layout quando a
resolução mais comum
deixar de ser utilizada.
Usuários mobile querem
páginas simples e focadas
em atividades chave.
Passado...
4. Isso não é Web
universal, acessível...
Devemos entregar a mesma
informação relevante para todo
mundo!
Não importa qual seja o dispositivo do
usuário.
8. Muita gente já falou
disso antes.
“... Faça páginas que são acessíveis, independentemente de
navegador, plataforma ou tela que seu leitor escolha...”
John Allsopp, 2000 em http://alistapart.com/article/dao
9. Devemos entregar a
mesma informação
relevante para
Não
Importa todo mundo!
qual seja o
dispositivo do
usuário.
10. Design responsivo é oferecer um único site para
todo mundo e adaptar a experiência do usuário
de acordo com o dispositivo.
1024 + 768 480 479 -
11. O Google recomenda Design
responsivo:
https://developers.google.com/webmasters/s
martphone-sites/details
SEO
14. Estratégia para o sucesso do
01 02 03 04
Layout Simples
Imagens Pequenas
CSS e JS limitados
Performance
Layout Simples
Imagens maiores
Mais CSS e JS
Conteúdo adicional
Layout c/ colunas
Imagens maiores e
até mais pesadas
Layout
widescreen
Imagens maiores
e mais pesadas
Total recurso a
CSS e JS
projeto
(Mobile-First)
29. FACILITAR A VIDA DO USUÁRIO
Digitar dados no
celular é bem difícil.
Que tal no lugar dos asteriscos mostrar a senha, logo
você não precisa do campo “confirmar senha”. Um
campo a menos.
Mostrar que no design da esquerda não é possível ler o conteúdo, as colunas continuam ocupando 30%, porém de uma tela fisicamente menor. A imagem da direita mostra a solução de readaptação do layout.
Comentar sobre os labels de um formulário
Ajustar a prioridade do conteúdo
chirrion
tentar diminuir a quantidade de campos e valido. Por campo de checkbox, radio, select, em vez de campos de texto.
Comentar sobre deixar aparecer a senha
Textarea expansível
APIs para pegar a localização do usuários