KCRW radio X)

martes, 27 de abril de 2010

FIchas faltantes




Me hacia falta poner las fichas....

lunes, 12 de abril de 2010

Metaforicamente hablando...

Sin una estructura bien hecha, un edificio se cae. Una interfaz tambien, aunque tecnicamente no te caen los ladrillos en la cabeza, pero de todas maneras para el caso es lo mismo. Todo funciona igual, hasta el cuerpo humano no seria mas que una plasta de gelatina de no ser por el esqueleto.

Dentro del plano del Esqueleto se encuentra se encuentran cosas como la colocación de botones, tablas,fotos, y bloques de texto. El esqueleto es diseñado para optimizar el arreglo de esos elementos para qeu puedan ser aprovechados al maximo.

Estructura

Diseño de Interacción: cómo el usuario interactúa con la información
Arquitectura de la Información: como va a estar armada o estructurada la información.

a) Modelo Conceptual: hay 3 cosas a las q debe responder

a) Modelo Físico: Abarca lospatrones deContenido-Estructura

b) Formas de navegación
c) Planos

Ahora bien, qeu mejor que las metaforas para ayudarnos a dar una idea scosistente. So comparamos algo con alguna otra cosa

Meternos demasiado dentro de una metafora puede traernso problemas, solo es para ayudarnos con la idea, y no para pasarnos del limite de metafora, y convertir algo en lo q no es o echaremos todo a perder

b) Manejo de errores: Hay 3 tipos de errores:

prevención-detectar antes de cometer el error

correción - el error esta hecho, hay q corregirlo

recuperación- fase de recuperacion despues del error

Errores de usuario: búsqueda vacía, llenado de formato, selección fuera de secuencia.
Errores del sistema: links q no existem, programas o cosas que no están instaladas

c) Ubicación:
-Identificación del sitio
-Nombre de la página (título en la parte superior de la página)
-Sección y subsecciones.
-Navegación persistente
-Indicador ‘’Estas aquí’’
-Búsqueda

d) Búsqueda:

Mapa de sitio


Motor de Búsqueda:

Filtro:


e) Lenguaje del cursor
-Cambio de forma de usar
-Cambio del área (mouse over)
-Cambio del área (click)

Esqueleto

Abarca:
el diseño de navegación,
el diseño de interfaz y
el diseño de la información.

cuales son los planes para mañana en la noche cerebro??? *sort**poit*

ja ja...ese pinky XD...pero noo...pa la interfaces, hy q ser como cerbro! (aunq la verdad como ninguno de los dos ja ja)

hay una expresion q dice "...como ir ala guerra sin fusil" repleeta de razon. A quien no le ha pasado (o tal vez solo ami XD) qeu hay examen de calculo...y chanchaaan...no llevan calculadora...NOOOOOOOO!!!!!

bueno, aca es algo parecido. Ni en esto, ni en cualquier modelo de negocios, podemos aventarnos con la estrategia del valeinte "Juan Escutia".

Todo tiene que estar muy bien planeado, o no va a fucinar, o si es chicle y pega, podria funcionar incluso mejor.

el de enfoque es ya irnos al ¿Que vamos a hacer???

bueno...en seguida un poco mas de c/u

Plano de estrategia:

a) Necesidades del Usuario: Abarca también el perfil del usuario. - User needs- ¿Qué quieren nuestros usuarios obtener del sitio?

Con segmetación, usabilidad, estudio de mercado, intuición etc etc

b) Objetivo del Sitio - Metas del negocio, identidad de marca y métricas de logro, las metas del blog.

Identidad de la marca, Métricas del logro. (para medir obvio)

Site objectives- ¿Qué queremos obtener de este sitio?

User needs- ¿Qué quieren nuestros usuarios obtener del sitio?


c) Perfil del Usuario -

--Segmentación de Actores: (OJO: Actores no es igual a usuarios.) son Se refiere tanto a los clientes como a los patrocionios, la competencia etnre otros

-- Segmentación o perfil de usuario:

-Universo, demografía, psicología, según objetivos, nivel tecnológico, cultura virtual, lugar de acceso, plataforma, orientación profesional, otros atributos.

-- fichas de usuario (opcional,perop ayudan)

d) Modelo del Negocio:

Panorama general, la ubicación del mercado. Componentes: identidad, interactividad.

DESCRIPCIÓN GENERAL: Roles y Servicios

Roles, Servicios, Benchmark


Scope Plane

¿qué vamos a construir?

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

Enfoque: qué vamos a construir.

REQUERIMIENTOS:

Requerimientos de Contenido

-Lenguaje claro, buena redacción

-Material gráfico

-Cumplir con lo que se pide en clase.

Requerimientos Funcionales:

Interacción: que el usuario llegue directamente a lo que busca.

Tecnología: ej. blog

Seguridad: Abierta, acceso o no acceso.

Identidad: es necesaria o no para dejar comentarios, etc.

Experiencia: que se sienta como si estuviera en la biblioteca, agradable, confiable, etc.


viernes, 9 de abril de 2010

en sus marcas...listoos..Bencharking!

la mision de esta vez...es hacer un benchmarking, comparando lo qeu tenemos q hacer de "proyecto de nacion". Facilitando un poco el trabajo, ser los sitios analizados por los compañeros, y algunos otros enfocados a "niños" de 5 a 15 años ( o sease, el sector q nos toco). comencemos con el benchmarking.

Wikinomics
www.wikinomics.com


No se relaciona con nuestro sitio de proyecto de nacion. A pesar de que es un sitio con temas muy interesantes, no son del interes del semento de la poblacion a la que no sotros estamos enfocados. Tiene buena informacion sobre que es lo que esta pasando con la economia en este momento, pero comunmente los de entre 11-15 años no se meten a este tipo de sitios. el tipo de diseño tampoco es favorecedor a este sector.




Parroquia Bosques

www.parroquiabosques.com/

SI hay algo que les interesa menos a los que estan en el rango de edad de entre 12 y 15 años, menos q la politica, es la religion. Los chavos de esa edad no me meten mucho a esas cosas. si acaso, solo van a misa y ya. La ventaja qeue tiene esta pagina, y que podria atudar con lo del proyecto de nacion, esqeu esmucho mas interacticva y visualmente atractiva que la mayoria paginas de parttidos politicos. tiene imagnes, videos y animaciones que le dan dinamismo a algo que no se presta tanto para eso.


IDEAS
http://www.ideas.coop

Esta pagina no se parece en nada a los que debemos hacer para nuestraparte del pryecto de nacion. Es informacion util, pero para otro sector de la informacion, A quienes estamso dirigidos es poco probable que les interesen los planes de comercio, amenos qeu tengan uno de esos tipos de negoociuos, lo cual es altamente improbable. Por lo tanto tampoco esta diseñado para ser atractivo para este sector, si no mas bien para gente mas adulta. Tiene links basicos, solo para que sepan lo de "¿Quienes somos?", noticias, links entre otras cosas. nada muy novedoso.



Cuentame
http://cuentame.inegi.org.mx/

Cuentame es una seccion de la pagina del inegi que va dirigida hacia niños. SE parece e nuestro proyectio de nacion en el hecho de que siguen siendo como "estadisticas" pero enfocadas a la gente mas joven para no hacerles las cosas pesadas. Esto se nota por el uso de oclores en los links, o los graficos con datos.
Tiene las estadisticas, mas aparte glosario, juegos, sabias que...entre otras cosas. este es el tipo de cosas qeu deben incluirse en nustro proyecto de nacion



Universia
http://www.universia.net/#noticias

Universia es una pagina...para universitarios ( noadie lo habria adividano no??) por lo tanto no va con nuestro grupo del proyecto de nacion. A menos qeu sean chavillso precoces, o genios que se altan desde secu hasta la universidad XD. Sin embargo, tiene elementos qeu pordiamos tomar en cuenta. Por ejemplo, qeu el diseño de su pagina no es totalmente interactivo, pero no llega a ser tan monotono como otras paginas de las analizadas.



Gobierno en linea
http://www.colombiaseconecta.gov.co/spip.php?rubrique23


Pues este tipo de paginas, siento que nunca van para nadie, porq ni a los niños les gusta, y menos a los niños-adolescentes. Los nilños igual y se pueden enganchar un poco mas, pero habiendo tantas otras paginas, no prefereirian esta. En lo qeu se parece a nuestro proyecto de nacion es en el hecho de tener un poco de interactividad. Fue un buen intento, aunque no suficiente



Vuce para niños
http://mincoweb1.mincomercio.gov.co/vuce-ninos/home.html

Esta ves nos fuimos a otro exttremo. Creo qeu a lso de 11 a 15 no les interesa ya esto por esta r de masiado infantil. Lo interesante de esto, esque se puede adapatar a algo para gente "mas grande". cambiando el estilo de dibujos, y esas ilustraciones por otras, se puede hacer algo bastante llamativo. Lasma de a la animacion, pero eso no corresponde a lo que tenemso qeu ver XD



Photosig
http://www.photosig.com

Es una comunidad de publicacion de fotografias. Es como el deviantart, pero de fotografos. Puede publicar las fotos, recibir criticas, comentar en discusiones etc. Se parece al proyecto de nacion en qeu se trata de contribuir. Igual y no se trata de seguir contribuyendo informacion, simo fotografias, pero si tiene cierto parecido. EL punto en contra, es que tiene un diseño bastante chafa, y aunqeu podria ser un buen recurso apara jovenes interesados en fotogracfias, el diseño del sitio los puede ahuyentar. Hay qeu ser cuidadosos con eso en el proyecto de nacion.




INAPAM
http://www.inapam.gob.mx/index/index.php

definitivamente no se parece. Al contrario, esta es una seccion para adultos mayores, o sea basicamente todo lo contario. Es similar a todas las secciones de la pagina del gobierno, pero esta bien estructurada la informacion. El comodo tambien esta bastante decente,. Estas dos cosas son las qeu se podrian toma, ya que entre tantos numeros e informacion, el usuario puede perderse.



Anarquia
http://www.anarquia.com.mx/

Dimos enl clavo. La mayoria de los que estan en le rango de edad qeu nos toca son "rebeldes sin cauasa" igual y le prodia faltar a la paginam as en cuestion de diseño, pero de cierta forma es lo que necesitamos. NO habla de un a anarquia negativa, si no de una positiva. Cuenta con foro de discusion y cosas asi que podrian interesarle a los que estan en esa edad. El hacerles algo interesante algo que puede no ser tan interesante es precisamente lo que necesitamos.



CONAGO
http://www.conago.org.mx/

nop, no se parece para nada. NO son asuntos en los qeu este interesada nestra poblacion. (de hecho, aun no estamos seguros de a quien podrian interesarle XD) Pero, por ejemplo si la pagina de "anarquia" estuvira mas organizada de esta manera, seria mas facil encontrar las cosas.

INAH
http://www.inah.gob.mx/

No hay mucha pdiferencia en cuanto a la ultima pagina de gobierno del INAPAM. La diferencia, es que los jovenes si podrian interesarse este tipo de eventos. pero igual, el gobierno le falta como una propuesta para ahcer las cosas mas interesantes. Esta estructurado todo de las misma manera, tonato lo que es para jovenes como lo que es para ancianos etc. Igual y lo hacen para darle unidad, pero hay detalles qeu podrian variar y podrian mejorar mucho las cosas.

INM
http://www.inm.gob.mx/

Casi igual que la ultima. Tal vez para jovenes que le interesa viajar, pero a esa edad quienes se hacen cargo son los padres, asi qeu es poco probable que frecuenten algo asi, o contribuyan con este tipo de informacione en nuestro proyecto de nacion



IFE
http://www.ife.org.mx/portal/site/ifev2


Ife= "interesante" hasta qeu cumples los 18 años, asi qeu bye. No separece en nada al proyecto de nacion que tenemos que desarrollar



SEP
http://www.sep.gob.mx/wb

igual a las demas de gobiuerno. Pense que eria ams interesante, al estar mas relacionada con la educacion mas basica, aka los jovenes pero no. tal vez solo un poco de intormacion, peero hasta ahi. Es igual como a 3 o cuantro anteriores.



Nodo
http://www.nodo50.org/

Es algo reuelta, pero bien organizada. Se parece a que deberiasos hacerlas mas parecidas a esto, qeu a las del gobierno, teniendo la informacion mas clasificada claro. A pesar de no ser tan interactiva como otras, se ve mastante bien y podria ser llamativa, demostrando qeu las animaciones no son lo unico que llama la atencion en una pagina, y mas para chavillos. Por lo que vi, son como notiicias, pero no estan ordenada s de manera que de we...flojera leerlas.



INAFED
http://www.inafed.gob.mx/

Es la priemra pagina del gobierno qeu tiene la estructura un poco diferente a las demas. le mentieron un poco mas de interactividad, pero es casi lo mismo. Aunqeu fuera diferente, tampoco tiene temas qeu puedan interesar a nuestro sector de la poblacion.



USA gob
http://www.usa.gov/gobiernousa/Temas/Adolescentes.shtml

Esta es una pagina donde vienen temas de gobierno para diferentes edades. De cierta menera, se parece porque son mas o menos los etmas qeu los chavos buscan. Y muchas de las cosas estan escritas por otros de su misma edad, lo cual es un punto clave. Otras cosas si son el mismo choro de siempre, y estan algo jaladas pero bueno. Tambien lo unico malo es qeu solo es una lista como de links, pero no te dice mucho, o no incita a quelos adolescenetes a los que esta dirigida la usen



UN
http://www.un.org/esa/socdev/unyin/spanish/wpaygirls.htm

Esta pagina esta dedicada a qeu los niño y jovenes conozcan sus derechos. Pero te pone los artiiiculos completos. Un adulto es imporbable qeu este interesado, y si quieren qeu alguine mas joven lo lea, pueeden poner un resumer, mas ilustraciones o algo, porque al momento enqeu te metes es aburrido. En eso no parece a nuestra vision del pryecto, ya qeu si si solo ponemos tandas y tandas de informacion, los usuarios no van a estar interesados. Podria parecerse en que tiene informacion importante, pero aun asi necesita un resumen en algun lado.

Politica para niños
http://www.senado.gob.mx/ninos/libro.htm

bravo! esta si podria parecerce a nuestro proyecto de nacion, debido que aunqe la informacion este como muy para niños, hasta los 15 aoñs es el tipo de informacion qeu buscas. Al ponto, no es una pagina atascada de texto y comprensible. A los sectores con mas edad les gustan cosas parecidas, aunque claro sin tantas ilustraciones (¿o siii???)
Esta muy bine, de no ser por ese formato dfeo de gobierno qeu le pusieron, como el logo qeu da vueltas y cosas asi.




Fitipaldis
http://www.fitipaldis.com/modules.php?name=News&file=article&sid=430

Esta pagina puede parecer de las tipicas que soloestan atascadas de informacion, pero no. Se parece a nuestro proyecto de nacion, en qeu jonosotros vamos a usar elemnteos de la web 2.0, y esta pagina es como entre un blog y un perfil de facebook (de hecho, esta como en un perfil de facebook) lo bueno esque no tienes que regsitrarte para exploralo, y la informacion biene bastante bien. Ademas de esto, trae otros temas que les interesan a los de esa edad (y muchac mas) como discos, musica, temas actuales etre otras cosas.



Portal del gobierno para niños
http://portal2.edomex.gob.mx/edomex/personas/ninos/index.htm

Pues no hay mucho que decir, como viene implicito, es lapagina del gobierno para niños. Si nuestro sector aun incluyera a los niños de 5 años, algo como esto estaria muy bien, pero para los de 11 años ya es algo demasiado infantil, pero aun podemos seguir incluyendo los juegos, probablemente lo unuico que se tendria que modificar es el tipo de ilustraciones, y elevar el lenguaje un poco.

Solo es cuestion de enfoque...

iiijole, cpor lo visto, la regamos cuando hicimos lo del blog del personaje, y lo del proyecto de nacion XD, por suerte en la ultima sesion se aclararon muchos puntos. EN mi caso apenas ando en eso, pero me sirvio bastante porque tambien la habia regado.

El blog del personajes es para hacerle su blog...a un personaje (noooo...en seriooooo????) en este caso, mi perosonaje, es una artista, y la cosa debe estar enfocada en lo qeu busquen los usuarios de ese blog, y no yo o ella.

El proyecto de la nación es basicamente para hacer un sitio para compartir contenido, ala-web 2.0 Es un proyecto en conjunto, cada quien con su rango de edades respectivamente. A mua y a su equipo le toco de 5 a-15 años ( osease basicamente los mocosos...aunq en estos dias los niños salen con computadoras integradas D: )

y pus...luego de eso, nos enfocamos en los planos en los planos de enfoque (chiste malo XD) o sea nuestro nivel 2/5

requisitos: Lenguaje claro, buena redacción e imagenes

Requisitos (funcionalidad): Búsqueda fácil, evitar scroll e información que no sea relevante.

esta es una de las cosas que deberemos aplicar al blog del personaje, y al proyecto de nacion

eso es todo por ahora, see ya!!!



lunes, 5 de abril de 2010

Bloggeandus anonimus

no he dicho muchod e mi personaje desde que lo tengo, pero ...lo tengo. Esq aun estoy toda hecho bolas pero weno, si no se va a juntar todo, mejor empezarle, aunque necesite correcciones.

Objetivos del sitio:


Metas del negocio: Darse a conocer a traves de la red para asi pododer consguir personas qeu esten interesadas en su trabajo, por medio de trabajos previos. Varias tecnicas.No se publucaran las obras completas, por temor a un plagio. Tambien recibir retroalimentacion de parte de otras personas, como artistas con mucha experiencia.


Identidad de la marca: dar na primera buena impresion sobre las obras q realiza

Métricas del logro: POner un gadget de contador de paginas, y por medio de los comentarios que se dejen

Necesidades del usuario:


Actores: clientes potenciales (gente interesada en la sobras), artistas novatos que necesiten retroalimentacio0n, gente interesada en el arte en tecnica tradicional, decoradores de interiores, otros artistas, ilustradores, extranjeros, vendedores de material independientes.

Usuarios: nuevos artistas, clientes, jovenes interesados en el arte, gente qeu disfruta ver trabajos artisticos del metodo tradicional

¿Qué desean nuestros usuarios obtener del sitio?

aprender de diversas tecnicas artisticas, ver la galeria de obras, o solicitar una, (hecha o un anueva) y para esto ultimo se puede pedir informes y contactar a la propietaria del blog, para obtener la informacion. Tambien otros artistas qeu busquen una "guia" para hacer sus trabajos.

3.- Modelo del negocio

Roles y Servicios

Roles: Los usuarios al hacer aprotaciones, o la misma administradora. los clientes, y proveedores

Servicios: compartir obras, opiniones , encargar un trabajo, pedir retroalimentacion

domingo, 4 de abril de 2010

Guest starring: creador de "Queretaro travel"

Queretaro travel...hmm...veamos

http://queretaro.travel/

a simple vista para cualquier persona...esta es una pagina cualquiera. equis. nada especial. uh uh. nada. Peeeero, alguien que tiene mas conocimiento sobre toooodlo lo que requiere una pagina, o simplemente algun usuario mas experto entra, se nota casi inmediatamente qeu el diseño de esta pagina es muy bueno.

Normalmente, si algien trata de abarcar mucho, termina no abarcadno nada. NO es la excepcion a la regla, pero casi. no esta dirigida a TODO usuario, pero si abarca un numero bastante gordo. Tiene bastantes cosas, para llamar la atencion de distintoas personas, y hacerla bastante dinamica.

Para empezar...fue muy interesante saber todo el transfondo que tiene la pagina. COmo una buena pagina, se nota q le metieron bastante a la investigacion, al los antecedentes y toda la cosa. Son pocos los que se meten a este tipo de cosas. Mucha gente se va directo al diseño, sin meterse en ninguna otra cosa, o por aun, van buscan un plantilla y listo.

ademas, tomaron en cuanta cosas que a otros ni se les pasa por la cabeza, como el uso de otras aplicaciones que son cada vez mas populares, digamos twitter, facebook etc. En fin, de todo le meieron...probablemete algunas cosas estan de sobra, pero es mejor que sobre que falte.

La pagina principal es bastante llamativa, y el general creo q usaron muy buenas fotos, el punto de esta pagina, es atrarer a los turistas. Mision cumplida, la pagina se ve atracticva, y las fotos ( y tooodos los otros "complemetos") mustran a queretaro en su escencia...



TOP SECRET: parcial #2

este es post atrasado XD

la sesion del parcial...abarcamos todo lo visto el el parcial (noo?? deveras?? sarcasmo )pero lo complicado feu saber que patro era cual, en general no estaba tan dificil, el problema solo estaba en saber donde entraba cada cosa. El que hubiera tantas cosas sobre patrones era muy confuso. Pero general, creo q si le atine a cual era cual, je je.

viernes, 26 de marzo de 2010

Naranja naranja!!! ja ja ja























En esa ocasion analizare lapagina de mi partido favorito (sarcasmo) osese: convergencia

http://www.convergencia.org.mx/



No se si es porque sea reciente o que, pero muhcas secciones estan vacias. Ningunda de galeria tiene fotos. Aparte, hay unas sobresaturadas con pura informacion, y llega a ser tedioso verla. a continuacion el analisis un poco mas a fondo. empecemos:

Para empezar, la pagina esta sobre un framework. Estuve apunto de ponerlo como CMS, pero la estructura fue la que difirio mucho. Tiene practicamente o animaciones, pero la "arqutectura" corresponde mas a framework q a CMS. Bueno, esta paginita es nadamas y nadamenos que de publicacion, ya que el objetivo es informar a al gente lo que sucede con este partido




Patrones de Organización de contenido

Taxonomia - Lista de temas. Los links estan acomodados por temas, segun su categoria.

Estructura: -One Window Paging. Todo ocurre en la misma unica ventana

Org. de contenido (Fisicos)One window drill down. No tiene mucho chiste, la informacion esta organizada de la manera mas simple.

Navegacion(trama). Global Navigation. No importa en qeu parte del sitio estes, siempre esta la barra de arriba con sus respectivos links a Temas y Sub-temas

Navegacion(señales)Bread crums. Nos dice en donde estamos, y por donde hemos pasado para llegar a ese punto, de esta manera podemos navegar ams facil sin perdernos


Page Layout

  • Jerarquia

Lo primero que se carga en la pagina en la esquina superior izquierda es un espacio en blanco. No deberia, mas bien deberia estar el logo del partido, o algo asi. Espacios en blanco tiene, pero no estan bien manejados, en vez de dar sesasion de orden , da una de todo lo contrario.Fuentes congruentes no tiene, y las que hay en los links parecen todas de la misma importancia, pero si existe subordinacion, ya que en los links, aparece otra seccion con sub-links. Los botones todos tienen la misma forma, indicando que tienen la misma funcion, o una parecida.

  • Flujo

Los links relacionados estan juntos, y los naranjas grandes tienen funciones similares, igual que los links azules de arriba. Continuidad no hay mucha, aparte de qeu la informacion se organiza de tal forma que no da la sensasion de que este ordenado.Respecto a cierre,os espacios que cerramos no estan bien planeados

Patrones de jerarquia. Central stage. Lo mas importante esta en el centro,lo demas son links a otras secciones y anuncios

Patrones de Flujo.Left-rigth alignment. Los botones anaranjados estan alineados de izquerda a derecha

Patrones de Dinamicos-no tiene ninguno, ni siquiera se le acerca al liquid layout, la informacion no se centra de acuerdo al tamaño de la ventana, ya no digamos todo lo demas. Del tamaño que sea la ventana, vemos lo mismo.


Mapa del sitio

La pagina ya contaba con su propio mapa del sitio, es un poco pobre, porque le falta jeraquizar mejor, y ponerlas cosas con fuentes congruentes y subordinacion, pero es mejor que nada.



jueves, 25 de marzo de 2010

Ropa hecha a la medida...y paginas tambien

para quien va una pagina de internet?? las personas qeu las diseñan pueden se unos fregones, muchas veces cometen el error de diseñarlas de acuerdo de lo que a ellso les dgusta pero NOOOU!!! deben ser para nuestro usuario. El usuario ¿Donde prefiere navegar? ¿EN sitios que tengan cosas que le gustan? ¿O sitios que tengan cosas que le gustan a otra gente? Si se fueron por la primera yay!! y si mas bien fueron opr la segunda...cuestionen q hacen aqui

Un contraejemplo esta en mi blog ( asi es señores, aqui meesmo) paseando me encontre un gadget tipo radiecillo, y decidi ponerlo, y a un lado se veia ridiculo (ni se veia) asi que lo puse arriba, a l menos no es tan molesto como un anuncio. Me importo un pepino y lo puse, aunq estorbe un poco, haga hacer mas scroll etc. En este caso, pense en algo que a mi me gustaba, y no en las personas que ven este blog.

bueno, este User Center Design (USD) tiene su filosofia y su metodo:

Filosofia: Return of investment (ROI) o en palabras entendibles, el tener de vuelta lo que invertimos. SI le invertiste mucho, recuperaras mucho. Casi siempre se miden con el el sistema metrico universal (o sea $$). ME refiero a que muchas veces la gratificacion que se nos regresa la mayoria de las veces, se mide en efectivo.

Metodologia: Vamonos a los extremos, puede ser :

a) Interfaz-cuesta mas trabajo, tiepo dinero y esfuerzo..pero espara siempre. Son unicas, y retribuyen mas $$

b)Skin- auno como muuuchos otros. Es rapido, pero a la vez efimero. NO requere mucho esfuerzo, pero no nos retribuye mucho


The elements of User Experience (libro de Jesse James Garrett)

(Un libro escrito por el equipo rocket Yay!!! XD!!! Ok ya) Una serie de elementos..desde los mas abstracto a lo mas concreto

Estrategy (Estrategia): La base de nuestro proyecto. La idea que hara fluir lo demas. EL usuario tiene una necesidad, y nosotros otra, que satisface la del usuario. Hay una conexion entre el y nosotros.

Scope (Enfoque): Caracteristicas de acuerdo a las necesidades de nuestro usuario

Structure (Estructura): Arqutectura de nuestra informacion, osea como esta estructurada donde empezamos, donde estamos, donde vamos donde acabamos etese

Skeleton (Esqueleto) Es como esta acomodado todo,: botones, tablas, imagenes y blabla. cosas tecnicas

Surface (Superficie) Lo "superficial" en todo el sentido de la palabra. El "look and feel" como se ve nuestro producto final

lunes, 15 de marzo de 2010

laying out (parte 2)

el "chow" continua...sigamos con los layouts X)...donde nos quedamos?? cierto cierto, en agrupacion....

Agrupacion- (2a parte)

tan logico que no lo voy a definir. XD

  • closable panels -Puedes abrir y cerrar ventanas a tu libre albedrio, depende de como las vayas necesitando.
  • Movable panels- vas moviendo los paneles o ventanas para re-acomodarlos segun tu gusto.

Flujo

  • Left/right alignment- Contenido alineado ya sea a la derecha, o a la izquierda
  • Diagonal balance- alineacion al estilo "diagonal"

Patrones dinamicos

  • responsive disclousure-vas al siguiente paso, dependiendo de la respuesta que des.
  • reponsive enabling- cuando habilitas algo, y eso en respuesta te muestra algo mas, como ventanas, barras de herramientas, info etc.
  • Liquid layout- cuando aunqeu vayas haciendo mas grande o mas pequeña la pagina, te muestra la misma informacion.

bueno...este fue el "final de temporada" a la que en layouts se refiere....see ya!!!



lying o laying?? XD

para tener todo diske mas ordenado, agrupare las extraclases de las sesiones 17 y 18 en una solo, como el anuncio de "scotch brite" solo q aui solo es 2 en una



comenzamos!




espacio en blanco-altavista solo tiene su buscador en la pagina principal, no hay nada mas que nos estorbe visualmente.









http://www.altavista.com/




top left corner-la pagina de lso redhotshilipeppers se maneja de esta manera, y lo mejor es qeu nunca necesitas "scroll" ya que el contenido se ajusta siemrpe al tamaño de la ventana, pro lo qeu tambien es un liquify. aunque, si la ventana es de 5 cm, no lees nada de nada....







colores y contrastes- esta pagina tiene muchos elementos, y tiene colores brillantes en las pesañas para qeu en algun momento las puedas identificar mas facil.



http://www.pokemon.com/us/fun-zone/downloads/


Subordinacion- Mercadolibre tiene su contenido organizado de tal manera q al usuario le sea mas facil encontrar el producto qeu busca, y tiene letras grandes para categorias mas generales, y peqeuñas para subcategorias mas especificas



http://www.mercadolibre.com/

formas y grupos- en este foro hay imagenes iguales, para secciones con funciones similares, en este caso, te dirigen a canales de radio



http://www.grupoans.com/

proximidad- hay vairas maneras de hacer una busqueda, y te pone proximos las distintas formas que hay arriba, puedes hacer una busqeuda por nombre, en los cuadritos por tipo y asi sucesivamente


http://www.serebii.net/pokedex-dp/

similitud-aca todas las cosas similares estan agrupadas, calcetines con calcetines etcetera. en la pagian principal, podemos ver la proximidad, pero ya en cada sub-seccion, todo se agrupa por similitud



continuidad- toda la pagina tiene una especie de "continuidad" es mas, las secciones se presentan a maner a de libro, va una cosa tras otra, auqn eso no te impide brincar a otra cosa diferente. imagenes links y videos son congruentes. curiosamente, las pestañas tienen colores y texturas tambien para distinguise mejor, por lo que tambien podria entrar en esa categoria.

visual framework- aunque a primera vista parece qeu lo unico que tiene es un banner, no es verdad. toda la informacion siempre esta organizada de las mis ma manera, siguiendo la misma estructura, solo tiene ligeras variaciones para no hacerla tan monotona ya qeu es una pagina de un estudio, pero sin crear un caos.


http://www.imaginismstudios.com/

central stage- esta página tipo blog, al igual que todas las que son semejantes, manejan toda la inromacion importante al centro, y los gadgets, links y otras cosas estan a lso lados, o hasta abajo.


http://www.nightsbrightcolors.com/

titled sections- la pagina de defenders of wildlife tiene detro de las pestañas los elementos relacionados con cada uno de los temas para qeu sea mas facil ubicarlos, en vez de tener todos los links juntos, y en cada sub pagina, los elemnos similares se agrupan



card stacks- aqui todo esta agrupado a manera de "tarjetas" de hecho, deviatart tiene varias secciones organizadas por stacks, para qeu tengas todo mas ordenado. en este caso, todas tus colecciones/galeria, organizadas de esta forma

http://lucky-phantom.deviantart.com/favourites/



Closable panels- Ilustrator te da la opcion de persoanlizar tu area de trabajo. Puedeas qitar algunas barras de herrmaientas, y poner otras, dependiendo de lo que utlilices, y ademas, al ser retractiles, puedes solo "minimizar" para no quitar


movable panels- En deviantart, puedes modificar tu pagina como se te de la gana, ir moviendo cada uno de lso recuadros para personalizar, aunqeu sin salirte de su respectiva seccion. por ejemplo, no puedes poner algo qeu sea parte de la galeria, en donde son datos, y la seccion llamada "webcam" no puede ir en la galeria
http://lucky-phantom.deviantart.com/


left/right alignment- esta pagina no tiene el mejor diseño, pero la informacion es facil de localizar. los links de navegacion se encuentran a la izquierda, mientras que la info siempre esta a la derecha.


diagonal balance- photoshop te da la opcion de hacer un balance de color, basado en una diagonal, a la que puedes curvear.


responsive disclosure- ares hace una busqueda de acuerdo a la que le pidas, puedes buscar varios tipos de archivos, usar filtors para limitar la busqueda, acomodar los resultados etc.



responsive enabling- el deviantart te da a escoger que quieres y que no. si quieres informacion sobre los journal qeu se te llegue, si quieres ver todos los trabajos, si no quieres ver bocetos etc.

liquify- aparte de la de los redhot, el deviant (oootra vez XD) si la haces pequña, se ajusta para que de todas formas sigas viendo los cotroles mas basicos.