Pushpin: Mostrar tarjeta de tablero enfocada en la barra de título en lugar de tablero

Creado en 13 nov. 2019  ·  13Comentarios  ·  Fuente: automerge/pushpin

Como se describe en https://github.com/inkandswitch/pushpin/pull/310#issuecomment -551936885, sería muy útil permitir que los controladores de contenido tengan controles adicionales sin sobrecargar la interfaz de usuario. Aquí hay un ejemplo de controlador de contenido de texto / código que, en lugar de proporcionar subtítulos, le permite cambiar el modo de sintaxis.

mode-switch

Sin embargo, a menos que se ingrese la tarjeta, no hay forma de proporcionar controles adicionales mientras se mantiene el controlador de contenido agradable y limpio. Aquí hay un intento de hacer eso también.

inline-mode-switch

Me gustaría proponer mostrar una tarjeta activa / enfocada en la barra de título, de esa manera proporcionará una experiencia de usuario consistente al usuario y todas las configuraciones o acciones comunes pueden aparecer en la barra de título. Prácticamente crea una metáfora de la "barra de menú" de macOS, donde la aplicación proporciona acciones comunes.

También podría valer la pena considerar la aparición de cosas como los controles de entrada / salida, como la forma en que el botón de semáforo verde proporciona el modo de pantalla completa de entrada / salida en macOS.

Todos 13 comentarios

En la nota al margen, también preferiría reemplazar el elemento <select> en las demostraciones anteriores con "omniselect", lo que proporcionaría una experiencia más consistente + filtrado y tal vez características incluso más poderosas con el tiempo.

Me gustó su boceto de esto en un número anterior en el que la tarjeta seleccionada se superponía a la ubicación actual y creo que este concepto es bastante convincente.

Tenemos un montón de problemas con el enfoque frente a la selección en este momento que he estado tratando de resolver de todos modos, así que creo que esto ayudará. ¿Será confuso si pasa de 1 a 2 cartas seleccionadas y no obtiene ese enfoque? ¿Pensamientos sobre cómo funcionaría?

Eche un vistazo a la sucursal cleaner-drag para ver un poco de ese trabajo en progreso.

¿Será confuso si pasa de 1 a 2 cartas seleccionadas y no obtiene ese enfoque? ¿Pensamientos sobre cómo funcionaría?

Supongo que te refieres a que se seleccionen varias cartas al mismo tiempo.

Creo que en tal caso, la barra de título probablemente debería mostrar algo similar a lo que hace ahora, pero en lugar de decir "n elementos" en los subtítulos, diga "m elementos seleccionados de n".

Tal vez también muestre acciones relevantes si hay algunas para mayúsculas y minúsculas, por ejemplo, eliminar, compartir

Me gustó su boceto de esto en un número anterior en el que la tarjeta seleccionada se superponía a la ubicación actual y creo que este concepto es bastante convincente.

Te refieres a esto ?

Estoy teniendo dudas sobre el anidamiento, porque puede ser profundo y ocupará un espacio que podría usarse mejor para mostrar controles de contenido relevantes.

Por no decir que no se puede hacer, es probable que hacerlo bien sea un desafío. Por otro lado, tener una idea de dónde se encuentra y una forma rápida de saltar varios niveles parece convincente.

oh, estaba pensando no en el anidamiento completo, sino en superponer el actual
item seleccionado.

El martes 12 de noviembre de 2019 a las 11:17 p.m. Irakli Gozalishvili <
[email protected]> escribió:

Me gustó su boceto de esto en un número anterior donde la tarjeta seleccionada
capas sobre la ubicación actual y creo que este concepto es bastante
convincente.

Te refieres a esto ?

https://user-images.githubusercontent.com/21236/68500724-3aa7da80-0211-11ea-955d-cc40de8cfc83.png

Estoy teniendo dudas sobre la anidación, porque puede ser profunda y
ocupar un espacio que podría utilizarse mejor para mostrar contenido relevante
control S.

Por no decir que no se puede hacer, es probable que hacerlo bien sea
desafiante. Por otro lado, tener una idea de dónde se encuentra y una forma rápida
saltar varios niveles parece convincente.

-
Estás recibiendo esto porque hiciste un comentario.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQAAJDTGB6IJ4M32AY3QTOSXNA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43WWK3TUL52HS4DFVREXG43WZDMVBED5 ,
o darse de baja
https://github.com/notifications/unsubscribe-auth/AAAAWQCIWHWFL5HTNX4J3ELQTOSXNANCNFSM4JMR24IA
.

-
Peter van Hardenberg
San Francisco, California
"Todo era hermoso y nada dolía" - Kurt Vonnegut

Hice un primer borrador que parece bastante confuso en este momento:

Sin selección

image

Nota de texto seleccionada

image


Efecto secundario interesante, si tiene un tablero anidado que tiene un elemento seleccionado dentro, también aparece. Probablemente podríamos abordar eso usando un contexto diferente en lugar de simplemente reutilizar el contexto de "lista".

image

En general, no estoy contento con las imágenes. Creo que debemos encontrar una mejor manera de presentar esto o no mostrar el ícono del tablero en absoluto. También podría ser que tener íconos no circulares funcione mejor. Jugaré y veré si puedo encontrar algo más agradable.

Probé una versión más donde los íconos tienen retroalimentación visual de lo que se selecciona. Debajo de "borde punteado" significa que no es la selección activa. Mientras que el borde sólido indica una selección activa. Si no se seleccionó nada, el icono del tablero tendría la selección. No estoy muy contento con el resultado, pero pensé en publicar de todos modos.

image

Screen Shot 2019-11-18 at 1 01 14 PM

Por cierto, también encontré que tener varias tarjetas seleccionadas y tener sus títulos editables en la barra de título es bastante útil.

¡Esta genial!

El lunes, 18 de noviembre de 2019 a las 1:48 p.m. Irakli Gozalishvili <
[email protected]> escribió:

[imagen: Captura de pantalla del 18 de noviembre de 2019 a las 1 01 14 p.m.]
https://user-images.githubusercontent.com/21236/69096724-d273a880-0a09-11ea-976c-73454a48aff8.png

Por cierto, también encontré que tienen varias tarjetas seleccionadas y tienen sus títulos
editable en la barra de título es bastante útil.

-
Estás recibiendo esto porque hiciste un comentario.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHSOKGZVHNYPWUN77LQUMERLA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMDVBWEMA2W63 ,
o darse de baja
https://github.com/notifications/unsubscribe-auth/AAAAWQDXQQT4S7M2GMHQ54TQUMERLANCNFSM4JMR24IA
.

-
Peter van Hardenberg
San Francisco, California
"Todo era hermoso y nada dolía" - Kurt Vonnegut

Hice algunos intentos para que pareciera más atractivo (me encantaría recibir comentarios)

Sin selección

Screen Shot 2019-11-22 at 4 54 37 PM

Selección de tarjeta de texto

Solo superposiciones de tarjeta de tablero
Screen Shot 2019-11-22 at 4 54 51 PM
Screen Shot 2019-11-22 at 4 54 55 PM

Botones de navegación plegables debajo

Sin selección

Screen Shot 2019-11-22 at 4 59 24 PM

Selección de código

Screen Shot 2019-11-22 at 4 59 34 PM

Me encanta esto, pero no nos hemos comprometido con el diseño de las pastillas. Si puedes dar
una versión de esto que funcione con una barra de título sólida, ¡la tomaré!

El viernes 22 de noviembre de 2019 a las 17:16 Irakli Gozalishvili <
[email protected]> escribió:

Hice algunos intentos para que pareciera más atractivo (me encantaría recibir comentarios)
Sin selección

[imagen: captura de pantalla 22/11/2019 a las 4 54 37 p. m.]
https://user-images.githubusercontent.com/21236/69470371-14bf2180-0d4b-11ea-859b-0bf89e10432c.png
Selección de tarjeta de texto

Solo superposiciones de tarjeta de tablero
[imagen: captura de pantalla 22/11/2019 a las 4 54 51 p. m.]
https://user-images.githubusercontent.com/21236/69470372-14bf2180-0d4b-11ea-8136-0b99f6dc0d8a.png
[imagen: captura de pantalla 22/11/2019 a las 4 54 55 p. m.]
https://user-images.githubusercontent.com/21236/69470373-14bf2180-0d4b-11ea-9266-735d864d5b57.png
Botones de navegación plegables debajo de Sin selección

[imagen: captura de pantalla 2019-11-22 a las 4 59 24 p. m.]
https://user-images.githubusercontent.com/21236/69470375-1557b800-0d4b-11ea-9e71-68b2dadb7e27.png
Selección de código

[imagen: captura de pantalla 2019-11-22 a las 4 59 34 p. m.]
https://user-images.githubusercontent.com/21236/69470376-1557b800-0d4b-11ea-9ac8-320d2f1ee31f.png

-
Estás recibiendo esto porque hiciste un comentario.
Responda a este correo electrónico directamente, véalo en GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHZD7CO37AUHZG5JF3QVB75ZA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXWG43WWMV77 ,
o darse de baja
https://github.com/notifications/unsubscribe-auth/AAAAWQB73MFUDNOOSIJYDUDQVB75ZANCNFSM4JMR24IA
.

-
Peter van Hardenberg
San Francisco, California
"Todo era hermoso y nada dolía" - Kurt Vonnegut

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

canadaduane picture canadaduane  ·  9Comentarios

edrex picture edrex  ·  7Comentarios

Gozala picture Gozala  ·  4Comentarios

radio-alice picture radio-alice  ·  7Comentarios

Gozala picture Gozala  ·  9Comentarios