Six And Half Philosophies for Design & Innovation


Published on

Published in: Design, Business
  • I love this ppt
    Are you sure you want to  Yes  No
    Your message goes here
  • Great one. Love this.

    Darren Mack
    Are you sure you want to  Yes  No
    Your message goes here
  • Great thoughts,great presentation!It's exciting to get to know about design in all aspects.
    Are you sure you want to  Yes  No
    Your message goes here
  • Very interesting ppt. The research indicated PPT only contains 30% of information; therefore the 70% valuable information comes from the presenter himself/herself. provides you a chance to record your voice with your PowerPoint presentation and upload to the website. It can share with more readers and also promote your presentation more effectively on
    Are you sure you want to  Yes  No
    Your message goes here
  • it is a presentation with sophistication in content and didactic
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide
  • Six And Half Philosophies for Design & Innovation

    1. Alex (Jun) Zhu , User Experience Manager, SAP
    2. <ul><li>The physicist who is only a physicist can still be a first-class physicist and a most valuable member of society. But nobody can be a great economist who is only an economist - and I am even tempted to add that the economist who is only an economist is likely to become a nuisance if not a positive danger. </li></ul>“ ” Friedrich Hayek The Dilemma of Specialization
    3. Multidisciplinary Landscape of Design: Design Business Technology Architecture Urban Planning Economics Linguistics Art System Dynamics Literature Philosophy Psychology Sociology Anthropology Biography Ethics Politics
    4. <ul><li>What Is Design ? </li></ul>
    5. <ul><li>My Personal Definition of Design: </li></ul>Design refers to the human activity to invent a new structure for utility “ ” Note: This is a very general definition, and should apply to all kinds of design activities, including UX design, industrial design, architectural design, urban design, process design, organization design, you name it.
    6. <ul><li>“ Human Activity”: </li></ul>Structure created by design (Mercedes-Benz Bionic Concept Car) Structure created by nature (Boxfish) Please note that I didn’t use “artificial” here. Human activity does not necessarily create artificial design, but can also create so-called natural design or organic design. To be introduced later… Design Non-design
    7. <ul><li>“ New”: </li></ul>New structure created by design Existing structure materialized and copied Design Non-design
    8. <ul><li>“ Structure”: </li></ul>Structured elements Unstructured (or loosely structured) elements Design Non-design In year 2007, our revenue is 8.2M in manufacturing industry, 3.2M in professional service industry, 1.4M in wholesale/retail, and 1.2M in High-Tech. Please note that “structured/unstructured” is a fairly relative judgment. Finally you can find a structure in almost everything in the world.
    9. <ul><li>“ Utility”: </li></ul>Structure created for utility (Schroder House, Gerrit Rietveld) Structure created for expression (Composition in Red, Yellow and Blue, Piet Mondrian) Design Non-design (Art)
    10. <ul><li>How Structure Is Structured: </li></ul><ul><ul><li>Boundary: border with its environment </li></ul></ul><ul><ul><li>Entities </li></ul></ul><ul><ul><li>Substructures </li></ul></ul><ul><ul><li>Ties between entities or substructures </li></ul></ul>Structure of Solar System
    11. Environment/Context External Force External Force Tie between substructures Entity with attributes Substructure Boundary Tie between substructures
    12. <ul><li>Types of Structures (by Entity): </li></ul><ul><ul><li>Structure of Physical Entities </li></ul></ul><ul><ul><li>Structure of Informational Entities (visual elements, data, etc.) </li></ul></ul><ul><ul><li>Structure of People </li></ul></ul><ul><ul><li>Structure of Time </li></ul></ul><ul><ul><li>Structure of Logic </li></ul></ul><ul><ul><li>Structure of Behaviors/Events/Activities </li></ul></ul><ul><ul><li>Structure of Mind </li></ul></ul><ul><ul><li>Structure of Economy </li></ul></ul><ul><ul><li>Etc. </li></ul></ul>
    13. <ul><li>Structure of Physical Entities: </li></ul>Keyboard Layout of BlackBerry The Giant Swiss Army Life
    14. <ul><li>Structure of Informational Entities: </li></ul>Typology Map of Metro Line A Typical Portal Layout
    15. <ul><li>Structure of People: </li></ul>Organization Hierarchy Social Network Visualization (Jon Kleinberg & Lars Backstrom, Cornell University)
    16. <ul><li>Structure of Time: </li></ul>Gantt Chart Outlook Calendar
    17. <ul><li>Structure of Logic: </li></ul>A Process Flow If-Else Logic Structure <ul><li>Function show_hide_dynamicpane () { </li></ul><ul><ul><li>if (!show_flag) { </li></ul></ul><ul><ul><li>dynamicpane.visibility = “visible”; </li></ul></ul><ul><ul><li>} else { </li></ul></ul><ul><ul><li>dynamicpane.visibility = “invisible”; </li></ul></ul><ul><ul><li>} </li></ul></ul><ul><li>} </li></ul>
    18. <ul><li>Structure of Mind: </li></ul>Taxonomy of “Cognitive Domain” (Professor Bloom, 1956) What’s On A Man’s Mind? (Image source:
    19. <ul><li>Structure of Economy: </li></ul>GDP Structure of Year 2005 (Data Source: National Statistics Bureau) SAP Financial Performance from Google Finance
    20. <ul><li>A Few Types of Structure (By Form): </li></ul>Linear Structure Unipolar Network Structure Multipolar Network Structure Matrix Structure Network Structure Nonpolar Network Structure
    21. <ul><li>Linear Structure: </li></ul>Guided Activity (Wizard) Linear Structure
    22. <ul><li>Matrix Structure: </li></ul>Matrix Structure Horizontal/Vertical Information Architecture Product Mgt. Design Development Product A Product B Product C Function/Product Matrix Org Structure
    23. <ul><li>Unipolar Network Structure: </li></ul>Web Portals See Themselves as Hub of Internet Urban Structure of Beijing (image source from Google Map) Unipolar Network Structure
    24. <ul><li>Multipolar Network Structure: </li></ul>Typical Information Architecture of A Website Urban Structure of Shanghai (image source from Google Map) Multipolar Network Structure
    25. <ul><li>Multipolar Network Structure: </li></ul>Social Network Semantic Network (e.g. Wikipedia) Nonpolar Network Structure Design User Experience Architecture Human Scale Prototype
    27. <ul><li>The word ‘ universe ’ is derived from the Old Greek univers, from Latin universa, which combines uni- (the combining form of unus, or ‘one’) with versus (perfect passive participle of vertere, or ‘turn’). The word, therefore, means ‘ all turned into one ’ or ‘ revolving as one ’ or ‘ orbiting as one ’. </li></ul>“ ” Etymology of The Term &quot;Universe” Wikipedia
    28. <ul><li>Mathematic Formulas of Tao: </li></ul>Absolute Formula: Pragmatic Formula: M = 6.5
    29. <ul><li>Proposed 6.5 Philosophies for UX Design: </li></ul><ul><ul><li>1. The city creates the theater and is the theater </li></ul></ul><ul><ul><li>2. This is a semi-structured world </li></ul></ul><ul><ul><li>3. Goodness of fit: Environmental Fitness </li></ul></ul><ul><ul><li>4. Goodness of fit: Internal Fitness </li></ul></ul><ul><ul><li>5. The ecosystem, gene, invisible hand, and supply chain </li></ul></ul><ul><ul><li>6. Talk, write, and imagine using language </li></ul></ul><ul><ul><li>6.5. To design or not design, this is a question </li></ul></ul>
    31. Mistério e melancolia de uma rua (Giorgio de Chirico, 1914) Kashgar , 2005 Delhi, 2007 Trastevere, Rome, 2004
    32. ” Lewis Mumford The Culture of Cities, 1937 The essential physical means of a city's existence are the fixed site, the durable shelter, the permanent facilities for assembly, interchange, and storage; the essential social means are the social division of labor, which serves not merely the economic life but the cultural process. The city in its complete sense, then, is a geographic plexus, an economic organization, an institutional process, a theater of social action, and an esthetic symbol of collective unity. … The city creates the theater and is the theater . It is in the city, the city as theater, that man’s more purposive activities are formulated and worked out, through conflicting and cooperating personalities , events , groups , into more significant culminations “
    33. ” Italo Calvino Chapter 1, Invisible Cities In vain, great-hearted Kublai, shall I attempt to describe Zaira, city of high bastions. I could tell you how many steps make up the streets rising like stairways, and the degree of the arcades' curves, and what kind of zinc scales cover the roofs; but I already know this would be the same as telling you nothing . The city does not consist of this, but of relationships between the measurements of its space and the events of its past : the height of a lamppost and the distance from the ground of a hanged usurper's swaying feet; the line strung from the lamppost to the railing opposite and the festoons that decorate the course of the queen's nuptial procession; the height of that railing and the leap of the adulterer who climbed over it at dawn; the tilt of a guttering and a cat's progress along it as he slips into the same window; the firing range of a gunboat which has suddenly appeared beyond the cape and the bomb that destroys the guttering; the rips in the fish net and the three old men seated on the dock mending nets and telling each other for the hundredth time the story of the gunboat of the usurper, who some say was the queen's illegitimate son, abandoned in his swaddling clothes there on the dock. “
    34. ” Italo Calvino Chapter 1, Invisible Cities 宽宏大量的忽必烈汗啊,无论我怎样描述采拉这个有许多巍峨碉堡的城,都是徒劳无功的。 我可以告诉你,像楼梯一样升高的街道有多少级,拱廊的弯度多大,屋顶 上铺着怎样的锌片; 可是我已经知道,那等于什么都没有告诉你 。组成这城市的并不是这些东西而是它的 空间面积 与 历史事件 之间的 关系 :灯柱的高度、被吊死的篡朝者摆荡的脚与地面的距离;系在灯柱与对面铁栏之间的绳索、女皇大婚巡行时沿路张结的彩带;栅栏有多高、偷情的男子如何在黎明时分跃起爬过它;檐槽的斜度、他闪进窗子时一头猫怎样沿着檐槽走过;突然在海峡外出现的炮艇的火器射程有多远、炮弹怎样轰掉檐槽;鱼网的裂口、坐在码头上的三个老人怎样一面补网一 面交换已经讲过一百次的炮艇和篡朝者的故事 —— 有人说他是在襁褓时就给遗弃在这码头上的、女皇的私生子。 “
    35. <ul><li>In order to define this quality in buildings and in towns, we must begin by understanding that every place is given its character by certain patterns of events that keep on happening there . </li></ul>“ ” Christopher Alexander The Timeless Way of Building
    36. <ul><li>Now, let’s go back to my definition of design: </li></ul>Design refers to the human activity to invent a new structure for utility. “ ”
    37. <ul><li>“ Ends” and “Means” of Design: </li></ul>Structure of Physical Objects Structure of Informational Objects Structure of Logic Structure of Time Structure of Mind Structure of Economy + + + Structure of Behaviors/Events/Activities Structure of People = = + Direct Manipulation Influence Ends
    38. <ul><li>Example: Architecture </li></ul>Direct Manipulation Influence Goal  
    39. <ul><li>Example: BlackBerry </li></ul>Direct Manipulation Influence Goal  
    40. <ul><li>Conclusion: </li></ul><ul><ul><li>The mission of design is to improve the human emotion (structure of mind), and economic outcome (structure of economy) </li></ul></ul><ul><ul><li>To achieve this mission, we have to influence the “ structure of events ” (e.g. the process flow) and the “ structure of people ” (e.g. social network), by manipulating the controls, screens, behaviors, information architecture, etc. </li></ul></ul><ul><ul><li>This also determines the design process : “define the mission” -> “design the stories” -> “design the UI” </li></ul></ul>
    42. The “Hard” Part and The “Soft” Part in Cosmos: Three Nebulae in Narrow Band (Source: NASA Website)
    43. <ul><li>The “Hard” Part and The “Soft” Part in Our Life: </li></ul>Solid Organization Managership Database Law Engineering BBS Process Browse Left Brain Reality Science Explicit Knowledge Analytic Thinking Quantitative Structuralism … Relatively “Soft” Part Relatively “Hard” Part Liquid Community Leadership Documents Morality Design Wiki Practice Search Right Brain Dream Art/Philosophy Tacit Knowledge Intuition Qualitative Deconstructionism …
    44. <ul><li>The Benefit and Cost of “Structure”: </li></ul><ul><li>Benefit: </li></ul><ul><ul><li>Regularity & Stability </li></ul></ul><ul><ul><li>Controllability </li></ul></ul><ul><ul><li>Predictability </li></ul></ul><ul><ul><li>Internal force to balance with external force </li></ul></ul><ul><ul><li>Out-of-the-box Utility </li></ul></ul><ul><ul><li>Etc. </li></ul></ul><ul><li>Cost: </li></ul><ul><ul><li>Cost to construct, deploy, and maintain </li></ul></ul><ul><ul><li>Inflexibility </li></ul></ul><ul><ul><li>Diversity Lose: opportunity cost to become other structures </li></ul></ul>
    45. <ul><li>Example: In-house Recruiting System </li></ul><ul><li>Think about what are the benefits and costs for a company to develop an in-house system to manage their recruiting process. </li></ul><ul><li>Benefit: </li></ul><ul><ul><li>Regularity & Stability: process standardization </li></ul></ul><ul><ul><li>Controllability: accountability, policy reinforcement, etc. </li></ul></ul><ul><ul><li>Predictability: process transparency </li></ul></ul><ul><ul><li>Internal force: work flow, status management </li></ul></ul><ul><ul><li>Out-of-the-box Utility: best practices </li></ul></ul><ul><li>Cost: </li></ul><ul><ul><li>Cost to construct, deploy, and maintain: development cost, implementation cost, maintenance cost, etc. </li></ul></ul><ul><ul><li>Inflexibility: what if the process changes dramatically? what a big re-organization happens? What if the approver is on vacation? … </li></ul></ul><ul><ul><li>Diversity lose: people are forced to use the same process and methods without exceptions </li></ul></ul>
    46. <ul><li>Metaphor: A Restaurant That Only Serves Combo </li></ul><ul><li>Benefit: </li></ul><ul><ul><li>No need to order one by one </li></ul></ul><ul><ul><li>Seems to reflect the best practice </li></ul></ul><ul><ul><li>Etc. </li></ul></ul><ul><li>But: </li></ul><ul><ul><li>I like everything but the meat soup, since I am vegetarian!!! </li></ul></ul>
    47. The problem, like all those with which we are concerned, is one of balance. Too little liberty brings stagnation and too much brings chaos . “ ” Bertrand Russell
    48. <ul><li>Conclusion: </li></ul><ul><li>Be cautious not to over-structure or over-design . Reach a good balance between being structured and being flexible (unstructured) through: </li></ul><ul><ul><li>Componentization and Configuration </li></ul></ul><ul><ul><li>“ Soft Control ” by offering guidance and best practices </li></ul></ul><ul><ul><li>Leave a “ hole ” to accommodate unstructured activities, and provide a convenient link if possible and necessary. </li></ul></ul>Highly dynamic activities Medium dynamic activities Fixed activities ? Design Time Run Time Link
    49. <ul><li>Componentization and Configuration: </li></ul>Service Oriented Architecture: SAP NetWeaver SAP NetWeaver™ Composite Application Framework PEOPLE INTEGRATION Multichannel access Portal Collaboration INFORMATION INTEGRATION Bus. Intelligence Master Data Mgmt Knowledge Mgmt PROCESS INTEGRATION Integration Broker Business Process Mgmt APPLICATION PLATFORM J2EE DB and OS Abstraction ABAP Lifecycle Management
    50. <ul><li>Soft Control (Semi-Structure): </li></ul>Graphic Navigation in SAP Profitability Modeling Tool Business Process Foundation in SAP Consolidation Solution
    51. <ul><li>Linked “Hole”: </li></ul>Date: xxx City: xxx Purpose: xxx … ? Attach emails Upload receipts Structured Data Unstructured Data Attach scanned receipts Company Expense Policy Ask For Clarifications Print out Paper Receipts + Save as PDF Submit
    52. <ul><li>Linked “Hole”: </li></ul><ul><li>Copy as a link/Paste </li></ul><ul><li>Automatically determined by Word using Smart Tags </li></ul>Productive Applications (Unstructured) Transaction Systems (Structured)
    53. <ul><li>Linked “Hole”: </li></ul>Outlook (Unstructured) Adobe Interactive Form (Semi-structured) Database (Structured)
    54. Linked “Hole”: Duet™ - Seamless integrates Microsoft® Office and SAP Backend
    55. <ul><li>Linked “Hole”: </li></ul>SAP Performance Mgt. System Customer-Uploaded Image (unstructured) System-generated Data (structured)
    57. Fallingwater ( Frank Lloyd Wright, 1936)
    58. <ul><li>Fitness: </li></ul><ul><li>A well-designed structure needs to have 2 different kinds of fitness </li></ul><ul><ul><li>Environmental Fitness (balance with external forces): Fitness between the structure and its environment/context </li></ul></ul><ul><ul><li>Internal Fitness (balance with internal forces): Fitness between the elements, substructures, and their ties. </li></ul></ul>
    59. Environmental Fitness: Environment/Context External Force External Force
    60. <ul><li>Example: BlackBerry </li></ul>New Structure Existing Structure (Environment/Context) Influence Constraint
    61. Example: Ross Lovegrove’s Organic Design “ Go” Chair ( Ross Lovegrove ) Ty Nant Water Bottle ( Ross Lovegrove )
    62. <ul><li>Example: Natural Language Search </li></ul>Normal Search Engine Natural Search Engine Environment has to adapt to the new structure Good Environmental Fitness Usability Venders China Search Virtual Company A Virtual Company A is a Beijing-based usability service vender… Virtual Company B Virtual Company B was established in 2004 and now has 12 FTEs… Search Engine 1 List me the top 5 usability venders in China Search Virtual Company A Virtual Company A is a Beijing-based usability service vender… Virtual Company B Virtual Company B was established in 2004 and now has 12 FTEs… Search Engine 2
    63. There is a quality even meaner than outright ugliness or disorder, and this meaner quality is the dishonest mask of pretended order, achieved by ignoring or suppressing the real order that is struggling to exist and to be served . “ ” Jane Jacobs Urban Thinker
    64. <ul><li>The rightness of the form depends, in each one of these cases, on the degree to which it fits the rest of the ensemble. </li></ul>“ ” Christopher Alexander Notes on the Synthesis of Form
    65. <ul><li>Challenges: </li></ul><ul><ul><li>Indefinite possibilities are available to define the boundary between the structure and its environment/context </li></ul></ul><ul><ul><li>Usually the environment/context is ambiguous to the designers (consider the regularities and irregularities in the world) </li></ul></ul><ul><ul><li>Usually the environment/context changes over instances </li></ul></ul><ul><ul><li>Sometimes the environment/context evolves over time </li></ul></ul>
    66. <ul><li>Solutions: </li></ul><ul><ul><li>Find an appropriate scope of the design ( define an appropriate boundary ) </li></ul></ul><ul><ul><li>An adapted “Reductionism” approach to solve ambiguity: Understand -> Generalize -> Imagine -> Scope -> Model -> Design -> Trial & Error -> Solve </li></ul></ul><ul><ul><li>Four mindsets: Skeptic -> Dreamer -> Architect -> Scientist </li></ul></ul><ul><ul><li>Adaptability of the structure, in terms of localization, customization, and personalization (e.g. the surface of sofa can always adapt to the people sitting there) </li></ul></ul><ul><ul><li>Provide an organic structure that emerges , adapts , and grows (to be addressed later) </li></ul></ul>
    67. <ul><ul><li>1. Define The Border with The Environment </li></ul></ul>
    68. <ul><li>Indefinite Possibilities to Set Boundary: </li></ul>Indefinite Possibilities to Set Borders Environment/Context ?
    69. <ul><li>He who defines the problem , declares the solution . </li></ul>“ ” Bob Baxley Design Vision Conversation The greatest challenge to any thinker is stating the problem in a way that will allow a solution . “ ” Bertrand Russell Design Vision Conversation
    70. <ul><li>Example: </li></ul><ul><ul><li>Improve the efficiency of my production and distribution </li></ul></ul><ul><ul><li>Improve the efficiency of my supply chain </li></ul></ul>Result A Result B <ul><li>Supply Chain Efficiency: </li></ul><ul><li>Vender Managed Inventory </li></ul><ul><li>Outsourcing </li></ul><ul><li>Information sharing </li></ul><ul><li>RFID </li></ul><ul><li>Internal Production Efficiency: </li></ul><ul><li>Production Process & Technology </li></ul><ul><li>Distribution Center </li></ul><ul><li>Agile manufacturing, JIT (kanban) </li></ul><ul><li>Etc. </li></ul>
    71. <ul><li>Example: </li></ul><ul><ul><li>Find new technologies to reduce the CO 2 emission </li></ul></ul><ul><ul><li>Reinvent the ecosystem to reduce the greenhouse gas emission </li></ul></ul><ul><ul><li>Solve or relieve the “global warming” problem </li></ul></ul>Result A Result B Result C <ul><li>Policies (regulations, taxes, accounting, etc.) </li></ul><ul><li>Incentives </li></ul><ul><li>Market/Industrialization </li></ul><ul><li>Public awareness </li></ul><ul><li>Alternative Energy </li></ul><ul><li>CO 2 -reducing Technologies </li></ul><ul><li>CO 2 Capturing and Reuse (e.g. plastic production, cryogen, petroleum mining, etc.) </li></ul><ul><li>Or even wilder idea: use CO 2 as cryogen to cool down our planet? </li></ul>
    72. <ul><li>Example: </li></ul><ul><ul><li>Improve the usability of the registration form of our website </li></ul></ul><ul><ul><li>Improve the registration process of our web site </li></ul></ul><ul><ul><li>Improve the internet registration experience in general </li></ul></ul>Full Name: * Alex Zhu Email Address: * [email_address] Password: * XXXXXX Repeat Password: * XXXXXX Mailing Address: Line 1: * Other fields… # 1293, Pudong South Manual Registration Shopping Cart Place Order (enter name, email, mailing address, etc.) Automatic Registration Non-registered user Google Toolbar Result A Result B Result C New User Registration Form:
    73. <ul><li>A More Radical Solution to Reduce “Transaction Cost”? </li></ul>User Repository Register once for all Website A Call Return Website B Visit Visit Call Return Transaction History recorded Transaction History recorded <ul><ul><li>Credibility </li></ul></ul><ul><ul><li>Transaction History </li></ul></ul><ul><ul><li>Favorites </li></ul></ul><ul><ul><li>Preferences </li></ul></ul><ul><ul><li>Profile </li></ul></ul><ul><ul><li>etc. </li></ul></ul>Register Now Register Now
    74. <ul><li>General Principles: </li></ul><ul><ul><li>The broader you defines the boundary, the more likely your solution will have a strategic impact. This is where innovation often occurs. </li></ul></ul><ul><ul><li>However, this is an economic decision which means you need first consider the capacity (production possibility curve), feasibility, and then do an ROI evaluation </li></ul></ul>A B C D E F 5 4 3 2 1 0 1 2 3 4 5
    75. <ul><ul><li>2. An Adapted “Reductionism” Approach to Solve Ambiguity </li></ul></ul>
    76. <ul><li>Architectural design problems can also be referred to as being ‘ wicked problems ’ in that they have no definitive formulation , no explicit ‘stopping rule’ , always more than one plausible explanation , a problem formulation that corresponds to a solution and vice versa, and that their solutions cannot be strictly correct or false. </li></ul>“ ” Peter Powel
    77. René Descartes Discourse on the Method of Rightly Conducting the Reason The first was never to accept anything for true which I did not clearly know to be such ; that is to say, carefully to avoid precipitancy and prejudice, and to comprise nothing more in my judgment than what was presented to my mind so clearly and distinctly as to exclude all ground of doubt. The second, to divide each of the difficulties under examination into as many parts as possible , and as might be necessary for its adequate solution. The third, to conduct my thoughts in such order that, by commencing with objects the simplest and easiest to know , I might ascend by little and little, and, as it were, step by step, to the knowledge of the more complex; assigning in thought a certain order even to those objects which in their own nature do not stand in a relation of antecedence and sequence. And the last, in every case to make enumerations so complete, and reviews so general, that I might be assured that nothing was omitted. “ ”
    78. <ul><li>Reductionism Methodology: </li></ul><ul><ul><li>Filter away all that may be in doubt. </li></ul></ul><ul><ul><li>Divide difficulties to as small pieces as necessary. </li></ul></ul><ul><ul><li>Start with the simplest problems. </li></ul></ul><ul><ul><li>Make Lists, Tables, Diagrams. </li></ul></ul>Source: Wikipedia (Term: “Discourse on the Method”)
    79. <ul><li>Definition of Reductionism: </li></ul><ul><li>In philosophy, reductionism asserts that the nature of complex things is reduced to the nature of sums of simpler or more fundamental things. </li></ul><ul><li>Practical Benefits: </li></ul><ul><ul><li>Break down complex problems into smaller parts which are more understandable and operable. </li></ul></ul><ul><ul><li>In this way, specialization and collaboration are possible, and the problem can be solved in a progressive manner </li></ul></ul><ul><ul><li>Select an order to solve these parts step by step , depending on the complexity of each part and its dependency with other parts. </li></ul></ul><ul><ul><li>Though reductionism has been criticized a lot in the past 2 centuries (mainly by Holism, Structuralism, and Emergentism who believe “the whole is more than the sum of its parts” ), this is still a very pragmatic approach to solve complex issues regardless of its limitations. </li></ul></ul>
    80. Non-human animals could be reductively explained as automata (De Homines 1622) Paul Cézanne believed that all objects can be abstracted as cylinders, spheres, and cones.
    81. <ul><li>Constraints of Reductionism: </li></ul><ul><ul><li>Study a part in isolation , ignoring the interplay between the part and its context </li></ul></ul><ul><ul><li>Proven to be error-prone by biography science, linguists, chemistry, and many other disciplines (e.g. Being isolated from their contexts, words will lose their meaning; Water has totally different quality with oxygen or hydrogen) </li></ul></ul>
    82. <ul><li>An Adapted “Reductionism” Approach: </li></ul>Understand Generalize/ Filter Model Imagine Design Trial & Error Solve Scope ? ? ? x x
    83. <ul><li>General Principles: </li></ul><ul><ul><li>Macro -> Micro </li></ul></ul><ul><ul><li>Backbone -> Flesh </li></ul></ul><ul><ul><li>Enumeration: Abundance -> Choice </li></ul></ul><ul><ul><li>“ Damped” Iteration </li></ul></ul>
    84. <ul><li>Macro -> Micro, Backbone -> Fresh </li></ul><ul><li>Three perspectives to understand a new city: </li></ul><ul><ul><li>Bird View (Macro thinking, big picture) </li></ul></ul><ul><ul><li>Night View (Noise filtering, structure, backbone, pattern identification) </li></ul></ul><ul><ul><li>Attendance (Micro thinking, experience, empathy, validate) </li></ul></ul>Bird View Night View Attendance
    85. ” Su Dongpo Handwriting on The Wall of Xilin Looks like a ridge from one perspective, Looks like a peak from another, Knowing not the true face of Lushan Mountain, For I am in its midst . “
    86. <ul><li>Metaphor: The Development Process of Baby </li></ul>Week 1 Week 4 Week 6 Week 14 Week 18 Week 22 Week 24 Week 30 Birth 1 year old Product Vision Blueprint Low-Fidelity High-Fidelity Product Delivery Adaptation Image source:
    87. <ul><li>Seven Bridges of Königsberg: </li></ul>Leonhard Euler Chapter 1, Invisible Cities
    88. <ul><li>A “Micro -> Macro” Process: </li></ul>Macro Level Micro Level SM Deliverables UX Deliverables Virtual Company <-> Model Company Role Specifications <ul><ul><li>Personas </li></ul></ul><ul><li>System-level Requirements </li></ul><ul><ul><li>Function tree </li></ul></ul><ul><ul><li>System-level use cases </li></ul></ul><-> <ul><li>System-level design: </li></ul><ul><ul><li>Information Architecture </li></ul></ul><ul><ul><li>Screen flow (very low-fi) </li></ul></ul><ul><ul><li>UI specs for Common Behaviors </li></ul></ul>Detailed use cases <-> Use Scenarios + UI Mockups + UI Specifications
    89. <ul><li>Design Portal: Modal Company </li></ul>FutureTech System <ul><li>Personas </li></ul><ul><li>Browse by name </li></ul><ul><li>Browse by organization </li></ul><ul><li>Search </li></ul><ul><li>Business Processes </li></ul><ul><li>Browse </li></ul><ul><li>Modal Company </li></ul><ul><li>Company intro </li></ul><ul><li>Industries </li></ul><ul><li>Customers & Competitors </li></ul><ul><li>Organization Structure </li></ul><ul><li>Information Landscape </li></ul>Now, you are here: Design Portal > Modal Company > Organization Structure
    90. <ul><li>Design Portal: Persona </li></ul>FutureTech System Now, you are here: Modal Company Portal > Personas > Kate Zhang Organizational data: Name: Kate Zhang Company: FutureTech Position: Sales Manager Department: Office New York Direct Manager: Feng Tang Subordinates: Nancy Wang , Tony Lee, Xiaoyan Liu, Other information: Computer Skills: Professional Working Environment: shared office Equipments: Laptop, Blackberry, Fax, Printer, Telephone Software: SAP CRM, Outlook, Excel, Word, Powerpoint, WebEx, etc. <ul><li>Responsibilities: </li></ul><ul><li>As a sales manager in Akron’s office in NY, Kate not only takes care of the sales performance in the east coast, but also needs to… </li></ul><ul><li>Goals: </li></ul><ul><ul><li>Wants to maintain a healthy opportunity pipeline in her team </li></ul></ul><ul><ul><li>Wants to achieve the sales quota </li></ul></ul><ul><ul><li>Wants the team to be motivated </li></ul></ul><ul><ul><li>Etc. </li></ul></ul><ul><li>Business Processes involved: </li></ul><ul><ul><li>Order to Cash </li></ul></ul><ul><ul><li>Hire a new employee </li></ul></ul><ul><ul><li>Expense Reimbursement Management </li></ul></ul><ul><li>Personas </li></ul><ul><li>Browse by name </li></ul><ul><li>Browse by organization </li></ul><ul><li>Search </li></ul><ul><li>Business Processes </li></ul><ul><li>Browse </li></ul><ul><li>Modal Company </li></ul><ul><li>Company intro </li></ul><ul><li>Industries </li></ul><ul><li>Customers & Competitors </li></ul><ul><li>Organization Structure </li></ul><ul><li>Information Landscape </li></ul>
    91. <ul><li>Design Portal: System-Level Use Case </li></ul>FutureTech System <ul><li>Personas </li></ul><ul><li>Browse by name </li></ul><ul><li>Browse by organization </li></ul><ul><li>Search </li></ul><ul><li>Business Processes </li></ul><ul><li>Browse </li></ul><ul><li>Company Overview </li></ul><ul><li>Company intro </li></ul><ul><li>Industries </li></ul><ul><li>Customers & Competitors </li></ul><ul><li>Organization Structure </li></ul><ul><li>Information Landscape </li></ul>Now, you are here: Design Portal > Business Processes > ERM Process
    92. <ul><li>“ Abundance -> Choice” </li></ul>Image source:
    93. <ul><li>“ Damped Iteration”: </li></ul>Field Research Ad-hoc Research Lab Research “ Damped” Iteration Understand ? ? ? x x
    94. <ul><ul><li>3. Four Mindsets For Designers </li></ul></ul>
    95. Categorization of Classical Epistemology Realist Some things are independent of mind Idealist Everything is mind dependent Rationalist Some knowledge of the world is independent of our own experience  <ul><li>Architect </li></ul><ul><li>The structure of the mind matches, in some respects, the structure of the world </li></ul><ul><li>Plato </li></ul><ul><li>Descartes </li></ul><ul><li>Dreamer </li></ul><ul><li>Our mind structures the world </li></ul><ul><li>Kant  </li></ul>Empiricist All knowledge of the world comes from experience <ul><li>Scientist </li></ul><ul><li>We can gain knowledge of the world, but only through experience </li></ul><ul><li>Aristotle </li></ul><ul><li>Locke </li></ul><ul><li>Russell </li></ul><ul><li>Skeptic </li></ul><ul><li>We have no better insight into the workings of our minds than into the world itself  </li></ul><ul><li>Hume </li></ul><ul><li>Berkeley </li></ul>
    96. <ul><li>What Mindsets Are Required in Design? </li></ul>Architect Dreamer Scientist Skeptic <ul><ul><li>Understand </li></ul></ul><ul><ul><li>Generalize/Filter </li></ul></ul><ul><ul><li>Imagine </li></ul></ul><ul><ul><li>Scope </li></ul></ul><ul><ul><li>Model </li></ul></ul><ul><ul><li>Design </li></ul></ul><ul><ul><li>Validate </li></ul></ul>
    97. <ul><li>General Principles: </li></ul><ul><ul><li>Since very few people really have all of these 4 very different mindsets, certain level of specialization in the design process seems to be necessary </li></ul></ul><ul><ul><li>However, the cost of specialization also needs to be evaluated (e.g. how to make sure the information fidelity across the researchers and designers, etc.). Refer to next section regarding internal fitness </li></ul></ul><ul><ul><li>“ Focus with context ” approach might be the best option </li></ul></ul>
    98. <ul><ul><li>4. Adaptability to deal with individual differences across instances </li></ul></ul>
    99. <ul><li>Different Levels of Adaptability: </li></ul>Localization Industrialization Customization Personalization Country Scale Industry Scale Company Scale Human Scale
    100. <ul><li>Example: CSCW Design </li></ul>High Power Distance Culture (mono-nuclear) Medium Power Distance Culture (poly-nuclear) Low Power Distance Culture (semi-homogenous) Centralized Model (hierarchical communication) Decentralized Model (hierarchical + collaboration) Distributed Model (Non-centered, social networking, clique) Organization Structure (Environment) Collaboration Structure (Design) Environmental Fitness
    101. <ul><li>Metaphor: Roadway Design in Urban Planning </li></ul>Mono-nuclear (e.g. Beijing) Poly-nuclear (e.g. Shanghai) Low Power Distance Culture (semi-homogenous) Centralized Model Decentralized Model Distributed Model Urban Structure (Environment) Roadway Structure (Design) Environmental Fitness
    103. Internal Fitness: Solomon Guggenheim Museum, New York ( Frank Lloyd Wright, 19 59 )
    104. This is a cutting board in your kitchen. It is built into the kitchen counter. When you are not using the cutting board it slides into the counter (Picture A). When you need to use it, you slide it out (Picture B). It is very convenient. <ul><li>But wait…you got a new problem. </li></ul><ul><li>Reason: </li></ul><ul><li>When you design a structure, you need to consider how all parts work together. </li></ul>Internal Fitness: Source:
    105. <ul><li>Form ever follows function. </li></ul>“ ” Louis Henri Sullivan Lippincott's Magazine Form follows function - that has been misunderstood. Form and function should be one, joined in a spiritual union. “ ” Frank Lloyd Wright
    106. <ul><li>Interplay between Form and Function: </li></ul><ul><ul><li>Function is the origin of the form </li></ul></ul><ul><ul><li>Form is constrained by the function, but not deterministic (the same function can be satisfied by various forms) </li></ul></ul><ul><ul><li>Diversity of forms embodies uniqueness (culture, personality, aesthetics, etc.) </li></ul></ul><ul><ul><li>Form can also have an influence over function and make the latter evolve </li></ul></ul>
    107. Internal Fitness: External Force Internal Force External Force Internal Force
    108. <ul><li>What’s Internal Fitness? </li></ul><ul><li>Balance among internal forces: </li></ul><ul><ul><li>Conceptual Integrity (different goals and strategies) </li></ul></ul><ul><ul><li>Connection and communication (silos, misunderstandings, etc.) </li></ul></ul><ul><ul><li>Consistency (functional, behavioral, visual, mental model, etc.) </li></ul></ul>
    109. <ul><li>Challenges: </li></ul><ul><ul><li>For complex systems, reductionism approach seems to be the only pragmatic way to make specialization & collaboration possible </li></ul></ul><ul><ul><li>Parts are studied and solved apart from the whole (context), and therefore there is a potential fallacy of composition (whole does not equal to the sum of parts) </li></ul></ul><ul><ul><li>A part’s neighbors are changing over time </li></ul></ul><ul><ul><li>Dilemma of specialization: different organizations, goals, knowledge, experience, skills, locations, culture, languages, personality, you name it </li></ul></ul><ul><ul><li>Hard to balance the efficiency and the communication intenseness among the people who work on these parts </li></ul></ul>
    110. <ul><li>A “Fallacy of Composition” Example in Economics: </li></ul><ul><ul><li>If an individual farmer adopts a new cultivation technique , he will earn more from the improved production efficiency. </li></ul></ul><ul><ul><li>What happens if all famers adopt this new technology? </li></ul></ul>D 1 P 1 A S 1 S 2 B P 2 Q 1 Q 2 Quantity Price Answer: The famers will earn less if all of them adopt the technology!
    111. <ul><li>Any organization that designs a system (defined broadly) will produce a design whose structure is a copy of the organization's communication structure. </li></ul>“ ” Melvin Conway Datamation, 1968
    112. <ul><li>Solutions: </li></ul><ul><ul><li>Introduce systems thinking to understand the overall system landscape and interdependencies. This might be done by a few architects but with the whole group involved and informed </li></ul></ul><ul><ul><li>Carefully break down the whole into the parts, to avoid over fragmentation. </li></ul></ul><ul><ul><li>Standards , guidelines , governance , etc. </li></ul></ul><ul><ul><li>Patterns: share the same language (to be addressed later) </li></ul></ul><ul><ul><li>“ Focus with context ” when studying the parts </li></ul></ul><ul><ul><li>Try to align the organization structure with the system structure </li></ul></ul><ul><ul><li>Improve communication model in the entire organization, across disciplines (design, research, development, PM, marketing, support, etc.) and across functional parts (products, components, etc.) </li></ul></ul>
    113. <ul><li>If you wish to influence or control the behavior of a system, you must act on the system as a whole . Tweaking it in one place in the hope that nothing will happen in another is doomed to failure—that’s what connectedness is all about. </li></ul>“ ” Dennis Sherwood Systems Thinking
    114. <ul><li>Systems Thinking: </li></ul><ul><li>Systems Thinking , also known as System Dynamics, focuses on how the thing being studied interacts with the other constituents of the system. </li></ul><ul><li>Therefore instead of isolating smaller and smaller parts of a system, systems thinking involves a broader view , looking at larger and larger numbers of interactions. </li></ul>
    115. <ul><li>Systems Thinking Diagram: </li></ul>Example: Visualize a more completed landscape of the farmer’s problem. Technology Advancement Quantity Revenue Unit Price + + + - +
    116. <ul><li>Example: Travel Management Cultural Model </li></ul>From SAPEnjoy Project (joint project with InContext, Enterprise)
    118. Plants in The Nature (Alex) Prosperity in A Market (Bab)
    119. <ul><li>Challenges: </li></ul><ul><ul><li>Environment changes over time </li></ul></ul><ul><ul><li>Mechanic structure does not scale </li></ul></ul><ul><ul><li>For complex problems, chaos ubiquitously exists in both environment and the internal organization, which makes up-front and centralized design/control impossible </li></ul></ul><ul><ul><li>We are witnessing a “ Unipolar –> Multipolar –> Nonpolar” paradigm shift in the structure of our world in a lot of areas (which may be explained the Entropy theory), and design has to match in many cases </li></ul></ul>
    120. <ul><li>Environment Changes Over Time: </li></ul><ul><li>For example, after a company has deployed an enterprise application: </li></ul><ul><ul><li>The legal requirements may change </li></ul></ul><ul><ul><li>Business environment may change </li></ul></ul><ul><ul><li>Business process may change </li></ul></ul><ul><ul><li>Company policy may change </li></ul></ul><ul><ul><li>Organization structure may change </li></ul></ul><ul><ul><li>IT landscape may change </li></ul></ul><ul><ul><li>Etc. </li></ul></ul>
    121. <ul><li>Chaos (deterministic, unpredictable): </li></ul>” A butterfly's wings might create tiny changes in the atmosphere that ultimately cause a tornado to appear. “ Edward Lorenz Image source from Wikipedia
    122. <ul><li>Langton’s Virtual Ant: </li></ul><ul><li>A 4-state 2-dimensional Turing machine invented in the 1980s. The ant starts out on a grid containing black and white cells, and then follows the following set of rules. </li></ul><ul><ul><li>If the ant is on a black square, it turns right and moves forward one unit. </li></ul></ul><ul><ul><li>If the ant is on a white square, it turns left and moves forward one unit. </li></ul></ul><ul><ul><li>When the ant leaves a square, it inverts the color. </li></ul></ul>Result from the Computational Simulation
    123. <ul><li>Our World Is Getting More Homogeneous! </li></ul>Monopoly Economy /Command Economy Corporate Economy Consumer Economy (Liberalism) Multipolar World (after 1990) Bipolar World (before 1990) Globalization (till ?) Modernism Realism Post-modernism Web 1.5 (Integration) Web 1.0 (Centralized Production) Web 2.0 (Mash-up, Collective Intelligence, etc.) Economy World Politics Art Internet
    124. <ul><li>Solutions: </li></ul><ul><ul><li>Embrace the complexity, irregularity, and unpredictability of the environment. Shift from the “ machine ” metaphor to “ organism ” metaphor and “ market ” metaphor. </li></ul></ul><ul><ul><li>“ Organism” metaphor: </li></ul></ul><ul><ul><ul><li>Ecosystem </li></ul></ul></ul><ul><ul><ul><li>Seed </li></ul></ul></ul><ul><ul><ul><li>Gene </li></ul></ul></ul><ul><ul><ul><li>Evolves, adapts, and grows </li></ul></ul></ul><ul><ul><li>“ Market” metaphor: </li></ul></ul><ul><ul><ul><li>“ The Invisible Hand” </li></ul></ul></ul><ul><ul><ul><li>Self-interest and Incentive </li></ul></ul></ul><ul><ul><ul><li>Supply Chain </li></ul></ul></ul><ul><ul><ul><li>Specialization and Transaction cost </li></ul></ul></ul>
    125. <ul><ul><li>1. The “Organism” Metaphor </li></ul></ul>
    126. ” Frank Lloyd Wright An Organic Architecture <ul><li>Let the design: </li></ul><ul><ul><li>be inspired by nature and be sustainable, healthy, conserving, and diverse. </li></ul></ul><ul><ul><li>unfold, like an organism, from the seed within . </li></ul></ul><ul><ul><li>exist in the &quot;continuous present&quot; and &quot; begin again and again &quot;. </li></ul></ul><ul><ul><li>follow the flows and be flexible and adaptable . </li></ul></ul><ul><ul><li>satisfy social, physical, and spiritual needs. </li></ul></ul><ul><ul><li>&quot; grow out of the site &quot; and be unique. </li></ul></ul><ul><ul><li>celebrate the spirit of youth, play and surprise. </li></ul></ul><ul><ul><li>express the rhythm of music and the power of dance. </li></ul></ul>“
    127. <ul><li>“ Organism” Metaphor: </li></ul>Seed Cell Gene
    128. Sophistication Achieved by Genetic Algorithm: Complex or sophisticated outcomes derived from groups of individuals following simple rules. Craig Reynolds’s Computational Model “Boids” <ul><li>Simple Rules: </li></ul><ul><li>Separation </li></ul><ul><li>Alignment </li></ul><ul><li>Cohesion </li></ul>
    129. <ul><li>Organic Model: </li></ul>Environmental Fitness at Time Point 1 T 1 Environmental Fitness at Time Point 2 T 2 T 1 T 2 Environmental Fitness at Time Point 1 Environmental unfitness at Time Point 1 Inorganic Structure Organic Structure Environment Environment Environment Environment
    130. Man-made Creature by Theo Jansen by using Genetic Algorithm
    131. Wikipedia: A self-organized encyclopedia that grows everyday
    132. Tagging: an emerging structure with no up-front planning or central control Tags , Semi-structured , Collective Intelligence , Evolve , Flexibility , Democracy , Organic , Discoverability , Information Visualization , Decentralized
    133. Amazon’s Recommendation Engine: Intelligence based on simple algorithms
    134. Social Network: Another example of growing structure
    135. <ul><ul><li>2. The “Market” Metaphor </li></ul></ul>
    136. <ul><li>He generally, indeed, neither intends to promote the public interest, nor knows how much he is promoting it. </li></ul><ul><li>… </li></ul><ul><li>He intends only his own gain , and he is in this, as in many other cases, led by an invisible hand to promote an end which was no part of his intention. </li></ul><ul><li>… </li></ul><ul><li>By pursuing his own interest he frequently promotes that of the society more effectually than when he really intends to promote it. </li></ul>“ ” Adam Smith The Wealth of Nations
    137. <ul><li>Motivation is the art of getting people to do what you want them to do because they want to do it. </li></ul>“ ” Dwight D. Eisenhower The Wealth of Nations
    138. Order Achieved by Self-Interest: Complex or sophisticated outcomes derived from groups of individuals following simple rules (self-interest in this case). Free Market (Order Under The Chaos) <ul><li>Simple Rules: </li></ul><ul><li>Buy more when price goes down </li></ul><ul><li>Sell more when price goes up </li></ul>D S 1
    139. <ul><li>Market-driven Modal: </li></ul>Environment Environment Environmental Fitness at Time Point 1 Environment Environmental Fitness at Time Point 2 T 2 T 1 T 2 Environmental Fitness at Time Point 1 Environmental unfitness at Time Point 1 Ego-centered Structure Open Structure and Open Market Environment T 1 Environment
    140. <ul><li>Supply Chain in Different Paradigms: </li></ul>Value Supply (Design Time) Value Consumption (Run Time) Unipolar paradigm (e.g. web 1.0) Multipolar paradigm (e.g. web 1.5) Nonpolar paradigm (e.g. web 2.0)
    141. <ul><li>Specialization and Marketplace: </li></ul><ul><ul><li>Each supplier only needs to take care of a much smaller scope of problem and with much more regularity </li></ul></ul><ul><ul><li>Each supplier is more responsive and adaptable to its local environment change (self-interest driven), and therefore the whole market is more adaptable </li></ul></ul><ul><ul><li>The mission of design is to reduce the transaction cost and reach the best economic efficiency </li></ul></ul>
    142. <ul><li>Transaction Cost Reduced by SOA: </li></ul>High Transaction Cost (n=10) Lower Transaction Cost (n=5) SOA
    143. Open Source Example: Firefox’s Extensions
    144. Yahoo Widget
    145. <ul><li>Commonalities Between Wal-Mart & Yahoo Widget? </li></ul>Supply Chain of Wal-Mart Supply Chain of Yahoo Widget RFID VMI Information Sharing EDI Protocol XML Widget Repository Customer (One-stop Shopping Experience) User (Integrated User Experience) SDK Wal-Mart P&G Yahoo Google
    146. <ul><li>“ SOA” As A “Dissection Table”: </li></ul>Beautiful as the chance encounter of a sewing machine and an umbrell a on a dissection table . “ ” Comte de Lautreamont Maldoror
    147. EBay: Order Achieved by Reputation Mechanism (self-interest)
    148. Market-driven Approach to Relieve Global Warming: Greenhouse Gas Emission Trading
    149. Second Life: self-created and self-organized society
    150. Google: A Market Place for Websites to Attract Customers
    151. Mash-up: Google Map as a service + Smugmug as photo sharing service
    153. <ul><li>Language As The Greatest Invention of Human Beings: </li></ul><ul><li>Key functions of language: </li></ul><ul><ul><li>Communicate </li></ul></ul><ul><ul><li>Document </li></ul></ul><ul><ul><li>Learn </li></ul></ul><ul><ul><li>Think and develop new knowledge: people subconsciously use language to construct ideas in mind </li></ul></ul><ul><li>Why I think language as the greatest human invention: </li></ul><ul><ul><li>The indefinite and complex world can be represented and understood by our finite and less complex language , maybe not 100% completely and accurately. </li></ul></ul><ul><li>How could? </li></ul><ul><ul><li>The structure of the language somehow represents the structure of the world </li></ul></ul><ul><ul><li>The language finds the regularities in the irregularities , or in other words, the patterns of the complex . </li></ul></ul><ul><ul><li>Language evolves, adapts, and grows over time, contributed by collective intelligence of people across generations </li></ul></ul>
    154. <ul><li>Commonality Between Language and Design? </li></ul><ul><li>Key functions of design: </li></ul><ul><ul><li>Communicate </li></ul></ul><ul><ul><li>Innovate </li></ul></ul><ul><li>Why language is needed in design: </li></ul><ul><ul><li>External Fitness: design should reflect the structure of the environment (or the world); design should communicate with users in an understandable manner </li></ul></ul><ul><ul><li>Internal Fitness: the parts need to communicate with each other; designers who work on these parts need to communicate with each other in an understandable manner </li></ul></ul><ul><ul><li>Organicism: to create an organic structure that evolves, adapts, and grows , a common language should be provided, to enable the collective intelligence </li></ul></ul>
    155. <ul><li>Etymology of “Design” in Chinese Language: </li></ul>The Word “Design” in Chinese This component means “language”
    156. <ul><li>Etymology of “Design” in Chinese Language: </li></ul>Etymology of These 2 Chinese Characters by Xu Shen (100 AC) Control people by using language Count numbers by using language Language Control, drive, employ Language Ten
    157. <ul><li>How Chinese Characters Are Structured: </li></ul>Word finally composited (meaning: design, create) High-level Composited Building Blocks (meaning: speak, language) Atomic Building Blocks (no meaning) Low-level Composited Building Blocks (meaning: mouth) Metaphor, Symbolize Metaphor, logical aggregates, pictophonetics Layout Algorithm Layout Algorithm Metaphor, logical aggregates, pictophonetics
    158. <ul><li>How Words, Sentences, and Paragraphs Are Structured: </li></ul>Character (meaning: design, create) Character (meaning: ideas) Action + Object Algorithm Word with more complete but fixed meaning (meaning: design) Metaphor, Reference Metaphor, Reference Grammar Sentence with situational meaning (meaning: help me to design) Metaphor, Reference, Express Context, Style Paragraph with more situational and dynamic meaning (context more important than words)
    159. <ul><li>How Chinese Character Evolves: “Horse” </li></ul>Oracle Bone Script Bronze Script Seal Script Clerical Script Regular Script (Traditional) Regular Script (Simplified) 1950 ~200 AC ~221 BC Concrete, irregular, inconsistent, complex Abstract, regular, consistent, simple ~1200 BC
    160. <ul><li>Some Facts About Chinese Language: </li></ul><ul><li>Synchronic study as of 2001: </li></ul><ul><ul><li>8 basic strokes (atomic building blocks) </li></ul></ul><ul><ul><li>~214 composited building blocks </li></ul></ul><ul><ul><li>~80,000 Chinese characters in total, with ~3,500 of them commonly used, and ~2000 frequently used in daily life </li></ul></ul><ul><ul><li>Infinite sentence and paragraph compositions </li></ul></ul><ul><li>Diachronic study: </li></ul><ul><ul><li>The basic strokes almost never changed </li></ul></ul><ul><ul><li>The building blocks and characters evolve gradually from concrete to abstract, from irregular to regular </li></ul></ul><ul><ul><li>The number of characters commonly used today does not increase much compared with the “Oracle Bone Script” period (3000 years ago) </li></ul></ul><ul><ul><li>The composited building blocks were simplified and reduced a few times (latest change is the Simplified Chinese revolution in mainland China) </li></ul></ul>
    161. <ul><li>Structure Elements in Language: </li></ul><ul><ul><li>Different Levels of Building Blocks </li></ul></ul><ul><ul><li>Configurable Building Blocks </li></ul></ul><ul><ul><li>Composition </li></ul></ul><ul><ul><li>Layout Algorithms </li></ul></ul><ul><ul><li>Polysemy </li></ul></ul><ul><ul><li>Grammar to define relationships and rules </li></ul></ul><ul><ul><li>Metaphors and References link to the real world </li></ul></ul><ul><ul><li>Cross-referencing </li></ul></ul><ul><ul><li>Constrained Freedom </li></ul></ul>Complex, Irregular Simple, Regular Fixed, Restricted, Consistent Dynamic, Free, Stylish, Expressive
    162. <ul><li>Design As Language – Perfect Match! </li></ul><ul><ul><li>Different Levels of Building Blocks </li></ul></ul><ul><ul><li>Configurable Building Blocks </li></ul></ul><ul><ul><li>Composition </li></ul></ul><ul><ul><li>Layout Algorithms </li></ul></ul><ul><ul><li>Polysemy </li></ul></ul><ul><ul><li>Grammar to define relationships and rules </li></ul></ul><ul><ul><li>Metaphors and References link to the real world </li></ul></ul><ul><ul><li>Cross-referencing </li></ul></ul><ul><ul><li>Constrained Innovation </li></ul></ul>Complex, Irregular, Infinite Simple, Regular, Less Fixed, Restricted, Consistent Dynamic, Free, Stylish, Expressive UI Controls Pattern Elements Patterns Screens Flows Applications
    163. <ul><li>How to Design As Language: </li></ul>Unspecific Problem UI Dictionary ( Language Best Practices ) ? Narrate and Express: (Composite the structure in an innovate way) Metaphor, Reference Metaphor, Reference Specific Problem Reference, Invoke, Configure Solution emerges Environmental Fitness Model Companies/Personas Internal Fitness + - Є F(x)
    164. <ul><li>Benefits of This Approach: </li></ul><ul><ul><li>Liberate designers from trivial activities , but shift the focus to more design activities (e.g. process, application) </li></ul></ul><ul><ul><li>Enable designers, and potentially partners, customers, and users in the “Multipolar” or “Nonpolar” model, by sharing the language , and therefore the structure can grow </li></ul></ul><ul><ul><li>Internal fitness reached by using the same language (building blocks and grammar) </li></ul></ul><ul><ul><li>Solution emerges when the problem is narrated in a natural manner , and therefore both environmental fitness and internal fitness can be achieved </li></ul></ul><ul><ul><li>Innovation reached by narrating the problem in a creative way </li></ul></ul><ul><ul><li>Uniqueness reached by “writing styles” </li></ul></ul><ul><ul><li>Best practices </li></ul></ul><ul><ul><li>Economic efficiency and scalability (lower marginal cost) </li></ul></ul>
    165. <ul><li>How Narrative Design Works: </li></ul><ul><li>Problem: </li></ul><ul><li>Design an application for a regional sales manager to manage the sales activities and performance in his region. </li></ul><ul><li>Narrative Design: </li></ul><ul><li>Tony , sales manager of FutureTech , comes to the office in the morning. He logs into the system. The first thing he wants to do is to check whether there are some exception s in his area of responsibility . The system messages him that there is an opportunity moving very slowly in the pipeline in the past month, and therefore Tony wants to drill down to see the reasons behind , and check who is the responsible person to respond to this problem. </li></ul><ul><li>He realizes that the price set in the quotation is too high. The sales rep of this opportunity is Bob . Since the customer BigMoney is very strategic to the company’s growth, and therefore Tony creates a task for Bob to adjust the price in the quotation . </li></ul><ul><li>… </li></ul>
    166. <ul><li>How Narrative Design Works: </li></ul>Problem Narration: The sales rep of this opportunity is Bob . Since the customer BigMoney is very strategic to the company’s growth, and therefore Tony creates a task for Bob to adjust the price in the quotation . Design Dictionary ( Language Best Practices ) Model Companies, Personas Noun. Noun. + - Є F(x)
    167. <ul><li>Question: </li></ul><ul><ul><li>Does this approach lead to “design determinism”? </li></ul></ul><ul><ul><li>Does this approach kill design freedom and room for creativity? </li></ul></ul><ul><ul><li>Can design be automated by the computer this way, if the artificial intelligence is sophisticated enough? </li></ul></ul><ul><ul><li>Does this mean designer becomes less necessary? </li></ul></ul>
    168. <ul><li>No!!! </li></ul><ul><ul><li>To narrate the problem accurately, you have to understand the problem accurately , which is the most important and difficult job in most cases. </li></ul></ul><ul><ul><li>The same problem can be narrated in very different way (next slide shows a different version of story adapted for “high power distance” culture) </li></ul></ul><ul><ul><li>Great creativity is not to reinvent the wheel, but reinvent the car </li></ul></ul><ul><ul><li>Designers become more strategic because they are moving to the upper end of the food chain . </li></ul></ul>
    169. <ul><li>Adapted Version of The Story: </li></ul>Problem Narration: The sales rep of this opportunity is Bob . Since the customer BigMoney is very strategic to the company’s growth, and therefore Tony opens the corresponding quotation by himself, overwrites the price , and then informs Bob about this decision. Design Dictionary ( Language Best Practices ) Noun. Noun. Model Companies, Personas + - Є F(x)
    170. <ul><li>How Should Design Language Evolve: </li></ul><ul><li>As suggested by the diachronic study of the Chinese language, the following principles/recommendations may apply to the design dictionary : </li></ul><ul><ul><li>Number of UI controls should be relatively quite stable </li></ul></ul><ul><ul><li>As atomic building blocks, UI controls should not change much over time </li></ul></ul><ul><ul><li>New UI patterns can be invented only when necessary </li></ul></ul><ul><ul><li>Very infrequently used UI patterns should fade out over time </li></ul></ul><ul><ul><li>You can keep a relatively large screen repository, but hold the assumption that less than 20% of these screens are frequently used . </li></ul></ul><ul><ul><li>Spend 80% of your effort on this 20% screens according to Pareto’s rule </li></ul></ul>
    172. <ul><li>On One Hand: </li></ul>African photos by Kevin Carter An Undesigned Life: poverty, suffer, unsatisfied demand, fight with environment A Designed Life: abundance, enjoy, sufficient supply, utilize the environment Chicago photos (Alex)
    173. <ul><li>On The Other Hand: </li></ul>Shangri-la, Kashgar (Alex) An Undesigned Life: natural, alive, diversity, free, relax, emotional, sustainable Anonymous images searched from internet A Designed Life: artificial, isolated, commodity, restricted, incursion, cold, environmental damaging
    174. <ul><li>The Ultimate Questions: </li></ul><ul><ul><li>How do designers (as a whole) impact the world and the human life ? </li></ul></ul><ul><ul><li>Does our work really create value ? Are we spending money, time, and effort doing right things? </li></ul></ul><ul><ul><li>Does design sometimes become a “ surplus of intellect ” or “ show-off of creativity ”? </li></ul></ul><ul><ul><li>Are we solving the complexity or rather contributing to the complexity? </li></ul></ul><ul><ul><li>To design, or not design? </li></ul></ul>
    175. <ul><li>My Speculation How Complexity Evolves in Human Society: </li></ul>Intents to solve Problem 2 Intents to solve Intents to solve Problem 1 Generates new problem Generates new problem Solution 1 Generates new problem Intents to solve Conflict and then generate new problem Problem Solution Intents to solve Generates new problem Conflict and then generate new problem P1 S3 S1 S2 Starting Point
    176. <ul><li>A Critical View of Our Civilization: </li></ul><ul><li>Phenomenon: </li></ul><ul><ul><li>In the very beginning , we only have a few basic problems (food, shelter, disease, sex, etc.) </li></ul></ul><ul><ul><li>In the end, we get thousands of millions of solutions , as well as thousands of millions of new problems ! </li></ul></ul><ul><ul><li>Some of the basic problems are relatively better solved, but the others are even getting worse (e.g. freedom in life, happiness, environment, etc.) </li></ul></ul><ul><li>Example: </li></ul><ul><ul><li>The ultimate intention for human to invent computer is NOT to increase productivity, but to serve people and liberate people from the work </li></ul></ul><ul><ul><li>But now, how many people (including you and me) are serving the computer, and working even harder than before? </li></ul></ul>
    177. <ul><li>Some Explanations: </li></ul><ul><ul><li>Too many solutions intent to solve the same problem , driven by self-interest (think about the furious competition in the market) </li></ul></ul><ul><ul><li>Well-designed solutions may solve the problem completely (without generating new problems), but only in an ideal world </li></ul></ul><ul><ul><li>Badly-designed solutions create more problems ( negative value ) </li></ul></ul><ul><ul><li>There might be more badly-designed solutions than well-designed solutions in the world </li></ul></ul><ul><ul><li>There are conflicts, inconsistencies, incompatibilities between solutions, and therefore new problems are generated </li></ul></ul><ul><ul><li>Endless cycle , and exponential increase </li></ul></ul><ul><ul><li>Unfortunately the complexity itself is an organic structure like the virus that scales, grows, and spreads </li></ul></ul><ul><ul><li>Can be explained by the chaos theory (chaos can emerge by a group of individuals interacting with simple rules) </li></ul></ul>
    178. <ul><li>Why I Count This As “Half” Philosophy: </li></ul><ul><li>What we are able to improve (the pragmatic part): </li></ul><ul><ul><li>Try to leverage systems thinking to avoid creating “negative value” </li></ul></ul><ul><ul><li>Improve interoperability both internally and externally, to reduce the “conflict and generate new problems” phenomenon. The SOA concept can apply to not only the software arena, but also many other areas (e.g. physical products) </li></ul></ul><ul><ul><li>Ask the “to design, or not design” question first before you design </li></ul></ul><ul><ul><li>Find somewhere else to consume our “surplus of intellect” …  </li></ul></ul><ul><ul><li>Leave some creativity to the Buddha/God/Brahma/nature/etc., depends on what ever religion you believe…  </li></ul></ul><ul><li>What we are not able to change (the non-pragmatic part): </li></ul><ul><ul><li>Self-interest (companies survive by “solving” solutions) </li></ul></ul><ul><ul><li>Never-ending demands of human being </li></ul></ul><ul><ul><li>Now we really have a lot of problems to solve (e.g. global warming problem, etc.) </li></ul></ul>
    179. Plurality should not be posited without necessity. “ ” Occam's razor William of Ockham
    181. <ul><li>The man who grasps principles can successfully choose his own methods. The man who tries methods, ignoring principles, is sure to have trouble. </li></ul>“ ” Ralph Waldo Emerson
    182. <ul><li>We must first learn a discipline which teaches us the true relationship between ourselves and our surroundings. Then, once this discipline has done its work, we will be ready to give up the discipline, and act as nature does. </li></ul><ul><li>This is the timeless way of building: learning the discipline - and shedding it . </li></ul>“ ” Christopher Alexander The Timeless Way of Building