30/01/2013

Diseño web simple, una opción que crece

Diseño web simple, una opción que crece

Es habitual que, a la hora de emprender un proyecto online, soñemos con un sitio web plagado de funcionalidades y detalles visuales impactantes. Quien defienda esta idea podrá pensar que sobrecargar una página de elementos es una manera fácil de lograr que el usuario conozca todos nuestros servicios a simple vista. El resultado puede ser una página de inicio con menús de navegación que abarcan todo el ancho de la pantalla, barras de búsqueda que se confunden con formularios de contacto o casillas para suscribirse al newsletter, gadgets innecesarios, banners de publicidad mal ubicados e imágenes o animaciones Flash por todas partes.

Sin embargo, los diseños simples cargan más rápido, utilizan menos recursos del servidor, son más fáciles de desarrollar y ayudan a una mejor navegación. Puede pensarse que un sitio web con pocos elementos tendrá un aspecto rudimentario o será demasiado aburrido. Lo cierto es que, desde hace algunos años, los sitios web minimalistas son cada vez más habituales. Pocas páginas internas, pocos colores, textos cortos en tipografías muy grandes, una sola imagen (de gran tamaño) por página o incluso ninguna son las características más habituales en los sitios que siguen este estilo. Una tendencia que acompaña el crecimiento de la navegación desde dispositivos móviles, cuya pequeña pantalla exige pocos elementos y botones grandes.

Una forma de simplificar nuestro sitio web es aplicar la regla 80/20: un 20% de lo que se ofrece en nuestro sitio web representa un 80% de lo que el usuario estaba buscando. Podemos centrarnos en ese 20% y eliminar todo lo demás. Esa mínima porción puede incluir los testimonios de otros clientes, botones para comprar nuestros productos o el contenido de nuestro blog. Si nos focalizamos únicamente en ese 20%, estaremos eliminando cualquier distracción que pueda estar alejando al usuario de aquello que desea.

Si sabemos administrar bien un conjunto de elementos reducido, lograremos un sitio web elegante, de aspecto profesional y, principalmente, usable.

0

angularjs Aplicaciones en Facebook aplicaciones mobile behavioral targeting Botones Call-to-action breadcrumbs breadcrumbs web búsqueda de personal búsqueda facetada Call-to-action buttons Client-side cliente-destacado cms a medida coding comercio electrónico content marketing CSS3 PIE cuanto debe pesar un sitio data-driven web design Datos estructurados Defacement Denegación de servicio Desarrollar una aplicación web desventajas de PhoneGap diseñar newsletters diseño web diseño web argentina diseño web esqueuomórfico Diseño web responsive Diseño web responsivo diseño web santa fe diseño web Smart TV diseño web televisores DOM desde PHP enlaces rotos filtros de búsqueda flash flat web design formularios sitio web fragmentos enriquecidos función de autocompletar futuro de la realidad aumentada html HTML5 html5shiv inbound marketing Initializr interfaces Web para televisores javascript jobs jQuery Mobile Mapbox maquetado html/css maquetador web masonry layout menú de navegación menú desplegable Metodologías ágiles Modernizr MVC Navegación por teclado oferta laboral OpenStreetMap paginas de Facebook Paper js Paper js framework personas Phishing plan de QA Polyfills polymer portfolio-destacados portfolio-inicio programacion de CMS Programadores WordPress página de contacto página de error 404 que es Backbone.js Realidad aumentada Resultados instantáneos server-side skeuomorphic design sliders y usabilidad soporte Internet Explorer Storytelling Underscores usabilidad usabilidad buscadores user-centered design ux velocidad de carga web Vendor prefixes ventajas jQuery Mobile Ventanas integradas versiones antiguas de Internet Explorer WAI-ARIA web components web imprimible Web Semántica WordPress para ecommerce