webschema: Planifica, diseña, crea la web

La gran mayoría de la gente que se dedica al diseño web, está de acuerdo en que el mayor dolor de cabeza al que se enfrentan, es el tratar con una multitud de navegadores y su variable apoyo de éstos a los estándares.

Como ya te imaginarás resulta muy difícil complacer a todos, así que hay que saber hasta dónde es posible.

En la actualidad, se podría decir que el 98% de los usuarios tiene navegadores que soportan HTML 4, sin embargo, en cuanto a la ejecución de CSS aún hay muchas inconsistencias.

Por todo esto, y muchas otras razones de las que ya hablaremos más adelante, lo mejor será siempre

Read the rest of this page »

Tags: browser, compatibilidad web, dificultades del diseño web, navegadores, probar navegadores
Posted in DISEÑO WEB, TIPS | 1 Comment »

Hace unos días, una amiga me preguntaba ¿qué más puedo hacer para optimizar mi posicionamiento en buscadores? La respuesta: corregir los enlaces rotos (también llamados ‘dead links’)

¿Por qué?

Porque los enlaces rotos (internos), dificultan a los buscadores la indexación de la página, o de secciones de ésta. Y no solo eso! al usuario le da la impresión de que el sitio es poco confiable o no es actualizado constantemente. Así que si pensabas que un enlace roto no te afecta en nada, ahora te darás cuenta de cuánto lo hace.

Recuerda que lo que queremos, es:

1. Que el usuario

Read the rest of this page »

Tags: correccion de paginas web, enlaces rotos, Herramientas online, objetivos de una página web, optimizacion web, penalizacion buscadores, posicionamiento, seo
Posted in Herramientas online, Posicionamiento web, TIPS | 4 Comments »

¿cómo lo haría?…

Alguna vez, hace ya varios años, una profesora de la facultad nos comentaba que para programar, se necesitaba mucho análisis, mucho pensar, y mucha creatividad.  Así que la pregunta era, ¿cómo desarrollo esa creatividad?

Y su respuesta fue tan simple y sencilla. Programa que veas, que pruebes, que uses, pregúntate.. Si lo tuviera que hacer yo.. ¿cómo lo haría?.

La verdad, es algo que no aplico cuando de aplicaciones se trata. Pero sabes dónde si lo aplico? En el diseño web.

El diseño web, en realidad, no es tan complicado.Se trata de muy buen gusto, y de cuidar hasta el último detalle. Así que si tu estás incursionando en el diseño web, siempre que navegues por la internet, cada página que veas, cada elemento, cada galería, que veas, y si te fascina aún mejor, pregúntate: Si lo tuviera que hacer yo.. ¿cómo lo haría?

Puede que creas, que este ejercicio en realidad no sirve de mucho (aunque es todo lo contrario), pero si lo aplicas, al menos, el día que te llegue un proyecto de ese tipo, ya tendrás una idea de cómo lo harías. (y eso, te ahorra tiempo, creéme).

Tags: buenas prácticas web, cómo lo hago?, consejos web, desarrollando creatividad
Posted in TIPS | No Comments »

Dieter Rams es un diseñador industrial de origen alemán que ha sido la  cabeza pensante de los diseños de la casa Braun durante muchos años.

Rams explica su visión y aproximación al diseño según una frase muy famosa: "Weniger, aber besser" que en alemán significa "Menos, pero mejor".

Muchos de sus diseños han encontrado un sitio permanente en varios museos del mundo, incluyendo el MoMA de Nueva York.

Según Rams, los diez principios del buen diseño son:

• El buen diseño es innovador
• El buen diseño hace útil a un producto
• El buen diseño es estético
• El buen diseño ayuda a entender un producto
• El buen diseño no molesta
• El buen diseño es honesto
• El buen diseño es duradero
• El buen diseño es minucioso hasta el último detalle
• El buen diseño se preocupa por el medio ambiente
• El buen diseño es tan poco diseño como sea posible

Para Rams el buen diseño ni es una cuestión de tecnología ni se limita a ser una pátina más o menos estética. Para Rams el diseño es ideas; función, y luego forma. Es estética y usabilidad.

Posted in TIPS | No Comments »

Hay tres cosas importantísimas que afectan la estadía de un visitante en tu página web o blog. Éstas, incluso, pueden hacer que un visitante de ocasión no quiera ni siquiera dar click en tu enlace al encontrarlo como resultado de una búsqueda.

1. Combinaciones ilegibles de texto y fondo. Cuando crees o modifiques tu sitio, considera que la lectura de éste no debe requerir esfuerzo ni producirte dolor de cabeza. Ten muy cuenta el contraste de luminancia entre el texto y el fondo. (Visita este sitio como ejemplo de lo que debes evitar)
2. Texto o imágenes parpadeantes o deslizantes. Estos dos elementos hacen muy difícil lograr la atención hacia algún otro lugar de la página. ¿No me crees? Visita este sitio y dime que lograste cachar de su contenido.
3. Apertura automática de nuevas ventanas del navegador. El usuario no agradece que se abran nuevos sitios web sin su consentimiento. Recuera, es el usuario el que mantiene el control y percibe como hostil una acción que pasa por encima de éste. No te doy ejemplos de éste, seguro tú conoces muchos.

Ahora que ya los conoces, visita tu sitio y verifica que ninguna de estas tres cosas a evitar estén sucediendo. Y si sí, ¿qué esperas? es tiempo de corregirlos.

Tags: errores, evitar, ilegible, parpadeante, peor, usuario
Posted in DISEÑO WEB, TIPS | No Comments »

Seguramente, muchas veces te has preguntado cómo crear un sitio web atractivo, funcional, rápido. O tal vez, has deseado crear tu propia página, tu propio blog y no sabes por dónde empezar.

Lo mejor que puedes hacer es buscar inspiración, ideas, ver ejemplos y seguirlos, ser curioso, equivocarte, cambiar.

Toma en cuenta lo siguiente:

1. Simpleza. No sobrecargues tu página con tipografías diferentes, diversos colores e imágenes, ya que harán que tarde más para descargar y confundirán al usuario. Recuerda que tienes menos de 3 segundos para convencer al usuario. Si tu página tarda más en descargar, para cuando termine, tu visitante ya se habrá ido!
2. Considera tu diseño terminado cuando parezca demasiado simple para el tiempo que le has dedicado.
3. Diseña un árbol de navegación sencillo, éste contiene las páginas que componen el sitio y las ligas (links) entre ellas. No es lo mismo que el esquema (layout) del sitio, éste último deberá mostrar cómo se disponen los elementos de la página (links, texto, logo, header, footer, banners, contenido, buscador, imágenes, etc.)
4. La regla de los 3 clicks.

   Read the rest of this page »

Posted in TIPS | 1 Comment »