3/25/2008

Estética Web

¿Qué es la estética?

La estética es la escencia de la percepcion de lo bello y lo feo, ademas, se ocupa de evaluar si las cualidades presentes son objetivas al objetivo a representar. Por lo tanto, su finalidad es mostrar si los objetos son percibidos de un modo particular lo cual es conocido como el modo estetico, o si los objetos tienen, en sí mismos, cualidades específicas o estéticas. La estética también se plantea si existe diferencia entre lo bello y lo sublime, y partiendo de éste se establecen una serie de parametros los cuales intervienen en la manifestacion y implementacion de lo estetico en un objeto que requiera de ciertas cualidades para su desarrollo.

¿En qué consistiría una estética para las paginas web?

Partiendo del concepto de estetica como el estudio y la percepción de la belleza, podemos interpretar la estética web como la disciplina encargada de combinar de forma armonica y agradable todos los elementos que componen un website.

¿Cuáles sitios web estéticamente le llaman la atención?

Me parece muy agradable entrar a un sitio web con elementos fuera de lo común dentro de su composición; para nadie es un secreto que dichos elementos llaman la atención del usuario y en algunos casos facilitan la navegación del mismo. Estéticamente hablando, la adecuada combinación de esos elementos constituye un sistema de navegación objetivo, donde la flexibilidad del movimiento del usuario incrementa de manera significativa. 

¿Qué elementos se pueden considerar innovadores en la estética web?

Hacer uso adecuado de herramientas creativas dentro del sistema de navegación de un website, constituye una técnica innovadora dentro de la estética web. Ideas creativas como colocar barras de navegación en posiciones poco comunes, trabajar con animaciones de gran impacto y recrear ambientes físicos reales, son algunos de los elementos que se pueden considerar innovadores dentro de una estética web. 

Dreamworks Studios

Sin duda, Dreamworks Studios hoy en dia es una de las compañias mas grandes e importantes dentro del campo de la animacion y el cine a nivel mundial. Por lo tanto, en su sitio web no es extraño encontrar elementos cargados de interactividad y animación de primera, acompañados de una innovadora y objetiva distribución dentro de su sistema de navegación. 


http://www.dreamworksstudios.com

Daddy Yankee

El cantante de Reggaeton más famoso del mundo durante su carrera artística se ha caracterizado por manejar un estilo imponente dentro del medio musical, que va desde su forma de vestir hasta su personalidad. En daddyyankee.com, encontramos una estetica web única, que representa a la perfección la esencia de este artista latino. 


http://www.daddyyankee.com

Motorola

Una de las compañías que más dinero invierte dentro del campo de la telefonía celular es Motorola, la cual dispone de un atractivo website que reúne todas esas características propias que la identifican. Dentro de www.motorola.com, podemos identificar claramente una estética web llena de elegancia y sutileza, compuesta por diversos atributos acordes al estilo de la organización.


http://www.motorola.com

Sony Playstation

A diferencia de otras compañías productoras de consolas para video juegos, Sony Playstation ofrece dentro de su website una estética cargada de imágenes y elementos graficos innovadores, acompañados de una gama de colores que transmiten elegancia y sutileza.


http://www.playstation.com

Nike

La elegancia y sutileza de Nike son dos características fundamentales que hacen de esta compañía una de las más grandes fabricantes de ropa deportiva a nivel mundial. Sin duda, podemos afirmar que en nike.com es difícil que un usuario se aburra o se pierda dentro de su navegación, ya que la enorme interactividad que este sitio posee va acompañada de ese par de atributos únicos que muestran a Nike como la posible número 1 del mundo.


http://www.nike.com

3/13/2008

Information Architecture for the World Wide Web (4° y 5° Capitulo)

¿Qué representa diseñar sistemas de navegación?
Representa reducir la probabilidad de perdida a la que están expuestos los usuarios de la Internet dentro de una pagina web. Igualmente, el diseño de sistemas de navegación tiene como objetivo facilitar o "flexibilizar" los movimientos de un usuario dentro de un website.

"A well-designed navigation system is a critical factor in determining the success of your web site"

¿Cuáles son las características de la navegación?

A la hora de llevar a cabo el diseño de un sistema de navegación, es importante tener en cuenta el ambiente o el medio donde se va desarrollar dicho sistema.
Actualmente navegadores web como Netscape Navigator y Microsoft Internet Explorer manejan diversas características de navegación como:

Abrir URL
permite el acceso directo a cualquier página de un sitio web.
Atrás y Adelante
Le proporcionan una capacidad bidireccional al usuario dentro de un sitio web.
Menú Historial
Le permite al usuario el acceso aleatorio a páginas visitadas durante un período de sesiones determinado.
Marcador
Le permite al usuario guardar la ubicación de páginas específicas para una futura referencia.

Sin embargo, cada una de estas características de navegación ofrece a su vez otra serie características mucho más profundas, como por ejemplo la característica Atrás, la cual mediante colores en los enlaces de hipertexto, le brinda al usuario una mejor ubicación dentro de un sitio web.

¿Cuáles son los tipos de sistemas de navegación? Descríbalos y agregue ejemplos que encuentre en la Red.

Para diseñar un sitio web exitoso, es necesario entender los tipos de sistemas de navegación que existen y como funcionan conjuntamente. Igualmente es importante conocer la flexibilidad ofrecida por ambos.

Sistemas de Navegación Jerárquicos

Es el principal sistema de navegación. Ofrece acceso a los diferentes niveles jerárquicos inferiores a partir de la página inicial. Generalmente presenta inconvenientes para la navegación horizontal por lo que se recomienda combinarlo con otros sistemas.

Sistemas Navegación Globales

Generalmente complementan los sistemas de navegación jerárquicos. Ofrecen una navegación tanto a nivel vertical como horizontal, es decir, a largo y profundo del sitio. Igualmente estos sistemas poseen una serie de condiciones o reglas determinadas que ayudan a regular la flexibilidad de navegación del usuario.

Los sistemas de este tipo más utilizados son los basados en barras de navegación gráfica que permiten el acceso a las principales secciones, donde cada sección en su interior se complementa con otras barras o menús laterales relativos a estas.

En la pagina principal de un sitio web, la barra de navegación grafica puede llegar a ser innecesaria, sin embargo, en las páginas de segundo nivel, debe incluirse un vínculo a la página inicial y otro hacia las secciones de retroalimentación (por ejemplo: contáctenos, etc.).

Algunos sistemas de navegación globales mucho más complejos trabajan con enlaces a paginas de tercer nivel, donde es importante tener en cuenta soluciones creativas y elegantes que ayuden a facilitar la ubicación del usuario.

Ejemplo:

http://www.yahoo.com/
(barras de navegación con textos)

Sistemas de Navegación Locales

Usualmente los sistemas de navegación globales necesitan ser complementados con sistemas de navegación locales. Estos son utilizados dentro de sitios web con alto contenido de paginas web, donde es necesario implementar mecanismos de orientación externos a dichas paginas, pero que al mismo tiempo manejen un estilo propio.

Ejemplo:


http://www.ericsson.com
(navegación por medio de indice y categorías de productos)

Sistemas de Navegación Específicos

Se utilizan generalmente cuando no es posible clasificar las relaciones entre las páginas web en algunos de los sistemas de navegación anteriores (jerárquicos, globales y locales).

Ejemplo: 

Revistas Digitales
(navegación por medio de enlaces dentro de un texto hacia otro documento relacionado)

¿Cuáles son los elementos que se integran en la navegación?

En los diferentes sistemas de navegación ya sean locales o globales, los elementos más importantes que los componen son aquellos que están integrados en las páginas orientadas a los contenidos del sitio. Estos tienen como objetivo permitirle al usuario interactuar constantemente con ellos, dandole a este una mayor movilidad dentro del website. Dichos elementos pueden dividirse en 2 categorías: barras de navegación y menús desplegables.

Barras de Navegación

Las Barras de Navegación poseen diversas aplicaciones, pero generalmente son muy utilizadas dentro de los Sistemas de Navegación Jerárquicos, Locales y Globales.

Se podrían definir como una colección de vínculos hipertextuales agrupados todos en una página. Igualmente estas barras pueden ser gráficas, implementadas como un mapa de imágenes o como imágenes independientes estructuradas en una tabla.

Es importante tener en cuenta que el uso de las barras de navegación en forma de textos o gráficos depende de la estética que se maneje dentro del sitio. Sin embargo, es fundamental saber que el uso de imágenes demora la descarga de las barras, y ademas hace que la actualización de la misma sea mucho más engorrosa. Así mismo no debemos olvidar que una misma imagen puede tener diferentes interpretaciones entre distintas culturas.

"A picture may say a thousand words, but often they're the wrong words"

Es recomendable emplear las barras de navegación con gráficos en los sistemas de navegación globales, y los menús a base de texto dentro de los sistemas de navegación locales. Del mismo modo se sugiere la implementación de las barras de navegación a nivel superior e inferior dentro del sitio, ya que según estudios realizados, el grado de usabilidad de las barras de navegación superior e inferior es mayor que el de las barras de navegación laterales.

Frames o Marcos

Los frames o marcos constituyen un factor adicional a tener en cuenta dentro de la aplicación de las barras de navegación gráficas o textuales.

Los marcos permiten definir uno o varios paneles desplazables dentro de una misma ventana del navegador. El contenido de los vínculos de un panel puede mostrarse en otro sin abandonar el primero, lo cual permite independizar el sistema de navegación del contenido. Sin embargo, el uso de marcos trae consigo ciertos inconvenientes, como lo son:

1. Disponer de marcos dentro la pantalla, lo cual varia de acuerdo a los navegadores y la resolución de los monitores.
2. No todos los navegadores soportan frames o marcos.
3. Se dificulta diferenciar entre vínculos visitados y no visitados.
4. Las opciones de Favoritos generalmente se alteran con el uso de marcos.
5. Cuando utilizamos marcos se cargan al menos dos páginas en la misma ventana del navegador, lo cual hace que la velocidad de descarga de estas varíe, por lo que a veces ocurre que una de ellas desaparece, afectando así el resto del contenido inicialmente concebido para todos los marcos.

Menús Desplegables

Facilitan el acceso a múltiples elementos de navegación de forma compacta. Por medio de estos elementos los usuarios pueden desplegar lo que parece un simple menú y acceder a diferentes opciones. Sin embargo, al igual que los marcos o frames, los menús desplegables también poseen una serie de inconvenientes, como por ejemplo: presentar opciones de navegación ocultas para el usuario, donde estos deben suponer su existencia con anticipación para poder interactuar con el sistema de navegación.

Actualmente existen menús desplegables bastante sofisticados, los cuales funcionan por medio de lenguajes de programación como JavaScript, VisualBasicScript, etc.

¿Cuáles son los elementos remotos de navegación?

Los elementos remotos o sistemas suplementarios de navegación son elementos independientes de la jerarquía básica de un sitio web. Estos constituyen una perspectiva diferente a la hora de conocer el contenido del sitio.

Los elementos remotos de navegación ofrecen caminos complementarios de acceso a los diferentes contenidos de un sitio web. Sin embargo, su uso debe ser de mucho cuidado, ya que pueden resultar muy útiles pero nunca serán capaces de reparar un producto mal concebido. Igualmente estos elementos estos no deben utilizarse como sustitutos o para arreglar imperfecciones dentro de un sistema de navegación mal diseñado.

Tablas de Contenido

Las Tablas de Contenido dentro de la web muestran los primeros niveles que se manejan en la jerarquía del sitio, facilitando el acceso a segmentos del contenido o al contenido en su totalidad.

Es importante tener en cuenta 4 aspectos fundamentales dentro del manejo de las tablas de contenido, ya que la usabilidad de estas depende de su calidad.

Aspectos a tener en cuenta

1. Jerarquizar coherentemente la información de manera que los usuarios puedan familiarizarse con la organización que tiene el contenido.
2. Establecer de manera conocisa y rápida el acceso directo a los contenidos para aquellos usuarios que saben lo que buscan.
3. Es importante tener cuidado con la cantidad de información que se le suministra al usuario, ya que el objetivo de un website es ayudar, no asustar.

Indices

Los índices son una solución muy útil para aquellos sitios en los que su contenido no puede estructurarse dentro de una jerarquía bien definida. Generalmente los indices presentan una lista de palabras clave o frases organizadas en orden alfabético que no constituyen una jerarquía. Igualmente los indices son superficiales y extrañamente muestran varios niveles de profundidad.

Otro aspecto fundamental dentro de los indices es la elección de los términos a definir, para ello debe tenerse un perfecto conocimiento de las características y necesidades informativas de la audiencia.

Mapa del sitio

Se define como una representación gráfica de la estructura de un sitio Web, excluyendo por completo el uso que se le da a las tablas de contenido y a los indices. El mapa del sitio no se utiliza para facilitar la navegación entre islas de textos, su uso se adecua mejor a la navegación física más que a la intelectual.Al igual que las tablas de contenido, debemos de tener en cuenta ciertos aspectos cuando trabajamos con Mapas de Sitio:

1. Los diseñadores no están familiarizados con el diseño de mapas.
2. La mayor parte del contenido textual del sitio no permite una representación gráfica.

3/06/2008

Competencias

¿Qué es una competencia?

El termino competencia nace por la evidente necesidad de valorar el conjunto de los conocimientos apropiados (saber) y las habilidades y destrezas (saber hacer) desarrolladas por una persona. Además de apreciar su capacidad para emplearlas a la hora de responder a situaciones, resolver problemas y desarrollarse en el mundo. Es importante resaltar también el componente actitudinal y valorativo (saber ser) que influye significativamente sobre los resultados de una acción.

Existen diversos enfoques o perspectivas acerca del concepto competencia, pero fundamentalmente nos interesan tres: la competencia social, pedagógica y laboral.

Competencia Social

Se define la competencia social como la capacidad o habilidad que tiene un sujeto para interactuar de manera exitosa con su ambiente y lograr la satisfacción completa de sus necesidades, ejerciendo así una influencia sobre los demás individuos. Igualmente la competencia social se encuentra estrechamente relacionada con la salud, el desarrollo emocional y el bienestar de los individuos.

Competencia Pedagógica

Básicamente, la competencia pedagógica consiste en emplear una serie de conocimientos adquiridos a la hora de resolver una situación problemática o conflictiva, teniendo en cuenta tres perspectivas reciprocas fundamentales: saber, saber hacer y saber ser.

Competencia Laboral

Es la habilidad que una persona tiene para desempeñar una función productiva en escenarios laborales haciendo uso de diferentes recursos bajo ciertas condiciones, las cuales aseguran la calidad en el logro de los resultados. Igualmente la competencia laboral se aprecia desde cuatro dimensiones que son: la Identificación de competencias, la Normalización de competencias, la Formación basada en competencias y la Certificación de competencias.

¿Por que se habla de destreza para manipular la información?

La información es un contenido que debe estructurarse de la mejor forma posible para poder ser digerido, de tal forma que las personas logren entender sus significados. La destreza es precisamente la facilidad con que cuentan las personas para buscar e identificar la información adecuada, la cual le aporte a lo que se esté buscando. Dicha habilidad debe de ir obviamente acompañado con la inteligencia que el individuo posea para confirmar la veracidad de los conocimientos hallados. Para la manipulación de la información se ha utilizado por largos años el manejo de una serie de modelos los cuales ayudan a la solución de problemas que estén vinculados con la información, logrando un desarrollo para la toma de decisiones en presencia de dificultades. Los modelos son: El Gavilan, OSLA, Kuhltau, (Big6), Irving, Stripling/Pitts. Todos estos modelos coinciden en que se desarrollan en 4 y 16 pasos los cuales se formulan a partir del problema, además ,como el estudiante debe procesar la información y esta información convertirla en conocimiento, de tal forma que se logre una eficiente y eficaz consulta de los distintos contenidos que actualmente perduran en medios como la internet.

¿En que consiste el alfabetismo digital?

El alfabetismo digital consiste en hacer uso adecuado de todas las herramientas y recursos que nos ofrecen hoy en dia los nuevos medios. Acceder a la información y el conocimiento deseados, aprovechar las riquezas de la internet y sobre todo meterse de lleno en la cultura digital, hacen parte de los elementos basicos que debe poseer un alfabeto digital. Hoy en dia no basta con encender el ordenador, tener una conexión a Internet y navegar por la web sin disfrutar de las maravillas de la red. En la nueva sociedad de la información y del conocimiento en la que nos encontramos es muy difícil establecer unos límites para saber quiénes pertenecen y quiénes aún no han superado lo que denomina la “brecha digital”.

Al igual que la alfabetización normal, el proceso de alfabetización digital no brinda frutos inmediatos. Es sumamente imposible saber todo de golpe, ya que primero se aprenden las reglas del juego para, después, poder ser capaces de asimilar grandes cantidades de información, crear espacios donde se compartan los conocimientos que se necesitan, estimular el desarrollo de comunidades donde los intereses comunes se satisfagan de manera acertada.

Fuentes

http://.oit.org/public/spanish/region/ampro/cinterfor/temas/complab/doc/otros/sel_efe/i.htm http://www.mineducacion.gov.co/1621/articles-85777_archivo_pdf2.pdf
http://www.eduteka.org/comenedit.php3?ComEdID=0008
http://www.eduteka.org/modulos.php?catx=1&idSubX=163&ida=486&art=1
http://www.lafh.info/articleViewPage.php?art_ID=474
http://mmfatblog.wordpress.com/2007/10/01/alfabetismo-digital/alfabetismo-digital/