matias vaara - 6aika digital design language - mindtrek 2016

A Digital Design Language for FinlandWhat, why and how.

BOOKING A TIME IN HELSINKI BOOKING A TIME IN VANTAA

Let’s solve common user exprience problems once and share the benefits across cities.

THE IDEA

Let’s create a design language with ready to use elements for digital services, but with local branding.

THE IDEA

1. Current challenges

1. CURRENT CHALLENGES

1. Cities digital services are difficult to use

2. Cities create digital services in isolation

3. Implementing services is slow and expensive

2. What does a Design Language mean?

2. WHAT DOES A DESIGN LANGUAGE MEAN?

A Design Language is a set of best practices and user interface elements for digital services.

2. WHAT DOES A DESIGN LANGUAGE MEAN?

1. Best practises for easy to use and useful digital services

2. Ready to use templates for most used UI elements

3. A set of steps and guidelines for involving users in design

US web design standards

https://playbook.cio.gov/https://pages.18f.gov/designstandards/

http://www.ibm.com/design

IBM Design Language

https://design.google.com/

Google Material Design

3. Why Create a Design Language?

1. Cost savings

For Cities

4. Improved city brand

2. More agile service development

3. Less vendor lock-in

3. BENEFITS OF AN DESIGN LANGUAGE

5. Easier to use digital services

6. Familiar UX across cities

3. BENEFITS OF AN DESIGN LANGUAGE

For Residents

7. Quicker to develop

8. Less need for design expertise

3. BENEFITS OF AN DESIGN LANGUAGE

For Developers

3. BENEFITS OF AN DESIGN LANGUAGE

1. Cost savings

For Cities For Residents For Developers

4. Improved city brand

2. More agile service development

5. Easier to use digital services

6. Familiar UX across cities

7. Quicker to develop

8. Less need for design expertise

3. Less vendor lock-in

4. How to create a Design Language?

4. MITEN MUOTOILUKIELI KANNATTAA LUODA?

1. Finding the best practices for digital services and generalizing them

2. Creating a library of the most used user interface elements

3. Involving citizens and city employees

4. Continuous and open development

MUOTOILUKIELI.FI

Muotoilukieli.fi is an open platform for hosting and updating the principles and elements of the design language.

5. Design Language in PractiseNOTE: Only illustrative examples, not ready solutions!

BOOKING A TIME IN HELSINKI BOOKING A TIME IN VANTAA

Matti is developing an Events-service in Turku. He takes the ready React-code snippets from muotoilukieli.fi for the UI.

READY MADE CODE

Several services can be included into one consistent user exprience.

CONSISTENT EXPERIENCES