¡No me hagas pensar!

Respuestas a esta discusión

Vínculo permanente Respuesta de tatiana pollero el julio 28, 2011 a las 11:16pm

• ▶ Responder

Vínculo permanente Respuesta de Ariel Glaz el julio 29, 2011 a las 4:44pm

Hola Tatiana y Renso (no se si Miriam sigue estando por ahí o no)!

Les dejo las capturas que mandaron con algunas observaciones. En líneas generales, el traspaso de los wireframes a la gráfica fue bastante bueno. En todas las pantallas tienen un problema de usabilidad general: los botones. Siempre son del mismo tamaño y todos tienen el mismo tratamiento gráfico. ¿Recuerdan lo que hablamos de los Call to Action? Piensen cuáles son las acciones que más les interesa que hagan los usuarios y jerarquicen en función de eso. Seguramente no todo tenga que ser un botón, también pueden usar links.

Revisen los puntos marcados en las capturas y -si quieren- con los cambios aplicados, volvemos a revisar el workflow completo.

Abrazo!

 

• ▶ Responder

Vínculo permanente Respuesta de tatiana pollero el julio 29, 2011 a las 8:51pm

 Buenisimo!!seguiremos modificando el trabajo con mi aliado Renso hasta que quede optimo, hay mucho por modificar,me encanta porque aparecen errores por todas partes.

gracias a los dos por las correcciones y la buena onda!!muy interesante el ws que propusieron!!

saludos

• ▶ Responder

Vínculo permanente Respuesta de Andrés Hernán Bloise el julio 30, 2011 a las 6:41am

Muy bueno!!! Aprendi mucho de sólo ver las correcciones copado eso!!!

 

• ▶ Responder

Vínculo permanente Respuesta de Sebastian Puig el julio 30, 2011 a las 3:47pm

che si sale uno nuevo por favor avisame que me re prendo, porfa, me parece bien copado esto

 

saludos

• ▶ Responder

Vínculo permanente Respuesta de Débora Edelberg el agosto 3, 2011 a las 1:23am

Holaa todos! subo la "propuesta gráfica" (le falta mucho para sacarle las comillas jaj) de los wireframes de Recetario Express :)

 

Algunas dudas que surgieron en el traspaso:

 

Página home: buscador

• El link que permite desplegar más filtros de búsqueda, cómo debería ser?
• El botón de "Sorprendeme!":

1. están los dos al mismo nivel. Pero no sabíamos cómo hacerlo. Nos parecía que tenían el mismo peso (de hecho en google tienen la misma importancia). Pero ayer justo leí un artículo que hablaba de eso http://uxmovement.com/buttons/the-visual-weight-of-primary-and-seco...
2. y otro que encontré recién, sobre un tema que dijeron que está en discusión: http://uxmovement.com/buttons/why-ok-buttons-in-dialog-boxes-work-b.... Todo este sitio está muy bueno!

 

 

Página resultados de búsqueda

• En la barra de la izquierda, en la parte de ingredientes, incluimos un cuadro de texto para ingresar u nuevo ingrediente, que funciona igual que en el buscador. La diferencia es que en éste caso, al reconocer un ingrediente, éste se coloca automáticamente con el mismo estilo que los de arriba (es decir, un checkbox en valor verdadero, checked con un combo al lado para elegir la cantidad de ese ingrediente).
• Es gráfica la otra duda: en los iconos de visualización de los resultados (visualizar como grilla, o como listado), se entiende cuál es el que está seleccionado? o parece que fuera al reves?

(la idea es que al hacer scroll, lo único que baje sea el listado, que queden fijas la barra de filtros de la izquierda y la barra de opciones de visualización de arriba del listado).

Esperamos comentarios! graciass!

Saludos!

• ▶ Responder

Vínculo permanente Respuesta de Ariel Glaz el agosto 4, 2011 a las 1:55pm

Débora, perdón por la demora! A más tardar mañana les estamos respondiendo con la corrección!

Saludos,
Ari.

• ▶ Responder

Vínculo permanente Respuesta de Débora Edelberg el agosto 4, 2011 a las 2:30pm

Hola Ari! todo bien! cuando puedan!!!!

Sé que es tarde y ya terminó el workshop, pero pensé que era mejor postearlo que dejarlo así hecho sin corrección.

De paso, abro el espacio para dejar links a sitios/blogs de usability. Paso algunos que yo sigo:

http://www.facebook.com/usability.engineering?sk=wall (una page de Facebook, siempre postean buenos links)

http://uxmovement.com/

http://www.intuitionhq.com/blog/2011/03/usability-ux-checklist/

http://www.usabilitycounts.com/

http://www.userfocus.co.uk/resources/guidelines.html

http://ui-patterns.com/patterns (éste lo acabo de encontrar, pero parece interesante)

http://webdesignledger.com/ (éste es de diseño en general, pero tiene algunos posts de usability)

 

Saludos!

Débora

• ▶ Responder

Vínculo permanente Respuesta de Andrés Estevez el agosto 4, 2011 a las 6:13pm

Hola chicos!! perdón por la demora. Vamos paso a paso como diría Mostaza.

Está quedando bastante bien! se nota que prestaron mucha atención a los slides :)

 

Van algunas cuestiones a tener en cuenta..

 

1er pantalla (buscadorsindesplegar.jpg/buscadordesplegado.jpg)

 

El subtítulo que dice "Buscador de recetas" parece un botón (ojo con eso), puede confundir al usuario a clickear.

En el input para ingresar el ingrediente, quizá puedan poner un ejemplo a buscar. se acuerdan el ejemplo de los slides en donde directamente decía el autor o nombre de libro? Quizá esté bueno intuir al usuario poniendo el ejemplo y la acción a seguir, por ejemplo Ingresa un ingrediente ej: harina, huevos, etc.

En el segundo input donde dice ingresa otro ingrediente, podría ser un botón con un + en vez de un combo, salvo que si o si pidan obligatoriamente como mínimo 2 ingredientes.  Este botón lo que haría es agergar el combo, pero en principio el usuario ve una pantalla más limpia y tiene la opción de elegir agregar uno más.

En la cantidad de comensales el select podría sustituirse por una barra desplazadora (en el kit incluímos varias) quizá sea un poco más intuitiva que un select que al desplegarse, aparecen muchisimas opciones.

Con respecto a los filtros, le faltaría un check que diga Seleccionar todos y Deseleccionar todos, para ahorrarle clicks al usuario si quiere elegir todas las opciones o resetear todos los checks..

 

Con respecto a lo que preguntabas sobre los botones, está buenísimo el artículo que publicaste!

Siempre se jerarquiza el call ot action principal, dejando como botón secundario la acción (valga la redundancia) como secundario. Este se puede hacer como un link para que justamente tenga menos pertinencia que el principal.

 

2da Pantalla (resultadosbusqueda.jpg / resultadosbusquedascroll.jpg)

Los filtros superiores (ordenar por: relevancia) si no son muchos podrían estar uno al lado del otro como los tiene por ejemplo mercado libre. Se los tiro como opción, no sé cuántos pensaron como para poner un select.

Quizá los iconitos para verlo como listado o por galería, debería estar antes que la cantidad de resultados, a modo de segmentar la información de tal manera : tipo de vista, cantidad de resultados y filtrar por , de esta manera filtrar por se remite a la cantidad de resultados.

Para el paginado, debería tener la opción así como ahoroa está la de siguiente página y anteior página, ir a la primer página y a la última..

En los filtros de la izquierda casilo miso que en las anteriores pantallas, las barras para comenzales, un check all y uncheck all. El input que está grisado está desactivado?

 

En el listado, qué es lo más importante luego del título, los ingredientes o los filtros? Esto llevado al usuario que está buscando platos a través de ingredientes, creo que luego del título , lo más importante son los ingredientes y luego los filtros de búsqueda o tags..

Creo que eso es todo! estaría bueno ver como sigue, es decir como lo voto, como se muestran los comentarios, y el desarrollo de las demás pantallas.

 

Esta quedando muy bueno, si quieren pueden subirlo nuevamente y lo volvemos a ver.

 

gracias chicos!!!

Cualquier duda nos consultan por acá.

 

abrazo!!!

 

 

Andrés

 

 

 

 

Débora Edelberg dice:

Holaa todos! subo la "propuesta gráfica" (le falta mucho para sacarle las comillas jaj) de los wireframes de Recetario Express :)

 

Algunas dudas que surgieron en el traspaso:

 

Página home: buscador

• El link que permite desplegar más filtros de búsqueda, cómo debería ser?
• El botón de "Sorprendeme!":

1. están los dos al mismo nivel. Pero no sabíamos cómo hacerlo. Nos parecía que tenían el mismo peso (de hecho en google tienen la misma importancia). Pero ayer justo leí un artículo que hablaba de eso http://uxmovement.com/buttons/the-visual-weight-of-primary-and-seco...
2. y otro que encontré recién, sobre un tema que dijeron que está en discusión: http://uxmovement.com/buttons/why-ok-buttons-in-dialog-boxes-work-b.... Todo este sitio está muy bueno!

 

 

Página resultados de búsqueda

• En la barra de la izquierda, en la parte de ingredientes, incluimos un cuadro de texto para ingresar u nuevo ingrediente, que funciona igual que en el buscador. La diferencia es que en éste caso, al reconocer un ingrediente, éste se coloca automáticamente con el mismo estilo que los de arriba (es decir, un checkbox en valor verdadero, checked con un combo al lado para elegir la cantidad de ese ingrediente).
• Es gráfica la otra duda: en los iconos de visualización de los resultados (visualizar como grilla, o como listado), se entiende cuál es el que está seleccionado? o parece que fuera al reves?

(la idea es que al hacer scroll, lo único que baje sea el listado, que queden fijas la barra de filtros de la izquierda y la barra de opciones de visualización de arriba del listado).

Esperamos comentarios! graciass!

Saludos!

• ▶ Responder

Vínculo permanente Respuesta de Débora Edelberg el agosto 5, 2011 a las 8:05pm

Genial las correcciones! muchas gracias!!

Ni bien pueda, subo de nuevo con los cambios y las nuevas pantallas.

Yaa estoy reservando www.recetarioexpress.com.ar jaja (no, primero hay que pensar un mejor nombre!).

Saludos!

Débora

• ▶ Responder

Vínculo permanente Respuesta de Débora Edelberg el noviembre 2, 2011 a las 1:56pm

Hola gente! qué tal?

Tengo ganas de ir a http://www.disenoinclusivo.org.ar/. Hay algunas charlas que me interesan.

Alguien va? a qué actividades piensan ir?

Saludos!

Débora

• ▶ Responder

Vínculo permanente Respuesta de Ariel Glaz el noviembre 2, 2011 a las 6:18pm

Hola Débora,

Gracias por recordarmelo, estoy anotado hace un montón y me había olvidado que tenía que ir :)

 

Débora Edelberg dice:

Hola gente! qué tal?

Tengo ganas de ir a http://www.disenoinclusivo.org.ar/. Hay algunas charlas que me interesan.

Alguien va? a qué actividades piensan ir?

Saludos!

Débora

• ▶ Responder

▶ Responder a debate

• ‹ Anterior
• 1
• 2
• Siguiente ›
• Página