teve -aproximacinalausabilidaden la Web SOUNDADCION No me hagas pensar Una aproximacin ala usabilidad en la Web Segundaedicin Steve Krug Traduccin JosManuelD az Aporte por: 1'1t:1I1J/..J.I JT/ur Madrid' Mxico Santar deBogot 'Buenos Aires 'Caracas' Lima'Montevideo'SanJuan ' San Jos'SaoPaulo WhitePlains ndice de contenido PRLOGO INTRODUCCiN CAPITULOI CAPITULO2 CAPiTULO3 CAPTULO4 CAPiTULO5 CAPITULO6 CAPTULO7 Acerca de la segundaedicin Prlogo Lame primero Aclarado de voz yrenunciaderesponsabilidades NOme hagas pensar! Primera Ilonna de lausabilidad de Knlg Cmo usarnos realmente la Web? Ojew;ser suficiente y am:glrsclas Diseodertulos1...0 1 Oiseilo de pginas paro hojear.no paro leer Animal,vegetal omineral? Por qule gustan (/1usuario lasopciones mecnicas? Omisin de palabras llD'iBS" i@ El orle de no escribir en/0Wcb Sealesenla calle y migas Oiscllo delanavegacin Elprimer pasopara la recuperacin esadmitir que ha perdido elcontrol de la pgina principal Oisc/lo dela pgina plillCl/XlI VI VIll XIV 2 10 20 30 40 44 50 94 CAPiTULO 8 CAPITuLO9 CAPiTULO10 CAPTULO11 CAPITuLO12 Elgr.mjero yelganadero delJ.en ser amigos POr q[lt lamayor/alos dd ",!u/po de di. Visual Ms > Pbolography> NalUrejlod Wildlfe> Pbol ographers> Personal Exhlblts wv.w.yahoo.com ocomo injertos enlaparte superior de losgrandes conglomerados detipo mulrisitio comoCNET. .. QiEIEditorial and Disclosure Policy wv.w.cnet.com !J:!.f.!Unreal Toumament www.gamecenter.com ruEIE:...:.File & Disk Management www.download.com donde ofrecenalosusuariosciertapercepcinde susituacindentro delgran esquema de lascosas,altiempoquepermitenquelossubsitios conservensusesquemas denavegacin independientes,y,confrecuencia,incomp:nibles. Peroactualmenrc aparecencadaVf:"/.enmssitios,algunasvecesenlugar deunanave-gacinbiendesarrollada. Paralamayor{adelossitios,nocreoque slolasmigasdepanconstiruyanunbuen eSCjuemadenavegacin.NosonunbuensustitutOparamostrar,almenos,lasdoscapas superioresdelajer;rqua,porquenorevelanlosuficiente.Danunaidea,unavisin,pero semitamsbiendeunavisinparciallimitada.Noleestoydiciendoquenoutiliceslo migas,sino queno sonunaformabuena deprese ntar lamayora delossitios. Nomemalinterprete.Siestnbienrealizadas,lasmigasdepansonclarasyfcilesde cnte' ndcf,no ocupandemasiadoespacio yproporcionanunaformamuyacertada,conve-nienteycoherente dehacer dos delascosasque conmsfrecuenciasenecesitan:retroce-detunni vel oir:J.l:J.pginaprincipal.Creoquesondemuchovalorcomopane deuna dictaeus/...u o, ""',,,'''' ,.....,.... "I> ..s/...u . HOMEIn BUIINel1 104 Desafortunadarm!nte. "TaklOgcare ofthe business of running'1our smaflbusiness"sevaal extremo opuesto:es demasiado largo. ELPRIMERPASOPARALARECUPERACiNESADMITIRQUEHAPERDIDO. . Lastagmbucnas expresandiferenciacin }'unbeneficio claro. 11.. ;;"";;""...;;;;",,, "" WVV\N.refdesk.com Lasfflglillesmalasparecengenricas. Ahorrar tiempo,dinero y saludsonclaramente cosas buenas.Perono nos dicennadasobreel sitto. WVV\N.netmarket.com No confunda una tagfil/e conunlema, como "Traemoscosasbuenas alavida","Est enbuenas manos",o"Paraprotegt:r}' servir".UnlemaexpresaunpnnClpio director, unobjetivoounideal,perounaraglilll'comunicaunaproposicinde\':llar.Los lemassonsublimes y alenradores,pero si no sdeloque habl:Lunlemanomevaa dtcirnada . L1Stagmbuenas songratas, enrgicasy a , 'ecesingeniosas.Elingenioesbueno, pero slo siayudaa comuniGH.no a oscurecer,elbeneficio. ( "(radie andall"es unataglinemuy Ingeniosa. atractIVa.Sinembargo, puede dar alvisitante latmpresindequeBabyCenter.comes slopara comprar"materia"para bebs,cuando en realidadtambines una excelente fuentede informacin y conseJos. Welcome lo BabyCenter VtI'II'nI_ o! _""prqnoncy ond ~ comtrUWtyo! ",""""t'.l*Zlataq, ~ ~ " " ' ' ' ' ' ' ' ' ' - -www.babycenter.com lOS Afortunadamente,BabyCenter tuvola Ideade afiadir ungranmensajede bienvenidaquefunciona . Casi suficientemente corto deleer,conunas pocas palabras ennegritaquelohacen visible. CAPiTULO7 Tagline? No necesitamos ninguna tagline psima A algunossiriosno leshacefahauna Por ejemplo: Elpuiladodesitios quehanalcanzado elniveldecotidia-amazon.Com. -' nos !. r Lossitiosqueson bienconocidospor Smithsonian PlACAZ IHE suorigenoffIi7ll:. Personalmente,sinembargo,heargumentado queinclusoestos sitiossebeneficiaran deunaDespusdetodo,indepcndientcmcmcdeloconocidoquesea,porqu renunciaraunadiscretaoporTUnidadde ex plicaralosvisitamesporqu estarnmejor en susitio?E incluso siunsitioprocede de unamarcaofflu fuerte,lamisinmdine nunca es exactamerue lamismay esimportante explicarladiferencia. la quinta pregunta Unavezque sloque estoybuscando,quedatodavaunapreguntaimportante que la pgi na principalliene que responderme: Pordnde empiezo} ,Incluso Ama7.0ntuvo una hasm1998, cuando ya el';]una pala-brofamiliar. 106 .0 0 . " , " amazon.com -EL LA ESA D M ITIRQUEHA Cuando elll ramosenunsitionuevo,t rasunvistazorpi doalapginaprincipaldebe-ramospoder decir conconfianza: Aqu tenemos que empezar siqueremos buscar. Aqutenemosqueempezar si queremosnavegar. Agurte nernosqueempezarsi queremosprobarsumejormaterial. Ensitiosconst ruidossigui endounprocesopasoapaso(soli ci ta runahipOleca,por ejemplo), elpumo deentradaalproceso deberaofrecersede golpe.Yen sitios dondeten-gaqueregistrarmesisoyunusuarionuevoofir marsiyameregistr conanterioridad,los donderegistf"J.rmeofi rmar deberanestardestacados. ['or desgracia,lanecesidaddepromociona rlodo(oalmenosrodoloque soportaeste modelo denegocio semanal)algunasvecesocult;lestospuntosde entTada.Puede serdifci l enCOllt rarl oscuando la pgi na esd ll ena de anunci os clamando "Empi ece aqu i! " y No,haga cli caq u pri mero!". 1_1 mejorformadeevitarque estosucedaeshacerquelospuntOSde entradapare-LCan pUntOSdeellt r:l da(esdecir,hacer queelcuadrodebsquedaparezcauncuadrodebs-queda,oquelalisrade seccionespare".Lcaunalistade 5C(:ci ones).Tambinayuda etquetar-loscl aramente, con etiquetascomo "Examinar por categorf:"," Firmar" y ce aeprocedadelcuenwdeJuanylasalubiasmgicas.Deheeho,el gigantetcnla ulla gallina queponahuevos dc oro,peronadi einrentmatarla.Elsacrificiosinsemi doocurreenunadelasf:'ibulasdeEsopo:dhombre encuentralagallina,elhombresevuelvecodi cioso, elhombremala a lagallina, elhombrenoobtienems buevos.Moraleja:"LI codicia ksobre-pasaa unomismo 111 CAPITU LO7 Esun ejemploperfectode latragedia de loscampos comunales ' . Lapremisa es sencilla: cuaJquierrecursocompartido(un "campo comunaJ") ser inevitablemente destruido por elusoexcesivo. Tome los pastoS de unpueblo, por ejemplo.Por cada animalqueunpastor afi ade alpas-to comn, recibe todas lasgananciasde laventadelanimal,un beneficio positivo de + \. Si n embargo, elimpactonegativo de aadir un animal (su contribucin a laabrasin excesiva), escompartido por todos, demanera que elimpacto en elpastor individual esinferior a-1. Elnico camino sensato para cada pastor esaadir Otro animal alrebao. Y otro, y ouo, preferiblemente antesde que alguienmslohaga. Y yaque cada pastOrracionalllegarfa a la mismaconcl usin,lo comnestara condenado. Resguardar lapgina principalde unacargapromocional excesivarequiereuna vigilan-ci a constante, yaque esalgoque casisiempre ocurre gradual mente,conlalenta peroinexo-rable adicinde slo .. . una ... cosa .. . ms. Todos losstakeholdmnecesitanque seleseduque sobre elpeligrode laabrasin excesi-va de la pgina principal,y que se les ofrezcan OtrOSmtodos de regular elufi co,como pro-mocionescrU7.adasde Otraspginaspopularesohacer turnos parauti lizarelmismoespacio dela pgina principal . ,El concepto, originadopor elmatemti coaficionado WiUiamForSterLloydenelsigloXIX,se hizopopular enun ensayo clsico sobrela 5upcrpoblaci6ndelbilogoGarreuHardinCThe Tragedy of {heCommonsH,Scima. diciembrede1%8). 11 2 ELPR I MERPASOPARALARECUPERACiNESADMITIRQUEHAPERDIDOo o' Ustedeseljuez Decida por simismolobienque realizansutrabajo estasdospginasprincipales.Eche un vistazoacadaunade ellasyrespondaestasdospregutHas,ycomparedespussusres- conlasmas . Cu:leselimers de estesitio? ,Sabe dnde empezar? Oy",, _ you.lft ......... &h_-' ... R.... _.... _U__ ",,",, __ ) d_. _ _M. o/ --'. _......... -"--) __.>1"9$ '-lo )'OIJ'..,..... ,__ .1._ ..._.-Respuestasenlassiguientes pginasW\NW.etourcom lU CAPiTULO7 EleclronlcsWomen's "1:::::>,"'"',O"..,e .""....., '''''''' 2OlO, ...... 0." ...... ,A_... ......... ._ CompulersMen's ........., . ....... ., ....",. 2ODO, ...." ... ............."'"' S ... .5 . CarsBaby s"""s e . . ..., """',......... 0" ...... '..., "',....... "' .. " .... _"""' 0urYour'ersonol Web TourGuld" ......... __ .. -_._---.. --_....... _._-_ .. --"" ... - ...... - ... _--_ .... -.-...... -_.. _----_ .. -..

--... ....-'--,-,--._ ,'-"',,,,---,'--' M___ ON --_.. _--_ .. _---_.... -- -... _- 3.!!1 GIFani mado ms complicado.Cules l a morale ja? las O'"cl.-I: IIlc?s veho logy. wich i la.el! ul \u rI Estahoj a inform:niva esmifuellte favoritade invcstigacin sobre lIsabi lidad.ElWichi-fa StateUniversitySoftwareUsabilityResearchL100r.uor)'(SURL)lapublicadosvecesal lo,y siempre comienefragmelltosdeinvestigacinmuy buenos.Losarchivoscompletos estndisponibles Ol1/ine. WchWord h [[Pil Iwww.w.bword.com/ JohnRhodes. UsahiliryViews.com h t hil iIyvjews. coml ChrisMchoy Estos dossirios sonlasmeoras de malHcncrse alda en lOdoloque se estpubli-candoOllli1/!'sobrtusabilidad.Elsirio\Veb\Vordde JolmRhodesseparecemisaunblag enel que comentalosartculos a10$quell evanlosperoChri sMcEvo}'estempe-fiadoenr.lStrearrodoloquetienevalor.Emr{'los dos,no cch:r:nadaenf.1Im. 190 Usabili ry.govresearch-basedguidelines hup:/IusahjliU';Qv/ruidel incsli ndex. hlllll EsteexcelelHe conjunto de direcrricessobre diseo yu5abilidadweb,publicadoporelNationalCan-cerInstirut e(Nel),incluyeejemplos yreferencias muybuenassobrelainvestigaci6nenla(Iuecsd baS:ldacadad irecnil'..Sitienealgunadudasobre usabili dad. siempre merece la J>(: ll acomprobar sien este sitioyaest:cubicna. Otros libros editados enespaol Usabilidad.Diseo de sitioswcb JakobNielsen,!'renticeHall , 2000 LECTURASRECO MENDADAS '__a_ _ _.__ ._--... _.-_ .. - ------.. _--__ .. _----------_ .....---_..... .. -_ .. _-_._ ... __ ._... -_.... - -- _.. ___-.x: --'''-'''-'''-' ----.... -_._.- _... _...,..... --------.' _._. ___ . ' I K.\'Iu'N__ _ ..... _, ----- , - - - !2S:"''';- r=i- ...:=-- . "=' 5:;;=- , .. .. ... - - """--

www.usabil ity.gov Comemple la \XIeb como sinunca lahubier.t visto ames: con los ojos deunusuario mc:clio.Los usuariosexperimemanla115abilidaddeunsitioantes de comprometerse a y amesde pagar: la\"X'ehesellnico ('momopara;:stO, y elquehacedic conelr.t16nlodecidetodo. Enestareferenciade diseo, JakobNielsencomparte conusted susconocimientos)' expe-riencia.Desdeel contenido y eldiselode lapginahaslaeldiseo de lanavcgacin,Jakob Nielsenofrecepautas completassobre c6mo conC'crarsecon cualqui erusuarioweb,encual-quier situacin. Cont enidosWeb Estraregiaspara comercioelect rnicoy creacin de contenidos Mai-LanTomsen,PremieeHall,2000 Enunospocosaos,la\Vorld\VideU'''bhadadoaltrasteconlosmodelosde explotaCIn tradicional es.ESlClibrocmoadaptarlastopologasdenegocios,aplicacionesy rdesparas:ITisbcerlasnecesidadesdeunlluevotipodecliente:elconsllmidor web.Est:J guadefinelosmodelos cambiantes delcomercio webymuestrac6mopercibir lasdeman-dasy sati sfiICciones delcomercio digiml}'adapllr!as alenromo deproducci6npropio. Ade-ms de ofrecer detalles acerca de losvaloresdigitales}'grupos de consumidoresemergentes, elautor examina una serie de casos prcti cos de los principales sirios weh, }' cmo est:JSinno-vadorasempresash:Jngeneradoingresosalentenderlasnecesidadesdelos115uarios.Tam-binexami nalosserviciosy remasemergenrC'sentornoalcomercioeleclr6nico,comola personali zacin.laprivacidad }"elpago. 191