28 nov 2007

Elementos de navegacion y orientacion del usuario

Elementos de navegacion y orientacion del usuario
No perder al usuario:

Las dos formas básicas para no perder al usuario son: que no se 'aburra' y que no se 'pierda' navegando. Si los contenidos o servicios de nuestra web no son del interés del usuario y por esa razón abandona nuestro site, esto no es responsabilidad del arquitecto de la web, y poco puede hacer para solucionarlo. En cambio, si el usuario se 'aburre' navegando porque no encuentra lo que busca (y lo que busca sí se encuentra en la web), es consecuencia de una incorrecta arquitectura de información.
Que el usuario se 'pierda', es decir, que llegue el momento en que no sepa en qué zona de nuestro site se encuentra, o peor aún, que no sepa ni tan siquiera si sigue estando en nuestra web, es responsabilidad del arquitecto web y consecuencia de un mal diseño de las estructuras por parte de éste. A continuación se dan algunas indicaciones para conseguir que nuestros visitantes ni se 'pierdan' ni se 'aburran'.
Coherencia del diseño:

La primera regla para indicarle a nuestro usuario que sigue estando en nuestra web es manteniendo una coherencia de diseño, es decir, una uniformidad en la estructura de las páginas que forman nuestro site, y también en lo colores empleados.
Eso no quiere decir que tengamos que mantener la cabecera que mostramos en la home page exactamente igual en todas las páginas del site, pero esta no puede desaparecer. Por ejemplo, podemos disminuir su tamaño para no desperdiciar demasiado espacio visual.
Muchos diseñadores utilizan marcos para que no desaparezca la cabecera, pero esto no es demasiado recomendable, ya que el uso de marcos conlleva problemas de usabilidad.
Con el uso de los colores también debemos mantener cierta uniformidad: si de una página a otra cambian los colores completamente, un usuario (no necesariamente despistado) puede pensar que ha sido reenviado a otra web, es decir, puede sentirse perdido.
Jerarquía Visual:

Ya hemos conseguido, en cierta forma, que el usuario sepa que está en nuestra web, pero ¿en qué zona exacta de ésta se encuentra?
Uno de las métodos para solventar este problema es mantener una Jerarquía Visual. Los usuarios (en occidente) leen de izquierda a derecha y de arriba hacia abajo. Esto significa que si mantenemos la jerarquía visual (ver esquema siguiente) podemos indicarle al usuario constantemente dónde está. Cuanto más cerca de la esquina superior izquierda de nuestro lay-out (distribución) coloquemos los elementos, mayor nivel jerárquico tendrán, y conforme los coloquemos más hacia la derecha inferior, menor nivel jerárquico, y por lo tanto serán 'partes de'.





El elemento que normalmente se coloca en la esquina superior izquierda es el logo de nuestra web, será el elemento de mayor nivel jerárquico, con lo que le indicaremos que el resto de elementos son subelementos de éste. Es decir, que todos serán parte del logo de nuestra web, o lo que es lo mismo, que todos los sublementos son partes de nuestro sitio web. Si colocamos, por ejemplo, una barra de navegación por pestañas debajo del logo, el usuario sabrá en qué sección de nuestra web se encuentra (observando la pestaña que se encuentra seleccionada) y que todos los enlaces y menús de navegación que se encuentren jerárquicamente por debajo de la barra de pestañas serán partes de la pestaña seleccionada. Y así sucesivamente.
Un error bastante común es colocar dos menús de navegación en zonas de jerarquía visual equivalentes, como la zona 2 superior y lateral izquierda. El usuario no sabe qué menú es submenú de cuál, y no querrá leer todos los títulos de los elementos de los dos menús para inferir semánticamente la relación jerárquica entre los dos.
En el esquema siguiente el cuadro gris es claramente subelemento de uno de los dos menús pero, ¿qué menú es un sublemento de cuál?.



Tampoco debemos olvidar que para definir una correcta jerarquía visual no sólamente podemos hacer uso del posicionamiento de elementos, también podemos usar el tamaño, el color, o elementos de conexión y separación.

26 nov 2007

Elementos de interacción

Componentes problemáticos de interacción
Menús desplegables:


El uso de menús desplegables, normalmente programados en Javascript y que intentan imitar a los menús desplegables típicos de cualquier aplicación con interfaz gráfica, se ha puesto muy de moda últimamente en Internet, aunque siguen sin ser todo lo intuitivos y eficaces que debieran. La razón es bastante simple, siguen sin comportarse como un menú desplegable cualquiera de una aplicación cualquiera: Desaparecen en cuanto el puntero deja de sobrevolarlos, los hay que no desaparecen de la pantalla ni a la de tres, la mayoría tienen una apariencia muy confusa (no parecen menús desplegables), etc...
Marcos:

Los marcos surgieron ante la necesidad de que las webs tuvieran sistemas de navegación más intuitivos. Por ejemplo: usando marcos se puede hacer que el índice del sitio no desaparezca cuando se pase de una página a otra. En cambio, actualmente los marcos están en desuso por una razón muy simple, consiguen justo lo contrario que se proponían: crean una gran confusión en la navegación, sobretodo en lo referente al uso y utilidad de los botones "adelante" y "atrás" de cualquier navegador; la URL que aparece no dirige al documento que se está visualizando, sino al marco que lo contiene; las páginas que usan marcos la mayoría de veces no pueden imprimirse...
Además de problemas de usabilidad, el uso de marcos puede conllevar problemas de legalidad.
Banners:

El uso de banners tiene dos puntos importantes a tratar:
Por un lado se ha demostrado que no son todo lo eficaces que parecían en un primer momento, pues la gran mayoría de los usuarios están ya "vacunados" contra su presencia, y casi inconscientemente los ignoran totalmente nada más aparecer en pantalla. Solución: Cambiar su tamaño, hacerlos verticales, colocarlos donde verdaderamente puedan ser útiles (¿qué sentido tendría un banner que anuncie videojuegos para PC en una web para fanáticos de Apple?), etc...
Por otro lado, se deberían evitar banners poco honestos, como aquellos que tienden a engañar al usuario para venderle algo.

Respecto a este tema debería además tener en cuenta el CTR (Click Thru Rate), que es el número de veces que un banner es pinchado/número de veces que es visualizado. Se considera normal o aceptable un CTR igual o mayor a 1/30 (3'33%). Si su banner tiene un CTR menor a 1/30 debería replantearse su rediseño, sustitución o eliminación.

Imágenes minimizadas:

Muchas veces, cuando en una web se hacen índices de imágenes, se presenta la versión minimizada de cada una de esta imágenes para que el usuario pueda tener una vista preliminar antes de pinchar sobre la imagen y verla en tamaño real. El problema surge cuando la versión minimizada está tan minimizada que verdaderamente no deja ver absolutamente nada. Hay que intentar conseguir un equilibrio entre imágenes minimizadas que no sirven para nada e imágenes demasiado grandes que puedan aumentar excesivamente el peso del sitio. Una solución sería: en vez de minimizar la imagen completa, mostrar tal cual una porción de la imagen, y que cuando se pinche sobre ésta aparezca la imagen completa, aunque si se recorta demasiado la imagen se puede perder el contexto, por lo que la imagen obtenida podría no ser significativa.

Además, el uso de imágenes para mostrar texto es uno de los mayores fallos que puede tener un sitio web. Aumenta el peso del sitio, se entorpece la navegación y se impide la edición/impresión del texto.

20 sept 2007

Sistemas de navegacíon





Los SN pueden conformarse por varios elementos como son: gráficos, barras de menús horizontales y verticales y menús emergentes. Otros, como las tablas de contenido y el mapa del sitio, permiten el acceso remoto al contenido alojado en el EOI. Cada uno de estos elementos debe aparecer en cada página y la suma de todos ellos conforma el SN.

La razón para diseñar correctamente un sistema de navegación radica en prevenir que los usuarios puedan hallarse perdidos frente a nuestro web y experimenten sensaciones de confusión, frustración e ira, entre otras.


Ejemplos:
















3 sept 2007

Arquitectura de la información

1- ¿Cuál es el rol del Arquitecto de la información?
Por el momento, el perfil del Profesional de la AI es muy diverso, aunque normalmente se trata de profesionales relacionados con el desarrollo web, provenientes de muy diversas disciplinas (CC. de la Documentación, Periodismo, Psicología, CC. de la Computación...), y que se han formado como arquitectos de la información a través de la lectura y estudio, experiencia profesional, redes sociales, y quizás la asistencia a cursos de especialización.

“El arquitecto de la información es el encargado de diseñar y crear el edificio, sus componentes,
sus pasillos, sus espacios abiertos y sus zonas de servicios. Sólo que ahora el edificio es digital,
sus componentes son los contenidos informativos, y el espacio interno del mismo se crea con la organización de los contenidos y con los sistemas de navegación, acceso y etiquetado
de la información.”

2- ¿Cuáles son las perspectivas que deben tenerse en cuenta?




Entender las necesidades del usuario y los objetivos del sitio web. ¿A quién nos dirigimos realmente? ¿Qué quieren? ¿Qué buscan? Es “la persona que organiza los patrones inherentes a la Información, haciendo entendible lo complejo” o también, que es “una persona que crea un mapa de Información que permite a otros encontrar su vía personal hacia el conocimiento”.




3- ¿Quién debería ser un arquitecto de la información?




Debe ser una persona que tenga: El arte y la ciencia de estructurar y clasificar sitios web e intranets con el fin de ayudar a los usuarios a encontrar y manejar la información.




4- ¿Cómo se debe comunicar la información?








5- ¿Qué representa la organización de la información?




La organización de la informnacion representa el todo para un arquitecto ya que su trabajo depende de la buena organizacion de la informacion. “la persona que organiza los patrones inherentes a la Información, haciendo entendible lo complejo” o también, es “una persona que crea un mapa de Información que permite a otros encontrar su vía personal hacia el conocimiento”. en si la organización es la principal guia para un arquitecto de la informacion




6- ¿Cuáles son los retos de organización?



Es muy importante llegar a identificar los tipos de usuario objetivo de la web y las necesidades reales de estos.
Aun así, una vez tengamos definido el tipo de usuario y sus necesidades deberemos seguir puliendo los detalles hasta encontrar los aspectos que harán al usuario actuar, interesarse, fidelizarse, opinar, etc... otro restos son:



Entiendan grandes cantidades de Información.
Busquen y encuentren la Información que necesitan de manera simple.
Realicen acciones mediante el computador.



7- ¿Qué es un Intranet?



Una Intranet es una red privada que la tecnología Internet usó como arquitectura elemental. Una red interna se construye usando los protocolos TCP/IP para comunicación de Internet, que pueden ejecutarse en muchas de las plataformas de hardware y en proyectos por cable. El hardware fundamental no es lo que construye una Intranet, lo que importa son los protocolos del software. Las Intranets pueden coexistir con otra tecnología de red de área local. En muchas compañías, los "sistemas patrimoniales" existentes que incluyen sistemas centrales, redes Novell, mini - computadoras y varias bases de datos, se están integrando en un Intranet. Una amplia variedad de herramientas permite que esto ocurra. El guión de la Interfaz Común de Pasarela (CGI) se usa a menudo para acceder a bases de datos patrimoniales desde una Intranet. El lenguaje de programación Java también puede usarse para acceder a bases de datos patrimoniales.



8- ¿Cómo se debe organizar un website?




9- ¿Cuáles son los esquemas de organización? Presente un ejemplo para cada uno en la web diferente de los que aparecen en el libro.


10- ¿Qué es un sistema de organización cohesiva?

16 ago 2007

Digital divide



Mapa mental del digital divide:








Algunas personas tienen las más poderosas computadoras, el mejor servicio telefónico y el más rápido servicio de Internet, así como una riqueza de contenido en este servicio y una capacitación apropiada para sus vidas... Otro grupo de personas... no tiene acceso a las más modernas y mejores computadoras, al más confiable servicio telefónico o al más rápido o más conveniente servicio de Internet. La diferencia entre estos dos grupos de personas constituye... la brecha digital".

1 ago 2007

Dos epocas Dos inventos

El telégrafo:

Autor del telégrafo:
Samuel Morse nació el 27 de abril de 1791 y falleció el 2 de abril de 1872 en Nueva York. Este invento funciona como medio de comunicación, que se usaba en el sigo XIX, por medio de señales que fueron denominadas código morse, que en si consistía en puntos y líneas que viajaban por medio de una tira de papel.

Este es uno de los inventos que en lo personal pienso lograron acortar distancias y permitió una mejor comunicación entre las diferentes ciudades, logrando que la socialización entre ciudades fuera mas fácil.

Fuentes de consulta:

http://es.wikipedia.org/wiki/Tel%C3%A9grafo_el%C3%A9ctrico
El internet:
Agencia de Investigación de Proyectos Avanzados de Defensa, empezó a realizar una investigación para poder comunicar computadores en caso de una guerra atómica. Únicamente para uso de defensa en el año de 1969.

Algunos años después la DARPA, realizo la primera muestra publicada de una red telefónica conmutada, la cual tubo un gran éxito y logro que esta organización determinara invertir en la investigación de posibles técnicas de interconectar redes, Después de varios años de estudio, se logro el éxito de esta nueva tecnología que pudo unir el mundo, y permitió recorrer distancias muy grandes en tan sólo unos segundos. Es tal el éxito del Internet que tan solo en el 2006 tubo más de diez mil millones de usuarios una cifra que no se esperaba en tan poco tiempo.

Fuentes de consulta: