SlideShare a Scribd company logo
1 of 12
Download to read offline
Design Language
– an essential part of
market & business strategy
Bridge Design, Inc
Design Research & Strategy | User Experience | Industrial Design | Product Engineering
Solène Bourgeois
Director of Industrial Design
Design Language
= DNA of your product offering
Design language goes hand-in-hand with brand identity. Just as brand identity
strongly influences a company’s name, tagline and graphic application of its logo,
design language defines physical characteristics, color, material applications and
three-dimensional logo treatments of a company’s products – whether they be a
physical product or digital a product, such as mobile or web apps. The guidelines
apply even to packaging, exhibition booths and user interface and customer
experience.
On a business strategy level, common design language creates coherence among
company products, building greater brand awareness when consumers identify and
recognize the different products as part of the same family.
For example, Apple has a wide offering of products from phones, tablets, laptops,
and now a watch. Even though each product has a different form factor, each has
the same aluminum finish and contrasting black or white plastic. The simplicity and
quality of the material and finishes is a subtle physical way to create a consistent
design language, and enhance brand recognition and uniqueness in the market.
For the internal functioning of a company, having a strong design language
minimizes product reinvention between often siloed departments. Ultimately, it can
help shorten the time needed to launch a product. A common design language will
take into consideration complex requirements on multiple fronts: for users, for
materials, for the market, for the regulatory environment.
Why is it important ?
The first step in creating a design language involves strategy, and depends on the
company’s stage of development. If it is a new venture with a first product, or an
established company entering a new product category, the design team will gain
an understanding of overall market and propose a strategic positioning, including
brand values. If instead, the company already has a foothold in a market, the design
team would look at potential new markets, offering its expertise as design visionaries.
Market and business strategy
Below are examples of typical brand values that could be applied equally well to a
consumer medical or a biotech diagnostic product.
Brand values
An iconic brand value captures the essence of
the product in a strong, simple, innovative
statement. Its ultimate goal: become the leader
of a product category.
Related words: exemplary, disruptive,
innovative
Iconic
The premium look and feel of a product
translates into the selection of quality finishes
and materials, as well as a tight fit between
product parts. The sound and how a product
feels to a user’s touch also impacts quality
perception.
Related words: premium, high value
High quality
Medical products – even those found in labs –
are expected to meet “consumer” design
standards found throughout products used in
today’s modern digital lifestyle. These include
highly intuitive interfaces, quality finishes, a
broader color palette, higher speeds and
responsiveness.
Related words: approachable, modern, fresh
Consumer feel
With a consumer medical product – either
physical or digital in nature – ease of use is
paramount. It can create the desire to use this
new product. And in the case of chronic
disease, for example, intuitive design can also
increase the chances for behavior change.
Related words: reliable, accurate
Intuitive
Designers curate images – referred to as mood boards – that communicate the
“look and feel” of the brand. This is an iterative process, including brainstorming and
feedback with the client. The boards can include other products in the market, or
even abstract shapes, textures or pictures.
Product vision
Fun
Precise
Witty
Emotional attributes
Fluid shapes
Intricate patterns
Contrasting colors
Visual vocabulary
Designers write a design document that specifies the brand values and the primary
guidelines that address the overall spirit of the product. The document also includes
the secondary guidelines that capture its details of the product’s design. The
guidelines also extend in some cases to the application for the packaging and user
interface.
Below is an example of a Design Language Guideline Document for Accelerate
Diagnostics, Inc.
Guideline document
Brand Values
A substantial aluminum base-plate is the
foundation of the internal chassis and also
highlighted as an external visual feature. The
automatic opening and smooth movement of
the product’s door adds to its high
performance. High quality manufacturing
resulted in parts that fit tightly together.
Related words: premium, high value
High Quality
The design celebrates clean, crisp lines and
colors, and draws attention to the product’s
differentiating carousel technology. The circular
shape is also becoming the key element of the
user interface design to show the progress of
the analysis.
Related words: exemplary, disruptive,
innovative
Iconic
Accelerate’s innovative technology utilizes a
carousel system rather than the standard grid.
The design draws attention to the circular
carousel, reflecting the rotation mechanism
inside the product, and communicating
process speed via the oblong pattern on the
top of the door.
Related words: efficient, obvious
Form/function
Unlike many clunky and large lab diagnostic
products, Accelerate’s product is minimal and
compact, creating a new standard for lab
diagnostic products. The look is modern with a
flat white/black non- textured paint. The
product was created using injection molding
instead of the typical pressure forming. All
assembly elements have been removed from
the user view, making the product much more
approachable.
Related words: approachable, modern, fresh
Consumer feel
The design communicates stability and
robustness, both important for a product used
to diagnose potentially life-threatening
conditions. The user interface of the control
display is simple and easy to understand, it
tightens the product and interface together for
a more coherent experience.
Related words: reliable, accurate
Trustworthy
A careful workflow analysis led to a design that
cut the number of operation steps by more
than half, saving critical time for potentially life-
saving diagnoses. The design simplifies the user
interface by having only one button to operate
the automatic door.
Related words: integrated, ease of use, simple
Intuitive
Primary Guidelines
Corners should be perfect radius, no
curves
Generous round corners
Straight 90° angles and straight lines,
minimal draft or curved lines. Perfect
rectangles, squares or circles, no ovals
Straight lines
When two elements intersect they
keep their own identity without trying
to blend into each other
Distinctive elements
All elements should be as symmetric
and concentric as possible
Concentric
DO DON’TDO DON’TDO DON’TDO DON’T
Secondary Guidelines
Details are formed with a tight chamfer
Small chamfers
On the edges the radius are kept
minimal, between 0.2 and 1.5 mm
When certain features need to feel
smaller large chamfers can be used
Large chamfers
Details are treated with oblong shapes
for rotation pattern or ventilation
patterns, …
Oblong patternsTight radius
DO DON’TDO DON’TDO DON’TDO DON’T
Thank You
Bridge Design, Inc
Solène Bourgeois
Director of Industrial & Interaction Design
Design Research & Strategy | User Experience | Industrial Design | Product Engineering

More Related Content

What's hot

What's hot (20)

Modern Graphic Design
Modern Graphic DesignModern Graphic Design
Modern Graphic Design
 
What is Graphic Design?
What is Graphic Design?What is Graphic Design?
What is Graphic Design?
 
Graphic Design 101
Graphic Design 101Graphic Design 101
Graphic Design 101
 
The Language of Design.pdf
The Language of Design.pdfThe Language of Design.pdf
The Language of Design.pdf
 
Design fundamentals 2
Design fundamentals 2Design fundamentals 2
Design fundamentals 2
 
Graphic Design
Graphic DesignGraphic Design
Graphic Design
 
Communication design
Communication designCommunication design
Communication design
 
Elements and Principles of Design - Avantika University
Elements and Principles of Design - Avantika UniversityElements and Principles of Design - Avantika University
Elements and Principles of Design - Avantika University
 
UI UX and Graphic Design
UI UX and Graphic DesignUI UX and Graphic Design
UI UX and Graphic Design
 
Principles of Design
Principles of DesignPrinciples of Design
Principles of Design
 
Basic sketching
Basic sketchingBasic sketching
Basic sketching
 
LANGUAGE OF DESIGN (Intro to GD, Wk 2)
LANGUAGE OF DESIGN (Intro to GD, Wk 2)LANGUAGE OF DESIGN (Intro to GD, Wk 2)
LANGUAGE OF DESIGN (Intro to GD, Wk 2)
 
Naming
NamingNaming
Naming
 
Graphic design for marketing professionals
Graphic design for marketing professionalsGraphic design for marketing professionals
Graphic design for marketing professionals
 
Graphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb RiazGraphic design by Muhammad Mujeeb Riaz
Graphic design by Muhammad Mujeeb Riaz
 
Elements of Design
Elements of DesignElements of Design
Elements of Design
 
Principles Of Design 1
Principles Of  Design 1Principles Of  Design 1
Principles Of Design 1
 
Design elements and principles
Design elements and principlesDesign elements and principles
Design elements and principles
 
Diseño de envases
Diseño de envasesDiseño de envases
Diseño de envases
 
Graphic Design ppt .pdf
Graphic Design ppt .pdfGraphic Design ppt .pdf
Graphic Design ppt .pdf
 

Similar to Design Language - an essential part of market and business strategy

Srishti Sharma,,B.Sc-ID+ 2 Year Residential & Commercial Design Diploma
Srishti Sharma,,B.Sc-ID+ 2 Year Residential & Commercial Design DiplomaSrishti Sharma,,B.Sc-ID+ 2 Year Residential & Commercial Design Diploma
Srishti Sharma,,B.Sc-ID+ 2 Year Residential & Commercial Design Diplomadezyneecole
 
Srishti Sharma, 2 year commercial design Diploma ,NSQF Level 6
Srishti Sharma, 2 year commercial design Diploma ,NSQF Level 6Srishti Sharma, 2 year commercial design Diploma ,NSQF Level 6
Srishti Sharma, 2 year commercial design Diploma ,NSQF Level 6dezyneecole
 
Product design and Development
Product design and DevelopmentProduct design and Development
Product design and Developmentanuragbhai
 
The Experience Design Framework: A Design Thinking Guide for Product Success ...
The Experience Design Framework: A Design Thinking Guide for Product Success ...The Experience Design Framework: A Design Thinking Guide for Product Success ...
The Experience Design Framework: A Design Thinking Guide for Product Success ...Lang Richardson
 
Desk-Research, Where creativity begins!
Desk-Research, Where creativity begins!Desk-Research, Where creativity begins!
Desk-Research, Where creativity begins!Mohamed Yahia
 
UNIT I_ Introduction to Product Design and Development .pptx
UNIT I_ Introduction to Product Design and Development .pptxUNIT I_ Introduction to Product Design and Development .pptx
UNIT I_ Introduction to Product Design and Development .pptxCreativeCafe
 
A Brand Workshop Summary Presentation
A Brand Workshop Summary PresentationA Brand Workshop Summary Presentation
A Brand Workshop Summary Presentationpfricke1
 
The Product Of Company G Is Promoting Its Most Recent...
The Product Of Company G Is Promoting Its Most Recent...The Product Of Company G Is Promoting Its Most Recent...
The Product Of Company G Is Promoting Its Most Recent...Cheryl Brown
 
Build Better Products | Jeremy Bell
Build Better Products | Jeremy BellBuild Better Products | Jeremy Bell
Build Better Products | Jeremy BellProduct Tank Toronto
 
Product Design Innovation
Product Design InnovationProduct Design Innovation
Product Design Innovationgordonmiller
 
Product Design & Development: A Complete 2024 Guide
Product Design & Development: A Complete 2024 GuideProduct Design & Development: A Complete 2024 Guide
Product Design & Development: A Complete 2024 GuideKarnavati University
 
Chapter 11 - Setting Product Strategy
Chapter 11 - Setting Product StrategyChapter 11 - Setting Product Strategy
Chapter 11 - Setting Product StrategySameer Mathur
 
Explain the differences between the product design philosophy behind.pdf
Explain the differences between the product design philosophy behind.pdfExplain the differences between the product design philosophy behind.pdf
Explain the differences between the product design philosophy behind.pdfrastogiarun
 
Product development by i4 Product design
Product development by i4 Product designProduct development by i4 Product design
Product development by i4 Product designSienche
 
Ch5ProductDesign.pdf
Ch5ProductDesign.pdfCh5ProductDesign.pdf
Ch5ProductDesign.pdfBarsena
 

Similar to Design Language - an essential part of market and business strategy (20)

Design projects
Design projectsDesign projects
Design projects
 
Srishti Sharma,,B.Sc-ID+ 2 Year Residential & Commercial Design Diploma
Srishti Sharma,,B.Sc-ID+ 2 Year Residential & Commercial Design DiplomaSrishti Sharma,,B.Sc-ID+ 2 Year Residential & Commercial Design Diploma
Srishti Sharma,,B.Sc-ID+ 2 Year Residential & Commercial Design Diploma
 
Srishti Sharma, 2 year commercial design Diploma ,NSQF Level 6
Srishti Sharma, 2 year commercial design Diploma ,NSQF Level 6Srishti Sharma, 2 year commercial design Diploma ,NSQF Level 6
Srishti Sharma, 2 year commercial design Diploma ,NSQF Level 6
 
Design for quality (1)
Design for quality (1)Design for quality (1)
Design for quality (1)
 
Product design and Development
Product design and DevelopmentProduct design and Development
Product design and Development
 
The Experience Design Framework: A Design Thinking Guide for Product Success ...
The Experience Design Framework: A Design Thinking Guide for Product Success ...The Experience Design Framework: A Design Thinking Guide for Product Success ...
The Experience Design Framework: A Design Thinking Guide for Product Success ...
 
Desk-Research, Where creativity begins!
Desk-Research, Where creativity begins!Desk-Research, Where creativity begins!
Desk-Research, Where creativity begins!
 
UNIT I_ Introduction to Product Design and Development .pptx
UNIT I_ Introduction to Product Design and Development .pptxUNIT I_ Introduction to Product Design and Development .pptx
UNIT I_ Introduction to Product Design and Development .pptx
 
Packaging guide
Packaging guidePackaging guide
Packaging guide
 
A Brand Workshop Summary Presentation
A Brand Workshop Summary PresentationA Brand Workshop Summary Presentation
A Brand Workshop Summary Presentation
 
The Product Of Company G Is Promoting Its Most Recent...
The Product Of Company G Is Promoting Its Most Recent...The Product Of Company G Is Promoting Its Most Recent...
The Product Of Company G Is Promoting Its Most Recent...
 
Build Better Products | Jeremy Bell
Build Better Products | Jeremy BellBuild Better Products | Jeremy Bell
Build Better Products | Jeremy Bell
 
Product Design Innovation
Product Design InnovationProduct Design Innovation
Product Design Innovation
 
3rd unit
3rd unit3rd unit
3rd unit
 
Product Design & Development: A Complete 2024 Guide
Product Design & Development: A Complete 2024 GuideProduct Design & Development: A Complete 2024 Guide
Product Design & Development: A Complete 2024 Guide
 
Chapter 11 - Setting Product Strategy
Chapter 11 - Setting Product StrategyChapter 11 - Setting Product Strategy
Chapter 11 - Setting Product Strategy
 
Explain the differences between the product design philosophy behind.pdf
Explain the differences between the product design philosophy behind.pdfExplain the differences between the product design philosophy behind.pdf
Explain the differences between the product design philosophy behind.pdf
 
OON-2013-D-vers2-eng
OON-2013-D-vers2-engOON-2013-D-vers2-eng
OON-2013-D-vers2-eng
 
Product development by i4 Product design
Product development by i4 Product designProduct development by i4 Product design
Product development by i4 Product design
 
Ch5ProductDesign.pdf
Ch5ProductDesign.pdfCh5ProductDesign.pdf
Ch5ProductDesign.pdf
 

Recently uploaded

Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Amil baba
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxSamKuruvilla5
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfsaidbilgen
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxb2kshani34
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtTeeFusion
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 

Recently uploaded (19)

Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
Best-NO1 Pakistani Amil Baba Real Amil baba In Pakistan Najoomi Baba in Pakis...
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
Cold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptxCold War Tensions Increase - 1945-1952.pptx
Cold War Tensions Increase - 1945-1952.pptx
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdfBuilding+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
Building+your+Data+Project+on+AWS+-+Luke+Anderson.pdf
 
How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Production of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptxProduction of Erythromycin microbiology.pptx
Production of Erythromycin microbiology.pptx
 
Mike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy ShirtMike Tyson Sign The Contract Big Boy Shirt
Mike Tyson Sign The Contract Big Boy Shirt
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 

Design Language - an essential part of market and business strategy

  • 1. Design Language – an essential part of market & business strategy
  • 2. Bridge Design, Inc Design Research & Strategy | User Experience | Industrial Design | Product Engineering Solène Bourgeois Director of Industrial Design
  • 3. Design Language = DNA of your product offering Design language goes hand-in-hand with brand identity. Just as brand identity strongly influences a company’s name, tagline and graphic application of its logo, design language defines physical characteristics, color, material applications and three-dimensional logo treatments of a company’s products – whether they be a physical product or digital a product, such as mobile or web apps. The guidelines apply even to packaging, exhibition booths and user interface and customer experience.
  • 4. On a business strategy level, common design language creates coherence among company products, building greater brand awareness when consumers identify and recognize the different products as part of the same family. For example, Apple has a wide offering of products from phones, tablets, laptops, and now a watch. Even though each product has a different form factor, each has the same aluminum finish and contrasting black or white plastic. The simplicity and quality of the material and finishes is a subtle physical way to create a consistent design language, and enhance brand recognition and uniqueness in the market. For the internal functioning of a company, having a strong design language minimizes product reinvention between often siloed departments. Ultimately, it can help shorten the time needed to launch a product. A common design language will take into consideration complex requirements on multiple fronts: for users, for materials, for the market, for the regulatory environment. Why is it important ?
  • 5. The first step in creating a design language involves strategy, and depends on the company’s stage of development. If it is a new venture with a first product, or an established company entering a new product category, the design team will gain an understanding of overall market and propose a strategic positioning, including brand values. If instead, the company already has a foothold in a market, the design team would look at potential new markets, offering its expertise as design visionaries. Market and business strategy
  • 6. Below are examples of typical brand values that could be applied equally well to a consumer medical or a biotech diagnostic product. Brand values An iconic brand value captures the essence of the product in a strong, simple, innovative statement. Its ultimate goal: become the leader of a product category. Related words: exemplary, disruptive, innovative Iconic The premium look and feel of a product translates into the selection of quality finishes and materials, as well as a tight fit between product parts. The sound and how a product feels to a user’s touch also impacts quality perception. Related words: premium, high value High quality Medical products – even those found in labs – are expected to meet “consumer” design standards found throughout products used in today’s modern digital lifestyle. These include highly intuitive interfaces, quality finishes, a broader color palette, higher speeds and responsiveness. Related words: approachable, modern, fresh Consumer feel With a consumer medical product – either physical or digital in nature – ease of use is paramount. It can create the desire to use this new product. And in the case of chronic disease, for example, intuitive design can also increase the chances for behavior change. Related words: reliable, accurate Intuitive
  • 7. Designers curate images – referred to as mood boards – that communicate the “look and feel” of the brand. This is an iterative process, including brainstorming and feedback with the client. The boards can include other products in the market, or even abstract shapes, textures or pictures. Product vision Fun Precise Witty Emotional attributes Fluid shapes Intricate patterns Contrasting colors Visual vocabulary
  • 8. Designers write a design document that specifies the brand values and the primary guidelines that address the overall spirit of the product. The document also includes the secondary guidelines that capture its details of the product’s design. The guidelines also extend in some cases to the application for the packaging and user interface. Below is an example of a Design Language Guideline Document for Accelerate Diagnostics, Inc. Guideline document
  • 9. Brand Values A substantial aluminum base-plate is the foundation of the internal chassis and also highlighted as an external visual feature. The automatic opening and smooth movement of the product’s door adds to its high performance. High quality manufacturing resulted in parts that fit tightly together. Related words: premium, high value High Quality The design celebrates clean, crisp lines and colors, and draws attention to the product’s differentiating carousel technology. The circular shape is also becoming the key element of the user interface design to show the progress of the analysis. Related words: exemplary, disruptive, innovative Iconic Accelerate’s innovative technology utilizes a carousel system rather than the standard grid. The design draws attention to the circular carousel, reflecting the rotation mechanism inside the product, and communicating process speed via the oblong pattern on the top of the door. Related words: efficient, obvious Form/function Unlike many clunky and large lab diagnostic products, Accelerate’s product is minimal and compact, creating a new standard for lab diagnostic products. The look is modern with a flat white/black non- textured paint. The product was created using injection molding instead of the typical pressure forming. All assembly elements have been removed from the user view, making the product much more approachable. Related words: approachable, modern, fresh Consumer feel The design communicates stability and robustness, both important for a product used to diagnose potentially life-threatening conditions. The user interface of the control display is simple and easy to understand, it tightens the product and interface together for a more coherent experience. Related words: reliable, accurate Trustworthy A careful workflow analysis led to a design that cut the number of operation steps by more than half, saving critical time for potentially life- saving diagnoses. The design simplifies the user interface by having only one button to operate the automatic door. Related words: integrated, ease of use, simple Intuitive
  • 10. Primary Guidelines Corners should be perfect radius, no curves Generous round corners Straight 90° angles and straight lines, minimal draft or curved lines. Perfect rectangles, squares or circles, no ovals Straight lines When two elements intersect they keep their own identity without trying to blend into each other Distinctive elements All elements should be as symmetric and concentric as possible Concentric DO DON’TDO DON’TDO DON’TDO DON’T
  • 11. Secondary Guidelines Details are formed with a tight chamfer Small chamfers On the edges the radius are kept minimal, between 0.2 and 1.5 mm When certain features need to feel smaller large chamfers can be used Large chamfers Details are treated with oblong shapes for rotation pattern or ventilation patterns, … Oblong patternsTight radius DO DON’TDO DON’TDO DON’TDO DON’T
  • 12. Thank You Bridge Design, Inc Solène Bourgeois Director of Industrial & Interaction Design Design Research & Strategy | User Experience | Industrial Design | Product Engineering