Cognition for Interaction Design
A&D 590




   Brainstorming &
Concept Sketching :
                                               Group Setting User

                                                             Prepared By:
                                          Garret Miller; MFA Interaction Design
                                           Zooey Feung; MFA Industrial Design
                                   Nara Yun; MS Computer Graphics Technology

                                                                Delivered:
                                                   Thursday, Feburary 17, 2011
Concept 1
                              Controls




               Door




This specific machine concept showcases the progress to the
                            ept
user. As the clothes are being washed, the color circle around the
                             ng
door lights up toward completion. So during the washing/drying
                             etion
period, the time left would be illustrated by how close the circle is
being completed.



                                                                        Cognition for Interaction Design A&D 590   2
Concept 1: Storyboard




    01 The machine starts with the circle incomplete.   02 As time passes, the circle color meter will go up.




    03 The website will indicate the same color/        04 Fully colored when machine is finished with
    position on any personal device.                    its task with a beep or tune.




                                                        Cognition for Interaction Design A&D 590                3
Concept 2

Touchscreen
          n
                                                                                    Rain/Sun Icons
                                                                              They are utilized to illustrate the
                                                                              completion of the washing/drying
                                                                              cycle.




                                                                                    Advertisement
                                                                              There is potential advertisement
                                                                              usage space on the touch screen.




  Focusing to utilize a new payment model, this particular concept
  uses a commercial touch screen to increase interactivity with the
  users. The users may input their code generated by after payment
  completion. Utilizing the touch screen process area, there is                     Online Account
  potential to use it toward advertising space when the washer is in          An online account used to generate
                                                                              access.


                                                                       Cognition for Interaction Design A&D 590     4
Concept 2: Storyboard




    01 Password is generated on the web applica-   02 After the password is entered, it unlocks and
    tion if paid in advanced.                      starts.




    03 Advertising is shown on the touch screen    04 Pending on the situation the icon is laid out
    when it is occupied.                           differently. The sun represents drying and the rain
                                                   clouds indicates washing.



                                                   Cognition for Interaction Design A&D 590              5
Concept 3
                                                                                Privacy Screen



           Light Indicator




                               Door

This concept is geared towards drying delicates. Air is flowed
        oncept
through the dry to optimize maximum drying. The privacy screen
         h
is utilized to prevent others from viewing personal laundry. After
         ed
the screen is used, it is folded back to generate space.
         een




                                                                     Cognition for Interaction Design A&D 590   6
Concept 3: Storyboard




    01 Contents placed on top of dryer. The picture    02 Screen is moved to generate space.
    on top illustrates how items are shielded.




    03 Airflow is produced to dry items on top of the   04 Screen is folded back to original shape after
    machine.                                           use




                                                       Cognition for Interaction Design A&D 590           7
Concept 4

                                             Closed                    Open

          Garage Door
                                                                                               Drum/Basket




A basket is used as a drum for this particular concept. Using the
barcode on the bottom of the dryer, the machine recognizes the
user and accepts payment. Inside the garage door sliding, the
user may place items as storage.




                                                                    Cognition for Interaction Design A&D 590   8
Concept 4: Storyboard




    01 The garage sliding is opened to reveal wash-    02 The convertible drum/basket is inserted to
    ing machine                                        place the dirty laundry. The wall of the machine
                                                       will indicate if it is washer or dryer.




    03 Payment is made by the barcode on the bot-      04 The drum is transferred to the dryer to start
    tom of the drum. After the scanning process, the   the process over again.
    machine becomes unlocked.



                                                       Cognition for Interaction Design A&D 590           9
Concept 5
Controls




                                                                 The Lid                              The Tongue




Since the machine is tilted towards the user, the ease of                           The Arrangement
putting dirty laundry is optimized. Using the human tongue as
a reference, the “tongue” in front of the lid enables users to slid
items in and out easily. Space between machines is generated
since it is diamond shaped. This provides potential space for
personal items.


                                                                           Cognition for Interaction Design A&D 590   10
Concept 5: Storyboard




    01 The lid is popped open to put clothes inside    02 Personal items can be stored next to the
                                                       space.




    03 Using the tongue, the users slide clothes out   04 The lint of the machine is cleaned by pulling
    of the machine.                                    the lint collector out.




                                                       Cognition for Interaction Design A&D 590           11
Concept 6                                                              Alert
                                                                       Text message / status update is sent when finished


                                                                      Mobile Devices
                                                                      Application can be accessed by mobile devices.




          Available Machines
         They are indicated through the
         application.




Utilizing web/mobile applications, the washing/dryer machine                  Payment
conveniently communicates the mode of the machine with the                    Payment can be made online.
user. Online payments are made with credit card or the user may
pay directly by cash towards management.




                                                                  Cognition for Interaction Design A&D 590             12
Concept 6: Storyboard




    01 Account provided by the management is      02 Availability is seen through the web applica-
    used to login.                                tion.




    03 The user washes their laundry pending on   04 The user is alerted when finished.
    availability.




                                                  Cognition for Interaction Design A&D 590           13
Concept 7
Controls




                                                                                     Filling Process
                                                                                           g




                                                                                When Com
                                                                                     Completely Full
                                                                                       mpletely


                                                          Door


 Focused towards the learning model, the machine teaches the                      Draining
                                                                                  Draining/Spinning
 users how to wash/dry their clothes in an appropriate setting. The
 appealing controls perk the user’s curiosity to engage and learn
 the setting. The visual buttons asks the users to input the setting
 depending on the load material.



                                                                       Cognition for Interaction Design A&D 590   14
Concept 7: Storyboard




    01 The user puts their dirty laundry inside.   02 The buttons show how to select the different
                                                   modes.




    03 The animation/visuals display the mode of   04 The machine starts to wash the clothes.
    the setting.




                                                   Cognition for Interaction Design A&D 590          15

Whirlpool

  • 1.
    Cognition for InteractionDesign A&D 590 Brainstorming & Concept Sketching : Group Setting User Prepared By: Garret Miller; MFA Interaction Design Zooey Feung; MFA Industrial Design Nara Yun; MS Computer Graphics Technology Delivered: Thursday, Feburary 17, 2011
  • 2.
    Concept 1 Controls Door This specific machine concept showcases the progress to the ept user. As the clothes are being washed, the color circle around the ng door lights up toward completion. So during the washing/drying etion period, the time left would be illustrated by how close the circle is being completed. Cognition for Interaction Design A&D 590 2
  • 3.
    Concept 1: Storyboard 01 The machine starts with the circle incomplete. 02 As time passes, the circle color meter will go up. 03 The website will indicate the same color/ 04 Fully colored when machine is finished with position on any personal device. its task with a beep or tune. Cognition for Interaction Design A&D 590 3
  • 4.
    Concept 2 Touchscreen n Rain/Sun Icons They are utilized to illustrate the completion of the washing/drying cycle. Advertisement There is potential advertisement usage space on the touch screen. Focusing to utilize a new payment model, this particular concept uses a commercial touch screen to increase interactivity with the users. The users may input their code generated by after payment completion. Utilizing the touch screen process area, there is Online Account potential to use it toward advertising space when the washer is in An online account used to generate access. Cognition for Interaction Design A&D 590 4
  • 5.
    Concept 2: Storyboard 01 Password is generated on the web applica- 02 After the password is entered, it unlocks and tion if paid in advanced. starts. 03 Advertising is shown on the touch screen 04 Pending on the situation the icon is laid out when it is occupied. differently. The sun represents drying and the rain clouds indicates washing. Cognition for Interaction Design A&D 590 5
  • 6.
    Concept 3 Privacy Screen Light Indicator Door This concept is geared towards drying delicates. Air is flowed oncept through the dry to optimize maximum drying. The privacy screen h is utilized to prevent others from viewing personal laundry. After ed the screen is used, it is folded back to generate space. een Cognition for Interaction Design A&D 590 6
  • 7.
    Concept 3: Storyboard 01 Contents placed on top of dryer. The picture 02 Screen is moved to generate space. on top illustrates how items are shielded. 03 Airflow is produced to dry items on top of the 04 Screen is folded back to original shape after machine. use Cognition for Interaction Design A&D 590 7
  • 8.
    Concept 4 Closed Open Garage Door Drum/Basket A basket is used as a drum for this particular concept. Using the barcode on the bottom of the dryer, the machine recognizes the user and accepts payment. Inside the garage door sliding, the user may place items as storage. Cognition for Interaction Design A&D 590 8
  • 9.
    Concept 4: Storyboard 01 The garage sliding is opened to reveal wash- 02 The convertible drum/basket is inserted to ing machine place the dirty laundry. The wall of the machine will indicate if it is washer or dryer. 03 Payment is made by the barcode on the bot- 04 The drum is transferred to the dryer to start tom of the drum. After the scanning process, the the process over again. machine becomes unlocked. Cognition for Interaction Design A&D 590 9
  • 10.
    Concept 5 Controls The Lid The Tongue Since the machine is tilted towards the user, the ease of The Arrangement putting dirty laundry is optimized. Using the human tongue as a reference, the “tongue” in front of the lid enables users to slid items in and out easily. Space between machines is generated since it is diamond shaped. This provides potential space for personal items. Cognition for Interaction Design A&D 590 10
  • 11.
    Concept 5: Storyboard 01 The lid is popped open to put clothes inside 02 Personal items can be stored next to the space. 03 Using the tongue, the users slide clothes out 04 The lint of the machine is cleaned by pulling of the machine. the lint collector out. Cognition for Interaction Design A&D 590 11
  • 12.
    Concept 6 Alert Text message / status update is sent when finished Mobile Devices Application can be accessed by mobile devices. Available Machines They are indicated through the application. Utilizing web/mobile applications, the washing/dryer machine Payment conveniently communicates the mode of the machine with the Payment can be made online. user. Online payments are made with credit card or the user may pay directly by cash towards management. Cognition for Interaction Design A&D 590 12
  • 13.
    Concept 6: Storyboard 01 Account provided by the management is 02 Availability is seen through the web applica- used to login. tion. 03 The user washes their laundry pending on 04 The user is alerted when finished. availability. Cognition for Interaction Design A&D 590 13
  • 14.
    Concept 7 Controls Filling Process g When Com Completely Full mpletely Door Focused towards the learning model, the machine teaches the Draining Draining/Spinning users how to wash/dry their clothes in an appropriate setting. The appealing controls perk the user’s curiosity to engage and learn the setting. The visual buttons asks the users to input the setting depending on the load material. Cognition for Interaction Design A&D 590 14
  • 15.
    Concept 7: Storyboard 01 The user puts their dirty laundry inside. 02 The buttons show how to select the different modes. 03 The animation/visuals display the mode of 04 The machine starts to wash the clothes. the setting. Cognition for Interaction Design A&D 590 15