Diego Mauricio Ramírez B. – e-mail: contacto@expertcomputer.biz Página 1

El diseño web es mucho más que la parte gráfica

Introducción

Para crear un sitio con calidad debe cumplir varias normas y estándares para que sea fácil de interpretar en todos los navegadores y terminales con acceso a Internet y que además

sea multiplataforma (compatibles con diversos S.O.) El principal organismo que rige para cumplir estos estándares es el w3c un consorcio que certifica el cumplimiento a través del

Web Platform Docs que documenta a desarrolladores en contenido web y que regula el lenguaje HTML, verificando que funcione en distintos navegadores, chequeando la velocidad de carga del sitio, etc. Solo después de verificar que un sitio este bien hecho podemos juzgar si su diseño nos agrada o no.

Algunos chequadores

Tiempo de carga de un sitio web que valida el rendimiento, estado de DNS.

http://tools.pingdom.com/fpt/

Validador de W3C

http://validator.w3.org/

Para analizar las etiquetas (palabras claves dentro un sitio web)

http://freewebsubmission.com/web-page-analyzer.html

Puntos principales para distinguir un sitio web de calidad

La pantalla es otro punto importante, existen cada día más formatos de pantalla, pantallas normales, pantallas anchas, formatos cuadrados, pantallas de baja resolución en el caso de dispositivos móviles, pantallas de bajo contraste en el caso de monitores LCD económicos, etc. Una página web de calidad se ve bien en cualquiera de estas pantallas. En un sitio web mal diseñado suelen aparecer los siguientes problemas.

1. Quedan elementos fuera de la pantalla en monitores angostos o teléfonos móviles

2. En pantallas anchas queda toda la pagina sobre el margen izquierdo, quedando el resto de la pantalla inutilizada

Diego Mauricio Ramírez B. – e-mail: contacto@expertcomputer.biz Página 2

3. Aparece el scroll horizontal, y para ver la pagina debemos desplazarnos de

izquierda a derecha además de arriba y abajo

Para comprobar una página completa se debe verificar cada enlace por separado, por ejemplo:

www.cartisano.com.ar/inicio www.cartisano.com.ar/diseño-web-profesional www.cartisano.com.ar/aplicaciones-web

www.cartisano.com.ar/contacto etc...

La velocidad de tu web es más importante para ti que para tus lectores online

Los editores web tienden a olvidar que esperar más allá de cinco segundos pone un lector en línea impaciente y luego de diez, él / ella probablemente tomará la

decisión de irse a otra parte. "La lentitud tiene tanto impacto que puede convertirse en uno de los valores que

caracterizan un sitio web ante los lectores".

Un sitio web que tiene una respuesta y una carga rápidas hace que el usuario se sienta en control, mientras que los tiempos de carga lentos hacen que los lectores

se pongan impacientes, frustrados y cada vez más resistentes a tu marca o propuesta.

Estas son las razones clave por las que cualquier editor web serio hoy debe dedicar tiempo y recursos para controlar, verificar, probar y optimizar el rendimiento, la

velocidad y capacidad de respuesta de su contenido en línea, sin importar el formato.

Los siguientes datos están basados en estudios científicos y no simplemente en

experiencias personales

1. 0,1 segundo da la sensación de respuesta instantánea - es decir, el resultado se siente como si hubiera sido causado por el usuario, no por el equipo. Este nivel de respuesta es esencial para apoyar la sensación de manipulación directa.

2. Un segundo mantiene el flujo de pensamiento del usuario sin interrupción. Los usuarios pueden detectar un retraso, y así conocer que el equipo está generando el resultado, pero todavía se sienten en control de la experiencia en general y se

mueven libremente en lugar de esperar en el equipo. Este grado de sensibilidad es lo que se necesita para la buena navegación.

Diego Mauricio Ramírez B. – e-mail: contacto@expertcomputer.biz Página 3

3. Diez segundos mantiene la atención del usuario. De uno a diez segundos, los

usuarios se sienten definitivamente a merced de la computadora y desearían que fuera más rápida, pero sienten que pueden manejarlo.

4. Después de diez segundos, empiezan a pensar en otras cosas, por lo que es más difícil conseguir que sus cerebros se detengan en pista una vez que el equipo finalmente no responde. Una demora de diez segundos a menudo hará que los usuarios dejen el sitio inmediatamente. E incluso si se quedan, es más difícil para que comprendan lo que está pasando, lo que hace menos probable que cualquier

tarea difícil tenga éxito.

Incluso, la demora de unos segundos es suficiente para crear una experiencia de usuario desagradable.

El usuario ya no estará en control de la situación, y estará conscientemente molesto por tener que esperar por el equipo.

Así, tras una secuencia de varias cortas demoras, los usuarios podrán renunciar a tu sitio web a menos que estén muy comprometidos con completar la tarea.

Podrás fácilmente perder la mitad de tus ventas (a los clientes menos comprometidos),

simplemente porque tu sitio tiene segundos de demasiada lentitud a cada página.

Usabilidad

Un sitio web usable es aquél en el que los usuarios pueden interactuar de la forma más fácil y cómodamente posible desde la primera vez que ingresan a el.

Es decir la finalidad, en este caso, es lograr que el usuario encuentre lo que busca en el

menor tiempo posible.

Seguridad

La seguridad es un tema fundamental en sitios web avanzados, esta no solo se refiere a

que no nos roben información importante y que no nos rompan el sitio sino además que el sitio web este disponible siempre, es decir que sea a prueba de fallas, y esto requiere

que el webmaster no sea un mero diseñador gráfico sino que además debe conocer aspectos fundamentales de la configuración del servidor y técnicas de seguridad en

programación orientada a la web.

Diego Mauricio Ramírez B. – e-mail: contacto@expertcomputer.biz Página 4

Accesibilidad

La accesibilidad es la capacidad de un sitio de ser visto y leído por cualquier persona o dispositivo.

por ejemplo un sitio web con letras pequeñas probablemente no podrá ser leído por

personas mayores o con problemas de visión, y un sitio donde los textos estén en forma de imagen o en formato flash no podrán ser accesibles para motores de búsqueda o

dispositivos de lectura para invidentes. Existen además otros factores que hacen a la accesibilidad, como la semántica y las técnicas de javascript no intrusivo, pero la

explicación de estos temas es más compleja e innecesaria en este caso.

Ser visualmente agradable

Por último es importante que el sitio sea visualmente agradable, para esto es bueno tener

en cuenta:

El público al que va dirigido nuestro sitio, si se trata de un sitio de tecnología seguramente será visitado por más gente acostumbrada a navegar por internet, por lo cual nos podemos permitir un sitio mas complejo, pero si se trata de

productos para personas mayores es importante que el sitio sea lo mas simple posible.

La opinión de diferentes personas, difícilmente nuestro gusto represente el gusto de la mayoría.

Estudios de usabilidad que nos indican que tipos de letra nos conviene utilizar en cada situación, los mensajes que se transmiten a través de los colores, los espacios

adecuados que hay que dejar para que una lectura sea lo más amena posible, etc.

Conclusiones

El uso de estándares web y una correcta presentación ofrece múltiples beneficios para

propietarios y usuarios que diariamente acceden a un sitio web en busca de información.

Diego Mauricio Ramírez B. – e-mail: contacto@expertcomputer.biz Página 5

El acceso a una mayor audiencia, ofreciendo un buen posicionamiento en buscadores y

cumpliendo estándares en codificación en desarrollo de plataformas web permitirá cumplir con los requerimientos de accesibilidad y flexibilidad para los cambios de presentación y una puerta abierta al uso de tecnologías como XML y el nuevo HTML 5.

Toda la información y asesoría en sitios web dinámicos con calidad en:

Celular 317 5605511

@Diego_TIC

Diego Mauricio Ramírez B. – e-mail: contacto@expertcomputer.biz Página 6