jueves, 25 de febrero de 2010

Plantillas para Blog (III) – Minimalista – Cuando menos es más

.
0 comentarios

En los diseños minimalistas, a pesar de su simplicidad. cuando menos es más, cada elemento se vuelve vitalmente importante. Algunas de las características del diseño minimalista es el uso de bastante espacio en blanco (o espacio negativo), la tipografía sencilla y pocas imágenes.

Ejemplos:

Temas de la Luna

Lounge4

Dolce Touch

Surfstation

Huwshimi

Guillermo Esteves

Design Intellection

ShareSomeCandy

Devlounge

readmore »»

10 pecados capitales cometidos a diario en el diseño web

.
0 comentarios

El diseño de un sitio web es un tema muy debatido en la última década, se dan muchas discusiones sobre lo que está bien y lo que está mal, lo que debe hacerse y lo que no. A pesar de tanto conocimiento, aquí están los 10 pecados capitales, que muchos diseñadores de web seguimos cometiendo hoy en día.

 

image

1. Demasiados clics: El usuario no soporta el tener  que hacer clic muchas veces antes de llegar a lo que realmente está buscando. Para evitar esta irritación del usuario, hay que lograr que el acceso a los productos sea fácilmente accesibles y directo.

2. Ser "demasiado" creativos: Este error se ve a menudo con los principiantes que se vuelven un lío, tratando de probarse a sí mismos como grandes diseñadores web creativos. Admítelo, todos los principiantes cometen este error. Si hoy eres un diseñador experimentado, retoma tu primer proyecto y observa lo que quiero decir. Ser demasiado creativos significa el uso innecesario y extenso de colores, imágenes, bloques, etc

3. Tener SEO un poco improvisado: Siempre debes integrar el SEO durante la fase de diseño. Si decides tener tu sitio diseñado antes de la SEO, hay posibilidades que no se logren las metas del todo.

4. Vínculos rotos: Los enlaces rotos = página de error 404 = más usuarios que se alejan. Un sitio web que contiene enlaces rotos produce mala impresión a los visitantes y es, tal vez la principal causa de pérdida de ventas. Además, los motores de búsqueda no pondrán en su lista a la página si contiene enlaces rotos.

5. Elección equivocada de colores: Ten cuidado con los colores y evita los fuertes contrastes de color. Si tienes un sitio web con un montón de información para que el usuario la lea, debes hacer un buen uso del espacio en blanco. Es mejor usar luz de fondo con texto oscuro en lugar de hacerlo de manera inversa.

6. Inconsistencia Tipográfica: Mantener el estilo y el tamaño constante a través de tu sitio web. Si tu página principal lleva un tipo de letra Arial de tamaño 10, asegúrate que todas las demás páginas mantengan el mismo estilo.

7. Mucho tiempo de carga: Un alto tiempo de carga por lo general se produce cuando se ha construido el sitio web utilizando imágenes completas / gráficos/ flash. Trata de usar los gráficos en flash al mínimo para evitar este problema, mejor ser la más óptima.

8. Compatibilidad con navegadores: Realiza una prueba de compatibilidad con el navegador de tu sitio web para conocer cómo otros usuarios pueden ver tu página web con navegadores diferentes.

9. Contenido desactualizado: El contenido de la página web hace el papel de una carta de ventas. Un contenido desactualizado, no sólo puede afectar su negocio, sino también su credibilidad empresarial.

10. Sin detalles de contacto: Por último, si tu sitio web no ofrece ninguna forma para que el usuario pueda ponerse en contacto contigo, es inútil que incluso tengas un sitio web! Siempre tienes que poner tus datos de contacto completos por adelantado.

Evita estos terribles errores, mientras que diseñas tu sitio web y disfruta de una presencia rentable en la web.

readmore »»

miércoles, 3 de febrero de 2010

5 cosas que considerar antes de diseñar un sitio web

.
0 comentarios

Hay probablemente decenas y decenas de formas de iniciar el diseño de un sitio web. Podría comenzar esbozando el concepto completo en papel, usar Photoshop para crear una bella representación visual de cómo quiero que sea el sitio o crear algún agradable código HTML y CSS. Todos, en algún momento hemos usado esas diferentes técnicas en mayor o menor grado, y todas han demostrado ser útiles a su manera.
Entonces, ¿hay alguna mejor forma de hacerlo? Si!! la mejor forma es utilizar la técnica que sea más efectiva para ese proyecto en particular.
5 Cosas que considerar antes de Diseñar tu Siguiente Sitio Web
No es una respuesta muy útil?
Bueno vamos a profundizar un poco más, entonces. En este artículo, vamos a distinguir entre la creación de maquetas y los prototipos de construcción, y luego buscaremos cinco áreas diferentes que puedan ayudarte a determinar qué enfoque puede ser mejor para ti.
Maquetas y Prototipos
Entonces, comenzaremos examinando las diferencias claves que yo veo entre maquetas y prototipos. En mi opinión, una maqueta es una representación gráfica estática de lo que queremos obtener como producto final. En este caso, la atención se enfoca totalmente en la apariencia, con la intención de demostrar exactamente cómo se verá el producto final. Esto tiene sus beneficios, pero también puede limitar la interacción. Pueden haber menús estilizados y botones, pero serán parte de una imagen estática por lo que no podrías mostrar su utilidad.
Por otra parte, con un prototipo puedes mostrar la funcionalidad y experimentar con el sitio. Es una escueta versión del sitio web, diseñado para demostrar exactamente cómo trabajaría. Los desplegables y botones están activos y enlazados. La idea es evaluar la funcionalidad del sitio antes de ocuparnos de la estética. No siempre es bello, pero funciona.

Mira a tu cliente


Si estás trabajando en un sitio para un cliente, la única área clave que deberías al menos considerar es al cliente mismo. No será la suerte o el azar quien te diga como presentar tus conceptos (y se cuidadoso con esto, ya que puede ser una señal peligrosa y potencialmente desagradable para la relación). Pero, tomarte tu tiempo para observar a tu cliente puede darte algunas pistas de cómo iniciar el diseño.
Bajo este enfoque, hacerse algunas preguntas claves acerca del cliente puede ser beneficioso.
Está el cliente interesado en extraordinarias características visuales o en una total funcionalidad? Aunque tu producto final pueda poseer ambas características (impresionante y funcional), con frecuencia podemos dejar una de las dos en segundo plano cuando comenzamos a trabajar en el diseño (o rediseño). Lo que necesitamos respondernos es cuál de las dos es más importante para el cliente.
Si ellos pasan más tiempo hablando de cómo se va a ver el sitio, obviamente su enfoque es visual. En este caso, debes ocupar más tiempo en Photoshop, creando una maqueta estática completa de cómo se verá el sitio finalmente.
Por otro lado, si el cliente habla más acerca de cómo va a trabajar, entonces probablemente te encuentras frente a una persona que se enfoca principalmente en lo funcional. Ellos quieren saber que el sistema está funcionando, y confían en que la belleza la añadirás más después.
Entenderá el cliente el propósito de tu maqueta o prototipo? No todos los clientes realmente entienden el concepto de diseño web (o cualquier otro diseño). En la mayoría de los casos, ellos no parecen estar familiarizados con las tecnologías. Por ejemplo, un cliente recibe una maqueta y se queja porque los botones y menús no funcionan apropiadamente. Es normalmente el caso de un cliente que no entiende la diferencia entre una imagen plana y un sitio web operativo.
En otro escenario, al cliente le parece que el prototipo funciona a la perfección pero se queja porque no se ve bien diseñada. Este cliente no entiende que el trabajo se ha orientado principalmente a crear la aplicación basada en web. Ellos simplemente asumen que la interface de usuario se desarrolla por arte de magia, y que es la parte visual la que ocupa todo el trabajo.
Tienes un cliente que concuerda con alguno de los dos perfiles? De ser así, tienes que buscar la manera de adecuar  la forma de comenzar a trabajar en tu diseño, ayudado por las mejores respuestas que el cliente te haya dado.

Busca el Propósito del Sitio

Considerar el propósito del sitio debería ser, realmente, el primer paso de la lista en cualquier proyecto web. a partir de esto, puedes determinar que tipo de enfoque quieres darle al diseño en general. Es un sitio manejador de contenido? En ese caso, el énfasis debe ser obviamente, su contenido. Por supuesto, todos los sitios deben tener contenido, pero en este caso hablamos específicamente del contenido estructural (usualmente textual). Para este tipo de sitios, deberías comenzar con un prototipo, en el cual pruebes los diferentes corrientes de contenido, y evaluar cómo encajan con el diseño general.
Lo mismo podría decirse de una aplicación web como un email personalizado o un sitio de redes sociales basada en un nicho. El propósito de estos sitios dictamina que deben ser altamente interactivos, por lo que tenemos que poner mayor énfasis en la interface y experiencia de usuario. Por lo tanto, lo ideal sería comenzar con un prototipo en lugar de una maqueta estática.
A site like DesignBump might begin with a prototype
Un sitio como DesignBump debería comenzar con un prototipo.
Por otro lado, si el propósito del sitio es principalmente un sitio de información simple y estático para una compañía, entonces usar una maqueta sería la mejor opción. Esto te permitirá concentrarte en la construcción de la apariencia del sitio y diseñar los aspectos gráficos que rodean la marca de la compañía. Esto también aplica muy bien si hay solo algunas páginas de contenido básico.

Observa los Requerimientos Gráficos

No siempre tenemos que saber exactamente que tipo de estrategia tomaremos en ese preciso instante, pero puede ser de mucha ayuda determinar cómo quieres abordar el aspecto gráfico del sitio. Obviamente, esto tendrá una fuerte influencia tanto si quieres comenzar el proceso de diseño con una maqueta o con un prototipo.
Para sitios con un alto grado de complejidad gráfica – tales como grandes encabezados, fondos texturizados, o cualquier otro tipo de simbología extensa – solo tiene sentido comenzar con una maqueta en Photoshop, a fin de maximizar la integración visual de todos esos elementos. Con sitios como estos, los gráficos juegan un rol prominente, sirviendo como complemento visual del contenido. Una maqueta puede servir perfectamente a esos gráficos.
This site, with its high degree of visual complexity, would 
probably be mocked up first
Este sitio, con su alto grado de complejidad visual, debe haber sido iniciado probablemente con una maqueta.
Por otro lado, si el sitio hace uso de un diseño minimalista o si los gráficos son principalmente íconos, logos u otro elemento direccionado, entonces trabajar sobre un prototipo  sería la mejor ruta.
Built on a grid, this site could easily be prototyped without ever
 opening Photoshop
Yo nunca sugeriría a ningún diseñador que comprometiera la calidad para incrementar la rapidez de entrega ( a menos que, hay que ser realistas y ser capaces de trabajar con líneas de tiempo), pero si seleccionar trabajar sobre un prototipo en lugar de una maqueta (o viceversa) nos ahorra tiempo sin afectar la calidad, entonces efectivamente esa es la mejor ruta a tomar!!  Tu tiempo es, uno de los recursos más valiosos. 

Fíjate en la Audiencia

Como cualquier tipo de medio, un sitio web es inútil sin una audiencia. Sería solo un grupo de 1s y 0s en un servidor web, ocasionando costos a ti o a tu cliente. Por lo tanto, la audiencia juega un rol extremadamente importante en tu diseño, y puede afectar la manera en la cual abordamos el proyecto entero.
Por ejemplo, si estás diseñando un blog dirigido a ejecutivos de alto rango, puede que te provoque hacer un diseño con aspecto aerodinámico y tradicionalmente corporativo. Hasta este momento tendrías en mente usar algunos elementos gráficos integrados. Pero realmente, es muy posible que no utilices ninguno. En su lugar, podría ser un simple fondo blanco contrastando con un color plano. Podría llevar un área de contenido básico y al menos una barra lateral (posiblemente dos). Un encabezado o logo, algunos íconos y algunas fotografías podría ser la magnitud gráfica. Este es otro caso donde comenzar con un prototipo básico sería la mejor opción.
The YTV site is target at a younger audience, with bright 
colourful graphics
El YTV es un sitio orientado a la audiencia más joven, con gráficos de colorido brillante.
Sin embargo, si estás diseñando un sitio que será orientado principalmente a niños y pre adolescentes, te encontrarás con una audiencia mucho más interesada en algo lleno de diversión y energía. En este caso, tienes que crear algo que sea mucho más interesante y gráficamente rico, quizás con un personaje como mascota, colores brillantes y/o un sistema navegador único. Este sería otro caso donde comenzar con una maqueta de Photoshop sería muy beneficioso para ti y tu proceso de diseño.

Mírate a Ti mismo

Finalmente, necesitarás mirarte a tí mismo también. Cuáles son tus fortalezas y debilidades? Si eres un maestro programador y puedes enfrentarte a HTML y CSS como nadie más en el negocio, pero eres débil con el Photoshop, entonces esto significa que comenzar con el prototipo sin preocuparte por el tipo de sitio que vas a diseñar. Después de todo, el propósito de este artículo no es establecer reglas absolutas para seguir, sino ofrecer algunos conceptos útiles para ordenar tus pensamientos cuando comiences un nuevo diseño.
Por otro lado, si eres un maestro en el Photoshop pero apenas te entiendes con el HTML y/o CCS y envías todos tus diseños a un tercero para que los programe, entonces te puedo garantizar que crear un prototipo no es la opción correcta para ti!!
Así que, mientras te tomas el tiempo de mirar a tu cliente, determinar el propósito del sitio, las necesidades gráficas y su audiencia puede ser extremadamente útil determinar tus propias destrezas y habilidades. Después de todo, los éxitos más grandes se consiguen haciendo lo que haces mejor.
Ahora es tu momento de opinar!! Qué piensas acerca de lo que te acabo de decir?? Tienes alguna sugerencia o técnica para decidir si hacer una maqueta o un prototipo?? O quizás, puedes tener una opinión completamente diferente. Me encantaría conocer tu opinión y objeciones, así que por favor, se libre para compartir con nosotros!!!

readmore »»

martes, 2 de febrero de 2010

Buscador de Iconos Gratuito

.
0 comentarios

Etiquetas de Technorati: ,
A la hora de iniciar un proyecto, bien sea de diseño o web (principalmente en web) es posible que necesitemos utilizar íconos de diferentes tipos y si no tenemos un buen banco de imágenes, puede resultar una tarea difícil encontrar el ícono ideal de uso libre o con el formato adecuado.

Para ello puede ayudarnos mucho el sitio web que comentamos en este artículo. Se trata de Icon Finder, el buscador de iconos gratuitos.
image
Icon Finder se encuentra en la URL http://www.iconfinder.net/ y es una base de datos de 147,174 iconos, al momento de escribir estas líneas. Los iconos se pueden acceder por palabras clave y por paquetes de iconos temáticos. Claro que lo más sencillo es utilizar las palabras clave, para buscar iconos por ejemplo de temas tan variados como "RSS", "CD", "Photoshop", "editar" o cualquier otro asunto que nos interese. Pero a menudo nos vendrá bien utilizar iconos que guarden una misma línea artística, por lo que en la sección "Browse" de Icon Finder podremos encontrar todos los sets de iconos a partir de los cuales se muestran los resultados en el buscador.

Sin duda alguna, buscar iconos con Icon Finder es una experiencia mucho más satisfactoria que hacer una búsqueda directa sobre el tema que nos interese el icono en Google o Google Images. Porque Icon Finder nos mostrará directamente aquellos iconos que correspondan con la búsqueda y sean gratuitos, directamente con la propia imagen del icono.

readmore »»
 

to2blogs Venezuela

Seguidores