¿Qué es lo que hace a un website exitoso? Al contrario de lo que muchas personas (e inclusive algunas agencias) pudieran pensar, no es la imagen ni el contenido, sino todo lo que está debajo, aquello que lo sustenta y hace que todo funcione bien. Vía Isopixel me encuentro este interesante gráfico que, haciendo la analogía con un iceberg, muestra que hay más que un bonito diseño y un buen contenido en la lista de cosas a considerar cuando se desarrolla un website. El artículo original en inglés se puede obtener aquí.
Diseño
Diseñar para 1024×768
Nielsen, a través de su AlertBox, nos comparte su más reciente investigación acerca de la resolución adecuada a la que hay que optimizar los diseños de los sitios web. Lo tradicional era optimizar la página para una resolución de 800×600, pues era la resolución más utilizada. Hoy no es así. Según Nielsen, hoy solo el 17% de los usuarios cuenta con esa resolución, mientras que el 60% utilizan 1024×768. Entonces, la recomendación es optimizar el diseño para una resolución de 1024×768, pero hacerlo adaptable, de tal forma que pueda verse también en 800×600 o en resoluciones diferentes. Es importante considerar lo que utiliza la mayoría, pero no por eso se debe descuidar a ese 17% que todavía no cuenta con todo ese espacio en sus pantallas. Por optimizar se entiende que tu página debe funcionar y verse de la mejor forma en la resolución elegida, aunque también debe verse con Seguir leyendo
Ventanas dentro de la misma ventana
Ya había hablado sobre los molestos pop-up, o ventanas emergentes y de cómo van en contra de la usabilidad de cualquier sitio web. En Intenta me encuentro un link a Prototype Window Class, una alternativa desarrollada como una clase javascript que permite añadir ventanas dentro de una misma página HTML. Francisco, en su blog, explica que esta clase está basada en la librería Prototype e incluye efectos script.aculo.us para mostrar y ocultar las ventanas, las cuales puedes redimensionar, minimizar, maximizar y configurar su aspecto. Su implementación es muy sencilla, y para saber más de qué estamos hablando, nada mejor que ver los ejemplos.
Reparto del tiempo en el diseño web
Vía Isopixel
Cheat Sheets
Nunca está de más contar con guías de referencia para el desarrollo de sitios web, iLoveJackDaniels ofrece versiones imprimibles en PNG y PDF. La lista de opciones: ASP/VBScript, HTML Char, Javascript, MySQL, CSS, entre otras. Altamente recomendables y muy útiles. Vía aNieto2K
La importancia del contexto
El teaser de la película de El Código Da Vinci ya está en línea y es un excelente ejemplo de lo importante que es el contexto. En este video “navegamos” por una serie de surcos, sin tener mayor información de dónde estamos. Para saberlo necesitamos de más información, mayor contexto. Descubrimos por donde vamos hasta que la cámara se aleja y la imagen que vemos nos hace reconocer la imagen. Una aplicación, diseño, fotografía o cualquier otra pieza que produzcamos podrá ser más exitosa si hacemos un llamado a diversos modelos mentales de los usuarios y los hacemos converger. El elemento sorpresa los atrapará.
TypeDrawing
Dibujar con texto. Chequen la galería, pero sobre todo intenten dibujar algo en la pizarra.