<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet title="XSL_formatting" type="text/xsl" href="https://www.guatevision.com/wp-content/themes/guatevision/assets/feed-styles/header.xsl"?>	<rss version="2.0"
		xmlns:content="http://purl.org/rss/1.0/modules/content/"
		xmlns:wfw="http://wellformedweb.org/CommentAPI/"
		xmlns:dc="http://purl.org/dc/elements/1.1/"
		xmlns:atom="http://www.w3.org/2005/Atom"
		xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
		xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
			>
		<channel>
			<title>diseños web Archives - Guatevision</title>
			<atom:link href="https://www.guatevision.com/etiqueta/disenos-web/feed" rel="self" type="application/rss+xml"/>
			<link>https://www.guatevision.com/etiqueta/disenos-web</link>
			<description>¡Enciende Lo Bueno!</description>
			<lastBuildDate>Fri, 23 Jan 2026 16:24:57 -0600</lastBuildDate>
			<language>es-GT</language>
			<sy:updatePeriod>hourly</sy:updatePeriod>
			<sy:updateFrequency>1</sy:updateFrequency>
			<generator>https://wordpress.org/?v=6.8.5</generator>

<image>
	<url>https://www.guatevision.com/wp-content/uploads/sites/2/2024/05/cropped-favicon_guatevision-1.png?quality=82&#038;w=32</url>
	<title>diseños web Archives - Guatevision</title>
	<link>https://www.guatevision.com/etiqueta/disenos-web</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">165314105</site>				<item>
					<title>Cuál es &#8220;la peor página web del mundo&#8221; y para qué sirve</title>
					<link>https://www.guatevision.com/noticias/bbc/cual-es-la-peor-pagina-web-del-mundo-y-para-que-sirve</link>
										<pubDate>
						Tue, 29 May 2018 19:10:53 +0000					</pubDate>
					<dc:creator><![CDATA[Redacción Guatevisión]]></dc:creator>
					
					<guid isPermaLink="false">https://www.guatevision.com/?post_type=post-noticias&#038;p=187263</guid>
											<description>
							<![CDATA[Hoy día, cualquiera puede crear una página web. Es gratuito y aparentemente sencillo. Basta con pensar un nombre, elegir una plataforma -WordPress, Wix, Sqarespace... hay cientos de ellas- descargar una plantilla y ponerse a experimentar.]]>
						</description>
																			<content:encoded>
								<![CDATA[<img fetchpriority="high" decoding="async" width="760" height="409" src="https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.41.27-PM.png?quality=82&amp;w=760&amp;h=409&amp;crop=1" class="attachment-featured-medium size-featured-medium" alt="Cuál es &quot;la peor página web del mundo&quot; y para qué sirve" /><p>Pero lograr que esté bien hecha y sea atractiva es otra historia.</p>

<p>¿Quién no ha quedado espantado al verse deslumbrado por los estridentes colores de un diseño web mal elegido o la insoportable música que lo acompaña?</p>
<p>¿O aburrido hasta la saciedad con interminables formularios y sistemas poco intuitivos que te hacen regresar todo el rato a la página principal?</p>
<p>¿O abrumado por la enorme cantidad de información? ¿O confuso por la poca información? ¿O molesto por los miles de avisos publicitarios que contiene?</p>
<p>Son muchos los errores que pueden cometerse a la hora de crear un sitio web.</p>
<p>Pero hay una página en la que puedes encontrar juntos los más comunes de ellos: <strong><i>&#8220;The World&#8217;s Worst Website&#8221;</i></strong><strong> (La Peor Página Web del Mundo</strong>)<strong>*</strong>.</p>
<p><img decoding="async" class="aligncenter size-full wp-image-187265" src="https://www.guatevision.com/wp-content/uploads/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.43.44-PM.png" alt="Cuál es &quot;la peor página web del mundo&quot; y para qué sirve" width="737" height="413" srcset="https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.43.44-PM.png 737w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.43.44-PM.png?resize=300,168 300w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.43.44-PM.png?resize=276,154 276w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.43.44-PM.png?resize=260,146 260w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.43.44-PM.png?resize=150,84 150w" sizes="(max-width: 737px) 100vw, 737px" /></p>
<h2 class="story-body__crosshead">Un aviso para diseñadores novatos</h2>
<p>Es prácticamente imposible navegar durante más de dos minutos por &#8220;La Peor Página Web del Mundo&#8221; sin querer salir de ella. Sobre todo, si tienes los altavoces conectados.</p>
<p>Una música del Viejo Oeste da la bienvenida al internauta, quien debe hacer un esfuerzo sobrenatural para no dañar su vista con los innumerables cuadros, estridentes colores y diferentes tipografías que contiene.</p>
<p>El movimiento continuo de algunos textos y las animaciones tampoco ayudan; todo resulta extremadamente <strong>ruidoso y confuso</strong>.</p>
<p>&#8220;Esta página fue creada para ilustrar gráficamente los errores más comunes hechos por diseñadores novatos de páginas web&#8221;, reza un texto en <i>Times New Roman</i> en la parte superior.</p>
<p>Pero sus creadores no son precisamente novatos.</p>
<p><img decoding="async" class="aligncenter size-full wp-image-187267" src="https://www.guatevision.com/wp-content/uploads/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.45.36-PM.png" alt="Cuál es &quot;la peor página web del mundo&quot; y para qué sirve" width="737" height="415" srcset="https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.45.36-PM.png 737w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.45.36-PM.png?resize=300,169 300w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.45.36-PM.png?resize=276,154 276w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.45.36-PM.png?resize=260,146 260w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.45.36-PM.png?resize=150,84 150w" sizes="(max-width: 737px) 100vw, 737px" /></p>
<p>El sitio -disponible en inglés, español, italiano, holandés, francés y ruso- es obra de la diseñadora estadounidense <strong>Michelle Blowers</strong> y pertenece a<strong> Angelfire</strong> uno de los primeros servicios de<i> hosting </i>gratuitos del mundo (lanzado en 1996) a través del cual se crearon páginas como <strong>MatchMaker.com</strong>, el primer sitio de citas en línea, o Wired Digital, la actual <strong>Wired.com</strong>.</p>
<p>A través de su desagradable diseño, muestra muchos de los fallos que no debes tener a la hora de crear un sitio web. Toma nota:</p>
<h3 class="story-body__sub-heading">1. No abuses de los marcos</h3>
<p>&#8220;El uso excesivo de marcos es un error común de los diseñadores de páginas web&#8221;, cuenta Blowers.</p>
<p>&#8220;Muchos navegadores antiguos no soportan los marcos. Además, <strong>irrumpen en el flujo de la página web</strong>, haciendo difícil anticipar dónde aparecerá una página al hacer clic en un vínculo&#8221;.</p>
<p>Pero, ¿qué son los marcos? Una forma de insertar varias páginas web en una sola a través de ventanas. Y mal usados pueden, efectivamente, echar a perder un buen sitio.</p>
<p>El ingeniero danés (y exinvestigador de Apple) <strong>Jakob Nielsen</strong>, conocido como &#8220;el rey de la usabilidad web&#8221;, llegó a decir sobre ellos que &#8220;la mayoría de las veces apestan&#8221; y están entre los 10 peores errores de diseño, sobre todo si quienes los aplican son nuevos o inexpertos.</p>
<h3 id="bbc-news-vj-iframe-content-placeholder"> <img loading="lazy" decoding="async" class="aligncenter size-full wp-image-187268" src="https://www.guatevision.com/wp-content/uploads/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.54.06-PM.png" alt="Cuál es &quot;la peor página web del mundo&quot; y para qué sirve" width="710" height="375" srcset="https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.54.06-PM.png 710w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.54.06-PM.png?resize=300,158 300w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.54.06-PM.png?resize=150,79 150w" sizes="auto, (max-width: 710px) 100vw, 710px" /></h3>
<div>
<h3 class="story-body__sub-heading">2. Usa una estructura de navegación fácil</h3>
<p>&#8220;¿Dónde estoy? Y, ¿dónde están los vínculos a otras páginas?&#8221;</p>
<p>&#8220;¡Una estructura de navegación fácil de usar es esencial para cualquier página web bien diseñada! La información importante nunca debe estar a más de dos clics de distancia&#8221;, se lee en La Peor Página Web del Mundo.</p>
<h3><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-187271" src="https://www.guatevision.com/wp-content/uploads/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.55.45-PM.png" alt="Cuál es &quot;la peor página web del mundo&quot; y para qué sirve" width="737" height="469" srcset="https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.55.45-PM.png 737w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.55.45-PM.png?resize=300,191 300w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.55.45-PM.png?resize=150,95 150w" sizes="auto, (max-width: 737px) 100vw, 737px" /></h3>
<h3 class="story-body__sub-heading">3. Más contraste entre color y texto</h3>
<p>&#8220;Debe haber más contraste entre el color del texto y el color del fondo&#8221;, explican los diseñadores.</p>
<p>De lo contrario, el texto se vuelve muy difícil de leer.</p>
<h2 class="story-body__sub-heading">4. Mantén los fondos simples</h2>
<p>&#8220;El blanco y los colores claros son los que usualmente funcionan mejor&#8221;.</p>
<p>&#8220;El fondo no debe desviar la atención del usuario del contenido de la página. Si deseas usar una imagen de fondo, elige una imagen con tonos suavizados, o cambia el formato de la imagen a &#8216;marca de agua&#8217;. Elige colores para el texto que contrasten bien con la imagen del fondo&#8221;.</p>
<p><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-187272" src="https://www.guatevision.com/wp-content/uploads/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.56.34-PM.png" alt="Cuál es &quot;la peor página web del mundo&quot; y para qué sirve" width="732" height="465" srcset="https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.56.34-PM.png 732w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.56.34-PM.png?resize=300,191 300w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-12.56.34-PM.png?resize=150,95 150w" sizes="auto, (max-width: 732px) 100vw, 732px" /></p>
</div>
<div id="ns_datapic_jakob-mundo" class="idt__mundo ns_datapic_quote ns_datapic_quote--jakob-mundo newsspec_infographic_template">
<div class="ns_outer_wrapper ns_outer_wrapper__align-top">
<div class="ns_inner_wrapper">
<div class="ns_quote_mark">
<h3 class="story-body__sub-heading">5. No uses demasiadas animaciones</h3>
<p>&#8220;Cuando se usan en exceso, las animaciones que se muestran constantemente pueden distraer al usuario&#8221;, dicen los especialistas.</p>
<p>Por eso aconsejan que &#8220;no debe haber más de un elemento animado visible en un momento determinado; en esta categoría caen los anuncios excesivos, grandes, parpadeantes y molestos&#8221;.</p>
<p>Lo mismo se aplica a los avisos publicitarios excesivos, los <i>pop-ups</i> agresivos y otros tipos de publicidad intrusiva, añaden: &#8220;Molestan a los visitantes, hacen el sitio difícil de usar y ahogan el mensaje que se quiere transmitir en <strong>un mar de desorden</strong>&#8220;.</p>
<h3 class="story-body__sub-heading">6. Dale control al usuario sobre la música</h3>
<p>Es probable que los visitantes de la página no disfruten de la música.</p>
<p>Los diseñadores dicen que es la mejor evitarla. Pero si no quieres llegar a ese punto, al menos dale al usuario la opción de hacerlo.</p>
<p>&#8220;Asegúrate de decirle al usuario cómo apagarla. Especifica el número de veces que se reproducirá, o añade un comando al HTML&#8221;, de manera que pueda pulsar &#8220;Parar&#8221; en el navegador.</p>
<h3><img loading="lazy" decoding="async" class="aligncenter size-full wp-image-187274" src="https://www.guatevision.com/wp-content/uploads/2018/05/Captura-de-pantalla-2018-05-29-a-las-1.00.56-PM.png" alt="Cuál es &quot;la peor página web del mundo&quot; y para qué sirve" width="736" height="467" srcset="https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-1.00.56-PM.png 736w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-1.00.56-PM.png?resize=300,190 300w, https://www.guatevision.com/wp-content/uploads/sites/2/2018/05/Captura-de-pantalla-2018-05-29-a-las-1.00.56-PM.png?resize=150,95 150w" sizes="auto, (max-width: 736px) 100vw, 736px" /></h3>
<h3 class="story-body__sub-heading">7. Evita lo innecesario</h3>
<p>En el apartado &#8220;Uso innecesario de la tecnología&#8221;, los diseñadores explican que &#8220;las páginas de inicio que ocupan y que hacen que uno espere una larga descarga sin una opción para saltarlas, <strong>son una tortura</strong>, en especial con una conexión de línea telefónica&#8221;.</p>
<p>&#8220;Evita el uso excesivo o exclusivo de menús JavaScript&#8221;, recomiendan.</p>
<h3 class="story-body__sub-heading">8. Ojo con los mensajes falsos de error&#8230;</h3>
<p>&#8220;Una de mis grandes molestias son los falsos mensajes de error que engañan a los usuarios novatos para abrir un anuncio&#8221;, dice Michelle Blowers.</p>
<p>&#8220;Un verdadero mensaje de error no se mueve hacia arriba o hacia abajo con la página. El puntero se volverá (el ícono de) una &#8216;mano&#8217; de hipervínculo sobre los falsos mensajes de error&#8221;.</p>
<h3 class="story-body__sub-heading">9. &#8230;y con la ortografía</h3>
<p>Si no prestas atención a las normas ortográficas, tu página se verá &#8220;inmadura y a medio terminar&#8221;.</p>
<p>Por eso es importante hacer siempre una revisión ortográfica antes de publicar.</p>
<h2 class="story-body__crosshead"></h2>
</div>
</div>
</div>
</div>
<p>&nbsp;</p>
]]>
							</content:encoded>
																										<post-id xmlns="com-wordpress:feed-additions:1">187263</post-id>				</item>
					</channel>
	</rss>
	