Logo Manu

Manu_red, ayer, sigue demostrando con hechos en Qro que social media es negocio no moda

Jose Luis Oliva

Modelados del Mes de Agosto

EL Taj Majal fue el último trabajo, un 40% de modelado y todo el ambiente, un buen trabajo.

El Parlamento Britanico Modelado en 3d

Después de 10 horas de modelado, texturizado, iluminado y renderizado, un buen resultado creo yo.

MODELADO 3D

A PROPOSITO DEL FUT

UNAS BUENAS FRASES

“Yo no odio al futbol, yo odio a los apasionados al futbol… No amo al hincha porque tiene una extraña característica: no entiende por que tú no lo eres, e insiste en hablar contigo como si tú lo fueras… No es que a él no le importe nada que a mí no me importe nada. Es que no consigue concebir que a alguien no le importe nada. No entendería ni siquiera si yo tuviera tres ojos y dos antenas sobre las escamas verdes del occipucio. No tiene noción de la diferencia, variedad e incompatibilidad de los Mundos Posibles.” LIBERTAD DE EXPRESIÓN SEÑORES.

Jorge Luis Borges afirmó: “Deporte feo estéticamente. Once jugadores contra otros 11 corriendo detrás de una pelota, no son especialmente hermosos… Mucho más lindas que el futbol son las riñas de gallos. Ocurren ahí no más, al lado de uno, son ideales para miopes”.

Gabriel García Márquez ha dicho: “Una de las condiciones esenciales del hinchaje es la pérdida absoluta y aceptada del sentido del ridículo”.

NUEVOS MODELADOS

Y el Futuro nos alcanzo...

En la mañana venía escuchando el radio, un periodista reconocido en México (Pedro Ferriz de Con), hablaba de hasta cuando el periódico sería impreso en papel, las ediciones digitales en la web y ahora con el #iPad que seguro va a revolucionar esta industria, van a marcar una necesidad a los diarios nacionales (como ya algunos lo están haciendo) de entrar de lleno a la Web, es algo que quizá en un inicio puede dar cierta incertidumbre, pero es algo que es inevitable que suceda, te soy honesto, como amante de los impresos me es difícil de creer que algún día no habrá mas imprentas o cosas tangibles, pero es una realidad, como experto en medios impresos, creo que tomara un tiempo para que lo dejemos de hacer, toda la estructura que se ha formado respecto a imprentas de gran tamaño y el retraso tecnológico que tenemos, es uno de los grandes impedimentos que tenemos, es una gran industria que alimenta y genera importantes recursos en el país.

Se habla mucho del deterioro que genera la impresión de periódicos y de revistas, que no es lo ideal como gente pensante que se preocupa por su entorno y la difícil situación que vivimos como habitantes de la tierra, pero, esta México preparado con sus carencias económicas y sociales para poder afrontar este cambio, como bien dice la pirámide de Maslow, no podemos aspirar a subir un peldaño mas, sino hemos cubierto nuestras necesidades más básicas, como podemos empezar a pensar en mejorar el entorno tratando de dejar de imprimir el diario y las revistas, cuando somos conscientes que este medio alimenta a un importante sector de la sociedad mexicana, Diseñadores, pre-prensistas, prensistas, ayudantes, chalanes, vendedores, es todo un mundo el que es participe en este proceso, pero, que va a pasar con todo este sector cuando pasemos a la era digital, algunos saldremos avante como nosotros los Diseñadores aplicando tecnologías web 2.0 pero cuantos diseñadores tienen a su alcance este tipo de educación en las universidades, como ves, surgen muchísimas variantes en cuanto al tema de dejar de imprimir y pasar a la era digital al Periódico, revistas, incluso el dinero, cuando ahora puedes pagar con tarjetas o incluso abonando dinero a tu celular, la tecnología hace mucho que nos alcanzo, es inevitable que dejemos de imprimir pero a titulo personal creo que nos tomara al menos 10 años para empezar a ver cambios sustanciales en esta materia.

MODELADO 3D

PROYECTO DE NACIÓN (completo)

Perfil de usuario:

Demografía

• Sexo: Cualquier sexo
• Edad: 45-55 años
• Educación: Ninguna definida
• Ingresos: No importa
• Religión: Cualquier tipo de religión
• Nacionalidad: No interesa, ya que la página también será usada para turismo.

Psicología

• Clase social: Cualquier tipo de clase social.
• Estilo de vida: Cualquier persona aduta entre 45 y 55 años que les guste navegar en internet, que estén interesados por lo que pasa en su país o interés por conocer otros lugares de México.
• Tipos de personalidad: Cooperativo, para que así puedan aportar a la página, honestos para que cada publicación que se ponga sea de confianza, entusiasta para que participe constantemente en la página, personas con ganas de conocer nuevas cosas.
• Actitudes de la persona hacia sí misma: Que les interese saber que es lo que pasa con su país, ya que por lo general los usuarios serán mexicanos, entonces que les interese saber que está ocurriendo en el medio en que viven.
• Valores: Tiene que tener honestidad para que así pueda ser fiable el contenido que publica, debe tener respeto, para así lograr una comunidad pacífica y agradable.

Según objetivos

• Necesidad de servicios: Esta página les ayudaría dándole los servicios de ayudarlo a saber que está pasando con su país, de conocer nuevas cosas, de buscar oportunidades, ya sea de trabajo, de viaje. Así como entretenimiento personal haciendo uso de la sección de eventos.
• Necesidad de tecnología: Les sirve perfectamente debido a que muchas personas mayores piensan que el internet es puro chat, en esta página aprenderán que también se puede aprender mucho de las otras personas, que puedes conocer cosas con tan sólo estar en tu casa. Además de que podrían aportar al país haciendo uso de esta página.
• Factores situacionales: Enterarse de que está acontenciendo, poder salir de dudas, aprender de otros usuarios.

Lugar de acceso, Nivel tecnológico y Cultura Virtual
Enfocado a todo tipo de público ya que actualmente cualquier persona puede tener acceso a internet y cada vez es más común que las personas mayores aprendan a usar esta herramienta, todavía no son bastantes, pero con el paso del tiempo se van dando cuenta que el internet ya es algo indispensable en nuestras vidas y quieren aprender, además de que la página estará muy bien formada pero tendrá la caracteristica que será entendible por todo mundo, para así lograr que las personas mayores no se confundan y abandonen el sitio.

Plataforma
La página estará formada en un framework para así lograr darle más utilidad y funciones a esta, dar mayor posibilidad de agregar zona de microbloggin pero que a la vez sirva como una red social donde puedes subir fotos, información tuya, cooperar con la comunidad, y al mismo tiempo tener otras secciónes de información.

Objetivos:

• Identidad De Marca: Proporcionará confianza en el usuario y lo hará sentir parte de este proyecto brindando apoyo, información y seguridad.
• Métricas De Logro: A través de como los usuarios participen, comenten, se integren, compartan y el número de visitas del sitio.

Actores:

Tabla De Usuarios Definidos:

Benchmark

HTTP://PHOTOSIG.COM

Esta página en lo único que se parece a la nuestra es que en la nuestra permitiremos que los usuarios suban a su red fotos, información y cosas que ellos deseen para así poder compartir con los otros usuarios.

HTTP://UNIVERSIA.NET

Nuestro sitio va tener en común con este en el sentido en que los usuarios podrán poner avisos de empleo, de ayuda etc, siempre y cuando no sea algo muy comercial, por eso se cobraría como publicidad y eso tendría que cobrarse, pero habrá una sección donde los usuarios puedan promocionarse siempre y cuando sea algo no muy comercial, o un proyecto que apenas esté empezando para poder echarles las mano. Se parece a ese sitio en el sentido de que esa página ofrece oportunidades de empleo, bolsa de trabajo, etc, el nuestro no siendo así exactamente también ofrecerá a nuestros usuarios otro tipo de oportunidades.

HTTP://PARRIOQUIABOSQUES.COM

Este sitio va dirigido como el nuestro, de personas de 45 a 55 años de edad, esta página se parece a la nuestra debido a... primero el rango de edad, y que en nuestra página mostraremos una sección de eventos de gusto para personas de esa edad, lo cual podría interesarles ya que serían eventos totalmente dirigidos hacía ellos.

HTTP://INMUJERES.GOB.MX

Esta página se caracteriza por la forma en que recibe la información. En esta página para poder hacer preguntas te quita mucho tiempo ya que siempre que quieres enviar alguna duda o comentario tienes que hacerlo a varios correos electrónicos. En nuestra página se pleanea que casi todo sea en tiempo real, tipo un microblogging lo cual nos daría mucha ventaja ya que todos los usuarios pueden responderse de forma rápida y eficaz, o ya sea el caso que quieras hablar con algún encargado del sitio también se puede, siempre siendo al mismo correo para que no te estén mareando sin saber a donde tienes que mandar tu información.

HTTP://IDEAS.COOP

Nuestra página estará mucho más organizada que esta, tendrá más botones, todos justificados donde sea más fácil encontrar lo que deseas además de que no te obligará a descargar ningún archivo para poder verlo, podrás hacer uso de lo que desees, sin registrarte sin descargar etc.

HTTP://PT.ORG.MX

Nuestra página irá deacuerdo con los tonos y colores que decidamos darle de imagen, claro que sin llegar a cansar al usuario haciéndolo ver siempre los mismos colores, pensamos darle un estilo diferente pero siempre basándonos en los colores que representan a nuestro proecto de nación.

HTTP://IFE.ORG.MX

A diferencia de este sitio el nuestro no será sólo atención vía telefónica sino que en el nuestro todos podrán opinar, aportar y dejar una parte de cada uno en el sitio, para que así todos puedan compartir sus experiencias, resolver sus dudas etc.

HTTP://PRI.ORG.MX

No creo que este sitio vaya a ser nada parecido al nuestro debido a que el nuestro no va dirigido a la política, y vuelvo a decir algo de los colores, nuestra página tendrá su propia imagen corporativa pero sin cansar al usuario con los colores, porque esta página esta demasiado molesta con esos colores, están muy chillones, te marean y hacen que te hartes rápido de la página.

HTTP://CANACINTRA.ORG.MX

Nuestra página no tendrá un intro tan poco eficaz como ese ya que pensamos que si va tener un intro debe ser algo que ayude al usuario o que tenga alguna funconalidad, no sólamente poniendo el título de la página a la cual ya sabías desde el inicio que estabas accediendo, nuestra página si le llegamos a poner un intro estará justificado y servirá de algo.

HTTP://PAN.ORG.MX

Nuestra página va ser algo parecida a esta del PAN ya que al ser una página de ayuda, todos pueden comentar, opinar, preguntar sin necesidad de registrarse en esta. Sólo que si se pedirá registro para cierto tipo de cosas como participar en el microblogging, obtener beneficios etc, cosa que la página del PAN no tiene.

HTTP://NODO50.ORG/

Nuestro sitio se parecerá a este en el sentido de que va ser actualizado constantemente para así mantener al usuario actualizado y con ganas de seguir metiéndose al sitio sabiendo que cada semana que se meta o cada día podrá encontrar algo nuevo, y siendo parecido a una red social, funcionará aún más, como podría ser el caso de facebook, que apesar que nuestra página no será nada como facebook, al mantener a los usuarios conectados, estos se meten constantemente para revisar que cosas nuevas se han puesto etc.

HTTP://INAFED.GOB.MX
Como nuestro proyecto de nación va dirigido a jónes entre 20 y 25 años, sabemos que nos gusta el dinamismo y al mismo tiempo nos gusta la interacción entre un sitio web y nosotros, por lo tanto a diferencia del sitio de INAFED el nuestro no será un sitio estático que únicamente muestra información en un solo espacio. Igualmente nuestro sitio le permitirá al usuario poder acomodar la información de su interés y la que más utilice como le sea conveniente.

HTTP://INEGI.GOB.MX

Esta página se enfoca a un público que rebasa la edad de 25 años a comparación de nuestra página, maneja un conteo y control específico por medio de varias estadísticas que nos ayudan a saber información sobre cada entidad federativa. Nuestra página es solamente dentro del estado de Querétaro.

HTTP://INAPAM.GOB.MX

Nuestro sitio estará dedicado para personas de 45 a 55 años que no entran en la tercera edad así que no tendrá nada que ver con esta y si fuera así de todos modos no nos espeficiaremos en ese tipo de temas sino mas bien en temas de turismo, formas de entretenimiento para las personas además de mantenerlos informados, no será una página de ayuda sólamente.

Este fue un trabajo en equipo que realizamos...
Bianca Duarte Bustillo
Raúl Barajas Castillo
Emanuel Rojas Amézquita

Plano De Enfoque:

Requirimientos

Contenido:

• Usar lista de herramientas, tablas y objetos
• Lenguaje entendible para todo tipo de público
• Usar Liquid Page
• Usar Safe Exploration en las formas de registro
• Manejar totalmente el Instant Gratification para tener al usuario ahí sin cansarse o confundirse.
• Permitir Defferred Choices cuando el usuario quiera navegar libremente
• Tener Incremental Construction para no marear al usuario y hacerlo encontrar lo que desée fácilmente
• Por su puesto contar con Other People Advice, ya que será lo que permitirá al usuario tener el punto de vista de otros usuarios y así todos aportar, comentar y descubir diferentes tipos de vista que podrían ayudarlos
• Usar One Window Paging ya que puede ser molesto que se te estén abriendo ventanas a cada momento.
• Manejar Two Panel Selector para casi todo el sitio, excepto en la zona de demografía ya que ahí se usuaría Alternative Views para poder dar mejor enfoque a los mapas y tener mejores vistas.
• Usar Clear Entry Points
• Sequence Map: por si te confundiste y quieres regresar a un punto en especifico, no tener que regresar a la página inicial o darle varias veces "atrás"
• Usar Colores y Contrastes para cada tipo de zona que estés para que se te haga más fácil ubicarte y relacionar en donde es que estás.
• Y por último en cuanto a patrones deberá tener Responsable Enabling para hacer más fácil la busqueda en ciertas partes que desees encontrar.
• Se planea tener un microbloggin dentro de la página para usuarios, así estos poder dejar comentarios en tiempo real, al mismo tiempo avisar de sucesos ocurridos, haciéndolos saber a todos que es lo que está pasando, temas que podrían interesar.
• Se tendrá una forma de registro vía CURP para que así se tenga detalle de los usuarios y que no vayan a usar la página para poner cosas inoportunas, o falsas, pero claro al registrarse y al comentar y opinar eso será privado, no podrán saber quien eres si no quieres.
• Se contará con un administrador para estos foros, microbloggins y comentarios, asegurando que dato que se ponga no agreda u ofenda y sea real.
• Contará con una sección de eventos relacionados con el estado que deseas visitar o del que deseas saber más, así como eventos recreativos que relizar vayas a la ciudad que vayas.
• Mientras más participes en el sitio y más aportes irás ganando puntos, estos puntos al juntar cierta cantidad te da beneficios como podría ser descuento en tiendas, restaurantes etc. Además de que mientras más participes vas subiendo de nivel y te permitirán cooperar de forma formal en el sitio, es decir, agregar tus propios eventos, e información que desees compartir en un sitio en especifico.

Funcionalidad:

• Interacción: El usuario puede interactuar perfectamente con el sitio ya que te deja opinar, dejar notas y cooperar con la página. Debido a que sería como una Red Social de México para informarte y compartir sobre lo que acontece o necesites saber sobre tu país.
• Tecnología: Framework
• Acceso: abierta, cualquiera puede navegar en la página se registre o no, puede ver cualquier información que desee, mas sólo puede generar puntos y debatir en el microblogging inscribiéndose.
• Identidad: El sitio guarda una información segura del usuario y real por cualquier cosa que pudiera necesitarse, sin embargo el usuario decide que información quiere mostrar de él.
• Experiencia: Agradable, ya que el usuario hace lo que desee sin ser obligado a nada y puede interactuar de forma dinámica con otros usuarios.

Tarjetas De Usuario:

Diseño de interacción

Modelo Conceptual:

• Modelo Físico: Nuestra página contará con Multiple windows ya que es mucho más cómodo para el usuario navegar y tener la opción de poder estar en la página que se encontraba antes pero poder seguir en la actual abierta.
• Formas de navegación: Tendrá lista de objetos y herramientas, links y menús que lo permitirán navegar de forma agradable.
• Planos: Se tendrá el patrón de Tiling en la página debido a que la mayoría de nuestros usuarios son entre 45 y 55 años no podemos marearlos con menús muy interactivos, en cambio en Tiling encontrarán todo rápido.
  

La metáfora de esta página será un casino ya que en todos los casinos se aporta, obtiene e informa, quizá no siempre se obtiene dinero pero por el simple hecho de estar ahí te dan cortesías. comida, bebidas grátis etc. Además de que en los casinos la mayoria de las personas que van son personas entre 40 a 60 años, que está casi exacto al rango de nuestro segmento de mercado. Como en todo buen casino hay shows (espectáculos)... así manejaremos la forma de eventos en la página. La forma de información estará hecha como una casilla de información en un casino. En la parte de proponer podría mostrarse como un libro de sugerencias al casino que forme un foro, donde todos debatan , comenten y aporten. Además de que todas las personas que van a los casinos terminan conociéndose todos, es lo que queremos realizar también, crear una comunidad de "amistad" entre los usuarios donde puedan relacionarse, compartir ideas, etc. Y así iremos definiendo más puntos de como acomodar esta página a esta metáfora. Pero se me hace que sería muy buena metáfora, ya que a un casino se va a ganar, entras a la página y de cualquier forma sales ganando y divirtiéndote.

Manejo de errores:

• Prevención: Siempre se mostrará con títulos grandes en que parte de la página se encuentra, y abajo una barra avisándole cómo llegó a esta página por si decide regresar a un punto exacto podrá hacerlo con un sólo click.
• Correción: El usuario podrá regresar siempre a la página que desee sin mayor problema.
• Recuperación: El usuario podrá hacer todo lo que estaba haciendo antes de cometer el error, no tendrá ningún problema con la página.
  

• Errores de usuario: Elegir una opción incorrecta y perderse.
• Errores del sistema: Links perdidos, que un complemento no esté instalado y no pueda ver el contenido que desee.

Ubicación:

• Identificación del sitio
• Nombre de la página: http://disfrutamexico.com
  
• Sección y subsecciones: La página tendrá las secciónes principales que serán: Comparte y Encuentra , Infórmate, Disfruta México y Perfil... con las subsecciones que serán: Para Comparte y encuentra será una sección donde puedes aportar cualquier información que desees o buscar cualquier cosa que desees, algo así como clasificados pero podrá ser de cualquier tipo, con tal de ayudar al usuario. La zona de Infórmate será el microbloggin que haremos para discusión, susecos relevantes, donde todos los usuarios registrados podrán aportar y compartir con otros usuarios. En la sección de Disfruta México se va abrir un mapa de México, donde dándole click a cada estado se abre un micrositio de cada estado, donde podrás consultar sucesos especificos de esa zona, eventos etc. Y en la sección de Pefil pues donde llenarás tus datos, información, subiras fotos y compartirás de ti lo que desees.
  
• Indicador ‘’Estas aquí’’
• Búsqueda:Nuestra página contará con un cudro de busqueda en cada página que entre para no obligarlo a regresar a la página principal si es que desea buscar algo.
  

Búsqueda:
Mapa de sitio:

• Gráfico hipertexto
• Detallado General
• diferente enfoque

Motor de Búsqueda:

• Palabras relacionadas (dándole al usuario la oportunidad de ver algo parecido a lo que busca si es que no se encontró lo que este quería)
  
• Será estática y muy poco dinámica para no confundir a los usuarios mayores que no están muy acostumbrados a esto. Lo dinámico sólo será para entradas.
• Respuesta gráfica.
  

Lenguaje del cursor

• Cambio de forma de usar: El cursor cambiará de forma únicamente cuando se señale el puntero a link, de este modo la flecha cambiará a ser una mano.
  
• Cambio del área: Se aplicará un mouse over, lo único que pasará es que al darle click al área el color del fondo del botón se opacará un 25%

Arquitectura de la Información:

Nuestra página será ordenada de forma jerárquica, ya que así el usuario recordará más fácil donde se encuentrá todo y las opciones que hay. Aplicaremos el patrón de colores y contrastes para cada micrositio, para darle una esencia especial a cada uno. El guia que te mostrará donde te muestras se encontrará en forma de card stack.

Plano del Esqueleto

Diseño de Navegación:

Nuestro sitio contará con una...

• Navegación Global: para permitir al usuario llegar a donde quiera de forma jerárquica y para que este ubique las secciones donde se encuentras.
• Navegación Contextual: para permitir al usuario llegar a donde desee de forma directa por medio de otros links que lo ayuden a encontrar nuevas cosas de su agrado.
• Navegación Suplementaria: Para que el usuario llegue a donde quiera de forma directa. Y por su puesto...
• Navegación de cortesía: Ya que la mayoría de nuestros usuario no estarán completamente adaptados al internet, esto para ayudarlos en todo problema o duda que pueda surgirles.

Diseño de Interfaz;

Patrones De Usuario

Contará nuestro sitio con los siguientes patrones para hacerles más rápida y cómoda la navegación...

• Safe Exploration: Permitirá al usuario ensayar actividades sin que haya consecuencias, puede regresar y cambiar de decisión.
• Instant Gratification: El usuario podrá navegar de forma rápida sin nada que lo interrumpa o lo haga perder el interés, será entendible por todo tipo de usuarios.
• Satisfacing: Le dará al usuario una navegación la información que desee sin necesidad de obligarlo a nada.
• Changes in midstram: El usuario podrá cambiar de decisiones de forma rápida, en el momento que quiera y sin ningún impedimento.
• Deferred Choices: Dejará al usuario registrarse, comentar, hacer lo que desee en el momento que el quiera sin ser obligado a nada, él puede checar información que desee y registrarse cuando él lo desee, si es que así lo quiere.
• Incremental Construction: El usuario podrá revisar la información que desee y evitar lo que no quiera ver, contará con enlaces en varios lados que no lo obliguen a seguir muchos pasos para llegar a donde desee.
• Spatial Memory: El sitio le recordará al usuario en donde se encuentra, lo que ha realizado en la página, sus datos y cualquier cosa que este pueda llegar a necesitar.
• Stramlined Repetition: El sitio va recordar los datos del usuario si es que este así lo desea.
• Other People Advice: El usuario podrá opinar en lo que desee, leer los comentarios de los demás y aportar en esto.

Patrones De Contenido

Taxonomía

Usaremos listas de...

• Objetos: Para ayudar al usuario a encontrar lo que quiere hacer en el sitio y encontrar más rapido lo que busca, haciéndolo de forma más dinámica y fácil de recordar.
• Acciones: Para mostrar al usuario las tareas a realizar y le sea más fácil ubicarse y no perderse.
• Temas: Para tener más organizado el sitio y que el usuario recuerde donde está todo, y de no ser así este puede guiarse por la jerarquía de los temas y se da una idea de donde está lo que desea-

Estructura

Usaremos los patrones de...

• One Window Paging: Ya que para el usuario puede ser molesto que se le estén abriendo ventanas, pero siempre con la opción de abrir la nueva ventana en una pestaña diferente.
• Pop Up Windows: Para no sacar al usuario de la página pero poder mostrarle algo que este desee de forma ráida y dinámica.
• Tiling: Organizados de una manera con los temas más relacionados donde el usuario se encuentre para encontrar accesos directos y rápido a algo relacionado de podría ser de su interés.

Físicos

Usaremos el...

• Two Pannel Selector: Para que sea más fácil la navegación del usuario y siempre sepa donde se encuentra y cambiar rápido de decisión.
  

Conceptuales

• Wizard: Para ayudar al usuario a realizar la operación que desee hacer en el sitio.
• Extras On Demand: Por si el usuario desea saber más de alguna información
• Multilevel Help: Por si el usuario se atora en algo, habrá información que lo ayude paso a paso a solucionar su problema.
  

Patrones De Navegación

Trama y Señales

• Global Navigation: Tendrá botones que ayuden al usuario a llegar a donde este queira.
• Sequence Map: Para que el usuario no se pierda y sepa siempre en que paso se encuentra y le sea más fácil el regresar si es que así lo desea.
• Color Coded Sections: Para que el usuario recuerde los micrositios, enlaces o sección en que se encuentre mediante diferentes colores, pero siguiendo el mismo estilo de página.
• Bread Crumps: Para ubicar al usuario donde se encuentra en cada momento.
• Anotated Scroll Bar: En la página se usará el scoll pero este no llegará a ser muy extendido de forma que canse al usuario.

Page Layout

Principios

• Jerarquía: Para que todo tenga mucho orden, de lo más importante y más visitado a lo menos, de lo de mayor importancia a lo de menor.
• Esquina Superior Izquierda: Siempre se verá el logo en esa sección, ya que es la parte más importante del sitio, en cada pestaña nueva que abras siempre mostrará el logo en esa misma sección.
• Espacios En Blanco: Para dar sensación de orden en la página y no que se vea todo revuelto y amontonado sin sentido.
• Fuentes Congruentes: Usaremos tipografías serias, pero tampoco formales, que sean agradables al usuario, que no tarde en leer que es lo que dice cada título ni cada sección del sitio.
• 
  
• Colores y Contrastes: En cada estado, zona etc tendrá un color distinto y el usuario reconocerá más rápido en donde se encuentra y lo relacionará de igual manera.
• Subordinación: Para que todo tenga sentido y encuentres los temas y temas relacionados rápidamente.
• Cierre: Para encontrar temas relacionados en una misma sección.
• Subordinación: Las fuentes mostrarán cuáles son los títulos y subtítulos diferenciándolos con negritas y el tamaño de la letra.
• Proximidad: Así el usuario tendrá más conocimiento de que puede encontrar en cada link.

Patrones De Agrupación

• Tiled Sections: Cada sección con el título de donde se encuentra, subtitulo, para ubicar al usuario.
• Card Stack: Así el usuario tiene acceso rápido a lo que más le llama acomodado en pestañas.

Dinámicos:

• Left Rigt Alignment: Así cada información que se despliegue tendrá que ver con el menú de la izquierda.
• Diagonal Balance: Apesar de que varias zonas tendrán diferentes colores, todo seguirá el mismo estilo y el mismo orden de colores que lo harán lucir bien.
• Responsive Enabling: Así información que este vaya solicitando se le abrirá un menú más grande cada vez hasta que encuentre lo que este desee, además de que también se puede usar para tener todo mejor categorizado.
• Liquid Layout: Para que la vista en la navegación sea más comoda y no tenga que estarse manejando el scroll para los lados cada que se hace más chica o grande la ventana.

Bocetos

Un simple boceto de más o menos como sería el sitio, explicando que en la esquina superior izquierda iría el logo del sitio, mostrando que el sitio sería two panel selector, y la forma en como más o menos represantaremos el sitio en base a la metáfora del casino, no hacéndolo totalmente como un casino o perdería congruencía con el sitio, pero dándole un ambiente de un casino.

Diseño De La Información:

1. País/Estado/Municipio- Comparte-Opinión

País/Estado/Municipio- Comparte- Sucesos

País/Estado/Municipio- Comparte-Experiencias

País/Estado/Municipio- Comparte-Cultura

País/Estado/Municipio- Comparte-Fotos

2.-País/Estado/Municipio-Infórmate

País/Estado/Municipio-Infórmate-Pais

País/Estado/Municipio- Infórmate- Ayuda

País/Estado/Municipio- Infórmate- Turismo

País/Estado/Municipio- Infórmate- Cultura

País/Estado/Municipio- Infórmate- Otros

3.-País/Estado/Municipio-Aportar-Comentarios

País/Estado/Municipio-Encuentra- País

País/Estado/Municipio-Encuentra- Eventos

País/Estado/Municipio-Encuentra- Apoyo

País/Estado/Municipio-Encuentra- Guia turística

País/Estado/Municipio-Encuentra- Otros

Surface

Layouts:

Thumbnails:

Roughs:

Tight Layout:

Comp:

Cambio Del Sitio:

El sitio será un CMS Back End más poderoso, para tener más posibilidades de darle más giro a este sitio y de poder darle más acciones, ya que luego con un CMS común nos limitan lo que podemos crear, mientras que en un Framework es totalmente abierto y podemos agregar lo que deseemos. Además de que toda la información será agregada por los creadores y programadores de la página y no habrá necesidad que otros trabajadores le muevan a esta.

Grid:

Estructura general de todos los sitios una vez saltando el intro.

Conclusiones:

Bianca Duarte:

Me pareció muy interesante este trabajo, en primera porque cuando apenas nos plantearon el proyecto pensé que iba estar muy pesado y la verdad llegué a pensar que podría ser medio inútil, veía todos los puntos que habían que realizarse y pensé que varios podían no tener sentido, pero a la hora de ir realizando este proyecto me di cuenta que cada punto es esencial ya que puedes tener una idea de cómo quieres el sitio, pero al ir planteado cada punto te das cuenta que al poner un patrón puedes estar contradiciendo a otro, o a un punto de la estructura, cosa que si no hicieras o usaras una metodología te darías cuenta ya que estás creando la interfaz, y esto te llevaría a tener problemas, ya que podría ser volver a plantear todo desde un inicio, porque cada cosa que hagas mal te puede cambiar todo, entonces veo muy útil todo esto, ya que antes de empezar a realizar la página te debes dar cuenta de que necesita, a quienes va dirigido, cómo puedes darle satisfacción al cliente, y al final darle una buena imagen visual y a la vez hacerlo útil, ya que por lo general los sitios pueden llegar a ser atractivos pero con una mala funcionalidad. De esta manera abarcamos todos los puntos para crear una buena interfaz que al usuario vaya a agradarle.

Emanuel Rojas:

Me pareció interesante el proyecto ya que pensaba que el crear una interfaz era cosa de puro diseñar lo visual pero jamás me había puesto a pensar en todos los aspectos que debe llevar este para que al usuario pueda gustarle y ser funcional. Creo que esto me va ayudar mucho para la creación de futuras interfaces que llegue a hacer. Ya que no sólo estaré fijándome en el como se ve sino en como podría gustarle esta al usuario. Creo que me quedó mucho más clara la idea de cómo debemos estructurar algo, y no sólo en sitios web sino que esta metodología podría servirme para cualquier cosa que vaya a diseñar, sea una revista, un sitio web, o algun producto, o la promoción de cualquier producto, o la creación del mismo, ya que antes de lanzar el producto a la venta me fijaré para quien va dirigido y como hacer que esto les llegue.

Raúl Barajas:

En conclusión este trabajo fue de mucha importancia para nosotros como futuros diseñadores web ya que aprendimos a acoplar todas las herramientas y conceptos vistos durante el curso de Diseño de Interfaz, tanto como para hacer una pagina estética y funcional, siguiendo todo el método centrado en el usuario, para que este se pueda familiarizar y tener una buena relación con la interfaz, este proyecto de nación fue muy interesante ya que no sólo aplicamos conocimientos vistos en clase sino también ocupamos conocimientos que hemos ido adquiriendo a lo largo de nuestra carrera de Diseñadores gráficos multimedia, y creo que es de suma importancia tener bien claros todos estos conocimientos ya que mas adelante si es que nos dedicamos al diseño Web será fundamental seguir estos conocimientos para así salir adelante, y no sólo por hacer bien las cosas, sino también nos ayudará a ser mas prácticos y ahorrar más nuestro tiempo que es algo con lo que sufrimos más como diseñadores gráficos cuando tenemos varios proyectos, en si creo que nosotros como grupo nos vamos con muchos conocimientos y sabiendo que aquí esta la oportunidad para poder ser mejores Diseñadores Gráficos.

Sesión 21 /Diseño Centrado en el Usuario

Objetivos de los actores:

Son los objetivos que tiene el usuario con la pagina, es decir la interacción.

Perfil de Usuario:

• Universo
• Demografía
• Psicología
• Objetivos
• Nivel Tecnológico
• Cultura Virtual
• Lugar de Acceso
• Plataforma
• Orientación Profesional
• Otros Atributos
• Tabla Actores – Usuario
• Tabla Usuarios – Atributos

Segmentación del Mercado:

Es cuando ya tenemos a los usuarios clasificados y podemos crear una serie de perfiles.

Comptencias:

• Directa: Que compiten con la empresa
• Indirecta: Que distraen la atención del usuario, sitios que se parecen

Objetivos del sitio:

Metas del negocio: Para saber a dónde vamos

Identidad de Marca: Qué va a identificar la marca y el sitio

Metas del negocio: Para saber a dónde vamos

Descripción General:

Roles y Servicios que ofrece la pagina, asi como el usuario.

En si es importante saber todos estos aspectos a la hora de diseñar una pagina web ya que es de suma importancia para que esta pueda ser una buena opcion para el usuario y resuelva sus necesidades.

Sesión 20/Diseño Centrado en el Usuario 19 April 2010

Posted by barajas1586 in Sesiones.
add a comment

Es el saber lo que quiere el usuario para poder diseñar una pagina web.

Modelo de Negocio:

Este se encarga de sacar el objetivo del sitio, asi como que es lo que quieren o buscan los usuarios del sitio web.

Analizar los actores:

Esto se basa en analizar a todos los posibles usuarios que tengan una relación con la interfaz a diseñar, por ejemplo: la competencia del negocio, clientes, empresas, proveedores, etc.

PROYECTO DE NACIÓN

Plano de Estrategia y Plano de Enfoque

Objetivos:

Identidad De Marca: Proporcionará confianza en el usuario y lo hará sentir parte de este proyecto brindando apoyo, información y seguridad.

Métricas De Logro: A través de como los usuarios participen, comenten, se integren, compartan y el número de visitas del sitio.

Actores:

Tabla De Usuarios Definidos:

Plano De Enfoque:
Requirimientos

Contenido:
*Usar lista de herramientas, tablas y objetos
*Lenguaje entendible para todo tipo de público
*Usar Liquid Page
*Usar Safe Exploration en las formas de registro
*Manejar totalmente el Instant Gratification para tener al usuario ahí sin cansarse o confundirse.
*Permitir Defferred Choices cuando el usuario quiera navegar libremente
*Tener Incremental Construction para no marear al usuario y hacerlo encontrar lo que desée fácilmente
*Por su puesto contar con Other People Advice, ya que será lo que permitirá al usuario tener el punto de vista de otros usuarios y así todos aportar, comentar y descubir diferentes tipos de vista que podrían ayudarlos
*Usar One Window Paging ya que puede ser molesto que se te estén abriendo ventanas a cada momento.
*Manejar Two Panel Selector para casi todo el sitio, excepto en la zona de demografía ya que ahí se usuaría Alternative Views para poder dar mejor enfoque a los mapas y tener mejores vistas.
*Usar Clear Entry Points
*Sequence Map: por si te confundiste y quieres regresar a un punto en especifico, no tener que regresar a la página inicial o darle varias veces “atrás”
*Usar Colores y Contrastes para cada tipo de zona que estés para que se te haga más fácil ubicarte y relacionar en donde es que estás.
*Y por último en cuanto a patrones deberá tener Responsable Enabling para hacer más fácil la busqueda en ciertas partes que desees encontrar.
*Se planea tener un microbloggin dentro de la página para usuarios, así estos poder dejar comentarios en tiempo real, al mismo tiempo avisar de sucesos ocurridos, haciéndolos saber a todos que es lo que está pasando, temas que podrían interesar.
*Se tendrá una forma de registro vía CURP para que así se tenga detalle de los usuarios y que no vayan a usar la página para poner cosas inoportunas, o falsas, pero claro al registrarse y al comentar y opinar eso será privado, no podrán saber quien eres si no quieres.
*Se contará con un administrador para estos foros, microbloggins y comentarios, asegurando que dato que se ponga no agreda u ofenda y sea real.
*Contará con una sección de eventos relacionados con el estado que deseas visitar o del que deseas saber más, así como eventos recreativos que relizar vayas a la ciudad que vayas.
*Mientras más participes en el sitio y más aportes irás ganando puntos, estos puntos al juntar cierta cantidad te da beneficios como podría ser descuento en tiendas, restaurantes etc. Además de que mientras más participes vas subiendo de nivel y te permitirán cooperar de forma formal en el sitio, es decir, agregar tus propios eventos, e información que desees compartir en un sitio en especifico.

Funcionalidad:
*Interacción: El usuario puede interactuar perfectamente con el sitio ya que te deja opinar, dejar notas y cooperar con la página. Debido a que sería como una Red Social de México para informarte y compartir sobre lo que acontece o necesites saber sobre tu país.
*Tecnología: Framework
*Acceso: abierta, cualquiera puede navegar en la página se registre o no, puede ver cualquier información que desee, mas sólo puede generar puntos y debatir en el microblogging inscribiéndose.
*Identidad: El sitio guarda una información segura del usuario y real por cualquier cosa que pudiera necesitarse, sin embargo el usuario decide que información quiere mostrar de él.
*Experiencia: Agradable, ya que el usuario hace lo que desee sin ser obligado a nada y puede interactuar de forma dinámica con otros usuarios.

Tarjetas De Usuario: