Sesión 25+ Contenido

•April 26, 2010 • Leave a Comment

En esta sesión acabamos de ver el último punto para la creación de una interfaz que fue el Surface, me pareció interesante ya que es la última parte a la que más nos dedicamos, el diseño visual de la interfaz, y no sólo la funcionalidad, aunque todo en conjunto es lo que forma una buena interfaz, me gustó saber todos los puntos para crear una buena interfaz, ya que esto podrá servirme en un futuro como diseñador gráfico multimedia que soy.

Layouts:

  • Thumbnails: Boceto sencillo, con texto simulado, primer boceto hecho, el más simple.
  • Roughs: Boceto con texto y color, parecido al primero pero con colores y mejor detallado.
  • Tight Layout: Boceto hecho a computadora, ya casi la vista preliminar.
  • Comp: Presentación final del boceto, como quedará al final.

Cambio de sitio:

  • Cut and Paste: Se cambia la programación o el contenido.
  • Automatizados: Es igual al cut and paste pero también puede cambiarlo el cliente.
  • CMS con Back end: Es como un CMS común
  • CMS Back end más poderoso: Podría ser un Framework
  • Grid: Es la composición y el uso de las guias al estructurar el contenido
  • Comprehensive Layout: Los 4 tpos de layout
  • Template layout: Es una plantilla.



Al crear un Layout hay que tomar en cuenta lo siguiente…

  • Congruencia
  • Coherencia
  • Consistencia
  • Confianza.

Session 23… {Contenido}

•April 19, 2010 • Leave a Comment

STRATEGY PlANE:

Necesidades del Usuario:

Qué quieren estos obtener del sitio.

Se usa una segmentación, usabilidad, estudio de mercado e intuición para poder llegar a concluir estos datos.

Objetivo del Sitio:

Metas del negocio

Identidad de la marca: que aspecto desea dar el sitio

Métricas del logro: lo que se quiere obtener y como lo harás, se puede realizar creando una tabla de actores y objetivos. Sabiendo que usuarios son los que visitarán tu página y que es lo querrán sacar de ella para así enfocarte en eso.

Perfil del Usuario:

Segmentación de actores: La competencia, los usuarios directos, indirectos, dueños, empresarios, estudiantes, etc… Los tipos de personas que podrían visitar el sitio, sean o no usuarios.

Segmentación o perfil de usuario: Demografía, psicología, nivel tecnológico, cultural, cultura virtual, lugar donde accesan etc.

Modelo del Negocio:las necesidades del usuario, identificar que objetivos son los que se necesitan para así resolverlos.

DESCRIPCIÓN GENERAL:

Roles: el que aporta, el que administra, y el que usa la información

Servicios: Informar, compartir, ayudar, aportar etc.

Benchmark:cuadro de comparación para ubicar en que cambiar, que no cambiar etc.

SCOPE PLANE

Estrategia: por qué o para qué vamos a construir el sitio?

Enfoque: qué vamos a construir?

Session 24… {Contenido}

•April 19, 2010 • Leave a Comment

Plano de interacción

Plano de estructura:
Diseño de Interacción: La forma en que el usuario interactua con el sitio.
Arquitectura de la Información: La forma en que se organiza la información y contenido.

Diseño de Interacción:

Modelo Físico:  La forma en que se formará con los patrones de organización.

Formas de navegación: Los links, menús, categorías, etiquetas etc que este tendrá.

Planos: La forma en que aparecerá el contenido de acuerdo a lo que hayas seleccionado.

Manejo de errores:

Errores del usuario: Que llenará mal los datos, o hiciera una operación no disponible

Errores del sistema:Que hayan links perdidos o complementos que hagan que este funcione

Cuando el usuario ya se ha equivocado y debe ver la forma de recuperación.


Ubicación:

Identificación del sitio

Nombre del dominio

Sección y subsecciones

Indicador

Busqueda

Navegación persistente

Búsqueda:
Mapa de sitio:

Gráfico hipertexto

Detallado General

Enfoques

Motor de Búsqueda:

Próxima o exacta

Dinámica o estática

Categoría o textual.

Respuesta gráfica, hipertexto.

Filtro:

Categoría/enfoque

Lineal/compuesto

Dinámica/estática

Lenguaje del cursor

El cambio de uso

Cambio de área con el mouse

Cambio de área con el click

Arquitectura de la Información:
En esta debe definirse como está, si está organizado por jerarquía, proximación, similaridad u otros.

Plano del esqueleto

Diseño de navegación

Diseño de interfaz

Diseño de la información.

Diseño de Navegación:

Mapa de sitio

Navegación Global: permite llegar a cualquier lugar del sitio de forma jerárquica

Navegación local: permite llegar a los temas relacionados dentro de la jerarquía.

Navegación Suplementaria: Permite llegar a otros lugares del sitio de forma directa.

Navegación contextual: El usuario puede navegar por medio de links en el texto.

Navegación de cortesía: Se refiere a la ayuda o búsqueda extra que se le pude dar al usuario.

Navegación remota: se refiere mapa de sitio.

Diseño de Interfaz:

Los patrones de usuario, contenido, navegación y layout

Un boceto de la página

Diseño de la Información:

Obtener, aportar y proponer

Session 24…

•April 14, 2010 • Leave a Comment

En esta sesión vimos otros puntos de el método que usaremos para el proyecto de nación, unos que nos faltaban, lo cual está bien, para ir avanzando de una vez con eso. Casi terminamos de ver todos los puntos de la metodología. Siento que este método realmente va servirnos, ya que aunque se vea muy largo y cansado a la larga a la hora de diseñar interfaces reales esto nos dará la seguridad de que nuestro sitio cumpla con lo que se necesita, sabremos que es lo que necesitamos, y como es que deberemos lograrlo, ya que ya tenemos las bases de los patrones para crear que la página sea cómoda de usar, que el usuario no se canse de ella, que tenga una buena interfaz y no sólo un bonito diseño que podría no ser funcional. Además de que haciendo esta metodología además de la página ser funcional y estética cumplirá con lo que el usuario necesite, tendrá diseño centrado en el usuario. Y sabremos que es lo que nuestros actores necesitan y sabremos donde enfocarnos para hacer que la interfaz les agrade más.

Session 23+… PROYECTO DE NACIÓN

•April 14, 2010 • Leave a Comment

Análisis de la pagina.

Plataforma:Nuestra pagina será hecha sobre una plataforma donde la interactividad del contenido pueda ser mas versátil o menos versátil y llegar a ser mas simple  para el tipo de usuarios que en nuestro caso seran estos, con una plataforma Framework podemos darnos la libertad de implementar parámetros que no se han visto en las demás paginas, esto quiere decir que podemos decidir exactamente como será la navegación y la relación de las diferentes subpaginas.

Interfaz: nuestra pagina cumplirá con las  características de colaboración y publicación ya que la colaboración vendrá de todos los posibles comentarios, dudas,aportaciones, o en algunos casos se tendrá colaboración con algunas otras paginas similares, pero con el mismo enfoque, la publicación será información para personas de 45 a 55 años de edad, exclusivamente de  interés publico.

Objetivos del sitio

Metas del sitio: Ser una pagina que brinde información de los  cambios que se llevan en los sectores de salud, así como en los diferentes sectores con los cuales los usuarios estén afiliados mediante una red nacional.Todo esto centrado en los usuarios de 45 a 55 años. Ser la pagina mas visitada por la gente arriba de los 45 años, ser una opción rápida, fácil y veraz. Posicionarnos en el mercado meta

Identidad de la marca:  Propiciar un medio sencillo y una buena experiencia,confiable de información, proporcionar confianza y calidad

Métricas de los logros:Nuestro sitio contara con una sistema que medirá cuantas personas navegan dentro y superan un cierto tiempo establecido, ya que es  diferente el numero de “visita” al numero “real de visitas”, realizaremos gráficas periódicamente que registrara el numero de descargas, ingresos monetarios mensuales.

Necesidades del usuario:

Definir los actores reales:

Usuarios: es muy importante saber definir que es lo que nuestros usuarios quieren obtener de nuestro sitio,ellos quieren obtener información y sobre todo un medio que este actualizado, un medio donde ellos puedan ,consultar, preguntar y opinar, un medio donde sus comentarios sean escuchados.

¿Qué esperan obtener los usuarios de este sitio?

Un sitio donde les sea fácil encontrar lo que desean

Plano de ENFOQUE (Scope)

Requerimientos

Contenido

*Lenguaje adecuado para nuestro mercado meta.

*Página principal con completo orden estructurada y con espacios en blanco.

*Buen uso de tipografía, ya que nuestra segmentación es de 45 a 55 años, utilizaremos una formal.

*Tener presente las listas de acciones y objetos.

*One Window Pagin de esta manera nuestros usuarios puedan navegar sin alguna dificultad.

*Como nuestra segmentación son personas mayores, utilizaremos clear entry points para que se ubique mejor.

*A las personas mayores les gusta el orden es por eso que usaremos espacios en blanco.

*Con relación al punto anterior, la interfaz estará diseñada en un patrón de central stage, para que sea rápida, cómoda y fácil su navegación,

Funcionalidad

INTERACCIÓN

*La información va a estar muy bien ubicada, de esta manera el usuario va a poder encontrar lo que necesita de manera fácil sin perder tiempo.

NAVEGACIÓN

*Eficiente y eficaz

*Segura y confiable

*Rápida

Plantillas de usuario:

SEGMENTACIÓN DE USUARIOS

Nombre:

Sexo:

Edad:

Cibercultura: nivel de uso

Necesidades: media,baja alta

SEGMENTACIÓN DE USUARIOS

SEGMENTACIÓN DE USUARIOS

PLANTILLAS DE USUARIO

BENCHMARK

http://www.parroquiabosques.com/

Este sitio va dirigido a personas que se encuentran dentro del rango de edad que se nos asignó que es de 45 a 55 años ya que muchas personas en esta edad se empiezan a sentir mas atraídos por las celebraciones así como las actividades y  servicios que ofrece la parroquia católica, aunque también creo que entraría en un rango de 10 años antes. Y en este sitio se muestran estos servicios que ofrece a los fieles así como también muestra un poco del ambiente que se vive en la comunidad buscando motivar a mas personas a unirse a ella.

http://www.photosig.com/

Sitio creado con la intención de ofrecer un espacio a fotógrafos, críticos de fotografía y simpatizantes de la misma en el que pueden subir fotografías desde profesionales hasta amateurs de las cuales la comunidad puede opinar sobre ellas ya se a de forma positiva o negativa con la oportunidad de replica. Debido a la naturaleza del sitio este va dirigido a un rango de usuario por debajo del nuestro situándolo entre 25 a 35 años con sus excepciones  claro pero en general no es un tema que atraiga mucho la atención de nuestro rango 45-5 años.

http://www.inapam.gob.mx/

Este sitio esta enfocado hacia un rango de usuarios mayor al correspondiente de nuestro equipo esto debido a que es el sitio de una dependencia de gobierno enfocada hacia los adultos mayores los cuales son considerados como tal de la edad de 60 años para arriba, en dicho sitio se busca mantener al tanto a los usuarios sobre los beneficios que aporta al segmento, los derechos que los usuarios tienen, así como mostrar la estructura del órgano federal y ofrecer un servicio muy completo y necesario a la comunidad.

WWW.IFE.ORG.MX

Sitio que esta dirigido hacia cualquier rango de edades a partir de los 18 años por lo que también incluye nuestro rango de edades a cubrir ya que se trata de el sitio del Instituto Federal Electoral el cual ofrece información acerca de la sustentabilidad del organismo, la función que ofrece hacia la comunidad guía acerca de tramites relacionados con las elecciones, estadísticas y resultados electorales los cuales son de interés general para toda la población y de cualquier mayor de edad.

http://www.universia.net/

Este sitio esta orientado hacia un rango de edad de usuarios jóvenes de entre 20 a 25 años con lo cual el rango que nos corresponde queda totalmente fuera del enfoque hacia el que va este sitio ya que los usuarios meta de este sitio son principalmente universitarios; próximos, en curso y egresados los cuales en el sitio pueden encontrar información relacionada a su futura carrera profesional como lo muestran los siguientes servicios que se ofrecen como lo son: ser un sitio de encuentro de universitarios, creación de proyectos con fines de apoyo en prácticas de estudiantes e impulsar la innovación tecnológica de acceso a información de universitarios de las universidades en convenio.

WWW.CANACINTRA.ORG.MX

Es un sitio que esta enfocado a usuarios en un rango de edades de 35 a 55 años por lo que nuestro rango de edad correspondiente entra dentro del rango de los usuarios que acceden a este sitio ya que es un sitio visitado principalmente por empresarios y ejecutivos de grandes corporaciones con el fin de consultar información y buscar una interlocución ante dependencias gubernamentales siendo la mas grande organización de la industria en México la cual es de interés publico pero orientada principalmente hacia estos rangos de edad.

Session 23…

•April 14, 2010 • Leave a Comment

Esta clase volvimos a repasar el método que usaremos para el proyecto de nación, el maestro nos dejó una hora libre para organizarnos con nuestros equipos de como es que haremos este proyecto, en este tiempo pudimos organizarnos un poco más y ponernos de acuerdo de como es que queríamos el proyecto, quienes iban a ser los actores, que objetivos necesitariamos, logramos completar la tabla de actores ya teniendo en cuenta de que iba tratar exactamente nuestro sitio, y creo que esto nos facilitará la creación de objetivos, cosa que ya empezamos también, esta semana avanzamos bastante en el proyecto de nación.

Session 22…

•April 14, 2010 • Leave a Comment

En esta sesión vimos un poco más sobre el proyecto de nación, repasamos un poco algo que ya habíamos visto porque varios teníamos dudas de como es que se tenía que hacer esto. Creo que me quedó un poco más claro la forma en que manejaremos esto. Vimos una metodología que nos va servir bastante para la creación del proyecto de nación, nos explicaron los primeros pasos de como es que tenemos que realizar este proyecto. Creo que me quedó más claro como tendré que hacer esto. Además de eso recordé que una sesión pasada hablamos sobre el diseño centrado en el usuario así que comencé a modificar mi blog, empecé a agregar categorías y etiquetas a los posts, para tenerlos más organizados y que el usuario no vaya a perderse cuando desee buscar algo en mi blog.