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.
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.
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.
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:
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".
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.
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.pngBTW, 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)
Apenas sobrepõe a placa de cartão
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 textoApenas 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