1. TC 310 The Computer in Technical Communication
Dr. Jennifer Turns
Week 2, Day 1 (3/20)

2. Getting ready for class…
Log on to E-portfolio
Publish your portfolio
Follow the link to your published portfolio

3. Day 3 By the end of class, students should be able to: What we’ll do…
Identify lessons acquired from PowerPoint assignment
Describe assignment 3, including the concept of a storyboard
Use Photoshop to construct a rudimentary storyboard
What we’ll do…
Discuss grading of assignment 1
Debrief from assignment 2
Discuss assignment 3
Introduce/explore Photoshop

4. Thoughts from Assignment 1
Overall: Great job!
Observations – Key Features:
Key features statement is very helpful to understand where you spent your time, your baseline ability
Ex 1: Challenges in moving the graphic around
Students didn’t always mention significant features
We should be shooting differentiation between key features, design rationale, and learning reflection (first time, all together)
Hints:
Length of Key Features: Consider focusing on 2-3 *key* features – shorter text will benefit you and me
Books in bibliographies: Italicize names of books in bibliography

5. Debriefing Sessions What is the value of a debriefing session?
The debriefing session is an opportunity to
See other potential solutions
Learn technology tricks
Hear about design strategies
Gain feedback from peers
Recognize/identify features of effective solutions
Get to know your colleagues

6. Debriefing – PowerPoint
In your teams*
Discuss the solutions of each group member
Discuss the following issues:
Did you know you can do “this” in PowerPoint…
What strategies were used to adapt to the audience?
What are some cautions when using PowerPoint?
What questions do you have at this point?
Post your team’s responses on E-Post
* The two two-person teams should consider working together on this discussion

7. Foreshadowing Assignment 3
What is a storyboard?
A series of images suggesting/illustrating how an interactive experience will transpire.
Where are storyboards used?
Marketing
Interface design …

8. Assignment 3 - Graphics Each student Within teams
Creates a two “page” storyboard, showing how a profile feature could be added to the organization’s website.
Within teams
Storyboards share text
Storyboards differ dramatically in other respects

9. Graphics and Photoshop
Tutorial 2 (Thursday)
More thorough overview of Photoshop
Discussion of graphics concepts
Additional resources

10. Tutorial 1 Assignment-specific use of Photoshop
Explore the following in Adobe Photoshop:
Interface
Layers
Selecting / Copying / Cutting / Moving Items
Creating Text
These activities have the following goals:
Provide you with ideas for next assignment
Raise your awareness of possibilities
Engender questions that will promote broader, deeper, and richer learning
Increase your effectiveness with using the help system

11. Tutorial 1 – A Challenge
The university has asked you to help them visualize the impact of a couple of change to their website: (a) modifications to the background for all pages and (b) adding a label to the “utility links” area. One way to explore changes to a website is by copying website images into Photoshop and then using Photoshop selection, layers, text, and graphic features to implement the changes. In this exercise, we will use Photoshop to create a storyboard illustrating such a modified site.

12. Tutorial 1 – Explore End Product
Open the photoshop file “UW-Storyboard.psd”
Explore the file
Quick orientation to Layers
Experiment with “turning the layers off and on”
Discuss
How does this file constitute a storyboard?
Why is it useful to have the utility links and background on separate layers?

13. Tutorial 1 - Demo Getting started One layer per page
Background layer modifications
Utility link modifications
Exploring final storyboard

14. Tutorial 1 – Your turn Create the revised UW storyboard Suggestions
Use Photoshop
Follow the tutorial instructions
Suggestions
Work with a partner
Explore
Help others
Identify questions…

15. Day 3 By the end of class, students should be able to: What we’ll do…
Identify lessons acquired from sharing PowerPoint solutions
Describe assignment 3, including the concept of a storyboard
Use Photoshop to construct a rudimentary storyboard
What we’ll do…
Discuss grading of assignment 1
Debrief from assignment 2
Discuss assignment 3
Introduce/explore Photoshop

16. Looking Ahead Due Dates Next Class Assignment 3 Includes:
Monday (4/14)
By class
Includes:
Solution
Key Features
Design Rationale
Learning Reflection
Next Class
Focus on Photoshop
Selection tools
Filters
Sizes
More survey results