8. ELEMENTOS DE UM PROJECTO WEB
Deliverables Profissionais
Workflows Equipas Clientes
5 PRINCÍPIOS DA FLEXIBILIDADE
Eficiência
Consistência Comunicação
Educação
Colaboração
13. Style Tiles are similar to the
paint chips and fabric
swatches an interior
designer gets approval on
before designing a room.
— Samantha Warren, Designer @ Twitter
http://styletil.es/
14. An interior designer doesn't
design three different rooms
for a client at the first kick-off
meeting, so why do Web
designers design three
different webpage mockups?
— Samantha Warren, Designer @ Twitter
http://styletil.es/
41. Tiny Bootstraps,
for Every Client.
— Dave Rupert, Lead Developer @ Paravel
http://daverupert.com/2013/04/responsive-deliverables/
42. Responsive deliverables should
look a lot like fully-functioning
Twitter Bootstrap-style
systems custom tailored for
your clients’ needs.
— Dave Rupert, Lead Developer @ Paravel
http://daverupert.com/2013/04/responsive-deliverables/
45. FRAMEWORKS/DESVANTAGENS
• Subscrevemos o estilo/estrutura/
nomenclatura de outro developer
• Podem ter elementos desnecessários
• Podem não fazer tudo aquilo
que precisamos
49. FRONT-END STYLE GUIDES/DESVANTAGENS
•
•
•
•
•
•
•
Não é rápido desenvolvê-los
Tratados como um projecto à parte
Normalmente criados após o projecto
Geralmente demasiado abstractos
Úteis apenas para designers/developers
Muitas vezes incompletos ou desactualizados
Falta-lhes sentido de estrutura
50. PRECISAMOS DE UM MÉTODO
Sustentável
Integrado
Colaborativo
Actualizado
Estruturado
78. PORQUÊ O PATTERN LAB
•
Serve como hub para todo o projecto
•
Ferramenta útil para todos
•
Facilmente passamos do abstracto ao concreto
•
HTML/CSS/JS à nossa maneira
•
Promove consistência e coerência
•
Estimula flexibilidade e pensar em sistemas
•
Documentação sempre actualizada