Scripting for IXD

Language in IxD

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

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.

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.

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

Keywords

• true
• false
• function
• return

Operators

String operators (concatenation)

• +
• +=

Comparison operators

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

Logical operators

• ||
• &&
• xor
• !

Snippets

• Declaring a function:

  function __1__(__2__) {
      __3__
  }

• Calling a function:

  __1__(__2__);

• The DRE all-in-one:

  $(document).ready(function(){
      // Stuff to do when document is loaded
  });