Wireframes per mobile (nova estratègia

Hola aquí els wireframes resultants del procés de disseny fet anteriorment.

Esta endreçat per use cases, i en una carpeta hi han els sketchs.

Recordar que els wireframes sorgeixen d’un procés de co-disseny amb coopdevs i recerca d’usuaries per mirar de revisar la usabilitat de la app.

1 me gusta

Hola, he estado probando las primeras mejoras propuestas por @zarpilla en https://github.com/coopdevs/timeoverflow/pull/501

Algunas sugerencias:

Creo que seria mejor fijar el alto cuando no se despliega nada en las cajas de ofertas/demandas/usuarios si no a veces pasa esto:

En el delplegable de oferta/demanda, lo más útil seria mostrar también datos de contacto del usuario, quizás en una futura iteración.

Aquí en el detalle del member creo que se puede quitar directamente el icono del reloj + texto Balance: con el número tan grande a la derecha destacado ya se entiende que se trata del balance de horas

org

También creo que los tags mejor mostrarlos en la misma línea separados por comas, en los diferentes lugares donde aparecen

como lo ves @adriagm ? se puede probar en https://staging.timeoverflow.org/

Administrador: prueba_admin@bdtonline.org
Usuario: prueba_usuario@bdtonline.org
Contraseña para ambos: 12345pruebas

Normalmente esto se resuelve de la siguiente forma (pseudocódigo):

foreach item in items
  <div class="col-md-6">
  item-template
  </div>
  if item.index mod 2 == 1 
    <div class="col-xs-12" />
  endif
end

Se necesitaria el “item.index” pero no se muy bien si está disponible en el modelo o por defecto en los templates de ruby.

Así no es necesario fijar el alto, que trae otras limitaciones y problemas.

seguramente sí, mejor en la misma línea

Seguro hay manera, yo esto que es más técnico lo preguntaria en Github

También he visto que los imputs de search funcionan dándole al enter cosa que en mobile es complicado y en general por el público al que nos dirigimos puede ser que mucha gente no sepa como hacerlo, si buscará mientras escribes tendría sentido no tener botón pero tal y como está hecho ahora necesitamos un botón para buscar.

En mobile hay dos formas para que busque:

  • Una vez escribes, en el teclado nativo, dándole al botón de “ir” o “ves-hi” o “submit”, en función del móvil.
  • El icono de la lupa és realmente un botón. Está a la izquierda pues así estaba en los diseños, pero puede ir a la derecha o a la derecha fuera del input y quizá se entiende mejor. Como lo veais más claro.

Pues es verdad, bueno pues dejemoslo así a ver que nos dicen los usuarios

Sí, hay manera, aquí se explica como: https://www.pgrs.net/2007/07/19/render-partial-with-collection-has-hidden-counter/

Hola,

Muestro algunos cambios respecto a las sugerencias de @sseerrggii

Caja de búsqueda en blanco:

Etiquetas en una línea:
image

Balance:

Como lo veis?

Gracias! Añado los cambios a https://staging.timeoverflow.org/ por si alguien quiere probarlos y dar feedback, datos de acceso

Administrador: prueba_admin@bdtonline.org
Usuario: prueba_usuario@bdtonline.org
Contraseña para ambos: 12345pruebas