Bringing text to life Agenda Questions about Visual Design exercises Finish Discussion of Conceptual Design Peer Review conceptual designs Team activities wCh 19 content Midterm project explanation ID: 499141
Download Presentation The PPT/PDF document "Visual design" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
Visual design
Bringing text to lifeSlide2
Agenda
Questions about Visual Design exercises
Finish Discussion of Conceptual Design
Peer Review conceptual designs
Team activities w/Ch 19 content
Midterm project explanation
Unit 3 forum post explanation
Next time...
Bring visual design files to the lab on Thursday. Part of the class will be devoted to completing this project
Research project pitch ideas and bring them to class. Part of the class will be spent on team discussion of project pitch ideas.Slide3
Conceptual Design aims to...
Identify the goals and expectations of
how
each audience type interacts with the design under different circumstances of use
Consider
how
will the new design transform the targeted activity
Account for
what
business needs are behind product development
Conceptual design answers the question:
What does this product/technical document do?Slide4
Conceptual Design & Persuasion
This type of document makes use of an implied persuasion and should
argue
that...
Your design’
s basic features match the needs of the client and the end-users.
Your team is technically competent, thorough, and careful to keep the clients’
interests (practical, financial, ethical, etc.) at the forefront.Your design is innovative, truly capable of transforming the social practice you target.Slide5
Using Conceptual Design approach
for visual design exercise part 2
Apply Conceptual Design to your web-page re-design assignment.
As you map out the changes you want to make on paper, be sure to incorporate design principles from
TCT
Ch.18, the Gestalt videos, the article: ”An Exploration of Website Redesigns: Tips & Examples,” and additional readings from this unit.
Use one of the suggested tools listed in the assignment description to transform your design concept into the re-design of the home page of a poorly organized web page.
Your final document should be 3-4 well-designed PDF pages that would be representative of how the new web page should look.
Use this naming convention:
LastName_Design2.pdfSlide6
Teamwork:
Putting CD into Practice
STEP 1:
Make screen shots of the home page of the website that you will redesign.
Save as PDFs.
Print or Display them.
STEP 2: Discuss the website’s design with your teamAsk team members how they would interact with this site.
Identify problematic design choices.Brainstorm ideas for change. STEP 3: Using Conceptual Design approach, map out on paper the proposed changes you want to make.Slide7
Putting CD into Practice cont. 2
STEP 4:
Examine content and create a document
shell
by outlining the document. (This outline may be modified or reorganized in step 5 below.)
STEP 5:
Find the natural divisions of information and create headings to group information together.
STEP 6: Establish a process for drafting that includes version control. (For example McCool_Design2_2.0)Slide8
Putting CD into Practice cont. 3
STEP 7:
Analyze the amount of information that must be changed
STEP 8:
Determine how the document is used by this particular information ecology.
STEP 9:
Incorporate
design principles from TCT Ch.18, the Gestalt videos, the article: ”An Exploration of Website Redesigns: Tips & Examples,” and additional readings from this unit. Slide9
Putting CD into Practice cont. 4
STEP 10:
Analyze information gleaned so far. What else do you need to know? Find out by...
Making a list of basic functionality & features for the current system in place – where are the obvious gaps between your user/client needs and this list?
Going over the list carefully to add detail from your CD work, then go over it again to separate out
implementation specific
details
STEP 11: Create a Prototype (We won’t actually do this part of the process b/c this is a simulated activity. However, if it were real, you would want a prototype.)Slide10
Prototypes
The Next Step in Iterative Design ApproachSlide11
What is a prototype?
A prototype is a physical representation of a design idea that the team wants user feedback on.
Users should be able to
do work
with the prototype so that the design idea it represents can be tested.Slide12
A prototype is not…
A model, diagram, or other conceptual artifact.
These are not very useful for getting real user feedback because they are
static
and not functional.Slide13
A prototype is also not…
A DEMO...
With a demo (short for demonstration), the designer does all the
work
, either by automating a sequence that gets played back…or by guiding users through a work sequence.Slide14
So…why prototype?
Prototypes allow the user to be the final arbiter of the design.
Consider the difference between the two approaches...
This...
Or this...
Design
..Design..Design..Design
use
Design
D
esign
D
esign Design
use
use
use
useSlide15
Prototyping allows you to…
Examine
your design ideas to see what will work for your users
Explore
how work practice will be supported (or not!) in the design
Discover
emergent work practicesObserve what the overall experience of the new work environment will offer Find
out if work processes (e.g. a known sequence) are coherent in the new systemInvolve users in the design process…Slide16
Using the evidence
There are three main ways you’ll use the information from prototyping...
To continually improve the design
To justify design decisions
To clarify issues for the implementation team
The final step in a project cycle is moving from prototype to finished product and the implementation of the new design.Slide17
Assignment: Visual Exercise Pt. 2
After you have finished reading this slide deck, go back to slides 12-16 and work through Steps 1-10.
Then, for Step 11—
the prototype
, modify this so that your PDF redesigns of the web homepage will represent what you would done if you were actually redesigning a website for an employer. Slide18
Teamwork:
Putting CD into Practice
STEP 1:
Make screen shots of the home page of the website that you will redesign.
Save as PDFs.
Print or Display them.
STEP 2: Discuss the website’s design with your teamAsk team members how they would interact with this site.
Identify problematic design choices.Brainstorm ideas for change. STEP 3: Using Conceptual Design approach, map out on paper the proposed changes you want to make.Slide19
Putting CD into Practice cont. 2
STEP 4:
Examine content and create a document
shell
by outlining the document. (This outline may be modified or reorganized in step 5 below.)
STEP 5:
Find the natural divisions of information and create headings to group information together.
STEP 6: Establish a process for drafting that includes version control. (For example McCool_Design2_2.0)Slide20
Putting CD into Practice cont. 3
STEP 7:
Analyze the amount of information that must be changed
STEP 8:
Determine how the document is used by this particular information ecology.
STEP 9:
Incorporate
design principles from TCT Ch.18, the Gestalt videos, the article: ”An Exploration of Website Redesigns: Tips & Examples,” and additional readings from this unit. Slide21
Peer Review of
Conceptual Designs
In your team, review each other’s conceptual designs.
Provide feedback in a shared Google doc or on a piece of paper using the principles and language of design from the videos,
weblinks
& Ch. 18,
TCT
.Each person should have comments from every team member.When finished, title the Googledoc with yourname_Cdpeerreview.Share it with me at
lbmccool@iastate.eduSlide22
Creating visuals to support text
Team Review & analysisSlide23
Directions
Create a new team Google doc.
Title it
yourteamname_TCTch19_activities
Work collaboratively to complete activities.
Assign roles (writing, research, editing, etc...)
PM should ensure that all team members are actively engaged Slide24
Guidelines for Using Graphics
Copyright
©
2012 Pearson Education, Inc.
Where Can Graphics Support the
Text?
List the
Four Guidelines for graphicsSlide25
Which of the following is
true of using graphics?
Copyright
©
2012 Pearson Education, Inc.
You should never edit photographs
Graphics can take the place of text
It can be helpful to hide information in graphicsNone of the aboveSlide26
Choose a Graphic That Fits the Story You Want to Tell.
Copyright
©
2012 Pearson Education, Inc.
Define each by its story and how data are displayed.
Line graphs
Bar charts
Tables Pie chartsFlowchartsGantt chartsSlide27
Which of the following shows relationships between variables?
Copyright
©
2012 Pearson Education, Inc.
Bar charts
Line graphs
Pie charts
Tables Slide28
Using Pictures, Drawings, and Screen Shots
Copyright
©
2012 Pearson Education, Inc.
What
is the purpose of
Photographs, Illustrations, and Screen shots in document design?Slide29
What is the “rule of thirds?”
Copyright
©
2012 Pearson Education, Inc.
Photographs should be grouped in threes to maintain consistency
No more than three graphics should be displayed on a page
Place the focal point of the picture where the top third of the picture begins
None of the aboveSlide30
Using Cross-Cultural Symbols
Copyright
©
2012 Pearson Education, Inc.
Symbols Can Convey Information
Across Cultures, but They May Be Misinterpreted
What are the Guidelines one should follow for creating symbols?Slide31
Using Video and Audio
Copyright
©
2012 Pearson Education, Inc.
How can a
technical communicator effectively use
Video in a
document/webpage?Explain why Audio, Podcasting, and Music can be useful in document/web design.Slide32
Sample graphics
Analyze the following charts/graphs using terms from Chapter 19 to support your analysis
.
Define the different types of charts and graphs by the story it tells and how data are displayed.
I
dentify the type of each chart or graph shown and the story it tells
Answer the question: How
well does each of the charts tell its story?Do the charts/graphs provide any explanatory text? If so, how does it contribute to the message?Slide33
Annual Report
Fiscal Year 2005 Annual Report
Quarter Ended
1
st
Qtr.
2
nd
Qtr.
3
rd
Qtr.
4
th
Qtr.
Total
Fiscal
year 2003
Revenue
$7,746
$8,541
$7,835
$8,065
$32,187
Gross profit
6,402
6,404
6,561
6,761
26,128
Net income
2,041
1,865
2,142
1,483
7,531
Basic earnings per share
0.19
0.17
0.2
0.14
0.7
Diluted earnings per share
0.19
0.17
0.2
0.14
0.69
Fiscal year 2004
Revenue
$8,215
$10,153
$9,175
$9,292
$36,835
Gross profit
6,735
7,809
7,764
7,811
30,119
Net income
2,614
1,549
1,315
2,690
8,168
Basic earnings per share
0.24
0.14
0.12
0.25
0.76
Diluted earnings per share
0.24
0.14
0.12
0.25
0.75
Fiscal year 2005
Revenue
$9,189
$10,818
$9,620
$10,161
$39,788
Gross profit7,7208,8968,2218,75133,588Net income2,5283,4632,5633,70012,254Basic earnings per share0.230.320.240.341.13Diluted earnings per share0.230.320.230.341.12Includes charges totaling $750 million (pre-tax) related to the Fabrikam settlement and $1.15 billion in impairments of investments. Includes stock-based compensation charges totaling $2.2 billion for the employee stock option transfer program. Includes charges totaling $756 million (pre-tax) related to Contoso subsidiaries and other matters.
Market Risk
Fiscal Year 2004
1
4
2
3Slide34
Market Summary Analysis
1
st
Year Sales Figures
Market Distribution
Financial Summary
Our perennial 3
rd
Quarter boost was larger than expected contributing to an exceptionally strong year. Distribution of sales across the geographic markets looks fairly steady.
Our new product line, released this year, is early in its adoption phase. We expect to see substantial revenue contribution from these products over the next two years.
5
6Slide35
Business Summary
Market Share by Division
Product Division
2002
2003
2004
2005
Electronics
10.3
%
12.1%
13.2%
17.0%
Consumer Goods
1.3%
2.3%
2.2%
2.7%
Services
12.0%
11.0%
8.9%
9.2%
Widget Sales
78.0%
82.3%
82.5%
84.0%
Installations
5.3%
7.9%
12.2%
15.1%
Percentages based on domestic comparison to competitors in directly related industries.
Percentages based on standing at the end of each fiscal year.
Values provided by a third party agency.
Organizational Structure
Business Process Model
Summary
This has been a pivotal year for the company in growth, but also development of our infrastructure and business processes. We’ll continue to focus on our internal systems over the next year.
Specific growth areas include
Electronics
where
Contoso
has seen as 6.7% increase in market share over the last three years. An area to monitor closely is the
Services
division where market share has dropped slightly.
7
8
9Slide36
The Midterm Project
Individual & Team workSlide37
Forum Post: Generating Ideas for the Midterm Project
Using Activity Theory, let’s consider ideas for the Midterm Proposal Project in terms of an
activity
and a
problem
.
For example,An activity:
Creating & submitting run reports to support emergency 911 callsA problem: How can EMTs more easily, accurately record patient information on emergency runs?Slide38
Identify Solution(s) & Audience
Solution
: Create a phone app for EMTs that tracks, records, and submits emergency run & patient information to the reporting agency.
Audience
: EMTs on emergency runs (and possibly other health related workers)Slide39
Ask Questions concerning
Action & activity
What would participants be doing when/if your proposal were accepted & implemented?
EMTs are busy going on EMT calls, taking patient history, administering care, documenting services
Why would participants be taking these actions?
These actions are part of their job description. It is what they
do.
How does patient info, documentation, etc. help them to provide care & transport for patients?Accurate patient information helps EMTs, doctors, nurses and other health professionals make wise decisions about patient care.Slide40
Create a Scenario
Identify participants, actions and activity that your team will target with your grant proposal.
Aim to transform a real social practice.
Use team collaboration to change the world…for the better!
Fit project within the time constraints of this course.Slide41
Prior Projects
Eyes for Iowa:
Organization to help children with CED
Fresh Food Pantry:
Community garden program
HELP:
Work program for Ethiopian refugees in Iowa.
All of these projects involve issues of...resourcesagencyaccessSkillASK:
Who benefits from the transformations your proposal recommends? How?Slide42
The Project Pitch
The basic problem Your Proposal AddressesSlide43
three
elements of The pitch
Problem
,
Objective
(s),
Benefit(s)Overriding Problem: The key problem your project intends to address or solve.Objectives:
What you plan to do to move from S1 (current situation) to S2 (proposed situation or desired results).Benefits: Those good things that will accrue to stakeholders while the project objective(s) are in the process of being achieved (i.e., as deliverables are completed) or after the project objective(s) have been achieved.Slide44
Unit 3 Forum Post
For your post in unit 3,
each
team member
should
prepare an idea for the team with all three elements (
Problem, Objective(s), and Benefit(s).Post your project pitch in the designated forum space for your team.For example, a RED team member would post his/her idea in the RED team forum space.Next, discuss and
choose
one idea from the suggested project pitches found on your Team’s forum space.Slide45
Midterm
Project completion
A Three-Phase ApproachSlide46
The Phases
Building block of the project
Ideas
Draft
ProposeSlide47
Methods
Key concepts and techniques
Ideas
Draft
Propose
Activity
Analysis
Contextual
Design
Final
ProductSlide48
Deliverables
Key Outcomes from each phase
Ideas
Draft
Propose
scenarios;
buy-in
Baseline logic;
themes;
buy-in
approvalSlide49
Facilitation
Activities to insure success
Ideas
Draft
Propose
Share w/ peers
Consultations
Share w/ peers
Consultations
Share w/peers
Review panelSlide50
Evaluation
Measures of Team Performance
Requirements
Design
Final Doc
Instructor
feedback
Team
Feedback
Instructor
FeedbackSlide51
What now?
Brainstorm to find project ideas.
Create a project pitch.
By Sunday 11:55 p.m., each individual should put the project pitch idea on the his/her team’s forum.
As soon as all team members have posted a project pitch to the forum, teams should begin discussing ideas to decide which one will fit this assignment.
Arrange a time to meet in person or virtually to discuss the project
Choose one of the ideas (group consensus) by the beginning of Unit 4.Slide52
Assignment Due Dates
By Sunday, Sept. 29 11:55 p.m. complete the following:
Unit 3 Quiz
Visual Design Exercise Parts 1 & 2
Project Pitch posted to
your team’s forum
space.
For example: the RED team posts to the RED team forum space on MOODLEFor Thursday’s class bring your files/laptops etc. for a workshop day to complete Visual design exercises 1 & 2I will be available for help & to answer questionsI will also be discussing the rubric I will use to grade these exercises.