15 Consejos para diseñar páginas web, el diseño grafico

Diseño y comunicación:
15 Consejos para diseñar páginas web
Es casi seguro que alguna vez nos hemos enfrentado a diseñar una pagina web. Nuestra profesion puede no tener nada que ver con el diseño grafico, pero el inconveniente de enfrentar una pagina en blanco con una creacion propia es, cuanto menos, ineludible para cualquiera de los que nos involucramos en la Red. Como hacemos para que nuestra pagina, o nuestro sitio, sea atractivo, vendedor,
rapido de bajar, atractivo, y mas atractivo? Pues, basicamente, todo se trata de probar, probar, probar:
Equivocarse, ser curioso y aprovechar la red para ver ejemplos de buenos diseños web y procurar seguir esos ejemplos es lo mejor que se puede hacer. Hay un problema, eso demanda tiempo y nuestras paginas deben estar terminadas para mañana! Que hacer entonces?
Pues aqui tenemos una serie de consejos, trucos, y “leyes” basicas que nos pueden ser de suma utilidad, tanto si se es diseñador grafico como intrepido, o acosado por las circunstancias.

Allá vamos:

1-HAGALO TODO MAS SIMPLE.
El poder de un buen diseño esta en su simplicidad.
Defina la esencia

2-HAGALO TODO MAS SIMPLE: PARTE 2!
Cuando su diseño final parece ser demasiado simple para la cantidad de tiempo que le dedicó, VOILA! Su trabajo ya esta listo.

2-SALGA DE SU MUNDO INTERIOR: COMUNIQUESE
Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programación, marketing, comerciales.

3-MENOS GLAMOUR Y MAS ORDEN
No se vea seducido por la forma en detrimento del contenido.
Un diseño web comprometido con el contenido contribuye en mayor medida que uno que hace prevalecer las formas.

4-DISEÑE PARA CONEXIONES VIA MODEM!!!!!!
La consideración estética mas importante a tener en cuenta es LA VELOCIDAD DE TRANSMISION. Si su trabajo tarda demasiado en bajar, deje todo de lado y vuelva al papel y al lápiz

5-TEXTOS. ABURRIDOS?
Cuando le toque diagramar textos, PRIMERO LEALOS.
Piense en como alguien, con menos interés que el suyo,
podría echarles un vistazo.
Otra cosa que es de gran ayuda es el ancho de los textos.
A menudo se ven por ahí webs con sus textos corriendo de punta a punta de la pagina. Cómo se puede leer eso???
Mejor trate de que sus textos se mantengan en un ancho de 400 pixeles, o, al menos, un tercio de su pantalla.

6-MAS COLOR Y GRAFICOS, MENOS IMAGENES Y
EFECTOS
El arte lineal, las formas vectoriales y el color plano se lleva de maravillas con la web. Para ser más claros, si sus diseños usan mas Freehand que Photoshop, es seguro de que su pagina cargara mucho mas rápido.

7-GRAFICOS Y TEXTOS: NO!

Nunca, jamás, inserte texto en un grafico. El texto es texto.
Los gráficos son gráficos. No los confunda.

8-ATRAIGA
Con las fluctuaciones en las conexiones a la web, su carácter de “lenta” y demás afectaciones, usted tiene 3 SEGUNDOS para convencer a un usuario de no usar el botón ATRAS del
navegador. TRES SEGUNDOS. Entonces, ponga todos sus esfuerzos para que aquello que desea mostrar en una página web aparezca inmediatamente, y de forma interesante.

9-ATRAIGA-SIMPLIFIQUE-VAYA A LO QUE IMPORTA
Tiene 30 segundos para cargar TODA una página en el navegador
del usuario. Quizás menos, 15 segs.
SEA RAPIDO

10-ENFOQUESE EN LO QUE INTERESA
A los usuarios no les interesa en absoluto como funciona y se navega dentro de su sitio web, solo llegaron allí por el contenido.
DESELOS en forma rápida y simple.

11-INFORMESE-APRENDA
Manténgase al tanto de las nuevas tecnologías. La web jamás se queda quieta, así que dedique su tiempo libre a aquello que es nuevo. Ya ha pasado el tiempo en que el pez más grande se comía al más pequeño, ahora es el mas RAPIDO el que se come al MAS LENTO.

12-DEFINA SU PROBLEMA
El diseño trata sobre la resolución de problemas, sobre enfrentar una cuestión de comunicación con un objetivo. Defina cual es el suyo y ya tendrá la mitad del problema resuelto.

13-APRENDASE LOS PRINCIPIOS DE NAVEGACION
a-La gente odia esperar
b-La gente odia hacer scroll
c-La gente odia leer
d-La gente prefiere hacer scroll antes que esperar
e-La gente prefiere esperar a leer.
c-La gente no es necesariamente racional o coherente, pero a
veces si.

14-BUSQUE INSPIRACION
Hable con gente que esta fuera de su campo de acción. Los arquitectos, por ejemplo, pueden darle una perspectiva completamente nueva del diseño web, quizá pueden cambiar su forma de imaginar como se conceptualiza un sitio, transformando las paginas web en “espacios web”

15-ESCUCHE MUSICA
Si, cuando la música acompaña a su trabajo este se hace más
placentero y llevadero. Incluso llega a generar mas inspiración.

Por Ana Moreno
Relaciones Externas
http://www.digitalvalley.com
Alojamiento Web Profesional
Texto seleccionado, adaptado y traducido de webmonkey.com

Como Lograr Diseños de Calidad

Todos sabemos la importancia del diseño en nuestros sitios, procuramos siempre mantener una armonía tonal y una estructura usable, pero si queremos lograr un diseño grafico de calidad en nuestros trabajos deberíamos ir más allá de estas consideraciones básicas, ya que por lo general un buen trabajo de diseño engloba unos cuantos items a tener en cuenta.

El Diseño de Calidad es simple

Hoy por hoy los diseños deben ser frescos y con aire, ¿qué significa eso? Bueno, que nuestros trabajos deben ser simples y equilibrados, esa es la clave. La distribución de los objetos que componen el diseño deben poseer los espacios armoniosos correspondientes, el no dar la separación entre un objeto y otro entorpece visualmente todo, logrando además de confusión en el navegante, la devaluación en calidad de nuestros trabajos.

Normalmente la costumbre por demostrar conocimientos de diseño o edición digital hace de muchos la manía de cargar el diseño con cientos de referencias visuales. Así como también el abuso en el uso de imágenes resta calidad a nuestras web. El utilizar fondos limpios, idealmente el color blanco transmite una sensación de frescura y espaciado que hace de nuestro diseño algo agradable a la vista.

He escuchado muchas veces que “lograr lo simple es difícil” , tal ves sea verdad, pero si nos centramos en pautas de este tipo y observamos lo que nos resulta agradable a nosotros mismos podremos “entrenar nuestro ojo” para lograr los mejores diseños.

Retoque digital de imágenes

En la web para complementar textos, siempre, se utilizan imágenes de todos los tipos y tamaños. Estas pueden servir para reforzar una idea directa o para comunicar una idea conceptual o abstracta. Sin embargo muchas veces se comete el error de utilizar extensiones (*.gif, *.jpg) equivocadas o mal trabajadas y editadas.

Si utilizaremos imágenes de pequeño tamaño en píxeles y pocos colores debemos utilizar la extensión gif obligadamente, ya que esta trabaja con una paleta distinta y por lo tanto con un formato de compresión diferente al del JPG. Si decidimos, por error o capricho utilizar la extensión Jpg en imágenes pequeñas veremos el efecto de compresión o desenfoque que logra esta extensión en imágenes pequeñas.

Por el contrario, de manera obvia si incluimos imágenes grandes lo mejor será trabajar con la extensión JPG, el límite para utilizar una extensión u otro lo fija la calidad exigida para nuestro trabajo.

Cuando se reducen imágenes estas tienden siempre a desenfocarse, motivo por el que es de vital importancia “perfilarlas” correctamente, la mayoría de los programas de edición traen este efecto indispensable.

¿Que es el diseño gráfico?

Yo se, que a muchos nos ha pasado que nos preguntan ¿que es el diseño gráfico? y no sabemos explicar bien que es y lo que hacemos. He aqui una definicion que se acerca mucho a la ciencia que tiene nuestra profesion.

Podemos definir el diseño gráfico como el proceso de programar, proyectar, coordinar, seleccionar y organizar una serie de elementos para producir objetos visuales destinados a comunicar mensajes específicos a grupos determinados.

La función principal del diseño gráfico será entonces transmitir una información determinada por medio de composiciones gráficas, que se hacen llegar al público destinatario a través de diferentes soportes, como folletos, carteles, trípticos, etc.

El diseño gráfico busca transmitir las ideas esenciales del mensaje de forma clara y directa, usando para ello diferentes elementos gráficos que den forma al mensaje y lo hagan fácilmente entendible por los destinatarios del mismo.

El diseño gráfico no significa crear un dibujo, una imagen, una ilustración, una fotografía. Es algo más que la suma de todos esos elementos, aunque para poder conseguir poder comunicar visualmente un mensaje de forma efectiva el diseñador debe conocer a fondo los diferentes recursos gráficos a su disposición y tener la imaginación, la experiencia, el buen gusto y el sentido común necesarios para combinarlos de forma adecuada.

Toda obra de comunicación visual nace de la necesidad de transmitir un mensaje específico. Un diseñador gráfico no es un creador de formas, sino un creador de comunicaciones, un profesional que mediante un método específico (diseño) construye mensajes (comunicación) con medios visuales (grafismos). No es el creador del mensaje, sino su intérprete.

Componentes de un buen sitio web

El artículo original se llama “What Makes a Good Website?“, y muestra cada componente de un buen sitio web asimilándolo como un iceberg en el cual, la pequeña parte visible corresponde a la interfaz (diseño gráfico, contenido, etc.) y la gran masa oculta para los “navegantes” esta compuesta por elementos de programación y análisis.

1. Idea/Objetivo
Esta es la cruz de la que hablamos cuando les hablamos. Nos escucharás usar mucho la palabra “objetivo”. ¿Por qué tienes un sitio Web? ¿Cuál es su propósito? ¿Cómo vas a medir su éxito?

2. Diseño
Aquí hablamos de cosas como la selección de color, alineación, interés visual y metáforas que tengan sentido.

3. Mensaje
El contenido es el rey. Cada página de tu sitio Web necesita un fin. Necesitas entender cuál es tu audiencia objetivo y qué quieres que hagan. Luego dárselos, con la información apropiada y un llamado a la acción que entiendan fácilmente.

4. Arquitectura
¿Cómo están organizadas tus páginas? ¿Son intuitivas? ¿Tu audiencia objetivo las entenderá? Piensa en cómo son de diferentes Disney.com de Microsoft.com.

5. Usabilidad y Accesibilidad
El HTML todavía es un lenguaje y necesita estar bien formado y ser accesible. No todas las personas que visitan tu sitio están perfectamente capacitadas. Algunas de ellas tienen discapacidades, algunas tienen conexiones lentas, algunas no podrán instalar el plug-in de Flash. Entender tu audiencia objetivo y tus objetivos te ayudarán a definir tus estándares de usabilidad y accesibilidad, sin lugar a dudas.

6. Mercadeo Online
Recurrir a los buscadores es todo un juego. Hazlo mal y terminarás prohibiéndote tu mismo en ellos. Hazlo bien y serás premiado con una gran cantidad de tráfico gratuito y del que necesitas. No es difícil, sólo toma experiencia y planeación.

7. Lo técnico
¿Es tu dominio fácil de recordar? ¿Es tu proveedor de Internet confiable? ¿Tienen otros 20.000 sitios hospedados en tu servidor? ¿Soportan las tecnologías que tu sitio necesita para crecer?