Sesión 25 (Reflexión)

abril 20, 2010

En esta sesión fue el viaje a México en la cual visitamos 3 empresas relacionadas con nuestra carrera, que fueron High Tech la cual es una empresa que hace revistas, estuvo demasiado interesante por que te explicaron desde el primer paso que tienen que hacer para poder obtener lo final que es la revista, todos el proceso me gusto mucho porque obviamente hay departamentos que se dedican a cada cosa que les toca, la segunda visita fue a una que hacía CD´s interactivos, de todas fué la que mas me gustó porque cuando nos mostraron su trabajo de verdad que quede impactada de cómo manejaban los programas, como la biblioteca virtual hecha en modelado 3D, siendo un lugar pequeño estaba distribuida en áreas.

La última era una empresa de videojuegos llamada snake & Eagle que nos comentaron es la primera en México dedicada a la animación nos enseñaron por áreas que es lo que hacían, partiendo desde sus ideas, el bocetaje, etc, hasta hacerlo en 3D .La verdad me pareció muy interesante de las cosas que hacían y que bueno que no me dejaron 😛 valió la pena ir.

Sesión 24 (Reflexión)

abril 16, 2010

En ésta sesion número 24 vimos el tema de Estructura y esqueleto, la cual es parte del proyecto de nación y del blog del personaje, vimos la estructura que consta en como acomodamos la información, tanto el modelo físico que son algunos patrones que vamos a utilizar para la elaboracón de nuestra página etc. Y el esqueleto se refiere al diseño de nuestra interfáz para una buena navegación.

Todo este método que hemos estado viendo es muy interesante porque asi en un futuro vamos a poder diseñar sitios web que sean de agrado para los usuarios, así como como ser eficáz y sencilla.

Ubicación: el sitio se identificara por la amplia información que va a proporcionar al usuario de acuerdo a las diferentes actividades  y publicaciones que se tengan de las aplicaciones a realizar dentro de la república mexicana y dividida por estados y se identificara por su rápida búsqueda por la estructura de la misma.

Nombre de la página: El nombre de la página  es: “infoméxico” por  que nosotros creemos que a la hora de generar una búsqueda relacionada con estas palabras pueda apareare dentro de  ellas.

Secciones: aquí se  desglosarán de acuerdo a estados en donde en una página aparecerán las actividades de acuerdo al área  y donde el usuario podrá buscar de acuerdo al estado que desee.

Subsecciones: En las subsecciones aparecerán las actividades de acuerdo a o seleccionado en e panel de áreas a búsqueda.

Navegación: La navegación será de acuerdo a panels, botones o mediante el buscador

Indicador: EL indicador lo manejaremos en forma de iconos que nos indiquen en que estado estamos y en que actividad estamos así mismo como también contaremos con botones que nos lleven a la página principal para realizar otra aplicación.

Búsqueda: como ya lo había mencionado anteriormente la búsqueda de información específica se llevara a cabo mediante un buscador el cual se encontrara en la página principal.

Lenguaje del cursor

Cambio de forma: Al momento de elegir una opción dentro de la página, ya sea en el menu principal u otras aplicaciones, este cambiara de forma, para que el usuario este totalmente seguro que donde se encuentra el cursor es una opcion a observar, introducido por un botón.

Cambio del area: Después de haber dado click en el botón elegido se escuchara un sonido que le dará referencia al usuario la elección que oprimió.

Formas de navegación: Se compondrá por: zonas de interacción, hipertexto y etiquetas.

Cada ventana tendrá una aplicación de interacción dandole al usuario una experiencia mas creative y complementada, de esta manera se interesará más y frecuentará mas el sitio.

Las etiquetas seran para dar referencias a los diferentes temas presentados, asi el usuario podra encontrar facilmente lo que busca sin dar rodeos y confusiones.

El hipertexto se utilizará de manera que si el usuario selecciona un hipervínculo el programa mostrara el documento enlazado, que consiste en dos indicadores o aceleradores y una pantalla.

Manejo de errores:

Prevención: La interfaz de ésta página va estar diseñada de una manera muy sencilla, de tal manera que el usuario al acceder a la página no tenga ningún problema cuando esté navegando, ya que perderse, provocaría además de confusión, el abandono del sitio. Por eso mismo la interfaz será diseñada con una buena estructura y dinámica, que sea atractiva al público al que nos dirigimos y sobre todo desde el primer momento que acceden la puedan manejar y entender mejor.

Corrección: Al momento que el usuario haya tenido algún error dentro del sitio, ya sea elegir la opción incorrecta,  ésta notoriamente le notificará, o bien, el usuario sin ningún problema podrá retroceder de manera fácil en donde se encontraba anteriormente.

Recuperación: Después de haber tenido un error al navegar en el sitio, el usuario no notará alguna diferencia, simplemente podrá volver a navegar sin ningún tipo de problema , igual los datos que se hayan proporcionado quedarán de una manera intacta como si no hubiese pasado algún error.

Errores de usuario: Los errores frecuentes que llegan a tener los usuarios son  la confusión por el tipo de interfaz manejada, elegir alguna opción incorrecta, búsqueda vacía, perderse al estar dentro del sitio.

Errores del sistema: Fonts o programas adicionales, missed links.

Modelo conceptual:

En nuestro sitio web utilizaremos la metáfora de la especie “Hirundo rustica” mejor conocida como golondrina, esto es porque son una de las naves migratorias más conocidas del mundo, tienen admirable sentido de la orientación y recuerda los lugares de un modo sorprendente; haciendo metáfora con nuestro proyecto de nación es porque queremos que sea reconocida y utilizada por mucha gente alrededor del mundo, aunque la información sea exclusivamente de nuestro país, será un medio eficaz para realzar lo más destacado que los usuarios quieran buscar. De la misma manera se habla de que las golondrinas tienen buen sentido de la orientación y recuerda los lugares, en metáfora con nuestro sitio es porque se va a poder navegar seguramente dentro de la misma (safe exploration), ir hacia delante y hacia atrás de forma rápida y sencilla, es decir, que la misma página vaya indicando al usuario la ruta que ha tomado desde el inicio de la navegación, esto sin necesidad de utilizar la opción atrás del explorador. Al momento de hablar de orientación nos referimos a que estará muy bien marcados los pequeños enlaces y botones internos de nuestra página, el usuario no se perderá dentro de la página web.

Arquitectura de la información:

Será secuencial ya que el usuario puede navegar de un lugar a otro de manera fácil y adecuada, como su nombre lo dice, todo el sitio web tendrá una secuencia entre sus elementos, tanto el contenido del mismo como las páginas internas que tienen. No será necesario ir a la página principal o al menú principal para llegar a los temas de interés que el usuario busque, sólo es cuestión de que siga navegando en la misma página y busque en la parte de abajo los botones que llevarán al usuario al sitio deseado o buscado.

Encontramos en la arquitectura secuencial mayor dinamismo en la página tanto en su estética como en su contenido, se vuelve mucho más atractivo para el usuario tener una relación directa de los contenidos y subpáginas que contenga nuestro sitio.­­­­

Sesión 24 (Contenido)

abril 15, 2010

Seguimos viendo los planos llamados Plano de Estructura y Plano de Esqueleto.

PLANO DE ESTRUCTURA

– Diseño de Interacción: ¿Cómo interactúa el usuario con el sitio?

-Arquitectura de Información: La manera en que estará estructurada nuestra información.

1) Modelo Conceptual

a) Modelo Físico: Patrones de Contenido y Estructura: Multiple Windows, One-window paging, Tiled panes, Niveles y/o Pop up Windows.
b) Modos de navegación: hipertexto (links,etc.), zonas de interacción,botones, menús o etiquetas.
c) Planos: pop-up, ventana reducida (adecuado al contenido), formas (indicar que se está en otro plano o nivel).

-Metáfora (el sitio puede ser  del estilo de un panal,super, un hormiguero, museo,telaraña, salón de clases,etc) , analogía, parábola, nos ayuda a construir una idea.
-Ser simil, congruente, consistente y confiable.

2) Manejo de errores

Existen errores de tipo: prevención, correción (si el usuario se equivoca ¿cómo lo va a corregir?), y recuperación.
Errores de usuario: búsqueda vacía, llenado de formato, selección fuera de secuencia.
Errores del sistema: missed link, fonts o programas adicionales, opciones de navegador.

3) Ubicación

  • Identificación del sitio
  • Nombre de la página
  • Secciones y subsecciones
  • Navegación persistente
  • Indicador “Estas aquí”
  • Búsqueda

4) Búsqueda

Mapa del sitio:

  • Gráfico o hipertexto
  • Detallado o general
  • Mismo enfoque o diferente enfoque

Motor de búsqueda:

  • Próxima o exacta
  • Dinámica o estática (me va dando opciones)
  • Categoría o textual.
  • respuesta gráfica, hipertexto.

Filtro:

  • Categoría/enfoque
  • lineal/compuesto
  • dinámica/estática

5) Lenguaje de cursor:

  • Cambio de forma del cursor
  • Cambio del área (roll over)
  • Cambio del área

ANALISIS DE PAGINA

Será un framework por que tendrá suficiente información, la cual nos llevara a enlaces relacionados a dichas aplicaciones. Lo cual tendrá que tener cierto dinamismo para que nuestro sector se identifique con el contexto al que va dirigido.

TIPO DE INTERFAZ

Publicación: Porque en ella se expondrán los temas de interés, relacionados al sector dentro de 15 a 20 años.

Colaboración:  Aportaran sus comentarios, ideas e información que ellos desean.

OBJETIVO

Dar a conocer nuestra pagina para que los adolescentes entre 15 y 20 años visiten con frecuencia nuestra pagina para adquirir información reciente de las actividades que se desarrollaran a nivel nacional.

Obtener: Información: Diversión, estudios, Pasa tiempos, Lugares de interés y cultura

Proponer: Actividades: Diversión, cultura, estudios, recreación, pasa tiempos, lugares e interés.

Aportar: Información: Diversión, recreación, cultura, estudios, Pasatiempos, ligares de interés.

META CORTO PLAZO

Posicionarnos en el mercado meta.

METRICAS DE LOGRO

Poner un contador de usuario el cual os ayudara a llevar un control de visitas. Y también según las aportaciones y comentarios de cada usuario.

NESECIDADES DEL USUARIO

Obtener información de interés según sus necesidades e inquietudes.

PERFIL DEL USUARIO

ACTORES:

Estudiantes: secundaria, preparatoria, universidad.

Instituto de la juventud

Redes sociales

Paginas de gobierno

Blogs

Freelance

Empresarios

Patrocinadores

Personas de gobierno

MODELO DEL NEGOCIO

Se basa en resolver el problema del usuario en encontrar la información que busca.

PLANO DE ENFOQUE (SCOPE)

REQUERIMIENTOS:

  • CONTENIDO

Lenguaje adecuado para nuestro mercado meta.

Pagina principal con completo orden estructurada y con espacios en blanco.

Se utilizara una tipografía adecuada, juvenil y colores agradables visualmente, generando cierto dinamismo en la juventud.

Ventanas:

One Windows paging: Para que nuestro usuario se adapte mejor a el.

One Windows drill down: Para que tenga una rápida interacción con la pagina.

Alternative views: Para que el usuario decida como quiere ver la información.

  • FUNCIONALIDAD

El usuario puede encontrara fácilmente lo que esta buscando sin necesidad de seguir varios pasos.

La navegación será dinámica para que el usuario no se pierda durante su búsqueda.

Acceso abierto.

Navegación rápida, fluida, confiable y segura.

TARJETAS

BENCHMARK

Para realizar el Benchmark, optamos por elegir cada una de las paginas que cada quien analizo individualmente como ejercicio de análisis de pagina, a continuación están presentadas cada una de las paginas de las integrantes del equipo, con sus especificaciones de comparación.
Esta pagina cuenta con un scroll muy largo, el cual no permite al usuario fluir fácilmente, sus colores son un poco agresivos igual que su tipografía, su orden no es cronológico, por lo que el usuario puede llegar a confundirse y perderse un poco.
Esta pagina tiene mucho mas dinamismo, por lo que tiene diferentes aplicaciones como videos e información interesante que al espectador le puede atraer fácilmente, siempre y cuando este interesado en el tema de religión, sus colores van de acuerdo al concepto al igual que su tipografía, eso es de mucha ayuda, ya que no muestra un desequilibrio dentro de la interfaz.
Se podría decir que esta pagina cuenta con gran variedad de artículos e información, pero para mi gusto es demasiada información en un solo lugar, ya que presenta varios botones y aplicaciones, en donde el espectador puede llegar a confundirse y no saber que es lo que quiere y no encontrarla, ya que de aluna manera esta muy atascada de información, pero a pesar de eso los colores y las tipografías van de acuerdo a diseño y cuenta con un scroll bastante aceptable, ya que el usuario no tiene que estar bajando la pagina debido a su largo contenido.

Esta pagina me parece de muy buen gusto, ya que presenta un orden y colores agradables a la vista, sin mucha información a presentar en un principio, por lo que el espectador esta disfrutando de lo que ve sin sentirse abrumado o angustiado, también consta de diferentes botones en donde te llevan a diferentes ventanas sin salirse del contexto, esto ayuda mucho a que el usuario no llegue a perderse.

En este post se publicarán los objetivos ya mucho más definidos del blog del personaje.


Identidad de la marca: Que sea un sitio en la cual el usuario se sienta en un lugar seguro, confiable y que se pueda identificar fácilmente.

Métricas del logro: Por medio de los comentarios de cada visitante, se podrá identificar masomenos el porcentaje por cada mes que transurra.

PLANO DE ENFOQUE

Requerimientos:

Contenido: Tipografía clara,Lenguaje explícito, Colores agradables que vayan a corde al tipo de blog,

Funcionalidad: El usuario no se confunda y encuentre de manera rápida lo que desea, Acceso a todo público, Que el usuario pueda hacer comentarios,Navegación rápida y sobre todo confiable.

TARJETAS


Sesión 22 (Contenido)

abril 12, 2010

Teniendo los objetivos y los actores, se pudo definir los usuarios y los segmentamos de acuerdo con su demografía, psicología, nivel tecnológico, cultura virtual, lugar de acceso, etc.

Se elaboran las tarjetas del usuario.

Métricas del logro: se puede medir por el número de usuarios.

Benchmark: hacer un cuadro de COMPARACIÓN con las competencias o otros para ver en que te puedes diferenciar. Roles:ej. obtener, aportar, proponer, líder, administrador (nosotros, cliente, etc).

Servicios a cada rol: ejemplo. obtener o buscar información de forma rápida, aportar de forma libre. SCOPE PLANE (enfoque): ¿qué vamos a construir?

Requerimientos del Contenido (en cuanto al blog): -Lenguaje claro, buena redacción -Material gráfico -Cumplir con lo que se pide en clase.

Requerimientos Funcionales: Búsqueda fácil -Evitar scroll – Evitar información irrelevante.

Sesión 22 (Reflexión)

abril 8, 2010

En esta clase seguimos viendo el tema para la elaboración de proyecto de Nación y del Blog del personaje, la cual consta de otros puntos de estrategia.

Pero para empezar debemos de tener muy claro los objetivos de cada uno de éstos proyectos, el proyecto de nación tiene por objetivo generar una comunidad que comparta información y conocimiento sobre el territorio nacional, hacer que
cada quien haga su proyecto de nación y que la suma de todos los generados sea un nuevo proyecto de nación. Se parte de un contenido base y aplicaciones tipo web 2.0.

Posteriormente vimos otro plano llamado: Plano de Enfoque, se refiere a lo que voy a construir, las estrategias que voy a utilizar, la estrategia es porque o para que vamos a contruir un sitio, asi como como los requerimientos de contenido para satisfacer las necesidades del usuario.

Objetivos del Sitio

Meta: Proporcionar o dar a conocer el tema de anarquía, Historias, anécdotas y leyendas populares de los movimientos libertarios. anarquismo revolucionario que más se dieron a conocer, de tal modo que se haga conciencia de las ideas libertarias para asi poder llegar a un principio de una disciplina. Al igual que los usuarios conozcan algunos anarquistas muy o no conocidos, de sus pensamientos a cerca del anarquismo, la libertad y no violencia.

Identidad de la Marca: Por simbología la A significa en ese ámbito , protesta, o que no están de acuerdo con algo.

Métricas de logro:

Necesidades del usuario

Usuarios: ¿Qué quieren nuestros usuarios obtener del sitio?

Informarse a cerca de los movimientos anarquistas actuales o no actuales, temas relacionados con el anarquismo y de las ideas libertarias de los anarquistas.

Modelo de Negocio

Roles:

Administrador del sitio, usuarios, participantes o bien, los que hacen comentarios.

Servicios:

Informar, unirse al sitio, aportaciones, contacto, foros de discusión, actividades.

En la segunda hora de ésta sesión vino un diseñador llamado Jacobo, la cual fue el que hizo la página de queretaro.travel, un portal turísitco, la página que analicé para el exámen.

Nos dió una breve plática de todo el equipo que trabajaba con el, para la realización de su proyecto, nos comentaba el personal que tenía para hacer la página la cual estaban asignados por áreas, de igualmanera la página es muy sencilla para el usuario, ellos buscaban éso, pensar de como a la gente se le puede facilitar usar la página ,no como se le facilita al propio diseñador que es muy diferente. Básicamente nos explicó muy poco pero lo escencial, para que nosotros tuvieramos una idea de como se hizo la página.

Me pareció muy bien que el profesor nos haya llevado a diseñadores que han hecho proyectos importantes. como ésta persona.