Skip to content

Overview

llucass edited this page Jan 31, 2019 · 3 revisions

Welcome to the coccoc-design-kit wiki!

📢 Introduction

We created this design system with several goals in mind.

Unified and quickly adaptable

Each piece is part of an ecosystem and should contribute positively to the system at scale. There should be no isolated features or outliers.

Iconic and aware

About both design and functionality. Our work should speak boldly and clearly to this focus.

Conversational and supportive

Allows us to communicate with users in easily understood ways.


📚 Principles

Design principles help teams make design decisions that reflect their values.

Unified

Each piece is part of an ecosystem and should contribute positively to the system at scale. There should be no isolated features or outliers.

Iconic

About both design and functionality. Our work should speak boldly and clearly to this focus.

Conversational

Allows us to communicate with users in easily understood ways.


📝 Tone of voice

Clear

Often, the words used are software problems and not people problems. Pay attention to verbs. A verb is an action word, it tends to be the most powerful part of your sentence. In a perfect world it will relate to some action to the user.

For clarity we remove the technical terms and put the action in the context of the user.

Concise

Concise doesn’t only mean short, it means something closer to efficient. When we are writing concisely, we look at our message and make sure every word on the screen has a distinct job.

Useful

The call to action (CTA) guides people to their next step. You want your text to help people get where they want to go. For this reason the call to action needs to resonate with what people want to do. Here ‘OK’ is not a good call to action.

Voice dimension

Funny, casual, respectful, enthusiastic