Android Design Club #1: Introduction to Design
36
Android Design Club #1 デザイン入門の入門 Introduction to Design Nobuya Sato Experience Designer July 7 th ., 2010 – 七夕 Revised version Twitter: #andc
-
Upload
nobuya-sato -
Category
Design
-
view
3.139 -
download
1
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 of Android Design Club #1: Introduction to Design
Android Design Club #1
デザイン入門の入門Introduction to Design
Nobuya SatoExperience DesignerJuly 7th., 2010 – 七夕
Revised version
Twitter: #andc
Copyright 2010. Nobuya Sato. Private and Confidential. 2
Agenda
1. Personal Profile //2. What is “Design” // 3. Q&A //
Copyright 2010. Nobuya Sato. Private and Confidential. 3
First Off
Number
19 + 2 = 2191
Programmers, SEs //Designers //Other //--------------------------------31 atnds
Copyright 2010. Nobuya Sato. Private and Confidential. 4
Agenda
1. Personal Profile // 2. What is “Design” // 3. Q&A //
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) //
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
Copyright 2010. Nobuya Sato. Private and Confidential. 7
Agenda
1. Personal Profile // 2. What is “Design” //3. Q&A //
Copyright 2010. Nobuya Sato. Private and Confidential. 8
What is “Design”
Design is
広告
建築
プロダクトデザイン
カーデザイン
インテリアデザイン
ファッションデザイン
Webデザイン
UIデザイン
----------機能性
Art work by G.R. “Exper”
Copyright 2010. Nobuya Sato. Private and Confidential.
What is “Design”
Design is
Functionality //
9Photo by Shirley Buxton
Copyright 2010. Nobuya Sato. Private and Confidential.
What is “Design”
Design is
Functionality //
Forms follow function形態は機能に従う。
by Louis Henry Sullivan
10
Copyright 2010. Nobuya Sato. Private and Confidential. 11
What is “Design”
Design is
Functionality //
Function first, then form造形は機能に従うものであり、国を超えて、世界的に統一された様式をもたらすものである。
by Walter A. G. Gropius, Bauhaus
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
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
Copyright 2010. Nobuya Sato. Private and Confidential.
What is “Design”
Design is
All about planning the functionality of something //
計画的な行為
機能性
14Photo by Phil Thuma
Copyright 2010. Nobuya Sato. Private and Confidential. 15
What is “Design”
Design is not Art
広告
建築
プロダクトデザイン
カーデザイン
インテリアデザイン
ファッションデザイン
Webデザイン
UIデザイン
Copyright 2010. Nobuya Sato. Private and Confidential. 16
What is “Design”
Design is not Art
User in action //相手がいるもの
Always function-able //常に機能するもの
使いやすい
見つけやすい
分かりやすい
信頼できる
etc
Copyright 2010. Nobuya Sato. Private and Confidential. 17
What is “Design”
User Experience
UX 7 Honeycomb //最良の経験は7つの側面から
by Peter Morville, Semantic Studios
役に立つ
使いやすい
好ましい
価値がある
見つけやすい
入手しやすい
信頼できる
Copyright 2010. Nobuya Sato. Private and Confidential. 18
Agenda
1. Personal Profile // 2. What is “Design” //3. Q&A //
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 //
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 //
Copyright 2010. Nobuya Sato. Private and Confidential. 21
Design Principle
Making Rule
Color Scheme //Font / Typography //Shape //+Inter-action //Flow //
Copyright 2010. Nobuya Sato. Private and Confidential. 22
Design Principle
Color Scheme色彩
コンセプト //トーン / 世界観 //効果 //ホワイトスペース //
Copyright 2010. Nobuya Sato. Private and Confidential. 23
Design Principle
Font / Typography文字
マナー / 流儀 //情報伝達 //強弱 / リズム //可読性 //
Copyright 2010. Nobuya Sato. Private and Confidential. 24
Design Principle
Shape形
硬さ / 柔らかさ //印象 //素材感 //
Copyright 2010. Nobuya Sato. Private and Confidential. 25
Design Principle
Inter-action相互作用
原因と結果 //反応 //対話 //振る舞い //
Copyright 2010. Nobuya Sato. Private and Confidential. 26
Design Principle
Flow流れ
分かりやすさ //無駄のないプロセス //邪魔しない割り込み //気持よさ //
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 //
Copyright 2010. Nobuya Sato Private and Confidential 28
Design Expertise
- Clement Mok, Sapient & AIGA (2000)
UI
Role / Profession
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 //
Copyright 2010. Nobuya Sato. Private and Confidential. 30
Recommend Books
Further Reading
実践的デザインパターン //原則とパターン //最適なUXの設計 //理論と実践 //
Copyright 2009. Nobuya Sato Private and Confidential
Recommend Books
デザイニング・インターフェース
実践的デザインパターン //DesigningInterfaces.com
31
Copyright 2009. Nobuya Sato Private and Confidential 32
Recommend Books
デザイニング・ウェブインターフェース
原則とパターン //
Copyright 2009. Nobuya Sato Private and Confidential
Recommend Books
デザイニング・ウェブナビゲーション
最適なUXの設計 //
33
Copyright 2009. Nobuya Sato Private and Confidential
Recommend Books
WEBデザインメソッド
理論と実践 //
34
Copyright 2010. Nobuya Sato. Private and Confidential. 35
Agenda
1. Personal Profile // 2. What is “Design” //3. Q&A //
Copyright 2010. Nobuya Sato Private and Confidential 36
Thank you.
佐藤 伸哉
Nobuya SatoExperience [email protected]
http://twitter.com/nobsatohttp://facebook.com/nobsatohttp://slideshare.com/nobsato
