Blog Vecindad Gráfica Diseño Gráfico

Existe un gran debate entre crear un diseño web desde cero o utilizar plantillas.

Aquí se encuentra un pequeño artículo sobre ese tema:
Custom Web Site Design or Website Templates The Big Debate

• Who is the site for?
• What are visitors trying to achieve when they visit the site?
• What do YOU want visitors to achieve when the visit the site?
• How frequently do you expect people to use the site?
• How will you measure the success of the site?

Pueden sonar muy obvias, pero al no tomarlas en cuenta, podemos tener problemas.

all in the head “?? Five Most Important Considerations

Según un artículo de Pingmag algunas modas pasarán a la historia.
Por ejemplo, los degradados.

Las etiquetas (badges): etiquetitas (badges) 2.0

El estilo Shiny.

Parece que es el principio del fin de modas, que algunos siguen tan pronto se vuelven famosas. El look 2.0 parece tener ese camino.

PingMag - The Web Design Trend Obituary & Death Clock

Según Phil Renaud nos muestra su lista de sitios diseñados en forma sexi, comprenden desde CSS hasta Flash.
The Next 35 Sexiest Designed Websites You’ve Forgotten - PhilRenaud.com

La primer lista de los 35 sexis está aquí:
The 35 sexiest designed websites you’ve forgotten - PhilRenaud.com

Estas listas ayudan a tener una referencia en lo que se está diseñando. Claro que no son la neta del planeta.

Uno de los periódicos en línea más visitados en México es el Universal, el otro periódico que tiene un gran número de visitas es La Jornada, sólo que le falta más dinamismo.
El que podría competir en cuanto a visitas y en cuanto a versatilidad es el periódico Reforma, el problema es que tienes que pagar para verlo.
Un periódico que tiene un diseño más al estilo web 2.0 es el el Excelsior

El nuevo diseño aunque más limpio y directo, parece que tiene un problema en cuanto al tamaño, porque lo dejaron muy ancho, entonces en un monitor pequeño es muy molesto navegar en él.

Claro que la usabilidad está mejor, los colores, las secciones, etc. está bien a secas.

En fin, todavía se puede mejorar.

El Universal

Otras de las constantes visuales en el diseño web 2.0 son las famosas etiquetitas (badges) en forma circula, terminada en picos u ondulaciones.

Las vemos hasta en la sopa. Casi, casi, si uno quiere producir un sitio que “contenga” algo referente al 2.0 se escogerá alguna de ellas.

En este sitio se muestran algunos usos de las etiquetas, además si lo deseas puedes bajarte un documento vectorial en Illustrator de las más comunes.

Design Melt Down ￜ Badges

Esta caricatura nos muestra perfectamente lo que pasa por la mente de los que desean comprar en Internet.

Algunos de nuestros clientes en el diseño web, nos piden al instante mismo de la creación de su sitio en Internet que contenga un carrito de compras.

Al explicarles que no venderá mucho, por lo menos no cómo él espera, nos dirá:
“oye, pero si el mercado en Internet está creciendo ¿como que no se vendera bien mi producto?”

Al preguntarle si él hace compras por Internet nos contestará:
“mmmmmhhhh, pensándolo bien no doy tan fácil el número de mi tarjeta vía Internet, es que con todo lo que vemos, que si te roban el número, que existen sitios pasándose por los bancos, etc., no, no casi no compro por Internet”

Eso es lo que sucede en nuestra cultura, todavía no confiamos en las compras por Internet.

diesel sweeties: pixelated robot romance web comic

Se ha presentado una buena discusión con respecto a una propuesta en el re-diseño de Craigslist.
Algunos dicen que todo está muy a la 2.0, con títulos muy grandes, que el espacio en blanco es mucho, etc.

Es interesante seguir los comentarios para saber qué es lo que piensan tanto los diseñadores como los usuarios.

Aquí la pregunta sería:
Al re-diseñar un sitio como éste, en donde la mayoría de usuarios lo único que desean es a checar las listas y no es su prioridad ver un diseño “novedoso”, entonces ¿se tiene que dejar a un lado lo 2.0 y sólo darle un poco de ayuda al diseño 1.0?

Craigslist - Design Eye for the List Guy - The Big Noob”?¢

Portada Original

Portada a la 2.0

Lista Original

Lista a la 2.0

En un juego de palabras con crap, que es mierda en español, aquí se explica que C.R.A.P. son las siglas de:

Contraste
Repetición
Alineamiento
Proximidad

Así que Mike Rundle nos muestra ejemplos de esos 4 elementos para demostrar que no todo es crap (mierda).

Vitamin Features ￜ How C.R.A.P is Your Site Design?