SlideShare una empresa de Scribd logo
1 de 13
DETERMINACIÓN DE LA
INFORMACIÓN DEL SITIO
WEB
Se refiere al proceso de crear un árbol de contenido en el
que se muestre de manera práctica cuántas secciones tendrán
el sitio en desarrollo y cuántos niveles habrá dentro de cada
uno.
Cuando se usa la idea de crear un árbol, se refiere
exactamente a generar un diagrama que cuente con un
tronco, ramas y hojas, para mostrar las zonas principales,
secundarias y contenidos finales que se irán incorporando.
Figura 1: Árbol Organizacional: agrupa los contenidos de
la manera como se organiza la institución, pero no basado
en su estructura de funcionamiento, sino en su lógica de
actividad.
Figura 2: Árbol Funcional, agrupa los contenidos de
acuerdo a las tareas que se puedan realizar dentro
del sitio.
LOS SISTEMAS DE
NAVEGACIÓN
Una vez que se cuenta con los árboles de contenido,
la tarea siguiente consiste en generar los sistemas
de acceso a dichos contenidos en el Sitio Web. A
través de estos, los usuarios podrán avanzar por sus
diferentes áreas, sin perderse.
En la generación de dichos sistemas se
debe atender a dos elementos que serán
muy importantes:
 Textual:
Se refiere a que la navegación se hará a través de
elementos concretos, tales como menús, guías, botones y
otros elementos que deben ser claramente distinguibles
dentro de la interfaz. Para generarlos se debe
conseguir que cada uno de ellos represente claramente
la función para la que fueron designados y no dejar
lugar a dudas sobre su función ni sobre la acción que
desarrollarán al ser usados. Es decir, un botón debe
parecer tal y no sólo un parche de color sobre la
pantalla. Adicionalmente, es muy importante que las
palabras escogidas para indicar acciones, sean claras y
precisas. En este sentido, si un botón necesita ser
explicado, es mejor desecharlo y buscar otra solución.
 Contextual:
Es todo lo referido a cómo se presenta la información,
utilizando para ellos elementos basados en texto,
gráficos o bien de entorno. Los elementos relevantes
en este caso, serán todos aquellos que permiten
mostrar la navegación en la pantalla. Entre ellos, la
gráfica utilizada, la redacción de los textos que se
muestran e incluso el nombre del dominio (URL) que
permitirá que el usuario sienta que está en el lugar
indicado.
Características de los Sistemas de
Navegación
Al generar el sistema de navegación, se deben tener
en cuenta las siguientes características:
 Consistente:
El sistema debe ser similar en todo el sitio, en lo
referido a su ubicación y disposición en las páginas.
Esto se aplica también a aquellas instituciones que
pueden tener más de un Sitio Web.
 Uniforme:
El sistema debe utilizar similares términos con el fin
de que el usuario que lo vea en las páginas, confíe
en que sus opciones llevan siempre hacia los mismos
lugares dentro del sitio.
 Visible:
El sistema debe distinguirse claramente dentro del
sitio, con el fin de que el usuario cuente con él, como
si se tratara de una guía permanente en el área en
que se encuentre del sitio.

Más contenido relacionado

La actualidad más candente

Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje cssSimoney Llamas
 
Presentación de estructuras de control en la programación
Presentación de estructuras de control en la programaciónPresentación de estructuras de control en la programación
Presentación de estructuras de control en la programaciónLuisRestan1
 
web 3.0 y 4.0 características , diferencias y similitudes
web 3.0 y 4.0 características , diferencias y similitudesweb 3.0 y 4.0 características , diferencias y similitudes
web 3.0 y 4.0 características , diferencias y similitudeslaurenramirez98
 
Etapas del Proceso de la Ingeniería del Software
Etapas del Proceso de la Ingeniería del SoftwareEtapas del Proceso de la Ingeniería del Software
Etapas del Proceso de la Ingeniería del SoftwareT.I.C
 
Base de datos desde visual basic 6.0
Base de datos desde visual basic 6.0Base de datos desde visual basic 6.0
Base de datos desde visual basic 6.0daiacos
 
Tópicos avanzados de programación eventos
Tópicos  avanzados  de programación   eventosTópicos  avanzados  de programación   eventos
Tópicos avanzados de programación eventosKanddy Mobylml
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño webciwmx
 
Estructuras de control
Estructuras de controlEstructuras de control
Estructuras de controlLic_Vera
 
Como conectar visual basic 6.0 a una base de datos microsoft sql server
Como conectar visual basic 6.0 a una base de datos microsoft sql serverComo conectar visual basic 6.0 a una base de datos microsoft sql server
Como conectar visual basic 6.0 a una base de datos microsoft sql serverKarolaynCardozo1
 
Estructuras de control en Visual Basic
Estructuras de control en Visual BasicEstructuras de control en Visual Basic
Estructuras de control en Visual BasicVane Borjas
 
3. modelo entidad relación extendido
3. modelo entidad relación extendido3. modelo entidad relación extendido
3. modelo entidad relación extendidoGalo Anzules
 
Caracteristicas del modelo orientado a objetos
Caracteristicas del modelo orientado a objetosCaracteristicas del modelo orientado a objetos
Caracteristicas del modelo orientado a objetosJose Diaz Silva
 
Tipos de webs , ventajas , desventajas y sus características
Tipos de webs , ventajas , desventajas y sus característicasTipos de webs , ventajas , desventajas y sus características
Tipos de webs , ventajas , desventajas y sus característicasnicoldayannamalagonb
 
Transformacion de relaciones
Transformacion de relacionesTransformacion de relaciones
Transformacion de relacionesMemo Wars
 
Conceptos de POO (Programacion Orientada a Objetos)
Conceptos de POO (Programacion Orientada a Objetos)Conceptos de POO (Programacion Orientada a Objetos)
Conceptos de POO (Programacion Orientada a Objetos)Josue Lara Reyes
 

La actualidad más candente (20)

Identificacion del lenguaje css
Identificacion del lenguaje cssIdentificacion del lenguaje css
Identificacion del lenguaje css
 
Presentación de estructuras de control en la programación
Presentación de estructuras de control en la programaciónPresentación de estructuras de control en la programación
Presentación de estructuras de control en la programación
 
web 3.0 y 4.0 características , diferencias y similitudes
web 3.0 y 4.0 características , diferencias y similitudesweb 3.0 y 4.0 características , diferencias y similitudes
web 3.0 y 4.0 características , diferencias y similitudes
 
Etapas del Proceso de la Ingeniería del Software
Etapas del Proceso de la Ingeniería del SoftwareEtapas del Proceso de la Ingeniería del Software
Etapas del Proceso de la Ingeniería del Software
 
Programación Orientada a Objetos
Programación Orientada a ObjetosProgramación Orientada a Objetos
Programación Orientada a Objetos
 
Presentación CSS
Presentación CSSPresentación CSS
Presentación CSS
 
Base de datos desde visual basic 6.0
Base de datos desde visual basic 6.0Base de datos desde visual basic 6.0
Base de datos desde visual basic 6.0
 
Tópicos avanzados de programación eventos
Tópicos  avanzados  de programación   eventosTópicos  avanzados  de programación   eventos
Tópicos avanzados de programación eventos
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 
Exposición Diagrama de Clases
Exposición Diagrama de ClasesExposición Diagrama de Clases
Exposición Diagrama de Clases
 
Estructuras de control
Estructuras de controlEstructuras de control
Estructuras de control
 
Como conectar visual basic 6.0 a una base de datos microsoft sql server
Como conectar visual basic 6.0 a una base de datos microsoft sql serverComo conectar visual basic 6.0 a una base de datos microsoft sql server
Como conectar visual basic 6.0 a una base de datos microsoft sql server
 
Estructuras de control en Visual Basic
Estructuras de control en Visual BasicEstructuras de control en Visual Basic
Estructuras de control en Visual Basic
 
3. modelo entidad relación extendido
3. modelo entidad relación extendido3. modelo entidad relación extendido
3. modelo entidad relación extendido
 
Dom JavaScript
Dom JavaScriptDom JavaScript
Dom JavaScript
 
Caracteristicas del modelo orientado a objetos
Caracteristicas del modelo orientado a objetosCaracteristicas del modelo orientado a objetos
Caracteristicas del modelo orientado a objetos
 
Tipos de webs , ventajas , desventajas y sus características
Tipos de webs , ventajas , desventajas y sus característicasTipos de webs , ventajas , desventajas y sus características
Tipos de webs , ventajas , desventajas y sus características
 
JAVA DATABASE CONNECTIVITY (JDBC)
  JAVA DATABASE CONNECTIVITY (JDBC)  JAVA DATABASE CONNECTIVITY (JDBC)
JAVA DATABASE CONNECTIVITY (JDBC)
 
Transformacion de relaciones
Transformacion de relacionesTransformacion de relaciones
Transformacion de relaciones
 
Conceptos de POO (Programacion Orientada a Objetos)
Conceptos de POO (Programacion Orientada a Objetos)Conceptos de POO (Programacion Orientada a Objetos)
Conceptos de POO (Programacion Orientada a Objetos)
 

Destacado

Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio webXoch Flores
 
Lenguajes del lado del servidor y lenguajes del lado del usuario
Lenguajes del lado del servidor y lenguajes del lado del usuarioLenguajes del lado del servidor y lenguajes del lado del usuario
Lenguajes del lado del servidor y lenguajes del lado del usuarioJessica
 
determinacion de requerimientos
determinacion de requerimientosdeterminacion de requerimientos
determinacion de requerimientossandyhdez
 
Definiendo objetivos y audiencias de un sito
Definiendo objetivos y audiencias de un sitoDefiniendo objetivos y audiencias de un sito
Definiendo objetivos y audiencias de un sitoLuis Carlos Aceves
 

Destacado (6)

Determinación de la información del sitio web
Determinación de la información del sitio webDeterminación de la información del sitio web
Determinación de la información del sitio web
 
Lenguajes del lado del servidor y lenguajes del lado del usuario
Lenguajes del lado del servidor y lenguajes del lado del usuarioLenguajes del lado del servidor y lenguajes del lado del usuario
Lenguajes del lado del servidor y lenguajes del lado del usuario
 
determinacion de requerimientos
determinacion de requerimientosdeterminacion de requerimientos
determinacion de requerimientos
 
Tipos de audiencias.
Tipos de audiencias.Tipos de audiencias.
Tipos de audiencias.
 
Estructura y diseño de un sitio web
Estructura y diseño de un sitio webEstructura y diseño de un sitio web
Estructura y diseño de un sitio web
 
Definiendo objetivos y audiencias de un sito
Definiendo objetivos y audiencias de un sitoDefiniendo objetivos y audiencias de un sito
Definiendo objetivos y audiencias de un sito
 

Similar a Determinación de la información del sitio web

Los sistemas de navegación
Los sistemas de navegaciónLos sistemas de navegación
Los sistemas de navegaciónXoch Flores
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Angelito Maik
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3FRISLY5
 
DISEÑO DE INTERFACES.pdf
DISEÑO DE INTERFACES.pdfDISEÑO DE INTERFACES.pdf
DISEÑO DE INTERFACES.pdfLauLopez16
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVERAntonio Galicia
 
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Ginis Cortes
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 natynataliareniz
 
TECNOLOGIA ACTUAL
TECNOLOGIA ACTUALTECNOLOGIA ACTUAL
TECNOLOGIA ACTUALKetty Sares
 
2. Sistema De Admon De Contenidos I Conceptos Básicos: DIGNA
2. Sistema De Admon De Contenidos I Conceptos Básicos: DIGNA2. Sistema De Admon De Contenidos I Conceptos Básicos: DIGNA
2. Sistema De Admon De Contenidos I Conceptos Básicos: DIGNAKnowldedge Factory
 
Unidad 5 :Diseño del dialogo en línea
Unidad 5 :Diseño del dialogo en líneaUnidad 5 :Diseño del dialogo en línea
Unidad 5 :Diseño del dialogo en líneasamifu
 

Similar a Determinación de la información del sitio web (20)

Los sistemas de navegación
Los sistemas de navegaciónLos sistemas de navegación
Los sistemas de navegación
 
Usabilidad
UsabilidadUsabilidad
Usabilidad
 
Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011Tema 3. usabilidad version 2011
Tema 3. usabilidad version 2011
 
computación
computación computación
computación
 
Exposicion equip 3
Exposicion equip 3Exposicion equip 3
Exposicion equip 3
 
tic
tictic
tic
 
DISEÑO DE INTERFACES.pdf
DISEÑO DE INTERFACES.pdfDISEÑO DE INTERFACES.pdf
DISEÑO DE INTERFACES.pdf
 
OBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVEROBJETIVOS DE DREAMWEAVER
OBJETIVOS DE DREAMWEAVER
 
Arquitectura de la información
Arquitectura de la informaciónArquitectura de la información
Arquitectura de la información
 
Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)Guía de Proyectos Web (extraordinario)
Guía de Proyectos Web (extraordinario)
 
NSU
NSUNSU
NSU
 
Dreamweaver cs5 naty
Dreamweaver cs5 natyDreamweaver cs5 naty
Dreamweaver cs5 naty
 
Diseño de Interfaz
Diseño de InterfazDiseño de Interfaz
Diseño de Interfaz
 
Diseño de interfaz
Diseño de interfazDiseño de interfaz
Diseño de interfaz
 
TECNOLOGIA ACTUAL
TECNOLOGIA ACTUALTECNOLOGIA ACTUAL
TECNOLOGIA ACTUAL
 
2. Sistema De Admon De Contenidos I Conceptos Básicos: DIGNA
2. Sistema De Admon De Contenidos I Conceptos Básicos: DIGNA2. Sistema De Admon De Contenidos I Conceptos Básicos: DIGNA
2. Sistema De Admon De Contenidos I Conceptos Básicos: DIGNA
 
Unidad 5 :Diseño del dialogo en línea
Unidad 5 :Diseño del dialogo en líneaUnidad 5 :Diseño del dialogo en línea
Unidad 5 :Diseño del dialogo en línea
 
Clase 6
Clase 6Clase 6
Clase 6
 
Diseño web
Diseño webDiseño web
Diseño web
 
Diseño web
Diseño webDiseño web
Diseño web
 

Más de Xoch Flores

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en webXoch Flores
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascriptXoch Flores
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje cssXoch Flores
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónXoch Flores
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarXoch Flores
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación webXoch Flores
 
Etiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñEtiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñXoch Flores
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtmlXoch Flores
 

Más de Xoch Flores (9)

2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web2.2 configuración del entorno de trabajo de la base de datos en web
2.2 configuración del entorno de trabajo de la base de datos en web
 
Lenguaje javascript
Lenguaje javascriptLenguaje javascript
Lenguaje javascript
 
Identificación del lenguaje css
Identificación del lenguaje cssIdentificación del lenguaje css
Identificación del lenguaje css
 
Box model
Box modelBox model
Box model
 
Uso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporaciónUso de las normas requeridas en la incorporación
Uso de las normas requeridas en la incorporación
 
Identificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitarIdentificación de las normas mínimas para facilitar
Identificación de las normas mínimas para facilitar
 
Diferentes lenguajes de programación web
Diferentes lenguajes de programación webDiferentes lenguajes de programación web
Diferentes lenguajes de programación web
 
Etiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñEtiquetas de xhtml ñ.ñ
Etiquetas de xhtml ñ.ñ
 
Etiquetas de xhtml
Etiquetas de xhtmlEtiquetas de xhtml
Etiquetas de xhtml
 

Determinación de la información del sitio web

  • 2. Se refiere al proceso de crear un árbol de contenido en el que se muestre de manera práctica cuántas secciones tendrán el sitio en desarrollo y cuántos niveles habrá dentro de cada uno. Cuando se usa la idea de crear un árbol, se refiere exactamente a generar un diagrama que cuente con un tronco, ramas y hojas, para mostrar las zonas principales, secundarias y contenidos finales que se irán incorporando.
  • 3.
  • 4. Figura 1: Árbol Organizacional: agrupa los contenidos de la manera como se organiza la institución, pero no basado en su estructura de funcionamiento, sino en su lógica de actividad.
  • 5.
  • 6. Figura 2: Árbol Funcional, agrupa los contenidos de acuerdo a las tareas que se puedan realizar dentro del sitio.
  • 8. Una vez que se cuenta con los árboles de contenido, la tarea siguiente consiste en generar los sistemas de acceso a dichos contenidos en el Sitio Web. A través de estos, los usuarios podrán avanzar por sus diferentes áreas, sin perderse.
  • 9. En la generación de dichos sistemas se debe atender a dos elementos que serán muy importantes:
  • 10.  Textual: Se refiere a que la navegación se hará a través de elementos concretos, tales como menús, guías, botones y otros elementos que deben ser claramente distinguibles dentro de la interfaz. Para generarlos se debe conseguir que cada uno de ellos represente claramente la función para la que fueron designados y no dejar lugar a dudas sobre su función ni sobre la acción que desarrollarán al ser usados. Es decir, un botón debe parecer tal y no sólo un parche de color sobre la pantalla. Adicionalmente, es muy importante que las palabras escogidas para indicar acciones, sean claras y precisas. En este sentido, si un botón necesita ser explicado, es mejor desecharlo y buscar otra solución.
  • 11.  Contextual: Es todo lo referido a cómo se presenta la información, utilizando para ellos elementos basados en texto, gráficos o bien de entorno. Los elementos relevantes en este caso, serán todos aquellos que permiten mostrar la navegación en la pantalla. Entre ellos, la gráfica utilizada, la redacción de los textos que se muestran e incluso el nombre del dominio (URL) que permitirá que el usuario sienta que está en el lugar indicado.
  • 12. Características de los Sistemas de Navegación Al generar el sistema de navegación, se deben tener en cuenta las siguientes características:  Consistente: El sistema debe ser similar en todo el sitio, en lo referido a su ubicación y disposición en las páginas. Esto se aplica también a aquellas instituciones que pueden tener más de un Sitio Web.
  • 13.  Uniforme: El sistema debe utilizar similares términos con el fin de que el usuario que lo vea en las páginas, confíe en que sus opciones llevan siempre hacia los mismos lugares dentro del sitio.  Visible: El sistema debe distinguirse claramente dentro del sitio, con el fin de que el usuario cuente con él, como si se tratara de una guía permanente en el área en que se encuentre del sitio.