El diseño web con calidad
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

El diseño web con calidad

on

  • 555 views

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

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

Statistics

Views

Total Views
555
Views on SlideShare
555
Embed Views
0

Actions

Likes
0
Downloads
5
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

El diseño web con calidad Document Transcript

  • 1. El diseño web es mucho más que la parte gráfica IntroducciónPara crear un sitio con calidad debe cumplir varias normas y estándares para que sea fácilde interpretar en todos los navegadores y terminales con acceso a Internet y que ademássea multiplataforma (compatibles con diversos S.O.) El principal organismo que rige paracumplir estos estándares es el w3c un consorcio que certifica el cumplimiento a través delWeb Platform Docs que documenta a desarrolladores en contenido web y que regula ellenguaje HTML, verificando que funcione en distintos navegadores, chequeando lavelocidad de carga del sitio, etc. Solo después de verificar que un sitio este bien hechopodemos juzgar si su diseño nos agrada o no.Algunos chequadoresTiempo de carga de un sitio web que valida el rendimiento, estado de DNS.http://tools.pingdom.com/fpt/Validador de W3Chttp://validator.w3.org/Para analizar las etiquetas (palabras claves dentro un sitio web)http://freewebsubmission.com/web-page-analyzer.htmlPuntos principales para distinguir un sitio web de calidadLa pantalla es otro punto importante, existen cada día más formatos de pantalla, pantallasnormales, pantallas anchas, formatos cuadrados, pantallas de baja resolución en el casode dispositivos móviles, pantallas de bajo contraste en el caso de monitores LCDeconó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 inutilizadaDiego 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 abajoPara comprobar una página completa se debe verificar cada enlace por separado, porejemplo:  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 enexperiencias 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 usuariodesagradable.El usuario ya no estará en control de la situación, y estará conscientemente molesto portener que esperar por el equipo.Así, tras una secuencia de varias cortas demoras, los usuarios podrán renunciar a tu sitioweb 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.UsabilidadUn sitio web usable es aquél en el que los usuarios pueden interactuar de la forma másfá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 elmenor tiempo posible.SeguridadLa seguridad es un tema fundamental en sitios web avanzados, esta no solo se refiere aque no nos roben información importante y que no nos rompan el sitio sino además queel sitio web este disponible siempre, es decir que sea a prueba de fallas, y esto requiereque el webmaster no sea un mero diseñador gráfico sino que además debe conoceraspectos fundamentales de la configuración del servidor y técnicas de seguridad enprogramación orientada a la web.Diego Mauricio Ramírez B. – e-mail: contacto@expertcomputer.biz Página 3
  • 4. AccesibilidadLa accesibilidad es la capacidad de un sitio de ser visto y leído por cualquier persona odispositivo.por ejemplo un sitio web con letras pequeñas probablemente no podrá ser leído porpersonas mayores o con problemas de visión, y un sitio donde los textos estén en formade imagen o en formato flash no podrán ser accesibles para motores de búsqueda odispositivos de lectura para invidentes. Existen además otros factores que hacen a laaccesibilidad, como la semántica y las técnicas de javascript no intrusivo, pero laexplicación de estos temas es más compleja e innecesaria en este caso.Ser visualmente agradablePor último es importante que el sitio sea visualmente agradable, para esto es bueno teneren 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.ConclusionesEl uso de estándares web y una correcta presentación ofrece múltiples beneficios parapropietarios 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 ycumpliendo estándares en codificación en desarrollo de plataformas web permitirácumplir con los requerimientos de accesibilidad y flexibilidad para los cambios depresentació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_TICDiego 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