Android Design Club #1: Introduction to Design

  • 2,513 views
Uploaded on

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 …

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.)

More in: Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
2,513
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
40
Comments
0
Likes
7

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

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