Pushpin: Exibir o cartão do tabuleiro em destaque na barra de título em vez do tabuleiro

Criado em 13 nov. 2019  ·  13Comentários  ·  Fonte: automerge/pushpin

Conforme descrito em https://github.com/inkandswitch/pushpin/pull/310#issuecomment -551936885, seria muito útil permitir que os manipuladores de conteúdo tivessem controles adicionais sem sobrecarregar a IU. Aqui está um exemplo de manipulador de conteúdo de texto / código que, em vez de fornecer legenda, permite alternar o modo de sintaxe.

mode-switch

No entanto, a menos que o cartão seja inserido, não há como fornecer controles adicionais e, ao mesmo tempo, manter o gerenciador de conteúdo bom e limpo. Aqui está uma tentativa de fazer isso também.

inline-mode-switch

Eu gostaria de propor a exibição do cartão ativo / focado na barra de título, dessa forma, ele fornecerá uma experiência de usuário consistente para o usuário e todas as configurações ou ações comuns podem ser exibidas na barra de título. Ele praticamente cria a metáfora da "barra de menus" do macOS, em que o aplicativo fornece ações comuns.

Também pode valer a pena considerar a superfície de itens como controles de entrada / saída, como o botão de semáforo verde fornece entrada / saída do modo de tela inteira no macOS.

Todos 13 comentários

Na observação lateral, eu também preferiria substituir o elemento <select> nas demos acima por "omniselect", que forneceria uma experiência + filtragem mais consistente e talvez recursos ainda mais poderosos ao longo do tempo.

Gostei do seu esboço disso em uma edição anterior, em que o cartão selecionado era colocado em camadas sobre a localização atual e acho que esse conceito é bastante atraente.

Temos um monte de problemas com foco versus seleção agora que estou tentando resolver de qualquer maneira, então acho que isso vai ajudar. Será confuso se você selecionar de 1 a 2 cartas e não conseguir esse foco? Pensamentos sobre como isso funcionaria?

Dê uma olhada no branch cleaner-drag para um pouco desse trabalho em andamento.

Será confuso se você selecionar de 1 a 2 cartas e não conseguir esse foco? Pensamentos sobre como isso funcionaria?

Suponho que você quer dizer vários cartões selecionados ao mesmo tempo.

Acho que, nesse caso, a barra de título provavelmente deve exibir algo l semelhante ao que faz agora, mas em vez de dizer “n itens” no subtítulo, diga “m itens selecionados de n”.

Talvez também mostre ações relevantes se houver algumas para o caso de vários cartões, por exemplo, excluir, compartilhar

Gostei do seu esboço disso em uma edição anterior, em que o cartão selecionado era colocado em camadas sobre a localização atual e acho que esse conceito é bastante atraente.

Você quis dizer isso ?

Estou tendo dúvidas sobre o aninhamento, porque pode ser profundo e ocupará um espaço que pode ser melhor usado para revelar controles de conteúdo relevantes.

Para não dizer que não pode ser feito, apenas acertar provavelmente será um desafio. Por outro lado, ter noção de onde você está e uma maneira rápida de pular vários níveis parece atraente.

oh, eu não estava pensando em aninhamento completo, mas apenas sobrepondo o atual
item selecionado.

Na terça, 12 de novembro de 2019 às 23h17 Irakli Gozalishvili <
notificaçõ[email protected]> escreveu:

Gostei do seu esboço disso em uma edição anterior, onde o cartão selecionado
sobre a localização atual e acho que esse conceito é bonito
atraente.

Você quis dizer isso ?

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

Estou tendo dúvidas sobre o aninhamento, porque pode ser profundo e vai
ocupar um espaço que poderia ser melhor usado para trazer à tona conteúdo relevante
controles.

Para não dizer que não pode ser feito, apenas acertar provavelmente será
desafiante. Por outro lado, ter noção de onde você está e uma maneira rápida
pular vários níveis parece atraente.

-
Você está recebendo isso porque comentou.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQAAJDTGB6IJ4M32AY3QTOSXNA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOED5EGVY#issuecomment-553272151 ,
ou cancelar
https://github.com/notifications/unsubscribe-auth/AAAAWQCIWHWFL5HTNX4J3ELQTOSXNANCNFSM4JMR24IA
.

-
Peter van Hardenberg
São Francisco, Califórnia
"Tudo estava lindo e nada doeu." - Kurt Vonnegut

Fiz um primeiro rascunho que parece muito confuso agora:

Nenhuma seleção

image

Nota de texto selecionada

image


Efeito colateral interessante, se você tiver um tabuleiro aninhado que tem um item selecionado dentro dele também aparecerá. Provavelmente poderíamos resolver isso usando um contexto diferente em vez de apenas reutilizar o contexto de "lista".

image

No geral, não estou feliz com o visual. Acho que precisamos descobrir uma maneira melhor de apresentar isso ou não mostrar o ícone do quadro. Também pode ser que ícones não circulares funcionem melhor. Vou brincar e ver se consigo encontrar algo mais agradável.

Tentei mais uma versão em que os ícones têm feedback visual para o que é selecionado. Abaixo da "borda tracejada" significa não ser a seleção ativa. Enquanto a borda sólida indica a seleção ativa. Se nada foi selecionado, o ícone do tabuleiro teria seleção. Não estou muito feliz com o resultado, mas pensei em postar mesmo assim.

image

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

BTW, também descobri que ter vários cartões selecionados e ter seus títulos editáveis ​​na barra de título é bastante útil.

Isso é legal!

Na segunda-feira, 18 de novembro de 2019 às 13h48 Irakli Gozalishvili <
notificaçõ[email protected]> escreveu:

[imagem: Captura de tela 18/11/2019 às 13h14]
https://user-images.githubusercontent.com/21236/69096724-d273a880-0a09-11ea-976c-73454a48aff8.png

BTW, também descobri que têm vários cartões selecionados e têm seus títulos
editável na barra de título é bastante útil.

-
Você está recebendo isso porque comentou.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHSOKGZVHNYPWUN77LQUMERLA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEEMA4VQ#issuecomment-555224662 ,
ou cancelar
https://github.com/notifications/unsubscribe-auth/AAAAWQDXQQT4S7M2GMHQ54TQUMERLANCNFSM4JMR24IA
.

-
Peter van Hardenberg
São Francisco, Califórnia
"Tudo estava lindo e nada doeu." - Kurt Vonnegut

Fez poucas tentativas para torná-lo mais atraente (adoraria um feedback)

Nenhuma seleção

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

Seleção de cartão de texto

Apenas sobrepõe a placa de cartão
Screen Shot 2019-11-22 at 4 54 51 PM
Screen Shot 2019-11-22 at 4 54 55 PM

Botões de navegação dobráveis ​​sob

Nenhuma seleção

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

Seleção de código

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

Eu amo isso, mas não nos comprometemos com o design do losango. Se você pode dar
uma versão disso que funciona com uma barra de título sólida eu vou pegar!

Na sexta-feira, 22 de novembro de 2019 às 17:16 Irakli Gozalishvili <
notificaçõ[email protected]> escreveu:

Fez poucas tentativas para torná-lo mais atraente (adoraria um feedback)
Nenhuma seleção

[image: Screen Shot 2019-11-22 at 4 54 37 PM]
https://user-images.githubusercontent.com/21236/69470371-14bf2180-0d4b-11ea-859b-0bf89e10432c.png
Seleção de cartão de texto

Apenas sobrepõe a placa de cartão
[imagem: Screen Shot 2019-11-22 at 4 54 51 PM]
https://user-images.githubusercontent.com/21236/69470372-14bf2180-0d4b-11ea-8136-0b99f6dc0d8a.png
[imagem: Screen Shot 2019-11-22 at 4 54 55 PM]
https://user-images.githubusercontent.com/21236/69470373-14bf2180-0d4b-11ea-9266-735d864d5b57.png
Botões de navegação dobráveis ​​em Sem seleção

[imagem: Screen Shot 2019-11-22 at 4 59 24 PM]
https://user-images.githubusercontent.com/21236/69470375-1557b800-0d4b-11ea-9e71-68b2dadb7e27.png
Seleção de código

[imagem: Screen Shot 2019-11-22 at 4 59 34 PM]
https://user-images.githubusercontent.com/21236/69470376-1557b800-0d4b-11ea-9ac8-320d2f1ee31f.png

-
Você está recebendo isso porque comentou.
Responda a este e-mail diretamente, visualize-o no GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHZD7CO37AUHZG5JF3QVB75ZA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEE7JPPA#issuecomment-557750204 ,
ou cancelar
https://github.com/notifications/unsubscribe-auth/AAAAWQB73MFUDNOOSIJYDUDQVB75ZANCNFSM4JMR24IA
.

-
Peter van Hardenberg
São Francisco, Califórnia
"Tudo estava lindo e nada doeu." - Kurt Vonnegut

Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

pvh picture pvh  ·  4Comentários

Gozala picture Gozala  ·  9Comentários

radio-alice picture radio-alice  ·  7Comentários

canadaduane picture canadaduane  ·  9Comentários

edrex picture edrex  ·  7Comentários