A design system and pattern libraries can significantly improve the quality of your UI
Marco Piccolino

QML is so pleasing and quick that when we start a UI project, especially in small teams, we might be tempted to dive into coding without giving proper thought about the underlying design system we want to adopt. Even if we implement someone else's design, we should first try and grasp the design system as a cohesive set of principles that should also inform the way we design and implement specific components. Pattern libraries help us decline the design system into independent and well-structured components. Creating living pattern libraries (style guides) in QML is a way to promote consistency, re-use, separation of concerns and responsiveness, by also potentially improving communication and shared knowledge among team members, and with stakeholders. We will explore how to create useful living style guides in QML with the help of the Atomic Design methodology (Frost - http://atomicdesign.bradfrost.com/).

Marco designs and implements mobile user interfaces at Maply ( http://www.maply.eu/), which he co-founded. Before using Qt, he did most development in Sencha Touch (an HTML/JS framework) with occasional web projects in Drupal. Marco earned a PhD in Linguistics from the University of Cambridge (UK) by developing a simple computational model of human speech recognition.
Download the slides.

QtDay 2016 sponsors:


develer

qtcompany

froglogic

qtcompany

qtcompany

qtcompany

qtcompany