3º Relacion del tema desarrollado con la web asterion.

Decidí elegir la siguiente pagina web http://asterion.almadark.com/ de la lista de enlaces que aporto la cátedra IMD para relacionar mi tema debido a que es una de las webs que tienen más elementos de orientación para el usuario, elementos que en parte trate de explicar en las entradas anteriores.
Esta web tiene una jerarquía visual al igual q las webs en general, los usuarios por lo general leen con dirección de izquierda a derecha y de arriba hacia abajo entonces si los elementos los ubicamos de este modo obtenemos la jerarquía visual. Comenzando con un tituló (todos los demás elementos serán parte de el), luego siguen los menús principales e inmediatamente los submenús que al colocarlos a un costado de el logo de la web sabrá en que parte de esta se encuentra el usuario.

Ya ubicados sigue el desarrollo con su titulo, hora y fecha de edición. Un elemento de importancia que sigue guiando al usuario son las entradas relacionadas al tema antes desarrollado incitando así al usuario a seguir navegando por el sitio.

En los laterales se encuentran más elementos guía, estos son las categorías de las entradas, las entradas ubicadas en cada mes de publicación-archivo-, links que se pueden relacionar con la pagina principal, etiquetas, etc facilitando el recorrido al usuario.

      

                               







Finalmente encontramos los elementos más recientes o el “top” de visitas que nos permite actualizar este recorrido junto al señalador de el número de página en el cual nos ubicamos.

Cada uno de estos elementos son los que nos guían e este recorrido online afirmando cada vez más que el diseño web esta centrado en el usuario.

Breadcrumbs

O también llamadas migas de pan son una especie de  tips que ubican al navegador en la sección de la página en donde se encuentran.

Por lo general tiene esta estructura jerárquica comenzando por la información  mayor y luego descendiendo con este símbolo >,se utiliza este u otro derivado, un error seria utilizar símbolos como /, o,’ ‘, ya que denotan igualdad y en este caso es lo contrario a lo que se quiere expresar.

Esta clases de diseños son muy comunes en todas las paginas Jakob Nielsen explica que las personas navegan por diversas páginas web por lo que se les facilitara la navegación en nuestra web al estar en un sitio familiar a los demás.

Fuente:http://www.nosolousabilidad.com/articulos/orientacion_usuario.htm

Características de una página web en donde el lector puede explorar con facilidad

1. ESTRUCTURA EN FORMA DE PIRÁMIDE: La información más importante debe estar al principio de todo.
2. FACILIDAD A LA HORA DE EXPLORAR: El lector antes de comenzar a leer realiza una visión general para ver si los contenidos son de su interés.
3. PÁRRAFO =IDEA: Un párrafo debe brindar solo un mensajes
4. .          TEXTOS CORTOS Y PRECISOS: A el lector no le gusta la lectura desde la pantalla
5. VOCABULARIO Y LENGUAJE: se debe tener en cuenta a qué clase de usuario se dirige el sitio web para brindar el mismo lenguaje con un vocabulario sencillo y comprensible.
6. 
   

            TONO:Cuanto más familiar sea el texto sin faltar el respeto el lector prestará mayor atención.

   
   
   
   Fuente:http://omisrin.blogspot.com/2010/11/diseno-web-centrado-en-el-usuario.html

Uso y diseño

No basta solo el diseño en cuanto a una buena imagen de la página sino al fácil uso, como explique anteriormente la fácil interacción, para esto es necesario el “diseño conceptual”, es decir organizar a través de esquemas el contenido  para la navegación del sitio, sin detenerse en la apariencia sino centrado en la arquitectura de la información como la clasificación de contenidos; elaborar índices, mapas del sitio, etc. 

La web organizada debe brindar además  de alguna manera conexiones, otras páginas  que generen mayor información y navegación.

Existen técnicas para el eficiente uso como la estructura descendente que ordena los contenidos del todo a pequeñas partes y la ascendente que es lo contrario de las pequeñas partes a un todo. Otra técnica es “cardsorting” (ordenación por tarjetas) es de alguna manera organizada a través de la mirada a los usuarios en el tiempo generando etiquetas con las distintas secciones

                                                         

                                       

De esta manera poco a poco la web va tomando forma según el modelo mental y mayor utilidad que genera el conjunto de usuarios a medida que navegan.


Fuente:http://omisrin.blogspot.com/2010/11/diseno-web-centrado-en-el-usuario.html

Evaluación Teórica a Libro Abierto Tema: Usabilidad, diseño web centrado en el usuario.

Una página web debe estar diseñada para el uso de los usuarios, para esto necesita de una estructura de fácil uso donde el usuario pueda navegar con facilidad y brindar la información por la que se la ha buscado cumpliendo con su finalidad.

Al estar bien estructurada posibilitara el satisfactorio uso al usuario y quizás su constante visita futura.Características como : la calidad y utilidad de los contenidos, su servicio, contacto con el proveedor  y el diseño de la aplicación hacen la eficiencia del sitio lo que ayudara a que el usuario pueda interactuar con este consiguiendo lo que busca ya sea desde imágenes, música, información académica o hasta la compra de artículos online, entre muchas otras opciones online que nacen de un sitio web.

Aunque a veces las paginas no son las que fracasan sino el usuario es quien realiza mal la búsqueda o emplea poco tiempo en ello.

El próximo video explica de una forma un poco mas didáctica lo explicado anteriormente

Sinopcis

Vivimos en una sociedad en la cual permanecemos contactados la gran parte del tiempo mediante celulares, Messenger, redessociales, etc. Como consecuencia de este nuevo mundo virtual por el cual podemos recrear la realidad pero a la ves modificarla eligiendo estar disponibles para el resto de las personas o no, volviéndonos nómades siguiendo recorridos infinitos gracias a la estructura hipertextual de la web pudiendo elegir variadas direcciones que a la ves contienen múltiples canales de diseño, el cual nos permite solucionar los problemas que nacen de nosotros los usuarios siempre y cuando estén bien planteados e incorporar herramientas a través de esta actividad mental pudiendo configurar así  nuevas realidades  permitiéndonos despojarnos de peso del mundo real.

TP nº2 - Componer mensajes impresos

El trabajo practico numero 3, componer mensajes impresos lo realice primero eligiendo 3 palabras

1. ONÍRICA
2. CAPRICHO
3. MONOS 

y luego comencé a experimentar con las imágenes aportadas por la cátedra para la composición de estos mensajes.

Onírica es una palabra relacionada con los sueños , la elegí porque no es muy utilizada y tiene un significado muy común. Represente este mensaje haciendo rebalsar la cabeza de esta persona  de colores para representar sus sueños e ideas.

La palabra monos a primera impresión se piensa en el animal, pero sin embargo la utilice con  la idea que a pesar que existen millones de persona cada una es única, diferenciandolas con un color distinto y así poder transmitir este mensaje.

                                                                                                                                                                                                                                                                              Y por ultima elegi la palabra capricho, quise generar una sensación de gritos con un fondo semejante al fuego,  para que esta persona se vea decidida y segura en lo que piensa sin temor alguno.

Historia del hipertexto

link de imagen

En 1945 el ingeniero , inventor y escritor  Vannevar Bush presento en The Atlantic Monthly un articulo titulado "As We May Think" , a partir del cual se desataría  un largo  proceso hasta llegar a lo que hoy conocemos como hipertexto. En este artículo uno de los temas que mencionaba era un dispositivo denominado MEMEX, el cual era mecánico y permitía  guardar archivos que a la hora  de leerlos fueran rápidos y flexibles para obtener  información. Unas de sus características más llamativas era que se podían agregar comentarios notas imágenes o cualquier otro tipo de elemento que se quisiera enriqueciendo el texto.

Link de imagen

El memex permitía a la mente del lector organizar  la información que se le brindaba a su gusto y necesidad ósea que la lectura podía tomar distintos caminos según cada lector lejos de una estructura lineal.

Este dispositivo es el que llevara a la búsqueda de la creación del el hipertexto, a pesar de que vannevar bush no logro concretar su proyecto esto ayudo a que sus sucesores Ted Nelson, Douglas Engelbart y Tim Berners Lee siguieran en su búsqueda hasta lograrlo.

Bibleografia: http://vannevarbush.us.splinder.com/post/170418/post

Desarrollos en la historia

A continuación se presenta una tabla de los posibles desarrollos en  la historia del hipertexto:

El hipertexto simplifica

Esquema del problema

A través de la investigación que voy realizando poco a poco, me encontré con un artículo de Alvaro grisales el cual me pareció muy interesante ya que presenta el hipertexto a través de un esquema representándolo de una manera cotidiana. Explicando que los estudiantes de hoy en día no buscan textos de gran densidad a la hora de realizar apuntes 

 sino hacer que estos sean más didácticos y fáciles de recordar, y en este momento cuando incorporamos textos, imágenes, videos, podcast, links, web, blog, entre otros. Es decir que  el texto común al incorporarle estos atributos pasa a ser de alguna forma un “hipertexto” que ayuda a ampliar la información de una manera más simple.

El autor nos dice:

 “Cuando transformo un párrafo en un Mapa Conceptual y lo subo a un Blog , tengo un hipertexto compartido por cientos de millones de usuarios en la red. Es construir conocimiento a la manera digital.”

bibleografia : http://alvarogrisales.com/archives/18