sábado, 27 de febrero de 2010

PATRONES DE NAVEGACIÓN

1.-CLEAR ENTRY POINTS:
*Son grupos de acciones fáciles
*Presentan pocos puntos de entrada de la interfaz
*Pocos botones para navegar
Tiene la desventaja de que pueden tener muchas ventanas y darte un gran número de opciones
Un claro ejemplo:
Es Google ya que solo tiene la barra del buscador así como algunas otras opciones simples para buscar información.

Image and video hosting by TinyPic

2.-GLOBAL NAVEGATION:
Tiene la característica de tener varias opciones, y puedes saltar de una manera fácil a las otras aplicaciones de una manera fácil y sencilla. En esta página podemos navegar, súper rápido sin necesidad de regresarnos ya que en la barra superior nos muestra las opciones a utilizar.

Image and video hosting by TinyPic

3.-HUB AND SPOKE:
En este ejemplo puedes saltar de un punto a otro pero todas las opciones están individualmente, y no puedes navegar tanto en ellas, siempre tienes que regresarte al menú.

Image and video hosting by TinyPic

4.- PYRAMID:
Tiene una forma de actuar similar a una red de comunicación, es decir te lleva fácilmente en forma de escalones o pirámides a tu objetivo:

Image and video hosting by TinyPic

5.-MODAL PANEL:
Son aquellas páginas que no te dejan avanzar si no le das en cierta opción:

Image and video hosting by TinyPic

MICROBLOGGING

Estas son herramientas derivadas del Blog convencional. Permite mandar mensajes similares a los de texto.

-Ventajas
1.-Las comunidades empresariales y de productos y servicios pueden estar comunicados.
2.-Tiene Velocidad aceptable

-Desventajas
1.-Gran cantidad de mensajes
2.-Aceptan 140 caracteres
3.-Utilizado por usuarios de SPAM

Por ejemplo el TWITTER:
Es un servicio gratuito del Microblogging, da entradas de texto llamadas twee.
Jack Dorsey fue el creador de esta red social. Tienes la ventaja de escribir y publicar como si fuera un diario personal. El Twitter tuvo su boom en el 2008.
Algunas otras redes sociales son POWNCA e IDENTI.CA


twitter Pictures, Images and Photos

jueves, 25 de febrero de 2010

Sesión, 13 Reflexión

En la clase pasada vimos los siguientes temas:

REDES SOCIALES:
“Las Redes son formas de interacción social, definida como un intercambio dinámico entre personas, grupos e instituciones en contextos de complejidad. Un sistema abierto y en construcción permanente que involucra a conjuntos que se identifican en las mismas necesidades y problemáticas y que se organizan para potenciar sus recursos."
Aquí la gente entra y se registra, compartiendo información personal como sus gustos de música, carrera, entre mil cosas. Algunas de estas redes sociales te permiten decorar tu propio sitio o también platicar con personas en línea.
Muchas empresas usan este nuevo fenómeno para darse a conocer y crear juntas o puntos de reunión en los cuáles se podrán ver.
Pocas son las personas en este tiempo que no pertenecen a alguna de estas redes como Facebook, Myspace, Hi5, Twitter, etc.
twitter Pictures, Images and Photos
Facebook normal Pictures, Images and Photos
myspace Pictures, Images and Photos


FOLKSONOMÍA:
Folcsonomía o folksonomía es una indexación social, es decir, la clasificación colaborativa por medio de etiquetas simples en un espacio de nombres llano, sin jerarquías ni relaciones de parentesco predeterminadas. Se trata de una práctica que se produce en entornos de software social cuyos mejores exponentes son los sitios compartidos como del.icio.us
En este caso podemos compartir nuestros gustos de páginas por ejemplo, si estamos buscando algunas páginas de moda, no tendremos que meternos al buscador de google y navegar.
Si no que entrando por ejemplo a la página de delicious tendremos a varios amigos agregados y alguno de ellos nos podrá dar la recomendación de alguna de esas páginas y la tendrá marcada. Así mismo nosotros podemos marcar algunas de nuestras páginas favoritas y en nuestra barra de herramientas se nos añadirá el icono para poder hacerlo.
Creo que es algo muy innovador y que nos puede servir en momentos de emergencia para muchas cosas.

domingo, 21 de febrero de 2010

Sesión 12, Reflexión

En la clase pasada, vimos más patrones que tienen que ver con la ORGANIZACIÓN de CONTENIDO.

1. Two Panel Selector:
En este caso vamos a tener de nuestro lado izquierdo nuestra lista y al darle click a alguna opción se nos abrirá la carpeta y así podremos ver el contenido.
Image and video hosting by TinyPic


2. Canvas Plus Palette:
En esta opción vamos a poder ver las herramientas que podremos usar para dibujar, escribir, agregar efectos, etc. a nuestro archivo.
En este ejemplo podemos escoger los colores de sombras para la modelo y vienen todas las herramientas de nuestro lado
izquierdo.
Image and video hosting by TinyPic


3. One window drill down:
En esta opción se nos van abriendo las ventanas, una por una como si fueran bajando. Es muy común en muchas páginas de internet.

4. Alternative views:
Nos da la opción de poder ver nuestro contenido en diferentes vistas, ya sea en hoja completa o como lo vamos editando. Por ejemplo en word podemos ver las herramientas cuando estamos escribiendo pero al momento de darle preview nos sale el formato de la hoja para impresión.

Creo que el aprender estos conceptos nos hace más conscientes de la interfaz que hay en internet así podemos criticar y dar puntos de vista para mejorarlos.

viernes, 19 de febrero de 2010

Análisis

MYSPACE

En esta ocasión analizaremos la interfaz de MySpace entraría en la clasificación de Two Panel Selector ya que en la parte izquierda de nuestra pantalla podremos observar las opciones, de editar, cargar, asi como la administración de nuestro contenido, aparecen las imagenes de las personas en las cuales podemos dar click y abrir su página.

También entra en la clasificacion de los Frameworks ya que este tipo de páginas que son redes sociales es muy dificil hacer su aplicación por ejemplo en un CMS.

Image and video hosting by TinyPic

Analicemos algunos puntos:
1.-Save Exploration:
Ya que no nos abre otro tipo de páginas y los gráficos siempre se ven.

2.-Instant Gratification:
En ocasiones las páginas que están muy pesadas tardan en abrirse pero esto es por las aplicaciones y gráficos demasiado grandes con los que cuenta el espacio de cada quien.

3.-Satisficing:
Es fácil de entender ya que podemos buscar a las personas de una forma fácil, en el buscador que nos brinda.

4.-Changes in Midstream:
Podemos salvar nuestro espacio y decoraciones en el HTML que nos da, es decir nosotros bajamos el HTML de las imágenes así como de nuestros layers para poder publicarlos y todo lo que llevamos se guarda.

5.-Deterred Choices:
En esta clasificación tenemos que dar nuestros datos, dependiendo si queremos ser usuarios de la red de MySpace, si no pues podemos ver el espacio de cualquier usuario teniendo su URL.

6.-Incremental Construction:
Podemos llenar nuestro espacio, como queramos es decir, lo podemos dejar como se encuentra en un principio, blanco y sin cosas, o llenarlo de colores, música, imágenes, etc.

7.-Habituation:
En la edición de HTML cumple con los comandos normales.

8.- Spacial Memory:
En ocasiones actualizan el sitio cambiando de lugar las herramientas, pero no es nada del otro mundo ya que tiene buena interfaz.

9.-Prospective Memory:
No cumple con agendas electrónicas, ni nada por el estilo, pero si tiene organizadores de eventos en los cuales puedes estar actualizado cuando lo necesites y ver también los eventos de loso demás.

10.- Keyboard only:
Puedes utilizar tu teclado, mouse y todos los comandos reaccionan.

11.-Other People Advice:
Otros usuarios pueden dar su retroalimentación, y comentarios sobre tí.

ESTRUCTURA:
Opera con One Window Pagin, ya que te va abriendo las páginas una por una, y te puedes regresar, es muy cómodo.

CLASIFICACIÓN SEGÚN SU USO

COLABORACIÓN:
Ya que podemos ver la información de nuestros usuarios y colaborar para entablar una conversación o al igual dar publicidad a grupos de música, o sitios donde la gente comenta y retroalimenta sobre el contenido.

Opinión:
Pienso que es una interfaz muy bien aplicada, pero mi recomendación es hacer layers mucho más ligeros para que la rápidez de la red social mejore. Además debería haber algo a la vista que te de las noticias, no sólo que estén en la página principal.

miércoles, 17 de febrero de 2010

Sesión 11, Reflexión, WIKIS

LAS WIKIS

Un wiki, o una wiki, es un sitio web cuyas páginas web pueden ser editadas por múltiples voluntarios a través del navegador web. Los usuarios pueden crear, modificar o borrar un mismo texto que comparten. Los textos o «páginas wiki» tienen títulos únicos. Si se escribe el título de una «página wiki» en algún lugar del wiki entre dobles corchetes (...), esta palabra se convierte en un «enlace web» a la página wiki.

En esta aplicación toda la gente puede opinar y aportar información para hacer una wiki más rica en contenido, pero nos explicaron que también hay una asociación que cuida el contenido y hace un control de los cambios, eliminando lo que creen que no es necesario para la sociedad. Esto ayuda a que no se haga vandalismo en la información.


wikipedia Pictures, Images and Photos

viernes, 12 de febrero de 2010

ESTRUCTURAS

1.-MULTIPLY WINDOWS:
En esta opción por ejemplo el blog nos abre otra pagina y tienes que cargar ahí tu archivo.

Image and video hosting by TinyPic



2.-ONE WINDOWS PAGING:
La página de vanidades es de una sola página es decir no te abre otras ventanas:
Image and video hosting by TinyPic
Image and video hosting by TinyPic

3.-TILED PANES:
Este tipo de páginas nos muestran un menú del lado izquierdo o derecho, le damos click y no nos cambia la página ni nada simplemente en el medio nos muestra el contenido.

Image and video hosting by TinyPic

4.-LEVELS & POP UP WINDOWS:
Esta página nos abre varias, en escalerita y es el cuento de nunca acabar.
Image and video hosting by TinyPic

Datos personales

Eres el Número

Seguidores