viernes, 31 de agosto de 2007
Portal del modulo : Tareas
Todos deben trabajar primero diagramando y diseñando los elementos necesarios para la seccion que les corresponda y luego la armamos en html.
Flash solo se usara si es realmente necesario.
El home terminado por Camilo Monsalve y Carol debe enviarse a todos en formato fuente como referencia.
Mateo: Debe hacer la plantilla de articulos y noticias (con rejilla, bien diagramada) en ilustrator y enviarla rapidamente para que los demas la usen como referencia.
Mateo y Laurie: Galeria desplegada y vista ampliada de trabajos en el home: Esto es la plantilla de la galeria que aparece cuando el usuario hace una busqueda o decide ver todos los trabajos de alguien o con determinado perfil.
Camilo Rios: Se encarga de hacer la pagina de noticias desplegadas (en el home aparecen resumidas) basado en la plantilla de Mateo, debe cargarla con contenido, proponer temas reales.
Daniel: Debe proponer adaptacion de un foro con los colores y elementos de identidad del portal de interfaces, debe proponer secciones reales para el foro. Pendiente escoger el foro, lo estaremos enviando.
Esteban: Basado en home y en la plantilla de Mateo debe diseñar la seccion: Aula, proponer sus funcionalidades.
Carol: Se encarga de diseñar e implementar el Info Banner, el tema inicial es el concepto de interfaz grafica, pensar en banners con posibilidades de interaccion o seleccion. (ver sitio de Proteccion y australian in front).
Eksitoz.
jueves, 30 de agosto de 2007
miércoles, 29 de agosto de 2007
lunes, 27 de agosto de 2007
Benchmark para el portal de interfaces.
Nota: El enamoramiento no solo se logra graficamente, tambien con los contenidos y su estrategia de tono y lenguaje.
Algunas direcciones para esta actividad:
http://www.australianinfront
http://www.designiskinky.net
http://www.experimental.ro/
http://www.scene360.com/
http://www.guigalaxy.com/
http://www.lounge72.com/root/
http://www.nestcollective.com/
http://www.urbancollective.com
http://www.mg25.com/
domingo, 26 de agosto de 2007
web 2.0: el asesino del diseño
aqui esta el link que había olvidado poner: http://www.badboy.ro/articles/2007-04-07/web20_the_killer_of_design/
Leanlo!!
Mateo Isaza
miércoles, 22 de agosto de 2007
Correcciones definitivas a la aplicación PDA
- Incluir un texto o diagrama en ayuda.
- Cambiar de lugar el botón de ayuda, para que no parezca como que la mano de "retroceder" lo está señalando.
- Incluir un select con el texto "no volver a mostrar" o uno semejante.
- Desarrollar las secciones de pulseras y aretes.
- Los botones de regresar y adelante no están funcionando bien.
- Pienso que para salir y cerrar debe haber un mismo icono, para favorecer la coherencia interna.
- "Multiplicar" ¿Qué es?
- En ceñido al cuello, se vé el collar mediano y en largo, se ven los colores. Corrigelo.
- En "arma tu collar" sí deberían aparecer los colores, pero para cada "piedra" y estos deberían poder arrastrarse a la imagen.
- El select de ciudad debe tener las ciudades.
- Debe haber un enviar al final de la forma, pues el continuar no es intuitivo. Fijate que hasta este punto el usuario navega a través de la interfaz sin hacer uso de estos botones.
- El último pantallazo debería tener un poco más de diseño.
- El boton de "hacer otro diseño", no es sensible.
Laurie:
- Los radio buttons estan funcionando como select. Revisalos.
- La perspectiva de la entrada es aun extraña...
- Si solo hay un botón en la primera pantalla, ¿porque no hacer el área sensible más grande y ahorrarle esfuerzo al usuario?
- Los iconos siguen estando pequeños a comparación con los demás elementos de la interfaz.
- Mejor siguiente que "next" en los botones o elegir si todo está en inglés o en español.
- Es necesario un botón de atrás.
- Bacana la simulación de la transacción.
CamiloM:
- Diagramar mejor los botones "verificar" y "registrarse".
- El texto ingresado en los campos es muy pequeño y de un gris que prácticamente no se vé. Debes solicionar esto.(tambien sucede en el imput de la búsqueda).
- Bacano el "loading" y la animación de entrada.
- Sobre la opción de bocetos: no es claro para que son las flechas rosadas, ni de que herramientas dispongo para dibujar...
- ¿Por donde abro un documento de boceto existente?
- El detalle del audio animado, muy bacano animado, pero no se vé.
- En artistas: los botones y los textos están muy pequeños. Sería buana una opción para ampliar la imagen.
- En materiales, ¿qué significan cada uno de los iconos? Al hacer clíck en un icono del mapa debería aparecer una descripción.
- En muros limpios, la direcciòn y la opción para introducir un nuevo muro.
Esteban:
- ¡Esoooo, me diste gusto con lo de la animación! (July).
- Es extraño que el boton de regresar sea el mismo que el de entrar a una aplicación, reemplazalo por una de las flechas azules en el otro sentido, la imagen del icono, puede quedar como imagen.
- En el pantallazo hombre - mujer quitar el área donde no está el icono de la felcha.
- Lo demás ok.
Mateo:
- Hacer que los imput sean sensibles.
- La resolucón de las imagenes en el over es muy mala.
- Faltan titulos por sección: "inventario", "venta", "pedidos".
- No es clara la función del botón confirmar en venta.
- En los pedidos ¿como los envio? ¿como veo un consolidado de o que he pedido?, como introoduzco los pedidos que han llegado para que la maquina sepa cuando se está acabando un insumo?
- No se entiende para que es el botón rojo del centro... necesita una descripción.
Rios:
- Premitir al usuario que abra o explore cotizaciones o ordenes de prtoducción ya realizadas. Y que las guarde.
- Desarrollar la orden de producción.
- Incluir un chech button para una alerta web sobre la llegada de la cotización.
viernes, 17 de agosto de 2007
Ejercicio 4: Portal de interfaces
Enunciado: Diseñar un portal para el módulo de interfaces, teniendo en cuenta los diferentes perfiles de usuario, para una interacción dinámica. El proyecto se hará en una primera etapa en grupo para definir las condiciones generales, y en una segunda etapa, cada estudiante desarrollará una rama independiente del mismo.
Valor: 20%
Entrega:Una justificación escrita del proyecto (1 pg). Cuadro de alcance. Análisis de requerimientos, mapa de navegación. (grupal) / Sección funcional y con contenidos reales y relevantes (individual).
Referencias web:
Web 2.0 (como referencia para proponer funcionalidades):
Mapa Web 2.0
http://www.go2web20.net/
http://veerle.duoh.com/
http://www.digitalthread.com/
Notas Ejercicio 2: Diseño de transacciones.
Camilo M:
- ¿De que sirven los "check boxes" en "Ten en cuenta los siguientes requerimientos: banda ancha si la aplicación no los autoconfigura o si no siven como filtro para evitar usuarios que no los tengan?
- La opción de entrar como jurado no es evidente en el primer pantallazo.
- Tienes errores de ortografía y de gramática.
- En los participantes sería bueno saber a que categoría o genero pertenecen.
- A las imágenes animadas les falta corregir el antialias
- No es claro cuando grabo el karaoke, sería necesario tener una ayuda para estas funciones complejas.
- Al guardar, debería mostrarse al usuario donde quedo guardado el archivo, para que despues, pueda recuperarlo. Un segundo botón de guardar es innecesario.
- Falta un botón para previsualizar la postal.
- Despues de enviar un comentario, debería mostrarse al usuario la confirmación del mismo. Puede ser gráficamente.
- No sobraría un salir en la interfaz.
- Las preguntas deberían estar separadas por criterios (motor, accesorios, manejo etc.)
- Falto exploración en la elección de la tipografía.
- ¿Para que a,b,c en las preguntas?
- En general nos parece muy bueno.
- El tablero no debería haber sido electrónico sino analogo (jajaaj) es decir nos gustaría que se moviera la aguja para saber cuantas faltan y en donde estoy.
- La numeración debería abarcar todo el proceso, o especialmente el cuestionario.
- Hubiera sido bueno que las imagenes fueran tuyas.
- En la pagina de inicio no se ven algunas de las imagenes vinculadas.
- Hay varios errores de ortografía y de digitación.
- Muy bacano que el texto no sea imagen.
- Los detalles de la elección de colores y de poder añadir más correos son muy inteligentes.
- En la primera pantalla cuando le digo que ahora no, me dice ¡que bien! esto resulta extraño.
- Es muy interesate la manera como la aplicación se dirige al usuario.
- La ubicación dentro de la pagina no es la adecuada, pues el pop up oculta el logo.
- El reproductor no funciona.
- Los campos de fecha: dia mes y año deben ser select con las opciones ya ingresadas para que el usuario solo deba elejirlas y no tener que digitarlas.
- La pagina que invoca la pop up se recarga al presionar los botenes, esto era facil de corregir.
- La propuesta es novedosa y pertinente, esta bien planteada pero de nuevo se observa poca antencion a los detalles graficos, debe ser un objetivo mejorar en el manejo de herramientas graficas o en ser mas observador y cuidadoso de los detalles ya que una buena propuesta se viene al piso por esos elementos mal acabados.
- La tabla de permios y puntos necesitan mejor manejo de espacios, se ve apeñuscado y no deberia haber scroll horizontal
- Enterado de la info no es sinonimo de continuar, los botones deben tener textos mas consistentes con toda la aplicacion y muy claros
- El la seccion de registro no hay boton que me permita regresar para ver los premios o simplemente devolverme
- Al inicio de la polla la barra que marca la seccion (goles, alineacion etc) esta bien planteada pero de nuevo el mal acabado grafico daña la idea. El diseño grafico no puede ser tan descuidado. Los botones de atras y adelante con distinto tamaño en las fuentes ademas las figura del simbolo de nacional para un boton es algo gratuito no tiene mucho concepto ni coherencia formal se ve complejo y puede confundir.
- La cancha con la alineacion es muy buena idea pero de nuevo el mal acabado grafico la tumba.
- Al final de la polla la opcion de previsualizar datos deberia ser obligatoria es decir un boton de continuar que me lleve obligado a ver los datos que eleji antes de enviar por si quiero cambiar alguno a ultima hora.
- El enviar debe llevar a una confirmacion de que se ha enviado pero esta apareciendo de nuevo el home de nacional en la pop up lo que parece un error.
miércoles, 15 de agosto de 2007
Blogger on the go
http://help.blogger.com/bin/answer.py?answer=42448
Pixel Fonts
http://www.photoshopsupport
http://www.dafont.com/bitmap
lunes, 13 de agosto de 2007
Reactee. PDA + Camiseta = Mensaje de texto.
1. Creas tu camiseta con el texto reactivo.
2. Te la envian por correo.
3. Si alguien te escribe un mensaje de texto, "reactee" le responde.
http://reactee.com/
Concurso 2008 para las mejores aplicaciones moviles de Nokia.
http://www.mobilerules.org/
viernes, 10 de agosto de 2007
Links bacanos pora el ejercicio de prospectiva cultural.
Prendas inteligentes y divertidas
Este otro también puede servirles para el ejercicio en curso.
Teléfonos revelan arte invisible
jueves, 9 de agosto de 2007
Poquet Pc para la que vamos a diseñar la aplicación
jueves, 2 de agosto de 2007
miércoles, 1 de agosto de 2007
Ejercicio 3: "Diseño de metáfora"
Enunciado: Identificar en un espacio físico donde se desarrolle alguna labor artesanal, los indices, iconos, acciones, usuarios y procedimientos que en el se llevan a cabo, para construir a partir de ellos una metáfora para pda.
Valor: 10%
Entrega:Una justificación escrita del proyecto (1 pg). Presentación corta de la investigación (5 diapositivas). Sistema de iconos y aplicación funcional del celular en flash.
Referencias web:
Iconos:
http://jimmac.musichall.cz/icons.php (Cortesía de Roylan Galeano).
http://www.pixelgirlpresents.com/icons.php?cat=pc
Funcionalidades de PDA:
Gráficamente son muy limitadas pero sus funcionalidades son interesantes.
http://mobile.ask.com/index.jsp
http://travelosa.mobi/
http://co.m.yahoo.com/
http://www.thumbplay.com/
http://www.oursites.co.nz/rubbishfilmfest/home_old.asp
http://wap.projectrunway.mlogic3g.com/
http://mobile.reuters.com/