Princípios universais do DesignLidwell, William; Holden, Kritina; Butler, Jill. 1. Regra !"#! $80/20 Rule% &rande parte dos pro'lemas de um grande sistema ( causado por uma pe)uena porcentagem de vari*veis. +sse n,mero varia entre -! e .! porcento. / regra !"#! pode ser o'servada em )ual)uer grande sistema em *reas diversas como economia, design, engen0aria. +sta regra ( ,til para 1ocar pes)uisas tornando o design mais e1iciente. 2. /cessi'ilidade $/ccessi'ilit2% 3'4etos e espa5os devem ser produ6idos para serem usados pela maior )uantidades de pessoas possíveis sem modi1ica57es ou adapta57es. 89o )uatro as características do accessibility desig: percepti'ilidade, opera'ilidade, simplicidade e toler;ncia $o design deve impedir ou minimi6ar as possi'ilidades de erro por parte do usu*rio%. .. 3rgani6a59o <avor*vel $Advance Organizer% =(cnica instrutiva )ue a4uda as pessoas entenderem novas in1orma57es nos termos do )ue elas 4* sa'em. >. +1eito +st(tica?@tilidade $Aesthetic-Usability Effect% +ste ( o e1eito em )ue as pessoas associam o design 'elo A 1acilidade de uso. 3u se4a, os o'4etos mais 'onitos tBm maior pro'a'ilidade de serem utili6ados sendo ou n9o seu uso mais 1*cil. C. Permissividade $Affordance% D a propriedade na )ual as características 1ísicas de um o'4eto ou espa5o in1luenciam sua 1un59o. Da mesma 1orma, o design deve indu6ir ao uso correto do o'4eto ou do espa5o. E. /lin0amento $Alignment% 3s elementos alin0ados criam a sensa59o de unidade, coes9o e esta'ilidade. 3 alin0amento tam'(m pode ser utili6ado como 1orma de organi6ar e condu6ir o entendimento do design. F. /r)u(tipos $Archetyes% 3s ar)u(tipos s9o ,teis no design pois s9o de 1*cil compreens9o e assimila59o estando presente no inconsciente e em diversas culturas e sociedades. +stes elementos associados ao design tam'(m s9o ade)uados )uando outros tipos de comunica59o n9o podem ser utili6ados. . Pre1erBncia a /tra59o $Attractiveness !ias% =endBncia a ver pessoas mais 'onitas como mais inteligentes, competentes e soci*veis do )ue pessoas 1eias G. Pre1erBncia a Haras?de?Be'B $!aby-"ace !ias% =endBncia a ver pessoas e coisas com tra5os in1antis como mais ingBnuas, inde1esas, e 0onestas do )ue a)uelas com tra5os mais maduros. -!. /grupar $H0unIing% /grupar ou com'inar in1orma57es em um n,mero limitado de unidades torna mais 1*cil o processamento e memori6a59o. --. Hondicionante Hl*ssica $#lassical #onditioning% =(cnica usada para associar um estímulo a uma resposta 1ísica ou emocional inconsciente -#. <ec0amento $#losure% =endBncia de perce'er um grupo de elementos individuais como ,nico, um padr9o recon0ecível, ao inv(s de m,ltiplos elementos individuais. +ssa tendBncia de recon0ecimento ( autom*tica e inconsciente e esta relacionada A pre1erBncia por simplicidade em contraposi59o A compleJidade. -.. Disson;ncia Hognitiva $#ognitive $issonance% =endBncia a 'uscar consistBncia nas atitudes, id(ias e convic57es. / disson;ncia cognitiva ( o estado de descon1orto )uanto suas atitudes, id(ias ou convic57es est9o em con1lito. Kuando as cogni57es est9o de acordo, o resultado ( um estado de con1orto. Do contr*rio, se as cogni57es n9o est9o de acordo 0* uma disson;ncia, um estado de descon1orto. ->. Hor $#olor% / cor ( usada no design para atrair a aten59o, agrupar elementos, indicar signi1icado e destacar os elementos est(ticos. a%numero de cores: limitar a pal0eta de cores ao )ue o ol0o pode processar em um ol0ar $aproJimadamente C cores%. '%com'ina59o de cores: cores ad4acentes, cores complementares, polígono inscrito na roda de cores ou cores encontradas na nature6a. c%satura59o: cores 'ril0antes e saturadas s9o mais apra6íveis, cores escuras s9o mais serias e cores saturadas s9o mais din;micas. d%sim'olismo -C. <ato Homum $#ommon "ate% +lementos )ue se movem na mesma dire59o s9o associados a elementos mais relacionados do )ue elementos )ue se movem em dire57es opostas ou )ue s9o estacion*rios. -E. Hompara59o $#omarison% 3 m(todo de ilustrar rela57es e padr7es em um sistema de comportamentos pela representa59o de dois ou mais sistemas de vari*veis de maneira controlada. -F. Hon1irma59o $#onfirmation% =(cnica de prevenir a57es n9o intencionais por meio de con1irma59o antes da a59o se consumar. D a maneira mais simples de evitar erros em a57es e comandos críticos irreversíveis. 89o duas as t(cnicas de con1irma59o: di*logo ou dois passos. -. HonsistBncia $#onsistency% / )ualidade de um sistema ( aper1ei5oada )uando elementos similares s9o eJpressas de maneiras similares -G. Honst;ncia $#onsntancy% /s pessoas tendem a perce'er o'4etos como imut*veis apesar de mudan5as na perspectiva, lu6, cor ou taman0o. #!. Hoa59o $#onstraint% @m m(todo de limitar a57es )ue podem ser reali6adas em um sistema. +Jistem dois tipos '*sicos de coa59o: a% Hoa59o 1ísica limita a gama de possíveis a57es redirecionando o movimento 1ísico de maneiras especí1icas. 8e divide em trBs tipos: -?% Hamin0os: Honvertem as 1or5as aplicadas em movimentos lineares ou curvelineares usando canais. #?% +iJos: Kue convertem as 1or5as aplicadas em movimentos giratLrios, proporcionando um controle de a'soluto com o uso de um simples 'ot9o. .?% Barreiras: /'sorvem ou desviam as 1or5as aplicadas, e assim, desacelerando, ou redirecionando as 1or5as em volta da 'arreira. '% Hoa59o psicolLgica limita a gama de possíveis a57es, sugerindo novas maneiras das pessoas perce'erem e pensarem o mundo. 3s trBs tipos de coa59o psicolLgica s9o: -?% 8ím'olos: Mn1luenciam o comportamento comunicando o signi1icado por linguagens, como por eJemplo, sím'olos e teJtos em sinais de perigo. #?% Honven57es: Mn1luenciam o comportamento 'aseando?se em pr*ticas e tradi57es 4* con0ecidas. .?% Napeamento: Mn1luencia o comportamento 'aseado na percep59o da rela59o entre elementos $teJtos e 1lec0as, lu6es e sím'olos, etc.%. / Hoa59o ( usada para simpli1icar o manuseamento e minimi6ar erros. #-. Hontrole $#ontrol% 3 nível de controle de um determinado sistema deve ter rela59o com o nível de pro1issionalismo e eJperiBncia das pessoas )ue o usam. ##. HonvergBncia $#onvergence% Processo no )ual características semel0antes desenvolvem?se independentes em m,ltiplos sistemas. 8istemas naturais ou 0umanos )ue mel0or aproJimam estrat(gias 1avor*veis sustentadas pelo am'iente tendem a ser 'em sucedidos, en)uanto sistemas )ue tem menos semel0an5as tendem a desaparecer. #.. Husto?Bene1ício $cost-!enefit% @ma atividade sL ser* adotada se seus 'ene1ícios 1orem iguais ou maiores )ue seu custo. #>. +spa5o De1ensivo $$efensible %ace% @m espa5o )ue apresenta marcas territoriais, oportunidades para vigil;ncia, e claras indica57es de atividade e propriedade. #C. Pro1undidade do Processamento $$eth of &rocessing% <enOmeno da memLria no )ual a in1orma59o ( analisada pro1undamente ( mel0or lem'rada do )ue in1orma57es analisadas super1icialmente. #E. Hiclo de Desenvolvimento $$eveloment #ycle% Produtos 'em sucedidos sempre seguem )uatro est*gios de desenvolvimento: a% HorrespondBncia As Pecessidades: essa correspondBncia ( atingida atrav(s de pes)uisas de mercado, 1eed'acI dos usu*rios, etc. os produtos 1uncionam mel0or )uando s9o resultado da intera59o dos designers e dos mem'ros do p,'lico alvo. '% Design: esse ( o est*gio aonde os re)uerimentos do design s9o tradu6idos numa 1orma )ue proporciona uma s(rie de especi1ica57es. +nvolve uam cuidadosa pes)uisa de solu57es an*logas, Brianstorm dos mais diversos participantes, uma s(rie de protLtipos e muitas tentativas, testes e a4ustes de conceitos. c% Desenvolvimento: +sse ( o est*gio onde as especi1ica57es se trans1ormam em um produto. d% =este: ( o est*gio em )ue o produto ( testado para con1erir se todas as necessidades e especi1ica57es 1oram atingidas e se o produto tem aceita59o do p,'lico alvo #F. Ponto de entrada $Entry &oint% / primeira impress9o ( a )ue 1ica. +Jistem > elementos para uma 'oa primeira impress9o. a% Poucas Barreiras: 3 1luJo deve ser 1*cil. P9o devem eJistir muitas di1iculdades iniciais para o usu*rio c0egar aonde ele )uer. '% Pontos de Perspectiva: os pontos de entrada devem proporcionar As pessoas uma clara orienta59o das possi'ilidades disponíveis. c% /tra57es Progressivas: devem ser usadas para atrair as pessoas atrav(s do ponto de entrada. Homo por eJemplo, 0ostess em restaurantes, primeira p*gina de um 4ornal, etc. #. +rros $Errors% @ma a59o ou omiss9o de uma a59o )ue produ6 um resultado n9o pretendido. 3s acidentes geralmente s9o causados por erros de pro4eto, e n9o por erros 0umanos. +Jistem dois tipos '*sicos de erros. a% Desli6es: s9o erros de a57es ou de eJecu59o. D o resultado de um processo autom*tico , inconsciente. <re)Qentemente resulta de uma mudan5a de rotina ou interrup59o de uma a59o. Para prevenir estes desli6es, avise a pessoa do possível erro. Pon0a controles para prevenir se)QBncias do erro. Kuando n9o 1or possível, use con1irma57es para interromper o 1luJo da a59o. '% +nganos: s9o erros de inten59o ou de plane4amento. +nganos ocorrem por processos mentais conscientes. Para prevenir enganos, aumente os níveis de aten59o e redu6a o 'arul0o no am'iente. Pon0a sinais e controles visíveis. #G. +1eito +Jpectativa $E'ectation Effect% <enOmeno no )ual a percep59o e o comportamento mudam como resultado das eJpectativas pessoais e eJpectativas dos outros. .!. +1eito da +Jposi59o $E'osure Effect% / eJposi59o repetida de um estímulo para o )ual as pessoas tem sentimentos neutros, aumentar* a aceita59o desse estímulo. .-. Propor59o da 1ace $"ace-ism Ratio% / propor59o da 1ace para o corpo numa imagem )ue in1luencia a maneira na )ual a imagem da pessoa ( perce'ida. .#. <ator de Prote59o $"actor of %afety% 3 uso de elementos a mais do )ue o necess*rio para compensar os e1eitos de vari*veis descon0ecidas e prevenir 1alBncias de sistema. ... Retro Mn1orma59o $"eedbac( )oo% Rela59o entre vari*veis de um sistema onde as conse)QBncias de 1eed'acI de um evento no sistema modi1ica o evento no 1uturo. .>. 8e)QBncia de <i'onacci $"ibonacci %e*uence% 8e)QBncia de n,meros na )ual cada n,mero ( a soma de seus dois predecessores. .C. Rela59o <igura?<undo $"igure-+round Relationshi% +lementos )ue s9o perce'idos tanto como <iguras $o'4etos de 1oco% ou 1undo $o resto do campo perceptual% .E. Lei de <itts $"itts, )a-% 3 tempo necess*rio para mudar para um alvo ( uma 1un59o entre o taman0o do alvo e a dist;ncia. .F. Hinco Postulados $"ive .at Rac(s/ +Jistem C maneiras de se organi6ar in1orma57es: categoria, tempo, loca59o, al1a'(tica e continuidade. .. Hompensa59o <leJi'ilidade?@tilidade $"le'ibility-Usability 0radeoff/ Kuanto maior a 1leJi'ilidade de um sistema, menor a 1acilidade de uso. .G. =oler;ncia $"orgiveness% 3 design deve a4udar as pessoas a evitar erros e minimi6ar as conse)QBncias negativas dos erros )uando eles ocorrerem. >!. / <orma 8egue a <un59o $"orm "ollo-s "unction% 3 'elo no design resulta da pure6a da 1un59o. >-. +n)uadrando $"raming% t(cnica )ue in1luencia tomada de decis7es e 4ulgamentos pela manipula59o da maneira como a in1orma59o ( apresentada. >#. LiJo Produ6 LiJo $+arbage 1n-+arbage Out/ / )ualidade do )ue o sistema produ6 depende da )ualidade aplicada no sistema. >.. Propor59o Rurea $+olden Ratio% Propor59o da 1orma dos elementos, como altura e eJtens9o, )ue resulta aproJimadamente em !,E-. >>. Boa Hontinuidade $+ood #ontinuation% +lementos dispostos numa lin0a reta ou suave curva, s9o perce'idos como um grupo, e s9o interpretados como mais interligados do )ue elementos 1ora da lin0a ou curva, >C. Diagrama de &uten'reg $+utenberg $iagram% Diagrama )ue descreve um padr9o geral seguido pelos ol0os, )uando se est* ol0ando para in1orma57es 'em distri'uídas, 0omogBneas. >E. Lei de HicI $.ic(,s )a-% 3 tempo necess*rio pare se tomar decis7es aumenta proporcionalmente ao n,mero de alternativas. >F. Hierar)uia $.ierarchy% 3rgani6a59o 0ier*r)uica ( a estrutura mais simples para se vi6uali6ar e compreender a compleJi'ilidade. >. Hierar)uia de Pecessidades $.ierarchy of 2eeds% Para um design ser 'em sucedido, ( necess*rio atender as necessidades '*sicas das pessoas antes de atender necessidades sup(r1luas. >G. Destacando $.ighlighting% =(cnica para atrair aten59o para uma *rea de um teJto ou imagem. C!. Representa59o por Scones $1conic Reresentation% 3 uso de imagens con0ecidas para mel0orar o recon0ecimento e a lem'ran5a dos sinais e controles. C-. Mmers9o $1mmersion% @m estado de concentra59o t9o intenso )ue a percep59o do Tmundo realU ( perdida, geralmente resultando numa sensa59o de alegria e satis1a59o. C#. +1eitos de Mnter1erBncia $1nterference Effects% <enOmeno no )ual o processo mental ( desacelerado e menos atento em decorrBncia de processos )ue competem. C.. Pir;mide Mnvertida $1nverted &yramid% N(todo de apresenta59o onde as in1orma57es s9o apresentadas num ordem decrescente de import;ncia. C>. Repeti59o $1teration% Processo de repeti59o de a57es at( )ue um resultado especí1ico ( atingido. CC. Lei de PrVgnan6 $)a- of &r3gnanz% =endBncia a interpretar imagens am'íguas como simples e completas, versus compleJas e inclompletas. CE. Dividindo em Hamadas $)ayering% Processo de organi6ar in1orma57es em camadas relacionadas, de maneira a coordenar a compleJi'ilidade e re1or5ar a rela59o entre as in1orma57es. CF. Legi'ilidade $)egibility% / clare6a visual do teJto, geralmente 'aseada no taman0o, tipologia, contraste, 1onte e espa5amento dos caracteres usados. C. Hiclo de Wida $)ife #ycle% =odos os produtos progridem se)Qencialmente atrav(s de )uatro est*gios de eJistBncia: introdu59o, crescimento, maturidade e declínio. CG. Napeamento $4aing% Rela59o entre os controles e seus movimentos ou e1eitos. @m 'om mapeamento entre os controles e seus e1eitos resulta numa 1acilidade de uso. E!. Nodelo Nental $4ental 4odel% /s pessoas entendem e interagem com sistemas e am'ientes 'aseadas em representa57es mentais, desenvolvidas atrav(s de eJperiBncias. E-. Nimetismo $4imicry% 3 ato de copiar propriedades de o'4etos 1amiliares, organismos ou am'ientes, para o'ter vantagens especí1icas proporcionadas por estas propriedades. E#. /visos <*ceis de Nemori6ar $4nemonic $evice% N(todo de reorgani6ar in1orma57es para torn*?las mais 1*ceis de serem lem'radas. E.. Hapacidade de se Nodular $4odulalarity% N(todo de organi6a59o de sistemas compleJos, em sistemas m,ltiplos, menores e relacionados. E>. +1eito do Rosto Nais Homum $4ost Average "acial Aearance Effect% =endBncia a Pre1erir Rostos nos )uais os ol0os, o nari6, os l*'ios e outras características s9o comuns A m(dia da popula59o. EC. Distri'ui59o Pormal $2ormal $istribution% =ermo usado para descrever uma certa )uantidade de in1orma59o, )ue )uando impressa 1orma uma curva sim(trica, 'em proporcionada. EE. L;mina de 3cI0am $Oc(ham,s Razor% 8e tivermos a escol0a entre dois produtos de 1un57es iguais, o de mais simples design tende a ser o escol0ido. EF. 3perante Hondicional $Oerant #onditioning% =(cnica usada para modi1icar o comportamento, re1or5ando o comportamento dese4ado e por outro lado, ignorando ou punindo comportamentos indese4*veis. E. 8ensitividade de 3rienta59o $Orientation %ensitivity% <enOmeno de processamento visual no )ual algumas lin0as de orienta59o s9o mais r*pida e 1acilmente processadas do )ue outras. EG. Harga de Per1ormance $&erformance )oad% Kuanto maior o es1or5o para se atingir um o'4etivo, menor ( a c0ance de o o'4etivo ser cumprido com sucesso. F!. Per1ormance Wersus Pre1erBncia $&erformance 5ersus &reference% 3 design )ue a4uda as pessoas a atingirem uma mel0or per1ormance, nem sempre ( o design mais dese4*vel. F-. +1eito da 8uperioridade das <iguras $&icture %ueriority Effect% <iguras s9o lem'radas mais 1acilmente do )ue palavras. F#. Desco'erta Progressiva $&rogressive $isclosure% +strat(gia de manipula59o de um compleJo de in1orma57es no )ual sL as in1orma57es necess*rias, ou re)ueridas, s9o mostradas. F.. Perspectiva?Re1,gio $&rosect-Refuge% =endBncia a se pre1erir am'ientes com vistas deso'struídas $perspectivas% e *reas de introspec59o e recol0imento $re1,gio% F>. <a6er ProtLtipos $&rototying% 3 uso de modelos incompletos e simpli1icados de um produto para simpli1icar id(ias, ela'orar re)uerimentos, re1inar especi1ica57es e testar a 1uncionalidade. FC. ProJimidade $&ro'imity% +lementos )ue est9o mais agrupados s9o perce'idos como mais relacionados do )ue elementos )ue est9o dispersos. FE. Leitura <*cil $Readability% 3 grau de entendimento do teJto, 'aseado na compleJidade das palavras e senten5as. FF. Recon0ecimento ( Nel0or )ue Lem'ran5a $Recognition Over Recall% / memLria para recon0ecer coisas ( mel0or do )ue a memLria para se lem'rar das coisas. F. Redund;ncia $Redundancy% 3 uso de mais elementos do )ue o necess*rio para manter a per1ormance de um sistema, na eventual 1al0a de um ou mais elementos. FG. Regra dos =er5os $Rule of 0hirds% =(cnica de composi59o na )ual um agente ( dividido em ter5os criando posi57es 0armoniosas para os elementos prim*rios do design. !. 8atis1atLrio $%atisficing% /lgumas ve6es ( pre1erível uma solu59o satis1atLria, do )ue uma 'usca por uma solu59o 1avor*vel. -. Pre1erBncia a 8avana $%avanna &reference% =endBncia a pre1erir planícies sem *rvore ou com *rvores esparsas a outros tipos de am'ientes. #. +ngano de +scalas $%calling "allacy% =endBncia a supor )ue um sistema )ue 1unciona em uma certa escala ir* 1uncionar tam'(m em escalas maiores ou menores. .. 8imilaridade Honsigo Nesmo $%elf-%imilarity% Propriedade na )ual uma 1orma ( constituída a partir de partes similares do todo, ou de partes similares entre si. >. +1eito das Posi57es 8eriais $%erial &osition Effects% <enOmeno da memLria no )ual os itens apresentados no come5o e no 1im de uma lista s9o mais 1*ceis de serem lem'rados do )ue os elementos no meio da lista. C. Noldando $%haing% =(cnica usada para condicionar um comportamento dese4ado pelo re1or5o eJato das a57es predecessoras a tal comportamento. E. Propor59o Mndício?/larde $%ignal-to-2oise Ratio% / Propor59o da in1orma59o relevante para a irrelevante em um dislay6 / maior propor59o possível indício?alarde ( a dese4ada no design. F. 8imilaridade $%imilarity% +lementos similares s9o perce'idos como mais relacionados do )ue elementos di1erentes. . Hontando +stLrias $%torytelling% N(todo de criar um imagin*rio, emo57es e de simpli1icar o entendimento de um evento pela intera59o do interlocutor e da audiBncia. G. <ormas +struturais $%trutural "orms% +Jistem trBs maneiras de se organi6ar materiais para apoiar uma carga ou para conter e proteger alguma coisa: estruturas maci5as, estruturas de arma59o e estruturas em 1orma de conc0a. G!. 8imetria $%ymmetry% Propriedade de e)uivalBncia visual entre elementos em uma 1orma. G-. Detec59o de Perigo $0hreat $etection% @ma 0a'ilidade de detectar estímulos amea5adores de 1orma mais e1iciente do )ue estímulos n9o amea5adores. /s pessoas nascem com essa percep59o )ue tem origem evolutiva, dotando o ser 0umano de uma vantagem seletiva em rela59o aos seus ancestrais. 3s estímulos amea5adores s9o rapidamente detectados e podem ser usados em am'ientes poluídos visualmente. G#. Pro4e59o =ridimensional $0hree-dimensional &ro7ection% =endBncia de ver os o'4etos e padr7es como tridimensionais )uando algumas dicas visuais est9o presentes: a% interposi59o '% taman0o c% eleva59o d% perspectiva linear e% som'reamento 1% perspectiva atmos1(rica g% teJtura gradiente G.. Mlumina59o de Hima Para BaiJo $0o-$o-n )ighting !ias% =endBncia a interpretar as *reas som'readas ou escuras de um o'4eto como som'ras resultadas de uma 1onte de lu6 acima do o'4eto. G>. Principio Mncerto $Uncertainty &rincile% 3 ato de medir vari*veis sensitivas em um sistema pode alter*?las e modi1icar o resultado 1inal. GC. Honectividade @ni1orme $Uniform #onnectedness% +lementos )ue est9o conectados por propriedades visuais uni1ormes como a cor, s9o mais relacionados do )ue elementos n9o conectados. 89o dois os princípios no design para aplicar a conectividade uni1orme: regi7es comuns e lin0as de coneJ9o. GE. Wisi'ilidade $5isibility% / usa'ilidade de um sistema aumenta )uando o status e o m(todo de uso s9o claramente visíveis. +ste princípio 'aseia?se no 1ato de )ue as pessoas recon0ecem mais 1acilmente solu57es dentro de um grupo de op57es. GF. +1eito Won Restor11 $5on Restorff Effect% <enOmeno da memLria em )ue coisas di1erentes, )ue c0amam aten59o, s9o mais lem'radas do )ue coisas comuns. +ste e1eito pode ocorrer por: a% di1eren5a no conteJto: dentro de um grupo de coisas uma delas ( not*vel no conteJto. '% di1eren5a na eJperiBncia: )uando alguma coisa ( notavelmente di1erente de uma eJperiBncia )ue ocorreu no passado. G. Propor59o Hintura?Kuadril $8aist-to-.i Ratio% Pre1erBncia por uma determinada propor59o entre o taman0o da cintura e do )uadril, tanto nos 0omens )uanto nas mul0eres. GG. /c0ando os Hamin0os $8ayfinding% Processo de usar uma in1orma59o espacial e do am'iente para navegar at( o destino. -!!. 3 +lo Nais <raco $8ea(est )in(% @so deli'erado de um elemento 1r*gil )ue deve 1al0ar antes para proteger de um dano os outros elementos do sistema.