A mini-conf bringing together designers, design system lovers and front-end developers.
30 November 2018 / Sydney, Australia / Domain HQ / @CodeHeartDesign
Schedule
- 12:00pm - 12:30pm
Doors open
- 12:40pm - 1:00pm
Welcome
- 1:00pm - 1:45pm
KeynoteSharon Steed
Principal / Communilogue
Creating Cultures of Empathy
The most successful endeavors all follow the same general trajectory: a decent idea executed flawlessly by a cohesive team of hard workers. No matter the project, everything can be achieved following this general guideline. But the exact thing that can create global companies, solve impossible problems, and bring ideas to life is also the same reason why so many companies fail. That thing is us. People. But when we’re at our best, there isn’t anything we can’t do. So how do we optimize collaboration? How do we work better together even if we don’t see eye to eye with everyone on our teams? And how do we create a culture of empathy when all we can see about everyone around us is our differences?
Sharon Steed explores empathy in an unusual way: from the perspective of a stutterer. Sharon explains what empathy is (and what it isn’t) and gives you the tools you need to create a culture of empathy on your team.
- 1:50pm - 2:00pm
Patrick De Young
Sr Product Manager / Domain
10 Rules for a Successful Product
or How To Work With Developers and DesignersDelivering a successful product is easy: mix two parts empathy with one part innovation, shake well and garnish with the JavaScript framework of your choice. Job's done! Or so you thought. You probably need someone to design your product. And someone to bring those designs to life. Working with designers and developers doesn't need to be the nightmare you're imagining. Listen in as I share my experience as a product manager, conveniently distilled into 10 rules for delivering a successful product.
- 2:05pm - 2:25pm
Isabel Brison
Front end engineer / Fairfax Media
Modern web app architecture, whichever framework you use, focuses on separation of concerns and reusability. The current trend towards design systems feeds into this logic, abstracting a highly reusable presentational layer.
Design is Atomic; code is neatly separated into presentational and container components. But what happens when these different paradigms meet in the middle? Should the app architecture be influenced by Atomic principles? How do we represent state changes in the design system?
We’ll look at a few problems that might pop up when applying these principles to a real world product (especially when working to tight deadlines) and share a few tips on how to avoid pitfalls and build a clean, scalable codebase, all while staying on speaking terms with the design team.
- 2:25pm - 2:50pm
Break for coffee and gelato by Thomas Walker Gelato
- 2:55pm - 3:25pm
Jed Watson
Co-Founder / Thinkmill
It’s wild how much JavaScript has learned from CSS over the years. Need to target a DOM element? CSS Selectors have you covered! Declarative code? That was CSS long before it was React. So as we boldly put our CSS in our JS and step into the component age, let’s take a look at some other lessons we can learn from the design language of the web.
- 3:30pm - 4:00pm
Russ Weakley
Design System Principal / IAG
Accessibility in Design systems - the pain and glory
Building a design system is a painful enough, but how do you add accessibility into the mix? Is it an "up-at-dawn, pride-swallowing siege", or can it become part of the normal work flow. We'll look at accessibility for different roles - such as UX, UI and devs, as well as where accessibility should be injected into the process.
Russ Weakley has worked in the design field for over 20 years as a Design System Architect, User Experience professional, Front-end Developer and trainer. He is the producer and presenter of 12 video courses on CSS and Responsive Web Design and is passionate about accessibility and web standards.
- 4:00pm - 4:30pm
Small break for finger food by Cuon
- 4:30pm - 5:15pm
Mark Dalgleish
Front End Engineering Lead / SEEK
Sketching in the Browser
Keeping developers and designers in sync is an ongoing challenge for our industry. To tackle this problem, we're beginning to see the emergence of a new breed of code-powered design tooling, providing a true feedback loop from development back into design. In this talk, we'll run through a real-world example of how we generated a shared Sketch library from our React-based design system, have a closer look at how it all works, and show how you can start experimenting with this technique yourself.
- 5:20pm - 5:45pm
Patrick Thompson
Co-founder / Iterative.ly
Build realistic prototypes, how to design with code and real data
Prototyping is a crucial step in the design process and yet practically nowhere to be found. We shouldn’t be surprised! The medium of choice by the vast majority of designers — Sketch, Figma, Invision — are terrible at building realistic, meaningful prototypes. What could go wrong when we try to validate our designs with illusions?
The future doesn’t have to be like this. Standardization on component-based frameworks like React, growing adoption of design systems, technologies like GraphQL, and a slew of innovative, designer-focused tools that tie everything together, building realistic prototyping is finally within reach. Designers who make the leap into this world will find themselves empowered to create prototypes as an essential part of the design process.
In this talk, we’ll dive deeper into the current state of prototyping and how tools are evolving to allow designers to prototype with code and real data!
- 5:45pm - 6:40pm
Dinner by Cuon
- 6:40pm - 7:10pm
Allard van Helbergen - Raja Bellebon
Senior Designer / Atlassian - SDET Engineer / Atlassian
The ‘devsigner’ of the future
Designers expect developers to understand UX and developers expect designers to understand the technicalities of their platform. The back and forth of this is embodied by the dreaded hand-off.
Current tooling already makes the hand-off simpler and quicker. But, it also requires one role to know more about the other. Are the roles slowly fusing into a new one, ‘the devsigner’?
Allard an Raja will take you on a journey in their quest to eradicate the hand-off. What would a hand-off look like if there wasn’t one? What if a designer could influence production code? What if a developer could iterate the way a designer does? Is the future really that far away?
- 7:15pm - 8:00pm
Panel discussion
Hosted by Alex Skougarevskaya (Design Manager – Atlassian, Design System)
The panel will include:
- Sharon Steed (Principal - Communilogue)
- Sarah Pulis (Director – Intopia)
- Eugene Chung (Head of Organization Design – Mentally Friendly)
- Ben Crothers (Principle Designer – Atlassian)
Tickets
Workshop ticket
Attend Sharon Steed's Empathy workshop in the morning (workshop ticket does not include conference entry).
Sold out!All sold out!Conference tickets
Attend the conference knowing profits are donated to charity.
Sold out!All sold out!
Location
Domain HQ, 55 Pyrmont St, Pyrmont NSW 2009
Workshop
Communicating with Empathy
This half-day workshop explores the principles of empathy that foster the best, most productive communication in individuals and on tech teams in the workplace. Participants will take part in interactive games, discussions, and activities to identify their communication strengths and weaknesses; learn the empathy actions they already display and those that they need to incorporate into their daily lives for optimal communication; and how to approach all conversations from a place of understanding.
Objective and outcomes:
- Participants will define what empathy is on their own terms, and they’ll understand how and why empathy is a benefit to any community or organization.
- Participants will develop a system of communication they can share with and teach their teams at work that is rooted in empathy principles.
- Participants will leave the workshop being more confident communicators; more understanding and prepared collaborators; and more engaged team members.
Primary focus: Communication skills
Target audience: Developers and designers
Time: 8.30 for a 9am start Nov 30th, on the morning of the conference
Location: Atlassian, Level 6, 341 George St, Sydney CBD
Lunch and soft drinks provided
Need to convince your boss?Sponsors
Atlassian is a leading provider of collaboration, development, and issue tracking software for teams. With over 100,000 global customers (including 85 of the Fortune 100), we’re advancing the power of collaboration with products including Jira, Confluence, Bitbucket, and now Trello. Driven by honest values, an amazing culture, and consistent revenue growth, we’re out to unleash the potential of every team.
Ansarada is a founder-led, fast-growth global technology company on a mission to raise and protect potential. Our team has a singular vision and a passion for what we do – design and engineer powerful but simple software that gives our clients complete confidence during their most important transactions.
Lendi combines specialist advice with smart technology to help Australians compare, apply and secure their home loans - all online and in their own time.
Canva is an online design and publishing tool which makes graphic design simple for everyone. Since launching in 2013, Canva has grown to over 10 million users across 190 countries, with more than 850 million designs created, at 20 designs per second. Today Canva is growing from strength the strength, with over 400 team members working together on a mission to empower everyone to create beautiful designs.
Domain is one of Australia's most recognisable brands, with a mission to ensure that whether you're buying or renting, selling or leasing, or even looking to venture into a new office or business that we're there every step of the way. And our expertise doesn't stop with real estate, Domain is bursting with incredible engineers, designers and product managers; we're as passionate about our craft as you are. We're looking forward to being your hosts!
Design and prototype in the browser, using your design system code components. Drag-and-drop React, Vue and Angular components into responsive prototypes and start user testing immediately.
InVision is the world's leading product design collaboration platform empowering teams of all sizes to design, prototype, review, iterate, manage and test digital products. Founded in 2011, with Sydney as the APAC regional hub, InVision helps millions of users at companies such as Atlassian, Netflix, Xero, Uber and Twitter unlock the power of design-driven product development.
Expert360 is APAC’s leading marketplace and freelance management platform powering the freelance economy. The platform enables top industry experts, consultants, contractors to easily connect with APAC’s largest businesses to perform high quality, project orientated work. Expert360’s platform allows enterprise to respond quickly to the resource demands of the business while streamlining the source-to-pay freelance management lifecycle at scale.
Technical recruiters who are actually technical. We hire front end, Javascript and Ruby developers.
We are technology design and development firm. Helping teams around the world develop platforms and ship products. Guided by our core values of transparency and community, we are a driving force behind major open source projects used by millions globally.
Charity
Code Heart Design supports the work of the National Centre of Indigenous Excellence (NCIE) a not-for-profit social enterprise where Aboriginal and Torres Strait Islander peoples can access opportunities to achieve excellence. NCIE recognises and celebrates the existing and emerging strengths and assets in Aboriginal and Torres Strait Islander communities.
Indigenous Digital Excellence (IDX) is an innovative digital skills development program at the NCIE that partners with Elders and children from Aboriginal and Torres Strait Islander communities across Australia. IDX covers a wide range of digital skills ranging from basic computer literacy through to advanced skills like piloting drones.
Organisers
Alex Skougarevskaya
Design Manager for Atlassian Design System / Atlassian
Organiser of Design System Meetup
Code of Conduct
A primary goal of Code Heart Design is to be inclusive to the largest number of members, with the most varied and diverse backgrounds possible. As such, we are committed to providing a friendly, safe and welcoming environment for all, regardless of gender, sexual orientation, ability, ethnicity, socioeconomic status, and religion (or lack thereof).