Matias Vaara - 6aika Digital Design Language - Mindtrek 2016
-
Upload
mindtrek -
Category
Technology
-
view
57 -
download
0
Transcript of 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