sábado, 4 de mayo de 2013

Hot tips para diseño web

Consejos para diseño web
(Fuente: Marketing-eficaz.com)

Es casi seguro que alguna vez nos hemos enfrentado al diseño 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 el diseño web en 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.

Lo nuevo y mas importante en Diseño Web

Lo Mas Importante del Diseño Web !

Posicionamiento en Buscadores, Diseño Web, Programación Web, las opciones para trabajar con Paginas Web

Pensar que todas las responsabilidades del Webmaster recaen en una sola persona, en un entorno profesional, es una apreciación obsoleta, el negocio del Diseño Web se ha convertido en algo cada día mas complejo, y en consecuencia involucra a diferentes personas y profesionales. A continuación describiremos, a que se dedica cada especialista a la hora de poner en marcha una Página Web, una Aplicación Web o un negocio en Internet.
  • Posicionamiento en Buscadores: será el encargado de establecer un ranking aceptable (preferentemente en la primera página del buscador Google.com) de manera que a los potenciales clientes mediante las palabras clave mas buscadas encuentren el sitio web de manera mas rápida y facil posible, es una tarea compleja y estratégica donde se considera el comportamiento o el posicionamiento en buscadores de las web de los negocios competidores, deberá conocer aspectos tales como HTML, algoritmos de búsqueda de los buscadores mas populares, estrategias de linkbuilding, sugerencias sobre el diseño del sitio web y disponer de herramientas como listados de directorios, foros y blogs donde colocar firmas con el enlace y la palabra clave a posicionar, sitios donde enviar enlaces y artículos o reseñas. Será uno de los encargados de atraer a los clientes potenciales desde los buscadores hacia las páginas web y aplicaciones web del negocio.
  • Diseño Web sera el encargado de Diseñar las Páginas Web y las interfaces gráficas que los visitantes visualizaran en sus pantallas, tanto en sus PC de escritorio o como en sus dispositivos móviles (diseño web responsivo), deberá conocer tecnologías como CSS, HTML, HTML5, Javascript, CMS como Joomla! o WordPress, Diseño Gráfico entre otros conocimientos, además deberá contar con una "sensibilidad" tal que le permita interpretar los requerimientos o la naturaleza del negocio y trasladarlo estéticamente en un conjunto de Páginas Web siguiendo diferentes pautas de Diseño Web.
  • Programación Web sera el encargado de desarrollar aplicaciones web, componentes, módulos y plugins, verificar las vulnerabilidades de seguridad de los componentes instalados y desarrollados por El, deberá conocer lenguajes de programación como ASP, PHP, .NET (C#, VB), Java, Javascript, Bases de Datos, lenguaje SQL. Es un actor clave porque del éxito de su trabajo quedará establecido si las aplicaciones web funcionan correcta y eficientemente.
  • Redacción de Contenidos sera el encargado de redactar contenido para las páginas webartículos principalmente, esta tarea deberá realizarse periodicamente ya que de ello depende la "frescura" del sitio web, un factor clave en el posicionamiento en buscadores, deberá conocer en principio el tema sobre el que escribe, ya que la calidad y la originalidad del contenido es de primordial importancia. También deberá conocer HTML y como un artículo debe estar estructurado en términos de títulos, encabezados, párrafos, imágenes (y sus atributos). Debe ser una persona, culta, creativa, comprometida, y con hábitos de trabajo regulares.
  • Administración de Infraestructura sera el encargado de, básicamente mantener un hosting o alojamiento web que responda a las necesidades y cantidad de hits y visitas acordes a la aplicación web alojada en o los servidores, asimismo deberá aplicar permanentemente parches y actualizaciones de seguridad en los servidores para saber responder a eventuales ataques de hackers, virus y netbots, deberá contar con un conocimiento amplio que incluya aspectos de bases de datos como SQL Server, MySQL y Oracle, Sistemas Operativos como Linux, Windows Server, Unix, Application Servers como Tomcat, JBoss, IBM Websphere, networking y redes. Normalmente esta tarea se realiza sobre una base horaria de 7 días a la semana las 24 horas, por lo que usualmente esta actividad la desempeña un equipo de profesionales.
  • Community Manager sera el encargado de popularizar la pagina web en las redes sociales mediante estrategias de Social Media Marketing (SMM), deberá conocer el comportamiento y las reglas de las principales redes sociales, regularmente publicar actualizaciones, etc. Todo esto en orden de generar una comunidad online que se mantenga informada de los cambios realizados en la página web se reflejen en las redes sociales. Asimismo la presencia en las redes sociales resultará de importancia a la hora de analizar la estrategia de posicionamiento en buscadores.

Lo nuevo en Diseño Web

¿Qué hacer entonces cuando hablamos de Diseño Web?
Pues aquí tenemos una serie de consejos, trucos, y "leyes" básicas que nos pueden ser de suma utilidad, tanto si se es diseñador gráfico como intrépido, o acosado por las circunstancias.
Allá vamos:
1- Hágalo todo más simple.
El poder de un buen diseño esta en su simplicidad. Defina la esencia
1.2-Hágalo todo más 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: comuníquese.
Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programación, marketing, comerciales.
3- Menos glamour y más 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 módem.
La consideración estética más importante a tener en cuenta es LA VELOCIDAD DE TRANSMISIÓN. 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 LÉALOS. 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 página. ¿¿¿Cómo se puede leer eso??? Mejor trate de que sus textos se mantengan en un ancho de 400 píxeles, o, al menos, un tercio de su pantalla.
6- Más color y gráficos, menos imágenes 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 página cargara mucho mas rápido.
7- ¡Gráficos y textos: no!
Nunca, jamás, inserte texto en un gráfico. 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 ATRÁS 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 RÁPIDO.