INSTITUTO SUPERIOR TECNOLÓGICO “RUMIÑAHUI” CARRERA DE SISTEMAS ANÁLISIS DE SISTEMA
DEBER TEMA: ESTÁNDARES Y GUÍAS DE ESTILOS GUI
ELABORADO POR: CURSO Y SECCIÓN
SANGOLQUÍ, 12 DE AGOSTO AGOSTO DEL 2014
PRINCIPIOS GENERALES DE LA INTERFAZ A continuacin !" #$"!"nta$%n &o! "!t%n'a$"! (u" !" )an '"*ini'o #a$a &a Int"$*a+ G$%*ica '" U!ua$io '"& Si!t"a '" Siu&acin '" Co$t"! ALRA-. E!(u"a '" &a #anta&&a #$inci#a& La /"ntana #$inci#a& t"n'$% 'o! +ona! "& %$"a '" oton"! G$%*ico! "& %$"a '" C&i"nt".
•
•
•
•
En "& %$"a '" oton"! G$%*ico! i$%n &o! 3oton"! '" &a! #$inci#a&"! *unciona&i'a'"! '"& !i!t"a. E& %$"a C&i"nt" !i"#$" 3u!ca$% #$"!"nta$!" '" *o$a inia&i!ta, !o&o o!t$a'o! &a! o#cion"! (u" $"a&"nt" !on n"c"!a$ia! "n "!" o"nto. La! /"ntana! #a$a *uncion"! "!#"c*ica! no cont"n'$%n un %$"a '" "n5, !i no una 3a$$a '" 3oton"! con cono! '"!c$i#ti/o! /i!ua&"nt" a6$a'a3&"!. S" )a$% u!o "7t"n!i/o '" #an"&"! (u" !" i$%n !u#"$#oni"n'o uno a uno #a$a "/ita$ &a canti'a' '" /"ntana! ""$6"nt"!.
E!#"ci*icacin '" co&o$"! Lo! co&o$"! (u" !" uti&i+a$%n "n &a! /"ntana! "!ta$%n 3a!a'o! "n "& !i6ui"nt" "!(u"a E!#"ci*icacin '" Co&o$"! Ca$act"$!tica
E!t%n'a$
Co&o$ '" *on'o '" /"ntana!
RG 891,9:,;9<
Co&o$ '" *u"nt"!
RG 8209, 202, 209<
E!#"ci*icacin '" *u"nt"! La *u"nt" (u" !" uti&i+a$%n !"$% Luci'a G$an'", "n "!ti&o o&' no$a& taa=o '" 12 #unto! M$ia' >$o, "n "!ti&o S"io&' taa=o 1?.
Principi! p"r" #$ Di!#% In'#r("c#! U!)"ri
E7i!t"n #$inci#io! $"&"/ant"! #a$a "& 'i!"=o " i#&""ntacin '" IU, a !"a #a$a &a! IU 6$%*ica!, coo #a$a &a @"3.
An'icip"ci*n La! a#&icacion"! '"3"$an int"nta$ antici#a$!" a &a! n"c"!i'a'"! '"& u!ua$io no "!#"$a$ a (u" "& u!ua$io t"n6a (u" 3u!ca$ &a in*o$acin, $"co#i&a$&a o in/oca$ &a! )"$$ai"nta! (u" /a a uti&i+a$
A)'n+," La co#uta'o$a, &a IU "& "nto$no '" t$a3ao '"3"n "!ta$ a 'i!#o!icin '"& u!ua$io. S" '"3" 'a$ a& u!ua$io "& a3i"nt" *&"7i3&" #a$a (u" #u"'a a#$"n'"$ $%#i'a"nt" a u!a$ &a a#&icacin. Sin "3a$6o, "!t% co#$o3a'o (u" "& "nto$no '" t$a3ao '"3" t"n"$ ci"$ta! cota!, "! '"ci$, !"$ "7#&o$a3&" #"$o no a+a$o!o. E! i#o$tant" uti&i+a$ "cani!o! in'ica'o$"! '" "!ta'o '"& !i!t"a (u" ant"n6an a &o! u!ua$io! a&"$ta! " in*o$a'o!. No #u"'" "7i!ti$ autonoa "n au!"ncia '" cont$o&, "& cont$o& no #u"'" !"$ ""$ci'o !in in*o$acin !u*ici"nt". A'"%!, !" '"3" ant"n"$ in*o$acin '"& "!ta'o '"& !i!t"a "n u3icacion"! *%ci&"! '" /i!ua&i+a$.
P#rc#pci*n $ C$r Aun(u" !" uti&ic"n con/"ncion"! '" co&o$ "n &a IU, !" '"3"$an u!a$ ot$o! "cani!o! !"cun'a$io! #a$a #$o/""$ &a in*o$acin a a(u"&&o! u!ua$io! con #$o3&"a! "n &a /i!ua&i+acin '" co&o$"!
-"$r#! pr D#(#c' No !" '"3" uti&i+a$ &a #a&a3$a BD"*"ctoB "n una a#&icacin o !"$/icio. >u"'" !"$ $""#&a+a'a #o$ BE!t%n'a$B o BD"*ini'a #o$ "& U!ua$ioB, BR"!tau$a$ a&o$"! Inicia&"!B o a&65n ot$o t$ino "!#"ci*ico (u" '"!c$i3a &o (u" "!t% !uc"'i"n'o. Lo! /a&o$"! #o$ '"*"cto '"3"$an !"$ o#cion"! int"&i6"nt"! !"n!ata!. A'"%!, &o! i!o! ti"n"n (u" !"$ *%ci&"! '" o'i*ica$.
Cn!i!'#nci" >a$a &o6$a$ una ao$ con!i!t"ncia "n &a IU !" $"(ui"$" #$o*un'i+a$ "n 'i*"$"nt"! a!#"cto! (u" "!t%n cata&o6a'o! "n ni/"&"!. S" $"a&i+a un o$'"nai"nto '" ao$ a "no$ con!i!t"ncia
In'#rpr#'"ci*n $ c+pr'"+i#n' $ )!)"ri: &a IU '"3" co#$"n'"$ "& !i6ni*ica'o (u" &" at$i3u" un u!ua$io a ca'a $"(u"$ii"nto. E"#&o ant"n"$ "& !i6ni*ica'o '" &a! &o! coan'o! a3$"/ia'o! 8!)o$tcutF"!< '"*ini'o! #o$ "& u!ua$io.
E!'r)c')r"! in.i!i/$#!: !" $"(ui"$" una '"*inicin c&a$a '" &a! i!a!, a (u" !ino "& u!ua$io nunca #o'$a &&"6a$ a '"!cu3$i$ !u u!o. E"#&o &a a#&iacin '" /"ntana! "'iant" &a "7t"n!in '" !u! 3o$'"!. P#0)#%"! #!'r)c')r"! .i!i/$#!: !" #u"'" "!ta3&"c"$ un conunto '" o3"to! /i!i3&"! ca#ac"! '" !"$ cont$o&a'o! #o$ "& u!ua$io, (u" #"$itan a)o$$a$ ti"#o "n &a ""cucin '" ta$"a! "!#"c*ica!. E1#+p$: cono o 3otn #a$a i#$"!in.
Un" !$" "p$ic"ci*n !#r.ici: &a IU #"$it" /i!ua&i+a$ a &a a#&icacin o !"$/icio uti&i+a'o coo un co#on"nt" 5nico. E1#+p$: La IU '"!#&i"6a un 5nico "n5, #u'i"n'o a'"%! acc"'"$ a& i!o "'iant" coan'o! a3$"/ia'o!. Un cn1)n' "p$ic"cin#! !#r.ici!: &a IU /i!ua&i+a a &a a#&icacin o !"$/icio uti&i+a'o coo un conunto '" co#on"nt"!. E"#&o La IU !" #$"!"nta coo un conunto '" 3a$$a! '" coan'o! '"!#&"6a'a! "n 'i*"$"nt"! &u6a$"! '" &a #anta&&a, #u'i"n'o !"$ '"!acti/a'a! "n *o$a in'"#"n'i"nt". Cn!i!'#nci" $ "+/i#n'#: &a IU !" anti"n" "n conco$'ancia con "& a3i"nt" '" t$a3ao. E"#&o La IU uti&i+a o3"to! '" cont$o& coo "n5"!, 3oton"! '" coan'o! '" an"$a an%&o6a a ot$a! IU (u" !" u!"n "n "& a3i"nt" '" t$a3ao. Cn!i!'#nci" $" p$"'"(r+": La IU "! conco$'ant" con &a #&ata*o$a. E"#&o La IU ti"n" un "!(u"a 3a!a'o "n /"ntana!, "& cua& "! aco$'" a& an"o '"& !i!t"a o#"$ati/o @in'oH!.
La incon!i!t"ncia "n "& co#o$tai"nto '" co#on"nt"! '" &a IU '"3" !"$ *%ci& '" /i!ua&i+a$. S" '"3" "/ita$ &a uni*o$i'a' "n &o! co#on"nt"! '" &a IU. Lo! o3"to! '"3"n !"$ con!i!t"nt"! con !u co#o$tai"nto. Si 'o! o3"to! act5an "n *o$a 'i*"$"nt", '"3"n &uci$ 'i*"$"nt"!. La 5nica *o$a '" /"$i*ica$ !i &a IU !ati!*ac" &a! "7#"ctati/a! '"& u!ua$io "! "'iant" t"!t"o.
E(ici#nci" $ U!)"ri S" '"3" con!i'"$a$ &a #$o'ucti/i'a' '"& u!ua$io ant"! (u" &a #$o'ucti/i'a' '" &a %(uina. Si "& u!ua$io '"3" "!#"$a$ &a $"!#u"!ta '"& !i!t"a #o$ un #"$o'o #$o&on6a'o, "!ta! #$'i'a! '" ti"#o !" #u"'"n con/"$ti$ "n #$'i'a! "conica! #a$a &a o$6ani+acin. Lo! "n!a"! '" au'a '"3"n !"$ !"nci&&o! #$o/""$ $"!#u"!ta! a &o! #$o3&"a!. Lo! "n5"! "ti(u"ta! '" 3oton"! '"3"$an t"n"$ &a! #a&a3$a! c&a/"! '"& #$oc"!o.
L#2 Fi'' E& ti"#o #a$a a&can+a$ un o3"ti/o "! una *uncin '" &a 'i!tancia taa=o '"& o3"ti/o. E! #o$ "&&o, (u" "! con/"ni"nt" u!a$ o3"to! 6$an'"! #a$a &a! *uncion"! i#o$tant"!.
In'#r("c#! E3p$r"/$#! Si"#$" (u" !"a #o!i3&" !" '"3" #"$iti$ (u" "& u!ua$io #u"'a !a&i$ %6i&"nt" '" &a IU, '"an'o una a$ca '"& "!ta'o '" a/anc" '" !u t$a3ao, #a$a (u" #u"'a continua$&o "n ot$a o#o$tuni'a'. >a$a a(u"&&o! u!ua$io! (u" !"an no/"&"! "n "& u!o '" &a a#&icacin, !" '"3"$% #$o/""$ '" 6ua! #a$a $"a&i+a$ ta$"a! (u" no !"an )a3itua&"!.E! con/"ni"nt" (u" "& u!ua$io #u"'a inco$#o$a$ "&""nto! /i!ua&"! "!ta3&"! (u" #"$itan, no !o&a"nt" un '"!#&a+ai"nto $%#i'o a ci"$to! #unto! '"& t$a3ao (u" "!t $"a&i+an'o, !ino ta3in un !"nti'o '" Bca!aB o #unto '" #a$ti'a. La IU '"3" #o'"$ $"a&i+a$ &a in/"$!a '" cua&(ui"$ accin (u" #u"'a &&"6a$ a !"$ '" $i"!6o, '" "!ta *o$a !" a#oa a& u!ua$io a "7#&o$a$ "& !i!t"a !in t"o$"!. Si"#$" !" '"3" conta$ con un coan'o BD"!)ac"$B. E!t" !u#$ii$% &a n"c"!i'a' '" t"n"$ (u" conta$ con 'i%&o6o! '" con*i$acin #a$a ca'a accin (u" $"a&ic" "n !i!t"a. E& u!ua$io '"3" !"nti$!" !"6u$o '" #o'"$ !a&i$ '"& !i!t"a cuan'o &o '"!"". E! #o$ "&&o (u" &a IU '"3" t"n"$ un o3"to *%ci& '" acciona$ con "& cua& #o'"$ *ina&i+a$ &a a#&icacin.O3"to! '" Int"$*a+ uana. Lo! o3"to! '" int"$*a+ )uana no !on n"c"!a$ia"nt" &o! o3"to! (u" !" "ncu"nt$an "n &o! !i!t"a! o$i"nta'o! a o3"to!. E!to! #u"'"n !"$ /i!to!, "!cuc)a'o!, toca'o! o #"$ci3i'o! '" a&6una *o$a. A'"%!, "!to! o3"to! '"3"$an !"$ "nt"n'i3&"!, con!i!t"nt"! "!ta3&"!.
U! M#'4(r"! La! 3u"na! "t%*o$a! c$"an *i6u$a! "nta&"! *%ci&"! '" $"co$'a$. La IU #u"'" cont"n"$ o3"to! a!ocia'o! a& o'"&o conc"#tua& "n *o$a /i!ua&, con !oni'o u ot$a ca$act"$!tica #"$c"#ti3&" #o$ "& u!ua$io (u" au'" a !i#&i*ica$ "& u!o '"& !i!t"a.
C)r." Apr#n&i5"1# E& a#$"n'i+a" '" un #$o'ucto !u u!a3i&i'a' no !on utua"nt" "7c&u"nt"!. E& i'"a& "! (u" &a cu$/a '" a#$"n'i+a" !"a nu&a, (u" "& u!ua$io #$inci#iant" #u"'a a&can+a$ "& 'oinio tota& '" &a a#&icacin !in "!*u"$+o.
R#&)cci*n L"'#nci" Si"#$" (u" !"a #o!i3&", "& u!o '" t$aa! 8u&tit)$"a'in6< #"$it" co&oca$ &a &at"ncia "n !"6un'o #&ano 83acF6$oun'<. La! tcnica! '" t$a3ao u&tita$"a #o!i3i&itan "& t$a3ao
inint"$$u#i'o '"& u!ua$io, $"a&i+an'o &a! ta$"a! '" t$an!i!in co#utacin '" 'ato! "n !"6un'o #&ano.
Pr'#cci*n $ Tr"/"1 S" '"3" #o'"$ a!"6u$a$ (u" "& u!ua$io nunca #i"$'a !u t$a3ao, a !"a #o$ "$$o$ '" !u #a$t", #$o3&"a! '" t$an!i!in '" 'ato!, '" "n"$6a, o a&6una ot$a $a+n in"/ita3&".
A)&i'r," $ Si!'#+" La ao$a '" &o! na/"6a'o$"! '" Int"$n"t 83$oH!"$!<, no anti"n"n in*o$acin ac"$ca '" &a !ituacin '"& u!ua$io "n "& "nto$no, #"$o #a$a cua&(ui"$ a#&icacin "! con/"ni"nt" conoc"$ un conunto '" ca$act"$!tica! ta&"! coo )o$a '" acc"!o a& !i!t"a, u3icacin '"& u!ua$io "n "& !i!t"a &u6a$"! a &o! (u" )a acc"'i'o, "nt$" ot$o!. A'"%!, "& u!ua$io '"3"$a #o'"$ !a&i$ '"& !i!t"a a& /o&/"$ a in6$"!a$ continua$ t$a3aan'o "n &u6a$ 'n'" )a3a '"a'o.
L#6i/i$i&"& >a$a (u" &a IU *a/o$"+ca &a u!a3i&i'a' '"& !i!t"a '" !o*tHa$", &a in*o$acin (u" !" "7)i3a "n "&&a '"3" !"$ *%ci& '" u3ica$ &""$. >a$a &o6$a$ o3t"n"$ "!t" $"!u&ta'o !" '"3"n t"n"$ "n cu"nta a&6una coo "& t"7to (u" a#a$"+ca "n &a IU '"3"$a t"n"$ un a&to cont$a!t", !" '"3" uti&i+a$ co3inacion"! '" co&o$"! coo "& t"7to "n n"6$o !o3$" *on'o 3&anco o aa$i&&o !ua/". E& taa=o '" &a! *u"nt"! ti"n" (u" !"$ &o !u*ici"nt""nt" 6$an'" coo #a$a #o'"$ !"$ &"'o "n onito$"! "!t%n'a$. E! i#o$tant" )ac"$ c&a$a &a #$"!"ntacin /i!ua& 8co&ocacina6$u#acin '" o3"to!, "/ita$ &a #$"!"ntacin '" "7c"!i/a in*o$acin.
In'#r("c#! -i!i/$#! E& u!o '" Int"$n"t, )a *a/o$"ci'o &a i#&""ntacin '" int"$*ac"! in/i!i3&"!. E!to !i6ni*ica (u" "& u!ua$io !i"#$" /" una #%6ina "!#"c*ica, #"$o nunca #u"'" conoc"$ &a tota&i'a' '"& "!#acio '" #%6ina! '" Int"$n"t. La na/"6acin "n &a! a#&icacion"! '"3" !"$ $"'uci'a a &a nia "7#$"!in. E& u!ua$io '"3" !"nti$ (u" !" anti"n" "n un 5nico &u6a$ (u" "& (u" /a /a$ian'o "! !u t$a3ao. E!to no !o&a"nt" "&iina &a n"c"!i'a' '" ant"n"$ a#a! u ot$a! au'a! '" na/"6acin, !ino (u" a'"%! 3$in'an a& u!ua$io una !"n!acin '" autonoa.
78 MODOS DE USO9 NA-EGACIÓN9 TCNICAS DE CODIFICACIÓN Y DISEÑO -ISUAL ;COLOR9 ICONOS9 FONDO DE LETRAS<8 La #$i"$a i#$"!in '"& u!ua$io cuan'o /i!ita una a#&icacin H"3 &a 3$in'a "& 'i!"=o '" &a int"$*a+. E! #o$ "&&o (u", #a$a &o6$a$ &a a#a$i"ncia a'"cua'a (u" "& u!ua$io !" !i"nta con*o$ta3&", !" ti"n"n "n cu"nta /a$io! a!#"cto!, !o3$" to'o $"&aciona'o! con
ti#o6$a*a, co&o$"!, 6$%*ico!, na/"6acin, co#o!icin '"& !itio, "tc., (u" a continuacin !" '"ta&&an. En "& !i!t"a, "& 'i!"=o '" &a int"$*a+ "!t% 3a!a'o "n #%6ina! @"3, !" uti&i+an &a! tona&i'a'"! !ua/"! $"*$"!cant"!. E& /oca3u&a$io an"a'o "! &o "no! tcnico #o!i3&", ac"$c%n'o!" a& uti&i+a'o #o$ &o! u!ua$io!. S" uti&i+an i%6"n"! i'"nti*icati/a! coo /ncu&o! #a$a &a na/"6acin '"nt$o '"& !itio H"3. La &"t$a uti&i+a'a "n to'o "& !i!t"a "! Ti"! N"H Roan 812, 19< &o6$%n'o!" un 'i!"=o "!t%n'a$ "n to'o "& !itio. Lo! "n!a"! '" "$$o$ !on #"(u"=o! "n E!#a=o&. S" uti&i+an #"(u"=o! cono! #a$a una ao$ co#$"n!in '" &a! accion"!, aun(u" !" !"&"cciona$on i%6"n"! con!"cu"nt"! con "& !i6ni*ica'o (u" !" (ui"$" t$a!iti$. E& *on'o '" &a! #%6ina! "! '" co&o$ 3&anco #a$a ao$ *$"!cu$a '" &a /i!ta. To'o "!to !" )a )"c)o con "& o3"ti/o '" (u" "& u!o '"& !itio 3$in'" coo'i'a' con*o$t a& u!ua$io. La *ina&i'a' #$inci#a& '" &a int"$*a+ 6$a*ica "! "& '" 6uia$ a &o! u!ua$io! '" an"$a intuiti/a a t$a/! '"& !i!t"a *aci&ita$&" &a int"$accin con "& i!o. E& !i!t"a !" an"a$% #o$ "'io '" int"$*ac"! a! &a in*o$acin n"c"!a$ia #o'$% !"$ #$oc"!a'a '" an"$a "*ici"nt" "n co$to ti"#o "& !i!t"a t"n'$% &a $"!#u"!ta a &o! $"(u"$ii"nto! '"& u!ua$io, an"an'o a'"%! &o! "$$o$"! "n &o! (u" "!t" #u"'a incu$$i$. Lo! "!t%n'a$"! '"*ini'o! "n "!t" 'ocu"nto #a$a &a int"$*a+ 6$%*ica '" u!ua$io, !"$%n toa'o! coo 3a!" #a$a "& 'i!"=o '" &o! 'u&o! '" an"$a (u" !" ca'a o'u&o #o'$% $"a&i+a$ !u! 'i!"=o! '" acu"$'o a &a n"c"!i'a', #"$o toan'o coo 3a!" &o! "!t%n'a$"! '" "!t" 'ocu"nto. >a$a ao$ "nt"n'ii"nto !" )a '"*ini'o "n "!t" 'ocu"nto #$i"$o "!t%n'a$"! '" &o! o3"to! 3%!ico! &u"6o &o! co#u"!to! !o&o con &a *ina&i'a' '" "o$a$ "& "nt"n'ii"nto '" "!t" 'ocu"nto.
DISEÑO -ISUAL8 E& u!o '" ti#o6$a*a, !3o&o!, co&o$ ot$o! 6$%*ico! "!t%tico! 'in%ico! !on co5n"nt" u!a'o! #a$a "7#$"!a$ )"c)o!, conc"#to! "ocion"!. E!to co#on" un 'i!"=o 6$%*ico !i!t"%tico o$i"nta'o a &a in*o$acin (u" au'a a &a 6"nt" a co#$"n'"$ in*o$acin co#&"a. La counicacin /i!ua& "*"cti/a #a$a "!t" !i!t"a !" 3a!a "n a&6uno! #$inci#io! 3%!ico! '" 'i!"=o 6$%*ico. E7i!t"n t$"! *acto$"! (u" #u"'"n con!i'"$a$!" #a$a "& 'i!"=o '" una int"$*a+ '" u!ua$io co$$"cta *acto$"! '" '"!a$$o&&o, *acto$"! '" /ia3i&i'a' *acto$"! '" ac"#tacin.
Lo! *acto$"! '" '"!a$$o&&o au'an a "o$a$ &a counicacin /i!ua&. E!to inc&u" too&Fit! &i3$"$a! '" co#on"nt"!, !o#o$t"! #a$a un $%#i'o #$ototi#a'o, a'a#ta3i&i'a'.
COLOR La! 'i!cu!ion"! !o3$" "& co&o$ !u"&"n !"$ con*u!a! #o$(u" ci"nt*ico!, a$ti!ta!, 'i!"=a'o$"!, #$o6$aa'o$"! #$o*"!iona&"! '"& a$F"tin6 '"!c$i3"n "& co&o$ '" 'i*"$"nt"! *o$a!. A&6una! '" "!ta! *o$a! 'i*i"$"n '"& $oo, /"$'" a+u& (u" 3a!an "& !i!t"a '" co&o$ JRGK, *ai&ia$ #a$a &o! u!ua$io! '" #"$i*$ico! con tu3o! '" $ao! cat'ico! 8CRT!<. Lo! !i6ui"nt"! t$ino! ac&a$an conc"#to! !o3$" "!ta an"$a '" "nt"n'"$ "& co&o$ Mati+ 8u"< "! &a co#o!icin "!#"ct$a& '" &on6itu' '" on'a (u" #$o'uc" #"$c"#cion"! '" !"$ a+u&, na$ana, /"$'", "tc. #o$ ""#&o. a&o$ 8a&u"< "! &a canti'a' $"&ati/a '" c&a$i'a' u o!cu$i'a' '"& co&o$ "n un $an6o '"!'" "& n"6$o a& 3&anco 8ta3in &&aa'o int"n!i'a'<. Satu$acin 8C)$oa< "! &a #u$"+a '"& co&o$ "n una "!ca&a '"!'" "& 6$i! a &a /a$iant" a! /i/a '"& co&o$ #"$ci3i'o. $i&&o 8$i6)tn"!!< "! &a canti'a' '" "n"$6a &uino!a a& c$"a$ "& co&o$. La i#o$tancia '"& co&o$ "! counica$. Lo! c'i6o! '" co&o$"! '"3"n $"!#"ta$ "& u!o #$o*"!iona& cu&tu$a& a "7i!t"nt" '" '"t"$ina'o! co&o$"!. La! connotacion"! /a$an *u"$t""nt" $"!#"cto a &o! 'i*"$"nt"! ti#o! '" u!ua$io, "!#"cia&"nt" cuan'o !on '" 'i*"$"nt"! cu&tu$a!. La! connotacion"! '"& co&o$ '"3"n !"$ u!a'a! con !uo cui'a'o.
ICONOS: Son #"(u"=o! 6$%*ico! )i#"$"n&ac" (u" D" *o$a ai!&a'a Aco#a=a'o! '" un )i#"$t"7to Aco#a=a'o! '" una "ti(u"ta Aco#a=a'o! '" un Btoo&ti#B
You're Reading a Preview Unlock full access with a free trial.
Download With Free Trial
&a! (u" '"!a#a$"c"n &o! 3oton"! '" na/"6acin '"& 3$oH!"$, no i#i'a a& u!ua$io #o'"$ u!a$ "& 3otn '"$"c)o '" !u $atn... •
S" )a cont$o&a'o "& ti"#o '" $"!#u"!taP Aun(u" "!to ti"n" (u" /"$ con "& #"!o '" ca'a #%6ina 8acc"!i3i&i'a'< ta3in ti"n" $"&acin con "& ti"#o (u" ta$'a "& !"$/i'o$ "n *ina&i+a$ una ta$"a $"!#on'"$ a& u!ua$io. E& ti"#o %7io (u" "!#"$a$% un u!ua$io !on 10 !"6un'o!.
En un !i!t"a int"$acti/o &a $"t$oa&i"ntacin /i!ua& 8o *""'3acF /i!ua&< "! to'a *o$a 6$%*ica '" counicacin (u" /a '"& !i!t"a "n 'i$"ccin a& u!ua$io. A #"!a$ (u" &a $"t$oa&i"ntacin /i!ua& "! un co#on"nt" '" !o*tHa$" 'i*ci& '" '"!a$$o&&a$ 'i*ci& '" 'i!"=a$ #a$a 6uia$ )ac"$ *%ci& &a ta$"a '"& u!ua$io, &a Int"$accin uano Co#uta'o$a 8IC< coo "& %$"a '" &a In6"ni"$a '" So*tHa$" )an #$o#u"!to )a!ta )o 'i/"$!a! tcnica! #a$a 'i!"=a$ '"!a$$o&&a$ &a $"t$oa&i"ntacin /i!ua& !in t"n"$ un con!"n!o. E!t" t$a3ao #$"coni+a &o! #at$on"! '" int"$accin coo "cani!o uni*ica'o$ "nt$" &a In6"ni"$a '" So*tHa$" &a IC #a$a 'i!"=a$ &a $"t$oa&i"ntacin /i!ua& "n *uncin '"& cont"7to '" &a ta$"a '"& u!ua$io, #"$iti$ a &a /"+ &a counicacin "nt$" &o! "!#"cia&i!ta in/o&uc$a'o! "n !u '"!a$$o&&o. E& #$"!"nt" t$a3ao #$o#on" coo !o&ucin un cat"6o$i+acin '" #at$on"! '" int"$accin (u" #"$itan ca#tu$a$ &a "7#"$i"ncia "n "& 'i!"=o '" &a $"t$oa&i"ntacin /i!ua& '" un SI "n t$ino '" &o! $"(u"$ii"nto! '"& u!ua$io. M"o$ 'ic)o La $"t$oa&i"ntacin /i!ua& "! un *acto$ (u" co$$"!#on'" tanto a &a in6"ni"$a '" !o*tHa$" coo a &a IC #u"! cont$i3u" $"!#"cti/a"nt" "n &a uti&i'a' &a u!a3i&i'a' '" un !i!t"a int"$acti/o. La uti&i'a' conci"$n" a &a *unciona&i'a' '"& !o*tHa$" '"& !i!t"a ca$act"$i+%n'o&o #a$a &o (u" *u" )"c)o. La u!a3i&i'a' conci"$n" a 6uia$ #"$tin"nt""nt" a& u!ua$io "n !u ta$"a )ac"$ (u" "& !i!t"a !" *%ci& '" u!a$. A #"!a$ '" &a i#o$tancia '" "!t" 'o3&" $o& '" &a $"t$oa&i"ntacin !u #$"!"ncia #$"'oinant" "n &o! actua&"! Si!t"a! Int"$acti/o! 8SI< '"!a*o$tuna'a"nt" no !" )a "!tu'ia'o un "cani!o '" 'i!"=o (u" #"$ita "ncont$a$ un co#$oi!o "nt$" &o! *acto$"! '" In6"ni"$a '" So*tHa$" '" &a IC :. D" &a'o '" &a IC, !" )an #$o#u"!to un 6$an n5"$o '" $"co"n'acion"! "$6onica! #a$a &a $"t$oa&i"ntacin /i!ua&, #"$o !in "!#"ci*ica$ J"& cooK 'i!"=a$ conc$"ti+a$ &a $"t$oa&i"ntacin /i!ua& "n un SI. 4. MODALIDADES DE INTERNACIONALIZACIÓN8
DISEÑO
EN
HCI9
LOCALIZACIÓN
E
INTERNACIONALI-ACIN E! &a o#"$acin #o$ "'io '" &a cua& !" o'i*ica un #$o6$aa, o conunto '" #$o6$aa! "n un #a(u"t", #a$a (u" #u"'a a'"cua$!" a 5&ti#&"! i'ioa! con/"ncion"! cu&tu$a&"!.
LOCALI-ACIN no! $"*"$io! a &a o#"$acin #o$ &a (u", !o3$" un conunto '" #$o6$aa! (u" a )an !i'o int"$naciona&i+a'o!, !" &" #$o#o$ciona a& #$o6$aa to'a &a in*o$acin n"c"!a$ia #a$a (u" #u"'a an"a$ !u "nt$a'a !u !a&i'a '" un o'o (u" !"a co$$"cto $"!#"cto a '"t"$ina'o! )%3ito! &in6!tico! cu&tu$a&"! 8#o$ ""#&o "& !i6no '" &a on"'a '" un #a!, "& o$'"n "n (u" !" "7#$"!an "!, 'a a=o "n una *"c)a. :. MTODOS MULTIMEDIA9 =EB9 MODELOS METAFÓRICOS Y CONCEPTUALES MULTIMEDIA Di$"ct Conunto '" int"$*ac"! '" #$o6$aacin '" a#&icacion"! o$i"nta'a! a &a u&ti"'ia La 'i!t$i3ucin conti"n" Una &i3$"$a "n ti"#o '" ""cucin (u" con!ta '" /a$ia! &a! cua&"! #u"'"n !"$ 'i!t$i3ui'a! con &a a#&icacin un !i!t"a '" '"!a$$o&&o a!ocia'o, "& Di$"ct SD, con /a$io! a$c)i/o! '" &i3$"$a '" ca3"c"$a!. GDI 8G$a#)ic! D"/ic" Int"$*ac"< >$o#o$ciona 'i3uo 2D coan'o! '" /"ntana no #$o#o$ciona !o#o$t" u&ti"'ia.
MCI 8M"'ia Cont$o& Int"$*ac"< #$i"$ a$(uit"ctu$a u&ti"'ia '" Mic$o!o*t #$o#o$ciona coan'o! #a$a &a ""cucin u&ti"'ia 8#&a, #au!", !to#, ...< #a$a au'io /'"o no !o#o$ta ca#tu$a "'icin '" /'"o
V@ 8i'"o Vo$ @in'oH!< >$i"$a a$(uit"ctu$a u&ti"'ia #a$a @in'oH! 810
QT@ 8QuicFTi" *o$ @in'oH!< #o$ta'a #o$ A##&" '" Mac a @in'oH! 81?
Acti/"Mo/i" R""#&a+o '" V@ 819< !o#o$t" '" AI, @A M>EG Di$"!tS)oH R""#&a+o '" Acti/"Mo/i" 81W< !o#o$ta ca#tu$a co#$"!in Int"6$a'a o$i6ina&"nt" "n &a a$(uit"ctu$a Di$"ct 8Di$"ct SD< 8Actua&"nt" 'i!#oni3&" "n @in'oH! SD< !u!titui'a #$o6$"!i/a"nt" #o$ &a nu"/a a$(uit"ctu$a M"'ia Voun'ation
CONCE>TUALES Son &o! (u" $"a&"nt" no "!t%n "n "& #&ano, #"$o !" #u"'"n '"'uci$
>unto >o$ ""#&o, una *&o$ $oa "n un a$'n '" 'on'" #$"'oin" "& aa$i&&o. Ln"a Una *oto6$a*a a$(uit"ctnica &a! $"*&"a. >&ano Una %$"a '" cua&(ui"$ *o$a 6"ot$ica co&o$"a'a. o&u"n O3"to! (u" t"n6an #$o*un'i'a' /o&ut$ica.
LA MET>FORA Ant"! '" co"n+a$ a 'i!"=a$ &a int"$*a+ "! i#$"!cin'i3&" #"n!a$ "& conc"#to (u" !" n"c"!ita "7#$"!a$. E&"6i$ una "t%*o$a a'"cua'a a#oa $"*u"$+a "& conc"#to "& #$oc"!o '" counicacin !in 'i!t$a"$, #$o#o$cionan'o una $"a&i'a' J*!icaK #a$a "& "nto$no a3!t$acto "n "& (u" !" ti"n"n (u" int$o'uci$ &o! u!ua$io!. E! una "!t$at"6ia #a$a "& 'i!"=o '" int"$*ac"! "! "& u!o '" "t%*o$a!. Un ""#&o c&%!ico "! "& 'i!"=o '" &a int"$*ac" con "& u!ua$io '" &a! co#uta'o$a! Macinto!). Anti6ua"nt", #a$a $"a&i+a$ cua&(ui"$ o#"$acin con una co#uta'o$a "$a n"c"!a$io "!c$i3i$ una !"$i" '" coan'o! con una !inta7i! #"$*"cta. D"!'" (u" A##&" Co#ut"$ "#"+ a uti&i+a$ "t%*o$a!, "! #o!i3&" #a$a u!ua$io! no conoc"'o$"! '" &"n6ua"! '" #$o6$aacin $"a&i+a$ o#"$acion"! con &a co#uta'o$a. Ya no "! n"c"!a$io !a3"$ &o! coan'o! con &o! cua&"! !" '"!"c)a un a$c)i/o. A)o$a "! #o!i3&" !i#&""nt" toa$
"& a$c)i/o &&"/a$&o a& 3ot" '" &a 3a!u$a. G$acia! a& u!o co$$"cto '" int"$*ac"!, &a t"cno&o6a $"!u&ta t$an!#a$"nt" a& u!ua$io. La "t%*o$a )a 'a'o #a!o, !in "3a$6o, a una nu"/a #"$!#"cti/a &a /i$tua&i'a'. ao &a #"$!#"cti/a '" &a /i$tua&i'a'
?8 PSICOLOG@A EN HCI8 La! "7#"ctati/a! "7t$a'a! '" &o! "!tu'io! '" &a #!ico&o6a co6niti/a ac"$ca '" (u" &a! #a&a3$a! con ao$ n'ic" '" *ai&ia$i'a' !"$ian %! *%ci&"! '" a#$"n'"$ *u"$on cont$a'ic)a! #o$ "& )a&&a+6o '" (u" "!ta! *u"$on &a! "no! #$"ci!a! '" to'a!. La #!ico&o6a co6no!citi/a )a u6a'o un #a#"& i#o$tant" "n "& 'i!"=o '" int"$*ac"! #u"! #$o/"" &a! 3a!"! t"$ica! !o3$" co #$oc"!a in*o$acin "& !"$ )uano. Sin "3a$6o, &a! i#&icacion"! '"& 'i!"=o '" int"$*a+ &&"6an %! a&&% '" &o "!t$icta"nt" tcnico o co6niti/o, &&"6an'o a #on"$ "n 'u'a &a "!"ncia i!a '" nu"!t$a! #"$!ona! nu"!t$a! $"&acion"!. E!t" 3$"/" "n!ao "!3o+a &a $"&acin "nt$" t"cno&o6a! '" counicacin " i'"nti'a', a #a$ti$ '"& an%&i!i! '" &a /i$tua&i'a' coo un *"n"no (u" )a t$a!c"n'i'o !u "$a *unciona&i'a' coo "!t$at"6ia #a$a "& 'i!"=o '" int"$*a+. La! t"cno&o6a!, #a$a !"$ u!a'a! "*"cti/a"nt", $"(ui"$"n !"$ t$an!#a$"nt"!. T$an!#a$"ncia !i6ni*ica B&a cua&i'a' '" una con*i6u$acin "!#"c*ica '" "'io! 8 no '" &o! "'io! i!o!< "n &a cua& "& u!ua$io i6no$a &a #$"!"ncia '" &o! co#on"nt"! '"& !i!t"a "! ca#a+ '" /"$ a t$a/! '"& !i!t"a #a$a conc"nt$a$!" co#&"ta"nt" "n &a *uncin 5&tia.
Cnc$)!in#! •
•
E! i#o$tant" '"!taca$ (u" aun(u" !" !i6an "!t$icta"nt" &a! no$a! '" &a 6ua no )a 6a$anta '" (u" &a int"$*ac" !"a u!a3&". E! "o$ !"6ui$ &a! 6ua! (u" no, no !"6ui$&a!. >u"'" (u" #o'ao! )ac"$ un 'i!"=o "o$, #"$o !"6u$a"nt" &o! #$o3&"a! (u" #u"'a #&ant"a$ #u"'"n !"$ !u#"$io$"! a &o! #$o3&"a! (u" a#o$ta.
Lin6r"(," )tt#F"n'"$#$o6$aacion.3&o6cin'a$io.co20120900002"!tan'a$"!'"int"$*a+ 6$a*ica.)t&