Home > Articles

Dynamic Prototyping with SketchFlow in Expression Blend: Design Process

Learn about the process of design, where it's been (with regard to manufacturing and engineering) and where it's going. Included is an outline for a typical design process.
This chapter is from the book

Workflow, process, patterns, and methodology are simply a way of life; we typically take advantage of some formalized practice to aid the projects to which we toil and the resulting products we launch. This is especially true of projects or endeavors that involve technology. And, if technology would stay put for a minute, we could reuse the patterns from the last successful project—alas, technology is a constant of change. How do we keep up? Pick the "right" methods? Learn and adapt?

  • As a rule, software systems do not work well until they have been used and have failed repeatedly, in real applications.
  • David L. Parnas, Ph.D.

For several years, the tech industry has become fascinated with failure; stories of failure, learning from failure, and celebrating failure. This is not at all coincidence. As technologists, we are bound to an eternity of failed attempts, in part because of the nature of business and management, the current software used that can't keep up with what we are tasked to do, but more importantly, the complexity of what we are required to create has exponentially increased. Humanized interfaces, gestural touch technology, and intuitive, predictive, user experiences; this is cause for revolution in every facet of how we think of and execute on ideas.

So now what? How can we expect to change what has historically been a frustrating, pride-swallowing battle? A journey back in time, to how other industries successfully built products in a time of disruptive change, is a great start. The industrial innovation surrounding the mass production of cars, the advent of advanced innovation in architecture practice, and the engineering books that document the techniques used are all ripe for exploration.

It may sound odd to seek-out groundbreaking design processes from a nearly 20-year-old engineering reference but we can learn quite a bit from The Mechanical Design Process by David Ullman.1 Design process for engineers has been explored, tested, and documented in vast detail, because of the high overhead—production cost, expense of manufacturing, and considerable time to take product to market. The following are a few powerful examples of the engineering process that have been adapted to both the design and software engineering process. Most importantly, Ullman discusses why the prototyping process is so critical to our work. To whit:

  • Whenever possible, organize the talent around the project.
  • Exact measurements or outcomes are not important when prototyping a proof of concept; it's a learning tool.
  • Build it twice: once to fail and second to succeed.
  • Don't plan for a set number of prototypes. Take what is learned from the first prototype and apply to the second. Rinse, repeat.
  • The more complex the function of the product, the longer design prototyping will take.
  • Reduce the problem you are trying to solve with the product into one inclusive statement.
  • Every phase of product design is iterative; requirements included!
  • The human requirements ARE functional specs.

At its most basic level, we can describe the design process as it relates to sketching and prototyping with the following model.

Figure 2.1

Figure 2.1 The preceding lessons simplified in a bubble chart.

But the act and discipline of design is more nuanced, and it's about far more than aesthetics and surface elements of a given solution or artifacts—in fact, what many folks outside the profession of design consider design to be is only scratching the surface.

Creating the form or appearance of an object or artifact is certainly a part of the design process, and it's often referred to as graphic design, visual design, or communications design. Because it's the most visible and tangible output of design, it perhaps pushes aside some of the other realms of design that are also critical.

Fundamentally, design process is about developing and communicating insights. There are two major influences that we think are important when it comes to the idea of sketching and prototyping.

One is focused on the work of Roger Martin and his thesis around how organizations need to seek validity versus reliability.2 Martin's work resonates specifically around our need to balance incremental innovation through refinement of existing knowledge with the need to enable breakthrough innovations—essentially the difference between a version 2.0 product or service versus something nobody has seen before, or thought they needed.

Typically, many organizations focus on developing evidence for future product needs based on past outcomes. They use a limited number of objective variables to remove judgment and bias from decisions to support innovation, along the lines of "Our customers told us they want this" or "This is what everyone else is doing, and they are successful." Martin characterized this type of substantiation as reliability (looking into the past to make an informed judgment about the future). Designers are often called upon to focus on substantiation based on future events. This means that they use a broad number of diverse variables. Using processes that integrate judgment and that acknowledge the reality of bias is what design processes are used for. They are needed because most organizations make decisions based on facts, or what Martin called reliability. Design operates more in the mode of validity, often asking people to take a leap of faith, and the insights and recommendations can't always withstand the scrutiny of reliability.

At this point, you may be thinking that it's because those insights may not matter if they can't be backed up with reliability, but the reality is that we make decisions based on validity every day: It influences the cars we buy, the people we choose to spend our time with, and the type of phone we buy. Tapping into the gestalt that motivates those decisions is what design thinking and design processes are engineered to facilitate.

Martin characterized the difference in skill sets between designers and business decision makers and their propensities via something he called the predilection gap.3 Organizations that are successful at innovation often have folks that are grounded in theories and practice that value both reliability and validity. Organizations that skew toward reliability often have difficulty innovating or recognizing good ideas. Organizations that skew toward validity often have a hard time getting their good ideas into the marketplace. It's actually possible to be good at both of these things and not have folks that can serve as translators between these two schools of thoughts as well. The result is often paralysis in an organization.

Figure 2.2

Figure 2.2 A sketch that illustrates Martin's theories.

So, if we can acknowledge that design can be more than just about aesthetics and form and that validity is an important component of innovation, what's the process that designers use to enable success?

Although there are multiple books on this subject, and some of the names may change, the typical process that designers go through is fairly straightforward. If you ever hired a product design or innovation firm, you would most likely be exposed to a process such as this—or it would at least be the process applied to solving your problem. If you were to explore the techniques being applied in academia around design education and strategy, you would also find that these are the techniques that many designers are being exposed to in graduate and undergraduate education when it comes to learning about "design thinking." Here we'll use some examples from one of the author's previous work under Professor Vijay Kumar at the Institute of Design at the Illinois Institute of Technology.

Figure 2.3

Figure 2.3 An example of the steps and non-linear nature of a design process taught at the Institute of Design by Professor Vijay Kumar.

A Typical Design Process

Design processes are about a journey of discovery. There are numerous techniques that can be applied to each stage of the design process, and each stage is designed to build on the other. Design-driven innovation is different from business- and technology-driven innovation in that is starts with a focus on understanding your customers or users first versus starting with a technology or a business.

Figure 2.4

Figure 2.4 The journey that occurs in a design process around design innovation and how it differs from business and technology innovation.

Most design processes contain the following steps. For large projects, it can take weeks or months to go through all of these phases, but talented design planning teams can also accomplish these steps in a matter of days for focused efforts. Here's an overview of what those processes look like when we follow the techniques and practices that the Intitute of Design employs.

Definition and Intent

Design process starts with an idea or, more often, a hypothesis—something you are trying to prove or disprove. This definition state is where designers state their intent, or where the business process is framed and where a research plan is hatched.

Figure 2.5

Figure 2.5 Some definition efforts begin with an attempt to capture a snapshot of a landscape that influences a problem space. This is an example of a product mapping completed for a Portfolio Planning Class at the Institute of Design.

Research

The second stage of a design process is focused on research; it can take many forms, but one key difference from the typical "stakeholder" interviews and secondary research that we might be familiar with is that this research typically takes the form of what is often called contextual or ethnographic research. Direct observation and anthropological techniques are often used.

Figure 2.6

Figure 2.6 Insights or observations from contextual research are often clustered or cataloged at collection or soon after. This is an example from an Understanding Users Class at the Institute of Design.

Analysis

The next stage is really one of analysis: processing and organizing all the data that you've collected. Often one of the biggest challenges for designers is not coming up with ideas, or collecting them, but figuring out which ones are the most important to pursue.

Figure 2.7

Figure 2.7 Even designers use spreadsheets from time to time; here we see a morphological sort of data and attributes derived from primary research. This is an example from a Design Analysis Class at the Institute of Design with Professor Vijay Kumar.

Synthesis and Ideation

This is at the point where most people think the design process begins, and that is around the phase of synthesis or ideation. This is the point in the process where we start to develop and flesh out some of the themes and memes that come out of our analysis process. It is also the phase where tools like SketchFlow can start to become useful.

Figure 2.8

Figure 2.8 In this example from one of the author's student work, analysis of data enables us to identify competencies for a sample customer. This is an example from a Design Strategy Workshop at the Institute of Design with Professor Vijay Kumar.

Figure 2.9

Figure 2.9 Affinity mapping helps designers and business makers uncover new opportunities. This is an example from a Design Strategy Workshop at the Institute of Design with Professor Vijay Kumar.

By looking at competitor offerings and matching them with a different company, teams can uncover new business opportunities. Here is an example of student work of one of the authors; it was identifying competencies and needs that would allow for a new business to be created, which would deliver new value to an existing customer segment.

Planning

Have you even been frustrated when you ask someone for an estimate and a plan and their first response is, "It depends." We often roll our eyes at consultants and companies that suggest a six-week project to figure out what the real price of a project may be. But the reality is that for complex problems that require breakthrough innovation, if someone hasn't gone through a process of research, analysis, synthesis, and ideation, the estimate you receive will be useless or wildly inaccurate. Another way to think about this is that solving hard problems is, well, hard. If it were easy, we wouldn't need to go through all these steps, and we would always make smart choices all the time.

Conceptualization and Prototyping

Many traditional processes have this phase, and it's often called a macro or high-level design process. It's often the stage where we plan out a slice of a project or develop multiple initial concepts to help us drive toward our final decision. For many people who don't use a fully realized design process, this is often where SketchFlow might first be used.

Figure 2.10

Figure 2.10 In this example from one of the author's student work, we see an encapsulated design process that features intent, a problem statement, conceptualization, and a potential solution. This is an example from a New Product Definition Class at the Institute of Design with Professor Chris Conley.

Figure 2.11

Figure 2.11 Another example of the same encapsulated process. This is an example from a New Product Definition Class at the Institute of Design with Professor Chris Conley.

Production and Implementation

This phase is often known as a micro or detailed design process. In many cases, a designer might not even have been engaged until this stage of the process with a mandate to "Make it pretty" or "Make sure our customers love this"—which may be an impossible task by this point. SketchFlow and technologies like WPF and Silverlight offer a powerful combination when using SketchFlow and a design process because they allow a designer's work and vision to translate seamlessly into the development process.

Sensing and Feedback

Great products are never really finished until they are abandoned. New releases, features, and innovations follow the lifetime of a product or service. Good design processes acknowledge this and ensure that a mechanism is in place via process or technology to capture, judge, and act on feedback and insights that are collected over the lifetime of product. Just as SketchFlow is a great tool to use at the beginning of a project, its utility can also be realized to support shipping projects and services that need to evolve.

InformIT Promotional Mailings & Special Offers

I would like to receive exclusive offers and hear about products from InformIT and its family of brands. I can unsubscribe at any time.

Overview


Pearson Education, Inc., 221 River Street, Hoboken, New Jersey 07030, (Pearson) presents this site to provide information about products and services that can be purchased through this site.

This privacy notice provides an overview of our commitment to privacy and describes how we collect, protect, use and share personal information collected through this site. Please note that other Pearson websites and online products and services have their own separate privacy policies.

Collection and Use of Information


To conduct business and deliver products and services, Pearson collects and uses personal information in several ways in connection with this site, including:

Questions and Inquiries

For inquiries and questions, we collect the inquiry or question, together with name, contact details (email address, phone number and mailing address) and any other additional information voluntarily submitted to us through a Contact Us form or an email. We use this information to address the inquiry and respond to the question.

Online Store

For orders and purchases placed through our online store on this site, we collect order details, name, institution name and address (if applicable), email address, phone number, shipping and billing addresses, credit/debit card information, shipping options and any instructions. We use this information to complete transactions, fulfill orders, communicate with individuals placing orders or visiting the online store, and for related purposes.

Surveys

Pearson may offer opportunities to provide feedback or participate in surveys, including surveys evaluating Pearson products, services or sites. Participation is voluntary. Pearson collects information requested in the survey questions and uses the information to evaluate, support, maintain and improve products, services or sites, develop new products and services, conduct educational research and for other purposes specified in the survey.

Contests and Drawings

Occasionally, we may sponsor a contest or drawing. Participation is optional. Pearson collects name, contact information and other information specified on the entry form for the contest or drawing to conduct the contest or drawing. Pearson may collect additional personal information from the winners of a contest or drawing in order to award the prize and for tax reporting purposes, as required by law.

Newsletters

If you have elected to receive email newsletters or promotional mailings and special offers but want to unsubscribe, simply email information@informit.com.

Service Announcements

On rare occasions it is necessary to send out a strictly service related announcement. For instance, if our service is temporarily suspended for maintenance we might send users an email. Generally, users may not opt-out of these communications, though they can deactivate their account information. However, these communications are not promotional in nature.

Customer Service

We communicate with users on a regular basis to provide requested services and in regard to issues relating to their account we reply via email or phone in accordance with the users' wishes when a user submits their information through our Contact Us form.

Other Collection and Use of Information


Application and System Logs

Pearson automatically collects log data to help ensure the delivery, availability and security of this site. Log data may include technical information about how a user or visitor connected to this site, such as browser type, type of computer/device, operating system, internet service provider and IP address. We use this information for support purposes and to monitor the health of the site, identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents and appropriately scale computing resources.

Web Analytics

Pearson may use third party web trend analytical services, including Google Analytics, to collect visitor information, such as IP addresses, browser types, referring pages, pages visited and time spent on a particular site. While these analytical services collect and report information on an anonymous basis, they may use cookies to gather web trend information. The information gathered may enable Pearson (but not the third party web trend services) to link information with application and system log data. Pearson uses this information for system administration and to identify problems, improve service, detect unauthorized access and fraudulent activity, prevent and respond to security incidents, appropriately scale computing resources and otherwise support and deliver this site and its services.

Cookies and Related Technologies

This site uses cookies and similar technologies to personalize content, measure traffic patterns, control security, track use and access of information on this site, and provide interest-based messages and advertising. Users can manage and block the use of cookies through their browser. Disabling or blocking certain cookies may limit the functionality of this site.

Do Not Track

This site currently does not respond to Do Not Track signals.

Security


Pearson uses appropriate physical, administrative and technical security measures to protect personal information from unauthorized access, use and disclosure.

Children


This site is not directed to children under the age of 13.

Marketing


Pearson may send or direct marketing communications to users, provided that

  • Pearson will not use personal information collected or processed as a K-12 school service provider for the purpose of directed or targeted advertising.
  • Such marketing is consistent with applicable law and Pearson's legal obligations.
  • Pearson will not knowingly direct or send marketing communications to an individual who has expressed a preference not to receive marketing.
  • Where required by applicable law, express or implied consent to marketing exists and has not been withdrawn.

Pearson may provide personal information to a third party service provider on a restricted basis to provide marketing solely on behalf of Pearson or an affiliate or customer for whom Pearson is a service provider. Marketing preferences may be changed at any time.

Correcting/Updating Personal Information


If a user's personally identifiable information changes (such as your postal address or email address), we provide a way to correct or update that user's personal data provided to us. This can be done on the Account page. If a user no longer desires our service and desires to delete his or her account, please contact us at customer-service@informit.com and we will process the deletion of a user's account.

Choice/Opt-out


Users can always make an informed choice as to whether they should proceed with certain services offered by InformIT. If you choose to remove yourself from our mailing list(s) simply visit the following page and uncheck any communication you no longer want to receive: www.informit.com/u.aspx.

Sale of Personal Information


Pearson does not rent or sell personal information in exchange for any payment of money.

While Pearson does not sell personal information, as defined in Nevada law, Nevada residents may email a request for no sale of their personal information to NevadaDesignatedRequest@pearson.com.

Supplemental Privacy Statement for California Residents


California residents should read our Supplemental privacy statement for California residents in conjunction with this Privacy Notice. The Supplemental privacy statement for California residents explains Pearson's commitment to comply with California law and applies to personal information of California residents collected in connection with this site and the Services.

Sharing and Disclosure


Pearson may disclose personal information, as follows:

  • As required by law.
  • With the consent of the individual (or their parent, if the individual is a minor)
  • In response to a subpoena, court order or legal process, to the extent permitted or required by law
  • To protect the security and safety of individuals, data, assets and systems, consistent with applicable law
  • In connection the sale, joint venture or other transfer of some or all of its company or assets, subject to the provisions of this Privacy Notice
  • To investigate or address actual or suspected fraud or other illegal activities
  • To exercise its legal rights, including enforcement of the Terms of Use for this site or another contract
  • To affiliated Pearson companies and other companies and organizations who perform work for Pearson and are obligated to protect the privacy of personal information consistent with this Privacy Notice
  • To a school, organization, company or government agency, where Pearson collects or processes the personal information in a school setting or on behalf of such organization, company or government agency.

Links


This web site contains links to other sites. Please be aware that we are not responsible for the privacy practices of such other sites. We encourage our users to be aware when they leave our site and to read the privacy statements of each and every web site that collects Personal Information. This privacy statement applies solely to information collected by this web site.

Requests and Contact


Please contact us about this Privacy Notice or if you have any requests or questions relating to the privacy of your personal information.

Changes to this Privacy Notice


We may revise this Privacy Notice through an updated posting. We will identify the effective date of the revision in the posting. Often, updates are made to provide greater clarity or to comply with changes in regulatory requirements. If the updates involve material changes to the collection, protection, use or disclosure of Personal Information, Pearson will provide notice of the change through a conspicuous notice on this site or other appropriate way. Continued use of the site after the effective date of a posted revision evidences acceptance. Please contact us if you have questions or concerns about the Privacy Notice or any objection to any revisions.

Last Update: November 17, 2020