Diseño de sitios web con calidad y ajustado a las necesidades del usuario.

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 1

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 2

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 3

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 4

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 5

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