Tag: design-system

Talk: Building Open Design Systems

Posted on by Samir Dash

Community : Play is Serious: BLR Creative Mini Gateway  – a community of designers in Cisco Bengaluru. 

The talk will focus on Open Design System including the references to Nuclear Design and Semantic models on building Design System.

Three key takeaways:

  1. Background and of existing design systems and evolution
  2. Overview Open Design System Concept
  3. Semantic Models
  4. Nuclear Design Model for Design Systems
  5. Collaborations using CDN approach
  6. Samples – Working code showing Nuclear model

Date & Time: 11:AM – 12PM  on 6 Dec 2018 (IST)
Venue:  Cisco Bengaluru Campus.

Workshop at UX India International Conference 2018 : Applying DesOps in Your Enterprise

Posted on by Samir Dash

 

Applying DesOps in Your Enterprise

3 hrs Workshop | Category: Design Practice & Process | Target Audience: Anyone who is interested in optimizing the processes used in the enterprise or building solutions that focuses on process re-engineering is the most suitable audience for the first part of the workshop.   Any User-Experience pro,  Design Thinker, Service designer, and product-management professional can be benefitted. The second part of the workshop is helpful for the designers and UI developers who use the design system or would like to build a scalable design system for their organization or team. Basic understanding of HTML and CSS is good enough for the 2nd part of the workshop.

 

The workshop will focus on two aspects of DesOps, namely the process and eco-system. The process aspect will be identifying touch points in the enterprise, and try to optimize that with some solution using technology. The ‘eco-system’ part of the workshop will focus on building a sample design system using Nuclear Design Model to make it scalable and extensible.

Three key takeaways:

  1. Basics of DesOps from process and eco-System Angle.
  2. Learn about how to identify touch-points in the process /workflow that can be optimized to bring automation or technological solutions.
  3. Learn about the basics of Nuclear Design Model and applying to build open, scalable and extensible design systems.

Date & Time: 10:AM – 1 PM  on 4 October 2018
Venue:  4, 5 & 6 October 2018, ITC Gardenia, Bangalore

 

Event: UX India International Conference, 2018, A day full of inspiration and learning for user experience designers, UX leaders, visual designers, user researchers, front-end developers, program managers, startup founders and design students. Grab an opportunity to grow and network with UX Design industry experts. It brings engaging industry leaders to present a combination of inspirational talks and personal experiences.

More: https://www.facebook.com/UXindiaBangalore/

UPDATE

Slides :

https://www.slideshare.net/MobileWish/applying-des-ops-in-your-enterprise-04-oct-2018-v10-slides

Sample code of the CDN based Design Eco-System POC using CSS Variables:

https://github.com/OpenDesignSystem/ODS-CDN 

 

Two Parts Articles:

[Workshop Deck] PART-1: Applying DesOps in Your Enterprise
https://www.linkedin.com/pulse/workshop-deckapplying-desops-your-enterprise-samir-dash/?published=t
[Workshop Deck] PART-1: Applying DesOps in Your Enterprise
https://www.linkedin.com/pulse/workshop-deck-part-2-applying-desops-your-enterprise-samir-dash/

PHOTOS:

 

 

Semantic Design System (Part -3): The Open Design System Ontology

Posted on by Samir Dash

[NOTE: Check the part 1 at : https://www.linkedin.com/pulse/photo-essay-semantic-design-system-part-1-gaps-todays-samir-dash/ and part 2 at https://www.linkedin.com/pulse/photo-essay-semantic-design-system-part-2-nuclear-model-samir-dash/]

This originally part of a talk I gave at UX-India Pre-Conference Meetup at Symbiosis College, Bengaluru on 1st September 2018, titled: Semantic Design System — Redefining Design Systems for DesOps . The talk explored the existing implementations of design-systems and will be making an attempt to provide high-level approach to define design systems for the next-gen enterprises.

“Design System” plays a critical role in bringing a common language and consistency in experience across different products and brands of the organisation, along with fuelling a collaborative approach towards design, making it easier for different team members to contribute.

(Continued to next post. )

#nucleardesign #design #desops #designops #designsystem #opendesignsystem #odso

(c) Samir Dash, 2018. All rights reserved. This content including the images are licensed under a Creative Commons Attribution 4.0 International license

Semantic Design System (Part -1) : The Gaps in Today’s Design Systems

Posted on by Samir Dash

This originally part of a talk I gave at UX-India Pre-Conference Meetup at Symbiosis College, Bengaluru on 1st September 2018, titled: Semantic Design System — Redefining Design Systems for DesOps . The talk explored the existing implementations of design-systems and will be making an attempt to provide high-level approach to define design systems for the next-gen enterprises.

“Design System” plays a critical role in bringing a common language and consistency in experience across different products and brands of the organisation, along with fuelling a collaborative approach towards design, making it easier for different team members to contribute.

With observation of design systems, we can notice, almost all of them are having different structure and approach to define these, and almost none of them can be directly used in automation of design as they are not semantic in nature. Therefore most of these current approaches to design systems are not future-proof for tomorrow’s design operations (DesOps). Here I coin the “Semantic Design System”, that address this issue, and focuses building a design system, that is equally human-readable and at the same time understood by the machine for the next generation of design operation with automation, machine learning and artificial intelligence. The talk also introduces, what Samir believes as “Nuclear Design”, an modelling approach that helps to lay out a framework that is the foundation for building design systems with semantics.

(Continued to next post. )

(c) Samir Dash, 2018. All rights reserved. This content including the images are licensed under a Creative Commons Attribution 4.0 International license

Talk at UX India Pre-Conference Meetup 2018 : Semantic Design System: Re-defining Design System for DesOps

Posted on by Samir Dash

Topic:  Semantic Design System: Re-defining Design System for DesOps

Summary
The talk will explore the existing implementation of design-systems and will be making an attempt to provide high-level approach to define design systems for the next-gen enterprises.
 
 

Date & Time: 1:15 PM – 6:30 PM on 1 September 2018
Venue:  Symbiosis College, Electronic city, – Bengaluru, India

Event: UX India Pre-Conference Meetup, 2018, A day full of inspiration and learning for user experience designers, UX leaders, visual designers, user researchers, front-end developers, program managers, startup founders and design students. Grab an opportunity to grow and network with UX Design industry experts. It brings engaging industry leaders to present a combination of inspirational talks and personal experiences. More: https://www.facebook.com/UXindiaBangalore/

Get your free pass  at:  https://www.meraevents.com/event/ux-india-2018-pre-conference-meetup 

UPDATES:

View the Slides: 
https://www.slideshare.net/MobileWish/semantic-design-system-redefining-design-systems-for-desops-v10-1sep-2018


 

Read it online as a 3 parts series: 

[Photo Essay] Semantic Design System (Part -1) : The Gaps in Today’s Design Systems
https://www.linkedin.com/pulse/photo-essay-semantic-design-system-part-1-gaps-todays-samir-dash/
[Photo Essay] Semantic Design System (Part -2) : The Nuclear Design Model
https://www.linkedin.com/pulse/photo-essay-semantic-design-system-part-2-nuclear-model-samir-dash/
[Photo Essay] Semantic Design System (Part -3) : The Open Design System
https://www.linkedin.com/pulse/photo-essay-semantic-design-system-part-3-open-ontology-samir-dash/