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

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

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

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

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

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

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 …

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

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

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

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.

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?

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

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…

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

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