Posts Tagged ‘ EJEMPLOS DE PATRONES ’

Extra clase sesión 18

Ejemplos:

Patrones de agrupación

Closable Panels:

en este programa podemos ver como al dar clic visualizamos los paneles y sus herramientas, así nosotros decidimos el uso o la personalización de estas.

Movable Panels

en la aplicación de myspace con las nuevas actualizaciones tenemos la opción de elegir los paneles que  sean importantes para nosotros y si no las queremos simplemente las desactivamos, podemos elegir la mas adecuadas para nosotros como usuarios.

Patrones de flujo

Left-right alignmen

en la pagina de mercado libre podemos ver como esta alineada al centro perfectamente para así dar un buen balance.

Diagonal balance

nos damos cuenta que al trazar una linea diagonal el contenido queda dividido en proporciones iguales como lo dice nuestro patron.

Patrones dinámicos

Responsive disclosure

nos marca una serie de datos que solo son obtenidos después de introducir información cierta o falsa.

Responsive Enabling

sesión 15 análisis

Es la pagina  de un fotógrafo muy renombrado  y he decidió hacer mi análisis sobre su pagina web.

*Como podemos ver esta pagina esta hecha sobre una plataforma framework ya que su diseño es bastante simple y peculiar, me parece bastante original.

*El tipo de pagina esta claramente enfocado en al Publicación ya que el autor de la pagina nos muestra fotografías.

Continuando con el análisis toca el turno de los Patrones de Uso

SAFE EXPLORATION creo que cumple con este patron de uso ya que va guardando nuestra navegación y con el hecho de dar atrás nos lleva a la pagina anterior sin ningún problema.

NSTANT GRATIFICATION es otro patron con el cual cumple ya que no tarda nada en mostrar los gráficos completos ya que son exactos para una navegación mas rápida, no tenemos que ser miembros para ver la pagina completa.

Continuamos con la Organización de contenido, en esta pagina podemos ver que toso esta organizado por lista de acciones y objetos ya que dentro de la lista tienen una acción la cual te manda directamente a un objeto, en este caso una fotografía.

One window drill down Muestra la aplicación en una y única  ventana

-Estrutura: de acuerdo a su estructura se pudee poner en la clasificación de One window paging ya que te abre otra pagina dentro de la misma ventana de navegación, sin abrir otras nuevas.

Patrones de navegación

Global Navigation:  este tipo de navegación de esta pagina ya nos podemos dar cuenta que se basa  principalmente en los botones que te llevan a enlaces dentro de la misma pagina,son botones globales dentro de la misma pagina para poder navegar en las secciones.

Podemos ver como los botones son de texto y te llevan otro enlace dentro de la misma pagina:

Por ultimo pero no menos importante veremos que tipo de Señales utilizan dentro, en esta pagina podemos ver que se estan utilizando las señales Bread crums ya que en una barra interior nos va marcando en cual estamos y si queremos regresar a la pagina anterior.

Ahora que finalizamos de analizar esta pagina me doy cuenta que contiene una serie de patrones, señales, organización que nos dan otra forma diferente de ver la pagina.

Sesión 14 ejemplos

Clear entry points: en la pagina de sabritas podemos ver como tiene pocos botones lo cual hace mas rápida la navegación y mas simple.

Global Navigation: el la pagina principal  apple nos damos cuenta que consta de muchos mas botones, todos estos botones nos llevan a una zona especifica de l pagina, una pagina global de la misma.

Modal panel: mercado libre es una pagina en la cual si quieres contactar tienes que estar registrado de lo contrario detiene tu navegación en forma de contactar.

Hub and spoke: podemos ve los seguidores mas relacionados dentro de una red social y como puedes navegar de uno a otro.

Pyramid. puedes ver los miembros dentro de l misma red social y con los cuales puedes estar visitando y algunos con los cual no puedes.