Books
Contributors
Covers
Sign In
Jakob Nielsen
X
LinkedIn
Author
International User Interfaces
Coordinating User Interfaces for Consistency
Usability Engineering
Multimedia and Hypertext
Usabilidad, Disenos De Sitios Web
Hypertext and Hypermedia
Hypertext and Hypermedia
Mobile Usability
Designing Web Usability
Homepage Usability: 50 Websites Deconstructed
Edit this contributor
Destroy this contributor
Back to contributors
 translate(0.5 0.5)' filter='url(%23b)'> <g transform='translate(98 255) rotate(90) scale(21 142)'> <rect fill='%23006f4a' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <ellipse fill='%2335abb0' fill-opacity='0.501961' cx='64' cy='183' rx='42' ry='30'/> <ellipse fill='%23fffff5' fill-opacity='0.501961' cx='41' cy='22' rx='168' ry='20'/> <ellipse fill='%23006dc8' fill-opacity='0.501961' cx='39' cy='0' rx='61' ry='3'/> <ellipse fill='%23fff3e4' fill-opacity='0.501961' cx='119' cy='105' rx='53' ry='53'/> <rect fill='%23000000' fill-opacity='0.501961' x='169' y='0' width='2' height='256'/> <ellipse fill='%2300a890' fill-opacity='0.501961' cx='100' cy='250' rx='81' ry='6'/> <ellipse fill='%23fffff4' fill-opacity='0.501961' cx='109' cy='228' rx='170' ry='17'/> <rect fill='%2363aa9c' fill-opacity='0.501961' x='40' y='125' width='96' height='13'/> <g transform='translate(78 89) rotate(271) scale(12 79)'> <rect fill='%2352a094' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <ellipse fill='%23fffff3' fill-opacity='0.501961' cx='14' cy='136' rx='10' ry='134'/> <rect fill='%236dafa1' fill-opacity='0.501961' x='38' y='42' width='116' height='12'/> <rect fill='%2300a891' fill-opacity='0.501961' x='22' y='245' width='146' height='11'/> <ellipse fill='%23005eae' fill-opacity='0.501961' cx='119' cy='207' rx='94' ry='1'/> <ellipse fill='%230ca0cf' fill-opacity='0.501961' cx='136' cy='200' rx='112' ry='2'/> </g></svg>)
 translate(0.5 0.5)' filter='url(%23b)'> <g transform='translate(68.016102 20.978029) rotate(94.174722) scale(56.949800 103.592311)'> <ellipse fill='%23ffffff' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <ellipse fill='%23958437' fill-opacity='0.501961' cx='52' cy='176' rx='46' ry='105'/> <ellipse fill='%238f8530' fill-opacity='0.501961' cx='128' cy='118' rx='29' ry='50'/> <g transform='translate(124.803936 206.482383) rotate(140.471990) scale(28.850978 83.099287)'> <ellipse fill='%239ac7f1' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <ellipse fill='%23ffffff' fill-opacity='0.501961' cx='164' cy='150' rx='9' ry='255'/> <g transform='translate(93.381015 239.823010) rotate(127.678996) scale(14.516688 27.560100)'> <ellipse fill='%2391471d' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <ellipse fill='%23ffffff' fill-opacity='0.501961' cx='0' cy='94' rx='8' ry='195'/> <ellipse fill='%23ffffff' fill-opacity='0.501961' cx='149' cy='0' rx='163' ry='21'/> <polygon fill='%236b5e4d' fill-opacity='0.501961' points='21,226 7,99 46,168'/> <ellipse fill='%23eaffff' fill-opacity='0.501961' cx='93' cy='49' rx='164' ry='18'/> <ellipse fill='%23bfbd42' fill-opacity='0.501961' cx='36' cy='95' rx='26' ry='29'/> <g transform='translate(83.065350 109.119969) rotate(314.475174) scale(37.235922 17.719079)'> <ellipse fill='%23988243' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(37.251252 254.656231) rotate(224.396802) scale(30.615527 38.450502)'> <ellipse fill='%23d3e35b' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(97.406707 134.172159) rotate(135.606142) scale(30.813335 13.742028)'> <ellipse fill='%238ea7cb' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(47.149868 126.613628) rotate(193.557370) scale(37.703817 7.377609)'> <ellipse fill='%238d491d' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> </g></svg>)
 translate(0.5 0.5)' filter='url(%23b)'> <g transform='translate(89.726728 45.903566) rotate(271.439887) scale(40.544141 67.649940)'> <ellipse fill='%23c84e23' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(100.559760 166.885269) rotate(108.831070) scale(13.631431 41.133344)'> <ellipse fill='%236de4c7' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <ellipse fill='%23000000' fill-opacity='0.501961' cx='70' cy='247' rx='55' ry='72'/> <g transform='translate(20.305764 138.025047) rotate(342.448576) scale(63.299180 29.801638)'> <ellipse fill='%23000000' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <ellipse fill='%23000000' fill-opacity='0.501961' cx='142' cy='41' rx='101' ry='8'/> <g transform='translate(179.281704 211.198531) rotate(213.103714) scale(39.930740 85.132550)'> <ellipse fill='%23000002' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(124 208) rotate(58) scale(24 11)'> <rect fill='%23ffff36' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <rect fill='%23dcc6d8' fill-opacity='0.501961' x='125' y='175' width='47' height='9'/> <rect fill='%23ad6139' fill-opacity='0.501961' x='45' y='49' width='68' height='55'/> <rect fill='%23ec6b33' fill-opacity='0.501961' x='143' y='48' width='36' height='26'/> <polygon fill='%237d8f95' fill-opacity='0.501961' points='139,136 169,149 78,178'/> <rect fill='%23864494' fill-opacity='0.501961' x='183' y='73' width='16' height='70'/> <polygon fill='%23c3502c' fill-opacity='0.501961' points='156.189540,34.960999,28.459615,36.006899,39.094479,-16.000000,65.580714,4.546768'/> <polygon fill='%23000001' fill-opacity='0.501961' points='114,76 185,73 170,173'/> <g transform='translate(142 98) rotate(271) scale(7 50)'> <rect fill='%23ffbb76' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> </g></svg>)
 translate(0.5 0.5)' filter='url(%23b)'> <rect fill='%23fcff7b' fill-opacity='0.501961' x='24' y='34' width='45' height='22'/> <g transform='translate(99.000000 25.838236) rotate(289.585021) scale(63.862546 24.352834)'> <ellipse fill='%23000000' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(48.998329 7.984740) rotate(219.955540) scale(24.592079 27.609294)'> <ellipse fill='%237e79d1' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(5.491895 19.245218) rotate(263.583410) scale(68.458373 17.977857)'> <ellipse fill='%23682009' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <rect fill='%23bbff6d' fill-opacity='0.501961' x='25' y='35' width='44' height='21'/> <ellipse fill='%23000000' fill-opacity='0.501961' cx='96' cy='15' rx='17' ry='30'/> <rect fill='%23ffffff' fill-opacity='0.501961' x='23' y='1' width='50' height='2'/> <rect fill='%233a478d' fill-opacity='0.501961' x='22' y='24' width='51' height='11'/> <ellipse fill='%23f5ffff' fill-opacity='0.501961' cx='0' cy='28' rx='6' ry='3'/> <rect fill='%23eda973' fill-opacity='0.501961' x='28' y='16' width='38' height='4'/> <polygon fill='%238b7c67' fill-opacity='0.501961' points='81,1 70,-16 74,35'/> <g transform='translate(0.194248 7.238131) rotate(-37.970984) scale(23.186190 19.203771)'> <ellipse fill='%23471a10' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <rect fill='%234a5ca2' fill-opacity='0.501961' x='24' y='2' width='32' height='12'/> <g transform='translate(0 46) rotate(84) scale(28 50)'> <rect fill='%237f522d' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <polygon fill='%23ffc561' fill-opacity='0.501961' points='38.528692,-16.000000,31.583680,2.249974,27.982122,2.099353,-5.266161,-7.027193'/> </g></svg>)
 translate(0.5 0.5)' filter='url(%23b)'> <g transform='translate(47.858607 73.777160) rotate(-29.188788) scale(16.739975 24.541562)'> <ellipse fill='%23db7fd3' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(26.573074 12.293554) rotate(171.302713) scale(66.000000 17.171212)'> <ellipse fill='%23008d00' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <polygon fill='%23254ac7' fill-opacity='0.501961' points='25.456756,25.867274,51.361009,22.041136,31.171415,82.055172,-2.274428,81.466015'/> <rect fill='%23ff7ac4' fill-opacity='0.501961' x='34' y='52' width='20' height='18'/> <ellipse fill='%23009b00' fill-opacity='0.501961' cx='66' cy='29' rx='17' ry='36'/> <rect fill='%2300a500' fill-opacity='0.501961' x='0' y='82' width='37' height='18'/> <polygon fill='%23009200' fill-opacity='0.501961' points='-16,0 43,-16 0,67'/> <rect fill='%23ffcb00' fill-opacity='0.501961' x='33' y='68' width='34' height='4'/> <rect fill='%234c0000' fill-opacity='0.501961' x='21' y='48' width='31' height='5'/> <rect fill='%23007c9a' fill-opacity='0.501961' x='29' y='72' width='38' height='14'/> <rect fill='%237ecfff' fill-opacity='0.501961' x='20' y='31' width='30' height='6'/> <polygon fill='%23bfe4c3' fill-opacity='0.501961' points='80.698757,92.924767,34.553796,90.454469,69.510832,78.273004,35.619925,78.013269'/> <polygon fill='%2334ace2' fill-opacity='0.501961' points='16.444031,57.731275,32.993970,63.866962,15.576801,74.838364,4.344413,59.427681'/> <rect fill='%23000000' fill-opacity='0.501961' x='2' y='54' width='31' height='4'/> <rect fill='%2360005c' fill-opacity='0.501961' x='37' y='92' width='30' height='4'/> </g></svg>)
 translate(0.5 0.5)' filter='url(%23b)'> <ellipse fill='%23000000' fill-opacity='0.501961' cx='35' cy='15' rx='66' ry='27'/> <g transform='translate(32.064658 72.293700) rotate(180.297646) scale(66.000000 30.816944)'> <ellipse fill='%23a8cdc6' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <ellipse fill='%23000000' fill-opacity='0.501961' cx='29' cy='14' rx='66' ry='28'/> <rect fill='%23636c69' fill-opacity='0.501961' x='14' y='27' width='43' height='4'/> <rect fill='%23555c5a' fill-opacity='0.501961' x='6' y='17' width='54' height='5'/> <ellipse fill='%23000000' fill-opacity='0.501961' cx='37' cy='0' rx='61' ry='17'/> <ellipse fill='%23000000' fill-opacity='0.501961' cx='36' cy='36' rx='63' ry='5'/> <ellipse fill='%23344340' fill-opacity='0.501961' cx='5' cy='67' rx='1' ry='65'/> <rect fill='%23445452' fill-opacity='0.501961' x='62' y='48' width='2' height='49'/> <rect fill='%2383928e' fill-opacity='0.501961' x='0' y='42' width='67' height='4'/> <rect fill='%2339514c' fill-opacity='0.501961' x='20' y='76' width='26' height='2'/> <rect fill='%235c6f6d' fill-opacity='0.501961' x='22' y='94' width='41' height='5'/> <rect fill='%2364696b' fill-opacity='0.501961' x='8' y='41' width='46' height='3'/> <polygon fill='%23000000' fill-opacity='0.501961' points='39.265448,34.989628,11.146621,33.883170,2.245702,-3.518813,-3.542437,42.475677'/> <rect fill='%2381a09a' fill-opacity='0.501961' x='6' y='43' width='49' height='32'/> </g></svg>)
 translate(0.5 0.5)' filter='url(%23b)'> <ellipse fill='%23e50012' fill-opacity='0.501961' cx='94' cy='196' rx='188' ry='69'/> <g transform='translate(81.204625 44.441184) rotate(2.461755) scale(188.000000 85.242164)'> <ellipse fill='%2300557d' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <ellipse fill='%23003d63' fill-opacity='0.501961' cx='97' cy='12' rx='117' ry='117'/> <ellipse fill='%2386c064' fill-opacity='0.501961' cx='95' cy='56' rx='66' ry='6'/> <ellipse fill='%2377b263' fill-opacity='0.501961' cx='94' cy='78' rx='61' ry='7'/> <rect fill='%23d5692f' fill-opacity='0.501961' x='64' y='177' width='59' height='36'/> <ellipse fill='%23002964' fill-opacity='0.501961' cx='127' cy='106' rx='188' ry='23'/> <ellipse fill='%23002b64' fill-opacity='0.501961' cx='83' cy='23' rx='188' ry='29'/> <rect fill='%2397002c' fill-opacity='0.501961' x='0' y='129' width='65' height='127'/> <ellipse fill='%2397002c' fill-opacity='0.501961' cx='141' cy='150' rx='188' ry='23'/> <rect fill='%238e002a' fill-opacity='0.501961' x='61' y='189' width='128' height='13'/> <ellipse fill='%23003063' fill-opacity='0.501961' cx='9' cy='64' rx='29' ry='65'/> <g transform='translate(181.972643 75.011682) rotate(274.947462) scale(52.459103 28.921092)'> <ellipse fill='%23002e64' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <polygon fill='%23002761' fill-opacity='0.501961' points='79.471631,73.791394,106.526113,77.040607,100.056883,88.853673,90.300773,42.550427'/> <polygon fill='%23dc7831' fill-opacity='0.501961' points='134.807610,202.256016,128.967339,217.412662,115.127945,208.353689,48.925867,202.726000'/> </g></svg>)
 translate(0.5 0.5)' filter='url(%23b)'> <ellipse fill='%23d1ff68' fill-opacity='0.501961' cx='32' cy='77' rx='70' ry='28'/> <ellipse fill='%23000055' fill-opacity='0.501961' cx='36' cy='19' rx='70' ry='31'/> <g transform='translate(32 18) rotate(354) scale(70 57)'> <rect fill='%23052559' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <rect fill='%23ebb864' fill-opacity='0.501961' x='14' y='22' width='45' height='4'/> <rect fill='%233d7156' fill-opacity='0.501961' x='17' y='68' width='36' height='13'/> <ellipse fill='%23e4fee7' fill-opacity='0.501961' cx='70' cy='51' rx='1' ry='83'/> <ellipse fill='%23a5e964' fill-opacity='0.501961' cx='37' cy='56' rx='70' ry='7'/> <rect fill='%23a3e665' fill-opacity='0.501961' x='0' y='81' width='68' height='19'/> <rect fill='%23042554' fill-opacity='0.501961' x='2' y='27' width='68' height='23'/> <rect fill='%23a9e968' fill-opacity='0.501961' x='0' y='72' width='68' height='4'/> <rect fill='%232f5852' fill-opacity='0.501961' x='11' y='77' width='47' height='3'/> <polygon fill='%239cda64' fill-opacity='0.501961' points='7.392685,51.814622,19.666793,69.172145,-16.000000,115.000000,-13.556111,45.510605'/> <rect fill='%23042656' fill-opacity='0.501961' x='4' y='1' width='66' height='19'/> <ellipse fill='%23325b4d' fill-opacity='0.501961' cx='35' cy='70' rx='19' ry='2'/> <rect fill='%239bd562' fill-opacity='0.501961' x='0' y='50' width='70' height='17'/> </g></svg>)
 translate(0.5 0.5)' filter='url(%23b)'> <rect fill='%2300398b' fill-opacity='0.501961' x='20' y='80' width='40' height='19'/> <ellipse fill='%23ffffff' fill-opacity='0.501961' cx='50' cy='52' rx='35' ry='7'/> <rect fill='%2300347c' fill-opacity='0.501961' x='80' y='19' width='20' height='39'/> <g transform='translate(1 62) rotate(271) scale(34 36)'> <rect fill='%233f0000' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <ellipse fill='%23ffffff' fill-opacity='0.501961' cx='48' cy='21' rx='34' ry='5'/> <g transform='translate(71 7) rotate(175) scale(20 22)'> <rect fill='%23000000' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <g transform='translate(98.857355 84.988113) rotate(379.549506) scale(58.907398 18.296128)'> <ellipse fill='%23ff8200' fill-opacity='0.501961' cx='0' cy='0' rx='1' ry='1'/> </g> <g transform='translate(5 5) rotate(362) scale(29 26)'> <rect fill='%232ec4ff' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <rect fill='%23ffff46' fill-opacity='0.501961' x='20' y='57' width='40' height='22'/> <g transform='translate(51 90) rotate(86) scale(21 17)'> <rect fill='%23000000' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <rect fill='%23f6ff00' fill-opacity='0.501961' x='0' y='20' width='20' height='18'/> <rect fill='%23ff0a00' fill-opacity='0.501961' x='0' y='39' width='20' height='19'/> <g transform='translate(30 8) rotate(267) scale(20 18)'> <rect fill='%23ff0004' fill-opacity='0.501961' x='-0.5' y='-0.5' width='1' height='1'/> </g> <ellipse fill='%23cf000d' fill-opacity='0.501961' cx='48' cy='39' rx='26' ry='6'/> <rect fill='%23000000' fill-opacity='0.501961' x='81' y='19' width='19' height='19'/> </g></svg>)