6.1 Lineamientos para el diseño de formularios.pptx

8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx

1/19

DISEÑO DE FORMULARIOS POR

COMPUTADORA


2/19

¿Qué son los formularios?

Los formularios son instrumntosim!ortants !ara "iri#ir l $urso "l

tra%a&o'


3/19

Linamintos !ara l

Dis(o " Pantallas Mantnr la sn$ill) " la !antalla' Mantnr $onsistnt la !rsnta$i*n

" la !antalla' Fa$ilitar l mo+iminto "l usuario

ntr las !antallas , !-#inas

"s!l#a"as' Crar !antallas atra$ti+as'


4/19

¿C.MO MA/TE/ER LASE/CILLE0 DE LA

PA/TALLA? La !antalla s*lo "% mostrar lo 1u sa

n$sario !ara m!rn"r una a$$i*n!arti$ular' 2345 " la info "% sr 6til7

Trs s$$ions " !antalla8› Su!rior8 !rsnta l n$a%)a"o 1u $ontin los

t9tulos "l soft:ar , " los ar$;i+os a%irtos< "mn6s "s!l#a%ls i$onos 1u rali)an taras

s!$9=$as'› M"ia8 El $ur!o " la !antalla s !u" usar !ara la ntra"a

" "atos , s or#ani)a " i)1uir"a a "r$;a , " arri%aa%a&o' S "%n !ro!or$ionar t9tulos instru$$ions 1ua,u"n al usuario a t$lar los "atos $orr$tos n l lu#ar$orrs!on"int'


5/19

› La tr$ra s$$i*n " la !antalla $orrs!on" a>los $omntarios , las instru$$ions>' Esta s$$i*n

!o"r9a "s!l#ar un mn6 $orto " $oman"os 1ul r$ur"an al usuario lmntos %-si$os'

Otra forma " mantnr la sn$ill)

" la !antalla s usar la a,u"asnsi%l al $ontto , otras+ntanas "s!l#a%ls'


6/19


7/19

¿C.MO MA/TE/ER CO/SISTE/CIAE/ LA PA/TALLA?

Si los usuarios st-n tra%a&an"o "s"los formularios im!rsos< las !antallas

"%n s#uir lo 1u s mustra n l!a!l' Las !antallas s !u"nmantnr $onsistnts al $olo$arinforma$i*n n la misma -ra $a"a +)

1u s a$$" una nu+a !antalla' Tam%ién< la informa$i*n rla$iona"al*#i$amnt s "% a#ru!ar " forma$onsistnt'


8/19

¿C.MO FACILITAR ELMO@IMIE/TO?

El tr$r linaminto !ara l "is(oa"$ua"o " !antallas s ;a$rlo f-$il

" mo+r " una !-#ina a otra' Lar#la " los trs $li$s "i$ 1u losusuarios "%n !o"r o%tnr las!-#inas 1u n$sitan $on s*lo trs

$li$s "l rat*n o "l t$la"o'


9/19

Otro méto"o $om6n !ara l

mo+iminto s 1u los usuarios tn#anla snsa$i*n " 1u s st-n mo+in"of9si$amnt a una !-#ina nu+a'›

Ds!la)aminto usan"o las $;as "las t$las " P#Dn 2A+ P-#7'› @ntanas mr#nts snsi%ls al

$ontto'› Di-lo#o n !antalla'


10/19

¿C.MO DISEÑAR U/APA/TALLA ATRACTI@A?

Las !antallas "%n atrar a losusuarios ;a$ia llos , "%n atra!ar su

atn$i*n'2+i"o< ima#n< "ifrnts ti!os " funts7 Us u&os l*#i$os n l "is(o " sus

!-#inas "s!l#a"as'


11/19

USO DE COLOR EN EL

DISEÑO DE PANTALLAS

Las $in$o $om%ina$ions m-s l#i%ls " untto n !rimr !lano so%r un fon"o son2m!)an"o $on la $om%ina$i*n m-s l#i%l78

B' /#ro so%r amarillo'' @r" so%r %lan$o'' A)ul so%r %lan$o'' lan$o so%r a)ul'

3' Amarillo so%r n#ro'

Los mnos l#i%ls son ro&o so%r +r" , a)ulso%r ro&o'


12/19

USO DE ICONOS EN EL

DISEÑO DE PANTALLAS

Los i$onos son r!rsnta$ions#r-=$as n !antalla 1u sim%oli)an las

a$$ions " la $om!uta"ora , 1u losusuarios !o"r9an sl$$ionar usan"o$ual1uir "is!ositi+os'


13/19

Linamintos !ara l "is(o" i$onos =$a$s

Las formas s "%n r$ono$r $onfa$ili"a"'

Los i$onos !ara una a!li$a$i*n!arti$ular s "%n limitara!roima"amnt a 4 =#urasr$ono$i%ls'

Us los i$onos " forma $onsistnt'

Los i$onos son 6tils si sonsi#ni=$ati+os'


14/19

DISEÑO DE U/ SITIO GE

Us ;rramintas !rofsionals Estu"i otros sitios G% Us los r$ursos 1u G% ofr$

Eamin los sitios G% " "is(a"ors!rofsionals

Us las ;rramintas 1u ;a a!rn"i"o Consult li%ros R+is al#unos &m!los !o%rs " !-#inas G% Ela%or sus !ro!ias !lantillas


15/19

Us !lu#Hins< au"io , +9"o $on mo"ra$i*n Dis( $on anti$i!a$i*n

B' Estru$tura'

' Contni"o'' Tto'' r-=$os'

3' Estilo " !rsnta$i*n'J' /a+#a$i*n'K' Promo$i*n'


16/19

ESTILO DE PRESENTACIÓN

Pro!or$ion una !antalla " ntra"a2tam%ién llama"a !-#ina " ini$io7 1uintro"u$ al +isitant al sitio G%'


17/19

La !-#ina s"% "is(ar

!ara $ar#arr-!i"amnt'Una r#la#nral 6til s"is(ar una!-#ina 1u$ar#ar- n Bs#un"os'

La !-#ina "

ini$io "%$ontnr +ariaso!$ions<!ar$i"o a un

mn6'


18/19

Mantn#a l n6mro " #r-=$os a un m9nimora)ona%l'

Para los t9tulos us funts #ran"s , $on $olor'

Us im-#ns , %otons intrsants !ara los+9n$ulos' Us ta%las !ara m&orar un "is(o' Us la misma ima#n #r-=$a n +arias !-#inas

G%' E+it l uso $si+o " anima$i*n< soni"o ,

otros lmntos'


19/19

TRAAO I/DI@IDUAL

Rsolu$i*n " las Pr#untas " R!aso Pa#' PDF

6.1 Lineamientos para el diseño de formularios.pptx

Documents

Transcript of 6.1 Lineamientos para el diseño de formularios.pptx