Herramientas Web 1:

Plataformas de Contenido

Módulo 3
 Que es una sitio web???

Según masadelante.com:
En inglés website, un sitio web es un sitio (localización) en la World Wide Web que
contiene documentos (páginas web) organizados jerárquicamente. Cada documento
(página web) contiene texto y o gráficos que aparecen como información digital en la
pantalla de un ordenador. Un sitio puede contener una combinación de gráficos,
texto, audio, vídeo, y otros materiales dinámicos o estáticos.

Sistema de Gestión de Contenidos (CMS) :

“Es un programa que permite crear una estructura de soporte (framework) para la
creación y administración de contenidos, principalmente en blogs y websites, por
parte de los participantes.”
Consiste en una interfaz que controla una o varias bases de datos donde se aloja el
contenido del sitio (Back off). El sistema permite manejar de manera independiente
el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier
momento un diseño distinto al sitio sin tener que darle formato al contenido de
nuevo, además de permitir la fácil y controlada publicación en el sitio a varios
editores.
 Como Funciona???

Lo que veo yo…. Lo que ve la gente…

 Tipos de CMS

Wordpress.org
Drupal.org.es
Wordpress.com

Joomlaspanish.org Blogger.com

blogs.clarin.com neositios.com
 Algunas ventajas de los CMS sobre las webs
estáticas…
• Organización de las secciones y categorías del sitio web
• Publicación de contenidos sin limitaciones
• Implementación de nuevas funcionalidades, permitiendo instalar y
desinstalar y administrar componentes y módulos.
• Administración de usuarios
• Administración del diseño y aspecto estético del sitio
• Posee estadísticas de visitas
• Extensiones existentes creadas por la comunidad de usuarios
• Cumplimiento de los estándares W3C (WC3.org)
• No necesitas saber sobre PHP, ni otro lenguaje de programación
• Permite la creación de grupos de usuarios y definir permisos
Patrones de uso en la WEB
Cómo leemos en la web?

“No leemos… Escaneamos”

 Patrones de uso en la WEB
Principios Básicos de Navegación
• La gente odia esperar.
• La gente odia hacer scroll.
• La gente odia leer.
• La gente prefiere hacer scroll antes que esperar.
• La gente prefiere esperar a leer.
• La gente no es necesariamente racional o coherente, pero
a veces si.
 Usabilidad: disfrutando la navegación
Que es la “Usabilidad”???
  “Es la facilidad con que las personas pueden utilizar una herramienta
particular o cualquier otro objeto”
Bajado a nuestro caso, es la facilidad con que una persona puede navegar
en un website, encontrando lo que busca y mucho mas…

2 Principios
“Relación entre beneficios del usuario vs. costo financiero de esa
implementación.”

“Hacerlo fácil para el usuario, teniendo en cuenta los objetivos de la

empresa.”
 Usabilidad: disfrutando la navegación
Diseño Orientado al Usuario
Consiste en diseñar nuestro website “por” y “para” el usuario

Consideraciones
• Aprendizaje: Qué tan fácil es para el usuario realizar las tareas cuando
se encuentran con el sitio Web por primera vez.
• Eficacia: Qué tan rápido pueden los usuarios realizar las tareas,
después de aprender el diseño del sitio Web.
• Memoria: Que tan fácil es para los usuarios reestablecer sus habilidades
cuando regresan al sitio Web después de un período de tiempo sin
visitarlo.
• Errores: Cuántos errores comete el usuario?, cuán severos son estos
errores?, cómo se pueden recuperar de estos errores?
• Satisfacción: Cuán placentero es usar el sitio Web.
• Eficiencia: Pueden los usuarios realizar todas las tareas que desean o
abandonan en el intento?
 Usabilidad: disfrutando la navegación
¿Cuáles son los errores más comunes en la usabilidad?

• Fijarse en los procesos de diseño, y no en los usos.

• Diseñar para uno... Y no para otros.

• No usar el sentido común

“Las emociones, los sentimientos, son la energía que mueve al ser

humano, lo que le hace reaccionar, actuar... y comprar”
(Santiago Rodríguez)
 Muchas Gracias!!!

Mail: rodrigo.daniel.morales@gmail.com
Web: www.rodrigomorales.com.ar
Facebook: facebook.com/Rodrigo.D.Morales
Linked in: http://ar.linkedin.com/in/rodrigomorales
Twitter: @rodri_morales