SESIÓN 19: EXAMEN

. EXAMEN .


El parcial de este mes fue enviado por correo y todos lo contestamos y lo enviamos al maestro. En lo personal la clase me cuesta trabajo al momento de realizar los trabajos o comprender algunos terminos pero creo que al final siempre termino entendiendo.

El examen, pues... no estudié... por lo tanto no espero obtener una excelente calificación, aunque creo que me sirvió todo lo que estuve viendo durante el mes.. contesté más de lo que pensé y aqui me doy cuenta de lo que he aprendido.

SESIÓN 20 . ExtraClase .

Análisis página PRI

STRATEGY
User Needs: “What do our users want to get out of it?”

Debemos satisfacer las necesidades de nuestro cliente (poniendonos del lado en que estamos creando su página web) siempre y cuando él tenga bien definido que quiere transmitir o lograr con ciertos detalles, colores, palabras y de mas elementos utilizados para armar su página. En este punto es muy importante pensar también en los usuarios de nuestro cliente, ya que de esto dependen las ventas del cliente.

En la página que me tocó analizar (pri.org.mx) las necesidades de nuestro cliente son: Informar, a todo tipo de gente, sobre los nuevos cambios, noticias, lo que pasa últimamente, lo que ha estado resonando durante el tiempo. Más que nada mantenerse a la vanguardia, por medio de la tecnología y llegar a todo tipo de comunidad manejando una herramienta que se encuentra al alcance de todos y que en estos tiempos es indispensable vivir sin ella, el Internet. Esto va de la mano con mantener una buena imagen distinguirse de los demás competidores, mantenerse como un partido que está al margen en todos los aspectos y que piensa en sus seguidores y los toma en cuenta.

Site Objectives: “What do we want to get out of this site?”

Siempre se debe de tener en cuenta hacia qué esta encaminada la página, no debemos desviarnos de los objetivos principales de esta.

En este caso pri.org.mx mantiene los objetivos de crear una mejor imagen y mantener a la gente informada sobre noticias, convocatorias y comités estatales, de esta forma ellos podrán localizar de manera sencilla el de su localidad y participar en las campañas, que es un punto muy importante, reunir gente, lograr ser el partido más seguido y reconocido principalmente a nivel nacional.

SCOPE

Content Requirements: definición de los elementos del contenido requeridos en el sitio para ayudarnos a definir las necesidades del usuario.
En este aspecto la página cumple con el enfoque sobre el contenido, la información es clara y concisa, muy explicativa, en algunos casos (dependiendo de la necesidad) por ejemplo en la historia, el texto es poco para lo que en verdad es el tema, pero está muy bien explicado y resumido.

Con esto nos damos cuenta que la página piensa en su usuario. A nosotros como usuarios nos gusta entrar a ver una página que atraiga, tiene que captar nuestra atención y cuando por fín lo hace, nos gusta explorarla y al hacerlo queremos ver información o contenido que no sea tedioso, y que este bien separado, es decir, haciendo buen uso de los espacios en blanco, esto nos provocará leer o por lo menos tratar de ver de qué se trata.

Functional Specifications: lista descriptiva de la funcionalidad que el sitio debe incluir para cumplir las necesidades del usuario.

Bueno, para empezar, el sitio incluye un mapa de sitio que ayuda a que el usuario localice con mayor facilidad las secciones incluídas en la página y pueda participar en la mayoría de estas, que es lo más importante, ya que la página esta creada para que el usuario indague en ella y encuentre todo lo que necesita rapidamente, en lugar de estar haciendo llamadas telefónicas o visitando instancias gubernamentales para atender sus dudas.

Además de que el sitio incluye el mapa, el diseño, y la forma de navegación e interacción es sencilla; el diseño es estructurado y lineal, las pocas imagenes estan distribuidas en puntos especificos que no estorban a la vista, además de mantener la variación de colores usados por el PRI y ser resaltados.

STRUCTURE
Interaction Design: “La forma en que el usuario interactúa con la página”
La página debe tener una estructura diseñada bien definida para que así el usuario pueda interactuar de manera correcta y sobre todo sin problemas o como en la mayoría de los casos pasa, haciendolo sentir estúpido.

En esta página podemos ver que la forma de navegar es muy sencilla, ya que ayudan (saliéndome del tema) los colores que tienen de fondo y en las letras, el fondo es blanco por lo tanto aparenta un lugar limpio, las letras son blancas, negras o grises dependiendo del color de fondo o el lugar y la importancia de las mismas. Ej. La barra principal de navegación.

Information Architecture: “Diseño estructural de la información
Trata de diseñar una estructura del espacio de la información para facilitar su acceso.

SESIÓN 18 . Reflexión

p

PAGE LAYOUT
principios y patrones

P

En esta sesión terminamos de ver el tema de page layouts, patrones y principios.
Muchos terminos son parecidos pero ya siendo explicados con ejemplos es mucho más fácil distinguir cuál es cual.

Los page layouts son enfocados a la forma en que se estructura el contenido en una página, la alineación de los textos, fuentes, colores, tamaños, los espacios en blanco que son muy importantes para marcar un equilibrio, y otro concepto importante es los contrates de la página, todo esto tiene que ir de acuerdo a la imagen de la misma, para generar congruencia.

SESIÓN 18 :: ExtraClase :: continuación

. PAGE LAYOUT .
(principios)

PRINCIPIOS DE JERARQUÍA

• Esquina Superior
  Izquierda


Normalmente cuando una persona va a ver algún escrito o lo que sea, empieza de izquierda a derecha de arriba a abajo, es por eso que esta categoría es llamada "esquina superior izquierda" porque se podría decir que un punto principal es este y debemos colocar algo que haga que el usuario se interese, o por lo menos hacer un buen uso de los elementos y los colores.

Ej. Reserved es una página muy interesante, es muy simple, pero hace que el usuario se mantenga entretenido, en la página principal aparece solamente el nombre de la empresa que es Reserved y en el espacio sobrante aparece un video, las imágenes son muy buenas, asi es que probablemente cuando la persona este viendo el video y no conozca la empresa va a buscar algo que le diga más de ella, y casi inconcientemente colocará el cursor encima del nombre y de ahí se desprende el menú.




• Subordinación

Aquí se acomodan de manera jerarquica los elementos, normalmente esto sucede con los menús. Acomodandolos con diferentes tamaños y colores según corresponda.

Ej. En MoCoLOCO (que no tiene nada que ver con mocos ni con locos), una página que trata temas sobre arte y arquitectura moderno, se muestra del lado izquierdo el panel con las opciones,que tienen una lista desplegable con letras de diferente tamaño y estilo dandole enfoque al tema principal, ademas de cada uno contener un cículo de color diferente para distinguirlos.

Formas y Grupo

Para mantener cierto orden la página respeta una estructura y con esta se distribuye de mejor manera el contenido.

Ej.La página CAT sobre arte y tecnología muestra de forma clara su estructura.

Fuentes Congruentes

Se trata de colocar textos y fuentes de acuerdo al estilo de la página, si el estilo de esta es muy formal no se puede mezclar cualquier tipografía, también se tiene que tener en cuenta la leibilidad y legibilidad.

Ej. Esta página del festival indie 2010, tiene una estructura bien definida, al igual que el estilo, porque las letras son del mismo tipo, existen diferentes tamaños, para destacas lo más importante, en este caso el título (izq. arriba) y los grupos que se presentarán (primeros del lado derecho).

Espacio en Blanco

El espacio en blanco también es una técnica de atracción al público, siempre y cuando se sepa manejar correctamene, es necesario dejar ciertos espacios vacios para generar estabilidad en el diseño. Esto lo utilizan muchas páginas (más que nada las que son más elegantes).

Ej. SieteRayas presenta estos espacios en blanco que generan armonía y aún colocando estos espacios se logra mantener el estilo de la página.

Colores y Contraste

Consiste en poner de diferentes colores algunas partes de la página para destacar o señalar la parte en la que nos encontramos, siempre y cuando se respete el contraste para no hacer confuso el contenido.

por ejemplo, cuando queremos resaltar unas cosas de otras. Como en esta página de la fotógrafa Stella Alesi, contiene mo esencial, y la tipografía concuerda con el estilo serio de la página, y por lo que se destaca este punto es por los colores que se utilizan , el menú, el nombre de ella, y lo que estamos viendo son los que tienen un color verde, en cambio para diferenciar de lo demás, que en este caso serían otros lugares que contiene la página pero que no estamos utilizando se usa un color blanco, el fondo también es muy importante, de este dependen los colores que se usarán en la tipografía.