android design club #1: introduction to design
DESCRIPTION
The presentation doc for the 1st meet-up for Android Design Club (http://bit.ly/androidjpdesign) at Adobe Systems in Tokyo, Japan on July 7th., 2010 http://atnd.org/events/6078 Introducing the basics and the fundamental concept/idea of vague word "Design", to non-design background programmers. --- Added URL links and few extra pages (added pages are marked with "*" on title.)TRANSCRIPT
![Page 1: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/1.jpg)
Android Design Club #1
デザイン入門の入門Introduction to Design
Nobuya SatoExperience DesignerJuly 7th., 2010 – 七夕
Revised version
Twitter: #andc
![Page 2: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/2.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 2
Agenda
1. Personal Profile //2. What is “Design” // 3. Q&A //
![Page 3: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/3.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 3
First Off
Number
19 + 2 = 2191
Programmers, SEs //Designers //Other //--------------------------------31 atnds
![Page 4: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/4.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 4
Agenda
1. Personal Profile // 2. What is “Design” // 3. Q&A //
![Page 5: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/5.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 5
Personal Profile
Nobuya Sato is
nobsato //Experience Designer //Design Strategist //+ User Experience, IA, Web Design, Usability… and more.
Mobile Gadget Geek //Father of Komorizo (1y7m) //
![Page 6: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/6.jpg)
6
previously…
Business Architects Inc. //Project Lead, PM, UX Designer, IA //5yrs9m //Complex Large-scale Project //Corporate Website //Enterprise IA //Globalization //Global Web Strategy //
Personal Profile
![Page 7: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/7.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 7
Agenda
1. Personal Profile // 2. What is “Design” //3. Q&A //
![Page 8: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/8.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 8
What is “Design”
Design is
広告
建築
プロダクトデザイン
カーデザイン
インテリアデザイン
ファッションデザイン
Webデザイン
UIデザイン
----------機能性
Art work by G.R. “Exper”
![Page 9: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/9.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential.
What is “Design”
Design is
Functionality //
9Photo by Shirley Buxton
![Page 10: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/10.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential.
What is “Design”
Design is
Functionality //
Forms follow function形態は機能に従う。
by Louis Henry Sullivan
10
![Page 11: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/11.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 11
What is “Design”
Design is
Functionality //
Function first, then form造形は機能に従うものであり、国を超えて、世界的に統一された様式をもたらすものである。
by Walter A. G. Gropius, Bauhaus
![Page 12: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/12.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential.
What is “Design”
Design is
Functionality //
How design strategies are shaping future of businessデザインはビジネス戦略であってアートではない。
by Hertmut Esslinger, frog design
1212
![Page 13: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/13.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential.
What is “Design”
Design is
Functionality //
Design is not just what it looks like and feels like. Design is how it works.デザインとは、それがいかに機能するかだ。
by Steve Jobs, Apple Inc
13
![Page 14: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/14.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential.
What is “Design”
Design is
All about planning the functionality of something //
計画的な行為
機能性
14Photo by Phil Thuma
![Page 15: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/15.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 15
What is “Design”
Design is not Art
広告
建築
プロダクトデザイン
カーデザイン
インテリアデザイン
ファッションデザイン
Webデザイン
UIデザイン
![Page 16: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/16.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 16
What is “Design”
Design is not Art
User in action //相手がいるもの
Always function-able //常に機能するもの
使いやすい
見つけやすい
分かりやすい
信頼できる
etc
![Page 17: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/17.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 17
What is “Design”
User Experience
UX 7 Honeycomb //最良の経験は7つの側面から
by Peter Morville, Semantic Studios
役に立つ
使いやすい
好ましい
価値がある
見つけやすい
入手しやすい
信頼できる
![Page 18: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/18.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 18
Agenda
1. Personal Profile // 2. What is “Design” //3. Q&A //
![Page 19: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/19.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 19
Agenda
1. Personal Profile // 2. What is “Design” //
1. Design Principle //2. Design Expertise //3. Recommend Books //
3. Q&A //
![Page 20: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/20.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 20
Agenda
1. Personal Profile // 2. What is “Design” //
1. Design Principle //2. Design Expertise //3. Recommend Books //
3. Q&A //
![Page 21: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/21.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 21
Design Principle
Making Rule
Color Scheme //Font / Typography //Shape //+Inter-action //Flow //
![Page 22: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/22.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 22
Design Principle
Color Scheme色彩
コンセプト //トーン / 世界観 //効果 //ホワイトスペース //
![Page 23: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/23.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 23
Design Principle
Font / Typography文字
マナー / 流儀 //情報伝達 //強弱 / リズム //可読性 //
![Page 24: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/24.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 24
Design Principle
Shape形
硬さ / 柔らかさ //印象 //素材感 //
![Page 25: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/25.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 25
Design Principle
Inter-action相互作用
原因と結果 //反応 //対話 //振る舞い //
![Page 26: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/26.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 26
Design Principle
Flow流れ
分かりやすさ //無駄のないプロセス //邪魔しない割り込み //気持よさ //
![Page 27: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/27.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 27
Agenda
1. Personal Profile // 2. What is “Design” //
1. Design Principle //2. Design Expertise //3. Recommend Books //
3. Q&A //
![Page 28: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/28.jpg)
Copyright 2010. Nobuya Sato Private and Confidential 28
Design Expertise
- Clement Mok, Sapient & AIGA (2000)
UI
Role / Profession
![Page 29: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/29.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 29
Agenda
1. Personal Profile // 2. What is “Design” //
1. Design Principle //2. Design Expertise //3. Recommend Books //
3. Q&A //
![Page 30: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/30.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 30
Recommend Books
Further Reading
実践的デザインパターン //原則とパターン //最適なUXの設計 //理論と実践 //
![Page 31: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/31.jpg)
Copyright 2009. Nobuya Sato Private and Confidential
Recommend Books
デザイニング・インターフェース
実践的デザインパターン //DesigningInterfaces.com
31
![Page 32: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/32.jpg)
Copyright 2009. Nobuya Sato Private and Confidential 32
Recommend Books
デザイニング・ウェブインターフェース
原則とパターン //
![Page 33: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/33.jpg)
Copyright 2009. Nobuya Sato Private and Confidential
Recommend Books
デザイニング・ウェブナビゲーション
最適なUXの設計 //
33
![Page 34: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/34.jpg)
Copyright 2009. Nobuya Sato Private and Confidential
Recommend Books
WEBデザインメソッド
理論と実践 //
34
![Page 35: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/35.jpg)
Copyright 2010. Nobuya Sato. Private and Confidential. 35
Agenda
1. Personal Profile // 2. What is “Design” //3. Q&A //
![Page 36: Android Design Club #1: Introduction to Design](https://reader033.vdocuments.net/reader033/viewer/2022051608/5457bec2af7959795d8b50fe/html5/thumbnails/36.jpg)
Copyright 2010. Nobuya Sato Private and Confidential 36
Thank you.
佐藤 伸哉
Nobuya SatoExperience [email protected]
http://twitter.com/nobsatohttp://facebook.com/nobsatohttp://slideshare.com/nobsato