Scripting for IXD

Lesson 3: Words and Truth

Language in IxD

In this module we return to IxD1 to look at how the words we use in our designs affect interactions.

Read IxD1, Chapter 2: Fundamentals of Language in IxD

Read IxD1, Chapter 3: Create Amazing User Conversations with Your Copy.

Study Questions

  1. What are the 4 main duties of copy?
  2. What is the value of understanding a user’s context when writing copy?
  3. List the items in Des Traynor’s checklist for understanding audience and context.
  4. What are the book’s 4 tips for good copywriting?
  5. Describe the role personality should play in good copywriting.
  6. Describe the role emotional connection should play in good copywriting.
  7. What are two common layout patterns to consider for placing copy?
  8. What are two keys for using typography well?
  9. What role does microcopy play in good copywriting?

Strings and Booleans and All Their Wordy, Truthy Buddies

Now let's switch gears and look a little more about programming, specifically working with strings in JavaScript.

Read the following from the Duckett text:

  • Ch.2, pp.64--68, 78--84 to learn basics of how to work with booleans and strings.
  • Ch.4, pp.145--159 to learn about comparison operators and logical operators and a little more about booleans.

Study Questions

  • What is the concept of escaping in strings?
  • SKILL: Create string values.
  • SKILL: Create boolean values.
  • SKILL: Use the string/concatenation operator to combine strings. What are comparison operators and how are they used?
  • SKILL: Use the comparison operators to reduce an expression to a boolean value. What are logical operators and how are they used?
  • SKILL: Use the logical operators to reduce an expression to a boolean value.

Becoming Efficient with Functions

A major topic we'll continue to expand on in the future is that of functions in JavaScript.

Read Duckett, Ch.3, pp.85--99 to learn more about functions.

Study Questions

  • What are functions?
  • What are parameters?
  • What is a return value?
  • SKILL: Declare both named and unnamed functions that include one or more parameters and return a value or variable.
  • SKILL: Call an existing function, with or without parameters.
  • What is variable scope?

Presentation and Demo

Watch this presentation and play along in the demo provided in CULearn. Use this handout to take notes.

Commit to Memory


  • true
  • false
  • function
  • return


String operators (concatenation)

  • +
  • +=

Comparison operators

  • >
  • >=
  • <
  • <=
  • ==
  • !=

Logical operators

  • ||
  • &&
  • xor
  • !


  • Declaring a function:

    function __1__(__2__) {
  • Calling a function:

  • The DRE all-in-one:

        // Stuff to do when document is loaded