O documento discute a importância de se ter um design system para organizar e padronizar os elementos de design de uma empresa de forma a facilitar o trabalho de designers e desenvolvedores. Ele explica o que é um design system, quais são seus componentes e como ele pode ajudar a melhorar a colaboração entre times e agilizar o processo de design. Também aborda mitos comuns sobre design systems e apresenta exemplos de sistemas bem-sucedidos.
UI design becomes increasingly important for products and services. Influencing their users' expierence. UX itself determines the value of digital offerings and is their key differentiator. But "historically grown" incoherent interfaces deteriorate value and brand of products and services.
This talk is about design systems, that help to avoid (or overcome) design dept and to enable scaling UX across platforms, products and devices. Modularity and standardisation of repeatedly used aspects helps speeding up processes and increasing business value. Design systems help making user experience tangible to teams and brand values actionable.
In this talk we’ll uncover our journey in creating a Design System for Skyscanner and share our learnings on how we sold it to the business by proving its worth. We’ll talk through some of the design and tech considerations we’ve made and share the tools and techniques which have helped us along the way.
Designing & building software is complex. Design systems have become a popular solution to help design teams streamline processes and produce great experiences. Let's dive into a few of the whys & hows for building Design Systems.
Building a Design System: A Practitioner's Case Studyuxpin
- How to build a design system from scratch
- How to audit your product for design consistency
- How to structure and communicate a design system to an Agile team
A design system can vastly improve your team's productivity, but most of all, it leads to better products! The challenge lies in creating a mature system and leading its adoption across the company successfully. Let's talk about how we learned to meet the needs of different designers and developers on different products, on different tech stacks, on different platforms. Attendees will go home with tips they can use to improve design systems of any stage.
Impact of DesignOps at ServiceNow (DesignX DesignOps Day)Peter Boersma
This talk describes the way that the DesignOps team at ServiceNow operates, and what it means for the design organisation in ServiceNow. Its products and services include: the definition and maintenance of the product design lifecycle, a design project tracking system, a design review process and procedures, and more.
I also describe some of the other impactful developments in ServiceNow, such as our Design System, the alignment of designers to product management, the Insights team that does both market and customer research, and our BizOps team that manages headcount, identifies and creates education opportunities, handles sponsoring, and organizes events for designers.
UI design becomes increasingly important for products and services. Influencing their users' expierence. UX itself determines the value of digital offerings and is their key differentiator. But "historically grown" incoherent interfaces deteriorate value and brand of products and services.
This talk is about design systems, that help to avoid (or overcome) design dept and to enable scaling UX across platforms, products and devices. Modularity and standardisation of repeatedly used aspects helps speeding up processes and increasing business value. Design systems help making user experience tangible to teams and brand values actionable.
In this talk we’ll uncover our journey in creating a Design System for Skyscanner and share our learnings on how we sold it to the business by proving its worth. We’ll talk through some of the design and tech considerations we’ve made and share the tools and techniques which have helped us along the way.
Designing & building software is complex. Design systems have become a popular solution to help design teams streamline processes and produce great experiences. Let's dive into a few of the whys & hows for building Design Systems.
Building a Design System: A Practitioner's Case Studyuxpin
- How to build a design system from scratch
- How to audit your product for design consistency
- How to structure and communicate a design system to an Agile team
A design system can vastly improve your team's productivity, but most of all, it leads to better products! The challenge lies in creating a mature system and leading its adoption across the company successfully. Let's talk about how we learned to meet the needs of different designers and developers on different products, on different tech stacks, on different platforms. Attendees will go home with tips they can use to improve design systems of any stage.
Impact of DesignOps at ServiceNow (DesignX DesignOps Day)Peter Boersma
This talk describes the way that the DesignOps team at ServiceNow operates, and what it means for the design organisation in ServiceNow. Its products and services include: the definition and maintenance of the product design lifecycle, a design project tracking system, a design review process and procedures, and more.
I also describe some of the other impactful developments in ServiceNow, such as our Design System, the alignment of designers to product management, the Insights team that does both market and customer research, and our BizOps team that manages headcount, identifies and creates education opportunities, handles sponsoring, and organizes events for designers.
Shaping and implementing a DesignOps functionMatt Gottschalk
Matt Gottschalk and Ben Franck, both UX & DesignOps Managers at Centrica, will share the journey they have been on since setting up their DesignOps function at the beginning of 2018. They will discuss the types of problems that come with managing and supporting a de-centralised design team of 40+ User Experience designers, how they defined the role and how having a design operations function enabled them to streamline processes and drive efficiency and consistency.
Evolving your Design System: People, Product, and Processuxpin
You'll learn:
How to create and maintain a design system over several years
How people, process, and product change alongside a design system
Lessons learned from growing the Linkedin design system
You can do better! Improve your design process (UX South Africa)Peter Boersma
In order to do great work you need to influence more parts of the design process than creating wireframes or front-end code. In this interactive presentation (have pen & paper ready!), I will walk you through the expanded sphere of influence on the user experience. I will encourage you to look beyond your deliverables, outside of your department, and past your current way of working. I will help you spot opportunities and draft a plan to improve your design process.
Design system presentation - How to sell it internallyEugene Kardash
Design System is a systematic approach to creating and maintaining consistent user interfaces, which coherently communicate the brand values and empower user experience.
This presentation's goal is to give an overview of the current state of design maturity at the company (here, at Herbalife Nutrition), to justify the necessity of having it, and to get buy-ins from decision makers.
A design system is a framework of practices that bring designers and products together. It is a platform to identify, and document what to share, whether a visual style, design patterns, front-end UI components, and practices like accessibility, research, content strategy.
The role of design with enterprise organizations is expanding, spreading across product teams and influencing decision-making at higher and higher levels. This scale, paired with the array of devices, browsers, screen sizes, locales, and environments, makes it increasingly challenging to align designers and developers to deliver cohesive user experiences.
In this talk, I’ll discuss the lessons learned, the challenges faced, and best practices for creating and maintaining an effective interface design system.
Let's talk about Design Systems and how they could help you build better products in terms of efficiency, consistency, UX, code quality and accessibility.
Summary:
1. About me
2. Why have one?
3. Design system (fundamentals)
4. How to build a design system (process)
5. Cost and value
6. Inspiration
7. Q&A
Overview of the function that DesignOps plays in the overall design organization.
1. What is DesignOps?
2. Who “Does” DesignOps?
3. What DesignOps “Does”
4. How DesignOps Does it
5. Why DesignOps Matters Now
6. Implementing DesignOps
7. Final Takeaways
Measuring & Evaluating Your DesignOps PracticeDave Malouf
This premiere version of this talk was given at WAQ in Quebec City on April 10, 2019.
It has a brief introduction to DesignOps and then goes into how to measure and understand value of designOps to the team and business.
Design Systems First: Everyday Practices for a Scaleable Design Processuxpin
You'll learn:
- How to create, adopt, and maintain your first design system
- How to practice a “design systems first” process of product development
- How to build and govern a design systems operations team
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
Org Design for Design Orgs - The WorkshopPeter Merholz
As the move to establish in-house design teams accelerates, it turns out there’s very little common wisdom on what makes for a successful design organization. Books and presentations focus on process, methods, tools, and outcomes, leaving a gap of knowledge when it comes to organizational and operational matters. This workshop seeks to address this lacuna by shining a light on the unsung activities of actually running a design team, and what works and what doesn’t.
Topics include:
- How a service design mindset shifts standard organizational approaches
- Organizational models for design teams, from centralized to decentralized and back again
- Breadth and depth of skills and strategic thinking
- The 5 Stages of Organisational Evolution
- A New Taxonomy of Design Team Roles
O Design System já é uma realidade em grandes empresas porque acelera o processo de design e preenche a lacuna entre as equipes envolvidas na construção de um produto final.
Confira nessa apresentação o que está faltando para o seu time de designers, desenvolvedores e gerentes de produto ser mais rápido e ágil e coloque em prática os passos inicias dessa aplicação.
Shaping and implementing a DesignOps functionMatt Gottschalk
Matt Gottschalk and Ben Franck, both UX & DesignOps Managers at Centrica, will share the journey they have been on since setting up their DesignOps function at the beginning of 2018. They will discuss the types of problems that come with managing and supporting a de-centralised design team of 40+ User Experience designers, how they defined the role and how having a design operations function enabled them to streamline processes and drive efficiency and consistency.
Evolving your Design System: People, Product, and Processuxpin
You'll learn:
How to create and maintain a design system over several years
How people, process, and product change alongside a design system
Lessons learned from growing the Linkedin design system
You can do better! Improve your design process (UX South Africa)Peter Boersma
In order to do great work you need to influence more parts of the design process than creating wireframes or front-end code. In this interactive presentation (have pen & paper ready!), I will walk you through the expanded sphere of influence on the user experience. I will encourage you to look beyond your deliverables, outside of your department, and past your current way of working. I will help you spot opportunities and draft a plan to improve your design process.
Design system presentation - How to sell it internallyEugene Kardash
Design System is a systematic approach to creating and maintaining consistent user interfaces, which coherently communicate the brand values and empower user experience.
This presentation's goal is to give an overview of the current state of design maturity at the company (here, at Herbalife Nutrition), to justify the necessity of having it, and to get buy-ins from decision makers.
A design system is a framework of practices that bring designers and products together. It is a platform to identify, and document what to share, whether a visual style, design patterns, front-end UI components, and practices like accessibility, research, content strategy.
The role of design with enterprise organizations is expanding, spreading across product teams and influencing decision-making at higher and higher levels. This scale, paired with the array of devices, browsers, screen sizes, locales, and environments, makes it increasingly challenging to align designers and developers to deliver cohesive user experiences.
In this talk, I’ll discuss the lessons learned, the challenges faced, and best practices for creating and maintaining an effective interface design system.
Let's talk about Design Systems and how they could help you build better products in terms of efficiency, consistency, UX, code quality and accessibility.
Summary:
1. About me
2. Why have one?
3. Design system (fundamentals)
4. How to build a design system (process)
5. Cost and value
6. Inspiration
7. Q&A
Overview of the function that DesignOps plays in the overall design organization.
1. What is DesignOps?
2. Who “Does” DesignOps?
3. What DesignOps “Does”
4. How DesignOps Does it
5. Why DesignOps Matters Now
6. Implementing DesignOps
7. Final Takeaways
Measuring & Evaluating Your DesignOps PracticeDave Malouf
This premiere version of this talk was given at WAQ in Quebec City on April 10, 2019.
It has a brief introduction to DesignOps and then goes into how to measure and understand value of designOps to the team and business.
Design Systems First: Everyday Practices for a Scaleable Design Processuxpin
You'll learn:
- How to create, adopt, and maintain your first design system
- How to practice a “design systems first” process of product development
- How to build and govern a design systems operations team
Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015
Reports are in from Twitter, Medium, and the like; we can’t make full comps, use Photoshop, or even utter the phrase 'visual design' anymore. What’s a designer to do? Has our role evaporated? Fear not! Dan Mall will help redefine the tasks of the modern day designer in light of the multi -device world that snuck up on us.
Org Design for Design Orgs - The WorkshopPeter Merholz
As the move to establish in-house design teams accelerates, it turns out there’s very little common wisdom on what makes for a successful design organization. Books and presentations focus on process, methods, tools, and outcomes, leaving a gap of knowledge when it comes to organizational and operational matters. This workshop seeks to address this lacuna by shining a light on the unsung activities of actually running a design team, and what works and what doesn’t.
Topics include:
- How a service design mindset shifts standard organizational approaches
- Organizational models for design teams, from centralized to decentralized and back again
- Breadth and depth of skills and strategic thinking
- The 5 Stages of Organisational Evolution
- A New Taxonomy of Design Team Roles
O Design System já é uma realidade em grandes empresas porque acelera o processo de design e preenche a lacuna entre as equipes envolvidas na construção de um produto final.
Confira nessa apresentação o que está faltando para o seu time de designers, desenvolvedores e gerentes de produto ser mais rápido e ágil e coloque em prática os passos inicias dessa aplicação.
O Visual Studio Summit 2016 é o maior evento sobre Visual Studio realizado no Brasil que está chegando a 5ª edição voltado para desenvolvedores de software que tem o objetivo de promover networking, apresentar tendências e principais estratégias atuais ligadas ao desenvolvimento de software na plataforma Microsoft usando Visual Studio, Azure e mobilidade. Durante o Keynote Ramon Durães abordou o tema transformação digital e DevOps.
Utilizando metologias ágeis com VSTS: Scrum e XP, YES WE CAN! (ALM204)André Dias
Será apresentada uma breve introdução sobre o SCRUM, as práticas de gerenciamento e os pensamentos que o tornam tão “polêmico” e em seguida serão apresentadas práticas de engenharia de software que complementam o SCRUM utilizando o Visual Studio Team System para gerenciar Story Cards, Tasks, Kanban, acompanhamento de Burndown, além de práticas da Extreme Programming como TDD, Refactoring e Continuous Integration.
GCS - Aula 09 - GCS Ágil
Aspectos quanto ao conceito de GCS Ágil, práticas ágeis relacionadas à GCS e Padrões de Gestão de Configuração de Software
Disciplina de Gestão de Configuração de Software do Curso de Especialização em Engenharia de Software.
Apresentação da ferramenta de testes End-to-end Cypress e possíveis aplicações em cases reais de aplicações Web dentro do Adobe Experience Manager - AEM, em agosto de 2020.
Engenharia de software aula 6 - Introdução ao Desenvolvimento ÁgilRebecca Betwel
Com intuito de esclarecer sobre como surgiu o manifesto ágil e discutir as metodologias ágeis mais utilizadas. Esse material é parte de um conjunto de materiais sobre Engenharia de Software
Software Engineering - Agil Development.
3. Who
amI?
Guilherme Gonzalez
Eu sou um designer de produtos, passei
por diversas startups, agências de
publicidade e algumas multinacionais. Amo
trabalhar com o desenvolvimento de
produtos que melhoram a vida das
pessoas e geram novos negócios.
Meu LinkedIn:
21. O designer decide mudar a cor e borda de um botão na interface de um botão
Esta atualização de design é compartilhada com o desenvolvedor por uma
especificação de interface
O desenvolvedor atualiza no código, coloca em homologação e notifica o designer.
O designer pode ver o resultado final, aprovar ou reprovar ou mandar novos ajustes
para o desenvolvedor
O QA precisa fazer verificação se não quebrou nenhuma página para subir em
produção.
23. Mas ao analisar calmamente, vemos
diversas armadilhas nesse processo.
24. O designer depende do
desenvolvedor para uma
atualização de estilo.
Logo, ele fica estagnado
até o desenvolvedor
atender ele.
25. Atualizar uma variável no
CSS não consome muito. No
entanto, o tempo necessário
para fazer isso significa
menos tempo para um
desenvolvedor trabalhar em
algo valioso para a empresa.
26. Como utilizamos um
gerenciador estilo o Jira,
essa alteração significa
mais uma tarefa no
backlog, que pode implicar
em atrasos ou queda de
performance de um time.
27. De um ponto de vista
geral, esse tempo
perdido pela empresa
também atrasa a
entrada no mercado
de seus produtos
39. #1: Solitário
Um modelo solitário em que uma equipe
disponibiliza um sistema parcial, mas com
esforços voltados principalmente para as
necessidades das equipes.
40. #2: Centralizado
Uma única equipe central de projeto produz e
suporta um sistema usado por outros como
parte de seu trabalho.
41. #3: Federado
Alguns os times podem contribuir com um
único sistema central, que é consumido por
todos os times da empresa.
44. Os designers muitas vezes acabam
criando soluções personalizadas
para melhorar áreas distintas de um
produto. Com um Design System,
novas soluções podem ser criadas e
inseridas no sistema, tornando essas
melhorias disponíveis para todos os
times e produtos de uma única vez.
Mito #1
46. Os componentes de um Design System
são interdependentes. Isso significa que
quando uma alteração é feita em um local,
a alteração será herdada em todo o
sistema. Isso torna as atualizações de
estilo com um esforço quase trivial, mas
muito maiores no impacto final. O que
uma vez foi semanas de trabalho, agora
pode ser realizado em uma tarde.
Mito #2
48. Um Design System é vivo, o que significa que
vai exigir manutenção e melhorias contínuas
conforme as necessidades. Como seu
aplicativo é composto de código 100%
reutilizável, o aplicativo herda quase que
automaticamente as melhorias no sistema,
diminuindo o esforço para manter o aplicativo.
Esse é o poder de dimensionamento que um
Design System oferece.
Mito #3
49. Alguém usando o Bootstrap ou
Foundation? Essas coisas são
ótimas. O design responsivo é difícil.
O design da Web com vários
dispositivos é difícil. E aqui estão
essas soluções, esses UI Kits Tools,
que podemos costurar da maneira
que quisermos.
Brad Frost - Atomic Design
50. Atomic Design é uma abordagem proposta pelo Brad Frost para reimaginou a
forma de trabalho de um designer ao pensar em sistemas. Quebrando os
elementos de uma tela até o mínimo átomo possível.
52. Atomic Design é um princípio
muito similar, mas não é o
final. Design System não é
uma biblioteca de símbolos
no Sketch ou Adobe XD
53. Design System é
formado de uma série
de componentes
codados, a partir de
semânticas de design.
54. Uma biblioteca de componentes
base compartilhada com
designers e desenvolvedores, que
permite que os desenvolvedores
construam páginas partindo de
direcionamentos, sem perder a
qualidade do design.
Acesso aos Laudos
Digite seus dados para acessar seus laudos
Esqueci minha senha
Digite aqui o seu e-mail
Seu e-mail
Digite aqui sua senha
Sua senha
Lembre-se de mim
ENTRAR