chapter 11-written report

7/24/2019 Chapter 11-Written Report

1/20

20

CHAPTER11:

Designing

EfectiveOutput

(WRITTEN REPORT)

Submitte b!:

pg. 1


2/20

20

A""#uig#n$ %emm#&! E'C&istb#"$ &isteen *'

*#b#"n$ I#n# C+&iste""e ,'

S#c"$ %#nn -',SA ./.

LEARNING OBJECTIVES:

1. Understand the object!es "or e""ect!e o#t$#t des%n.

&. Re'ate o#t$#t contents to o#t$#t (ethods nsde and o#tsde the

or%an)aton.

*. Rea')e ho+ o#t$#t bas a""ects #sers.

,. -es%n ds$'a o#t$#t.

/. -es%n dashboards0 +d%ets and %ad%ets.. -es%n a +eb "or eco((erce.

O#t$#t Is n"or(aton de'!ered to #sers thro#%h the n"or(aton sste(

b +as o" ntranets0 e2tranets or the 3or'd 3de 3eb.

Can ta4e (an "or(s s#ch as hard co$ o" $rnted "'es0 so"tco$0a#do and !deo o#t$#t.

One +a o" e!a'#atn% the c#rrent sste(.

S2 Object!es n -es%nn% O#t$#t1. -es%nn% o#t$#t to ser!e ntended $#r$ose

A'' o#t$#ts sho#'d ha!e $#r$ose. -#rn% the n"or(aton

re5#re(ents deter(naton $hase o" ana'ss0 the sste(s ana'st "nds

o#t +hat #ser and or%an)atona' $#r$ose e2st.&. -es%nn% o#t$#t to "t the #ser.

3th a 'ar%e n"or(aton sste( ser!n% (an #sers "or (an

d""erent $#r$oses0 t s o"ten d""c#'t to $ersona')e o#t$#t.

*. -e'!ern% the a$$ro$rate 5#antt o" o#t$#t

pg. 2


3/20

20

6art o" tas4 o" des%nn% o#t$#t s decdn% +hat 5#antt o" o#t$#t

s correct "or #sers. No one s ser!ed " e2cess n"or(aton s %!en on'

to "'a#nt the ca$ab'tes o" the sste(.

,. 7a4n% s#re the o#t$#t s +here t s needed

O#t$#t s o"ten $rod#ced at one 'ocaton and then dstrb#ted to the#ser. To be #sed and #se"#'0 o#t$#t (#st be $resented to the r%ht #ser.

/. 6ro!dn% the o#t$#t on t(e

One o" the (ost co((on co($'ants o" #sers s that the do not

rece!e n"or(aton n t(e to (a4e necessar decsons.

. Choosn% the r%ht o#t$#t (ethod

7#ch o#t$#t no+ a$$ears on ds$'a screens0 and #sers ha!e the

o$ton o" $rntn% t o#t.

RELATING OUTPUT CONTENT TO OUTPUT

METHODE8TERNAL OUT6UTS VS INTERNAL OUT6UTS9-""ers n ts dstrb#ton0 des%n and a$$earance

96'aced on $re9$rnted "or(s or +eb stes

9Inc'#de !aro#s re$orts to decson (a4ers

9Ran%e "ro( short s#((ar re$orts to 'en%th deta'ed re$orts

OUT6UT TECNOLOGIES

pg. 3


4/20

20

PRINTERS

To%ether +th the #sers0 the sste(s ana'st (#st deter(ne the $#r$ose

o" the $rnter.

THREE KEY FACTORS OF PRINTERS TO KEEP INMIND:1. Re'ab't

&. Co($atb't +th so"t+are and hard+are

*. 7an#"act#rer s#$$ort

pg. 4


5/20

20

DISPLAYS AS OUTPUT-Allows the user to h!"#e out$ut %"&or'!t%o" %" re!l t%'e e%ther

throu#h (elet%o") !((%t%o" or 'o(%&%!t%o"

-Per'%ts re*%ew o& store( out$ut throu#h !ess to "etwor+ !"( the

(%s$l!, o& %te's &ro' ! rele*!"t (!t!!se

VI-EO0 AU-IO AN- ANI7ATION Vdeo s a co($'e2 "or( o" o#t$#t0 as t co(bnes the stren%th and

$otenta' e(otona' ($act o" a#do +th !s#a' channe'

A#do o#t$#t s sad to be the o$$oste o" $rnted o#t$#t. So#nds cana'so enhance a $resentaton.

A#do n$#t (#st be scr$ted nto +e''9des%ned and c'ear9se5#enced

"or the c#sto(ers

An(aton o#t$#t that can be #sed to enhance a 3eb ste or

$resentaton

pg. 5


6/20

20

C-9RO7s AN- -V-s 3th the de(and "or (#'t(eda o#t$#t %ro+n%0 the ds$'a o"

(atera's on C-9RO7s has beco(e +des$read

C-9RO7sCo'$!t (%s-Re!( O"l, Me'or,

Co"t!%"s oo+s) $%tures or o'$uter $ro#r!'s store( %" ! &or'

th!t !""ot e h!"#e(

D.D -%ta' !ersat'e dsc

pg. 6


7/20

20

Co($#ter ds4 that contans a 'ar%e a(o#nt o" n"or(aton ;s#ch as

(o!es1. 3ho +'' #se the ;see< the o#t$#t?

&. o+ (an $eo$'e need the o#t$#t?

*. 3here s the o#t$#t needed?

,. 3hat s the $#r$ose o" the o#t$#t?

/. 3hat s the s$eed +th +hch o#t$#t s needed?. o+ "re5#ent' +'' the o#t$#t be accessed?

@. o+ 'on% +'' ;or (#st< the o#t$#t be stored?

. Under +hat s$eca' re%#'atons s the o#t$#t $rod#ced0 stored

and dstrb#ted?

. 3hat are the nta' and on%on% costs o" (antenance and

s#$$'ers?

1. 3hat are the h#(an en!ron(enta' re5#re(ents "or o#t$#t

techno'o%es?

Rea')n% o+ O#t$#t Bas A""ects Users

Reco%n)n% Bas n the 3a O#t$#t Is Used

pg. 7


8/20

20

6resentatons o" o#t$#t are #nntentona'' based n * (an +as:1. o+ n"or(aton s stored

&. Settn% o" acce$tab'e '(ts

*. Choce o" %ra$hcs

A!odn% Bas n the -es%n o" O#t$#t1. Be a+are o" the so#rces o" bas.

&. Create an nteract!e de%n o" o#t$#t d#rn% $rotot$n% that

nc'#des #sers and a !aret o" d""erent' con"%#red sste(s +hen

testn% the a$$earance o" +eb doc#(ents.

*. 3or4 +th #sers so that the are n"or(ed o" the o#t$#tDs bases

and can reco%n)e the ($'catons o" c#sto()n% ther ds$'as.

,. Create o#t$#t that s "'e2b'e and that a''o+s #sers to (od" '(tsand ran%es.

/. Tran #sers to re' on (#'t$'e o#t$#ts "or cond#ctn% rea't test

on sste( o#t$#ts.

Re$orts "a'' nto three cate%ores:

1. -eta'ed re$orts $rnt a re$ort 'ne "or e!er record on the (aster

"'e.

&. E2ce$tons re$ort $rnt a 'ne "or a'' records that (atch a set o"condton.

*. S#((ar re$orts $rnt one 'ne "or a %ro#$ o" records.

G#de'nes "or 6rnted Re$ort -es%n Re$ort des%n con!entons

9 constant n"or(aton

9 !arab'e n"or(aton

$a$er 5#a't0 t$e and s)e des%n consderatons

"#nctona' attrb#tes

DESIGNING OUTPUT FOR DISPLAYS

pg. 8


9/20

20

Gu%(el%"es &or D%s$l!, Des%#"=o#r %#de'nes "ac'tate the des%n o" ds$'as:

/0 Fee$ the ds$'a s($'e.

10 Fee$ the $resentaton consstent.

20 =ac'tate #ser (o!e(ent a(on% ds$'aed o#t$#t.30 Create an attract!e and $'easn% ds$'a

Us%"# Gr!$h%!l Out$ut %" Sree" Des%#"Gra$hca' o#t$#t can be $o+er"#'. It s (#ch easer to dent" a trend or

notce a $attern +hen

pg. 9


10/20

20

the r%ht %ra$h s ds$'aed. 7ost $eo$'e notce d""erences n %ra$hs

(ore eas' than the notce

d""erences n tab'es.

In des%nn% %ra$hca' o#t$#t0 the sste(s ana'st and an #sersn!o'!ed n des%n $rotot$n%

(#st deter(ne

;1< the $#r$ose o" the %ra$h0

;&< the 4nd o" data that need to be ds$'aed0

;*


11/20

20

4%(#ets !"( G!(#ets5Ch!"#%"# the Des+to$ Met!$hor

3d%ets ;as the are ca''ed b >ahooH


12/20

20

DESIGNING A 4E6 SITEGe"er!l Gu%(el%"es &or Des%#"%"# 4e S%tes

/0 USE PROFESSIONAL TOOLS -Use so"t+are ca''ed a 3eb

edtor s#ch as Adobe -rea(+ea!er or 7croso"t E2$resson 3eb.

10 STUDY OTHER 4E6 SITES - Loo4 at 3eb stes o# and other

#sers thn4 are en%a%n%. Ana')e +hat des%n e'e(ents are ben%

#sed and see ho+ the are "#nctonn%0 then tr to e(#'ate +hat

o# see b creatn% $rotot$e $a%es.

pg. 12


13/20

20

20 USE THE RESOURCES THAT THE 4E6 HAS TO OFFER0

Loo4 at 3eb stes that %!e hnts on des%n. One s#ch ste s

#set.co(.

30 E7AMINE THE 4E6 SITES OF PROFESSIONAL

DESIGNERS0 As o# 'oo4 at $ro"essona'' des%ned

$a%es0 as4 o#rse'"0 3hat +or4s? 3hat doesnDt +or4? In +hat +as

can #sers nteract +th the ste?K

80 USE THE TOOLS YOU9.E LEARNED - >o# (%ht +ant to

#se co$es o" the "or( to he'$ o# co($are and contrast the (an

3eb stes o# +'' !st as o# %o abo#t 'earnn% 3eb $a%e des%n.

pg. 13


14/20

20

0 CONSULT THE 6OOKS- So(ethn% that can add to o#re2$ertse n ths ne+ "e'd s to read abo#t 3eb des%n.

;0 LOOK AT SOME POOR E7AMPLES OF 4E6 PAGES)

TOO- Crt5#e $oor 3eb $a%es and re(e(ber to a!od those

(sta4es.


15/20

20

=0 USE PLUG-INS) AUDIO) AND .IDEO .ERY SPARINGLY0 It

s +onder"#' to ha!e "eat#res that the $ro"essona' $a%es ha!e0 b#t

re(e(ber that e!erone 'oo4n% at o#r ste doesnDt ha!e e!er

ne+ $'#%9n. -onDt dsco#ra%e !stors to o#r $a%e.

/>0 PLAN AHEAD0 Good 3eb stes are +e'' tho#%ht o#t. 6a

attenton to the "o''o+n%:

A). Structure9 6'annn% the str#ct#re o" a 3eb ste s one o" the (ost

($ortant ste$s n de!e'o$n% a $ro"essona' 3eb ste. Thn4 abo#t o#r

%oa's and object!es. Each $a%e n the o!era'' 3eb

str#ct#re sho#'d ha!e a dstnct (essa%e or other re'ated n"or(aton.

So(et(es t s #se"#' to e2a(ne $ro"essona' stes to ana')e the( "orcontent and "eat#res.

B). Content9 6ro!de so(ethn% ($ortant to 3eb ste #sers. E2ctn%

an(aton0 (o!es0 and so#nds are "#n0 b#t o# ha!e to nc'#de

a$$ro$rate content to 4ee$ the #ser nterested. ?St%+%"ess@s a 5#a't

pg. 15


16/20

20

a 3eb ste can $ossess. E!er 3eb ste sho#'d nc'#de an FA

BFreue"tl, As+e( uest%o"s$a%e.

C). Text9 Re(e(ber that te2t s ($ortant0 too. Each 3eb $a%e sho#'d

ha!e a tt'e. 6'ace (eann%"#' +ords n the "rst sentence a$$earn% ono#r 3eb $a%e. Let $eo$'e 4no+ that the ha!e ndeed na!%ated to the

r%ht 3eb ste. C'ear +rtn% s es$eca'' ($ortant.

D). Graphics-The "o''o+n% 'st $ro!des deta's abo#t creatn%

e""ect!e %ra$hcs "or 3eb stes:

/0 Use one o" the (ost co((on' #sed (a%e "or(ats0 J6EG or GI=.

J6EGs are best "or $hoto%ra$hs0 and GI=s are best "or art+or4 (a%es.GI=s are '(ted to &/ co'ors b#t (a nc'#de a trans$arent

bac4%ro#nd0 $2e's that a''o+ the bac4%ro#nd to sho+ thro#%h the GI=

(a%e. GI= (a%es (a a'so be nter'aced0 (eann% that the 3eb

bro+ser +'' sho+ the (a%e n s#ccess!e sta%es0 $resentn% a c'earer

(a%e +th each sta%e.

10 Fee$ the bac4%ro#nd s($'e and (a4e s#re #sers can read the te2t

c'ear'. 3hen #sn% a bac4%ro#nd $attern0 (a4e s#re that o# can seethe te2t c'ear' on to$ o" t.

20 Create a "e+ $ro"essona'9'oo4n% %ra$hcs "or #se on o#r $a%es.

30 Fee$ %ra$hc (a%es s(a''0 and re#se b#''et or na!%atona' b#ttons

s#ch as BACF0 TO60 E7AIL0 and NE8T. These (a%es are stored n a

cache0 an area on the bro+sn% co($#terDs hard dr!e. Once an (a%e

has been rece!ed0 t +'' be ta4en "ro( the cache +hene!er t s #sed

a%an. Usn% cached (a%es ($ro!es the s$eed +th +hch a bro+sercan 'oad a 3eb $a%e.

80 Inc'#de te2t n +hat s ca''ed a tt'e attrb#te "or (a%es and (a%e hot

s$ots. The te2t ds$'as +hen the #ser (o!es the (o#se o!er the (a%e.

pg. 16


17/20

20

An a't attrb#te $ro!des te2t "or screen readers and s essenta' to

s#$$ort 3eb accessb't "or !s#a'' ($ared ste !stors.

0 E2a(ne o#r 3eb ste on a !aret o" ds$'as and screen

reso'#tons. Scenes and te2t that 'oo4 %reat on a h%h9end !deo ds$'a

(a not 'oo4 %ood to others +th $oorer95#a't e5#$(ent.

E). Presentation style-The "o''o+n% 'st %!es added deta's abo#t ho+

to des%n en%a%n% entr ds$'as "or 3eb stes:

/0 6ro!de an entr ds$'a ;a'so ca''ed a ho(e $a%e< that ntrod#ces the

!stor to the 3eb ste. The $a%e (#st be des%ned to 'oad 5#c4'. A

#se"#' r#'e o" th#(b s to des%n a $a%e that +'' 'oad n 1, seconds.

;A'tho#%h o# (a be des%nn% the $a%e on a +or4staton at the#n!erst0 a !stor to o#r 3eb ste (a be accessn% t "ro( ho(e.

chapter 11-written report

Documents