8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
1/19
DISEÑO DE FORMULARIOS POR
COMPUTADORA
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
2/19
¿Qué son los formularios?
Los formularios son instrumntosim!ortants !ara "iri#ir l $urso "l
tra%a&o'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
6/19
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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%'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
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'
8/16/2019 6.1 Lineamientos para el diseño de formularios.pptx
19/19
TRAAO I/DI@IDUAL
Rsolu$i*n " las Pr#untas " R!aso Pa#' PDF
Top Related