Pushpin: ボードの代わりにタイトルバーにフォーカスされたボードカードを表示する

作成日 2019年11月13日  ·  13コメント  ·  ソース: automerge/pushpin

https://github.com/inkandswitch/pushpin/pull/310#issuecomment -551936885で説明されているように、UIをオーバーロードせずにコンテンツハンドラーに追加のコントロールを持たせると非常に便利です。 これは、字幕を提供する代わりに構文モードを切り替えることができるテキスト/コードコンテンツハンドラーの例です。

mode-switch

ただし、カードを入力しない限り、コンテンツハンドラーをきれいに保ちながら、追加のコントロールを提供する方法はありません。 これもそうする試みです。

inline-mode-switch

アクティブ/フォーカスされたカードをタイトルバーに表示することを提案したいと思います。そうすれば、ユーザーに一貫したユーザーエクスペリエンスを提供し、すべての一般的な設定またはアクションをタイトルバーに表示できます。 これは、アプリケーションが一般的なアクションを提供するmacOSから「メニューバー」のメタファーをほぼ作成します。

また、緑色の信号ボタンがmacOSでフルスクリーンモードの開始/終了を提供する方法のような、入力/終了コントロールのような表面化を検討する価値があるかもしれません。

全てのコメント13件

ちなみに、上記のデモの<select>要素を「omniselect」に置き換えることもできます。これにより、より一貫したエクスペリエンスとフィルタリングが提供され、時間の経過とともにさらに強力な機能が提供される可能性があります。

選択したカードが現在の場所に重ねられた過去の号でのあなたのスケッチが気に入りました。このコンセプトはかなり説得力があると思います。

とにかく理解しようとしてきた今、フォーカスと選択の問題がたくさんあるので、これが役立つと思います。 選択した1〜2枚のカードから移動して、その焦点が合わない場合、混乱しますか? それがどのように機能するかについての考えは?

進行中の作業については、ブランチcleaner-dragをご覧ください。

選択した1〜2枚のカードから移動して、その焦点が合わない場合、混乱しますか? それがどのように機能するかについての考えは?

複数のカードが同時に選択されているということですか?

そのような場合、タイトルバーにはおそらく現在と同じようなものが表示されるはずですが、サブタイトルで「nアイテム」と言う代わりに、「nからm選択されたアイテム」と言ってください。

マルチカードの場合、削除、共有などの場合は、関連するアクションも表示される可能性があります

選択したカードが現在の場所に重ねられた過去の号でのあなたのスケッチが気に入りました。このコンセプトはかなり説得力があると思います。

あなたはこれを意味しますか?

ネストは深くなる可能性があり、関連するコンテンツコントロールを表示するために使用するのに適したスペースを占めるため、ネストについて考え直しています。

それができないと言うことは言うまでもなく、それを正しくすることはおそらく難しいでしょう。 反対に、自分がどこにいるかを把握し、複数のレベルにすばやくジャンプする方法は魅力的です。

ああ、私は完全な入れ子ではなく、現在のオーバーレイだけを考えていました
選択したアイテム。

2019年11月12日火曜日午後11時17分IrakliGozalishvili <
[email protected]>は次のように書いています:

選択したカードが過去に発行されたこのスケッチが気に入りました
現在の場所の上に重ねて、このコンセプトはきれいだと思います
説得力があります。

あなたはこれを意味しますか?

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

入れ子にすることについて考え直しています。なぜなら、それは深くなる可能性があり、
関連するコンテンツを表示するためにより適切に使用される可能性のあるスペースを占有します
コントロール。

それができないと言うのではなく、それを正しくするだけでそうなる可能性があります
挑戦。 反対側では、あなたがどこにいるかの感覚と迅速な方法を持っています
複数のレベルをジャンプすることは説得力があるようです。


あなたがコメントしたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQAAJDTGB6IJ4M32AY3QTOSXNA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5
または購読を解除する
https://github.com/notifications/unsubscribe-auth/AAAAWQCIWHWFL5HTNX4J3ELQTOSXNANCNFSM4JMR24IA

-
ピーター・ヴァン・ハーデンバーグ
カリフォルニア州サンフランシスコ
「すべてが美しく、何も害はありませんでした。」—カート・ヴォネガット

私は今かなり混乱しているように見える最初のドラフトを作成しました:

選択なし

image

選択したテキストメモ

image


興味深い副作用として、アイテムが選択されているネストされたボードがある場合、その中にも表示されます。 「リスト」コンテキストを再利用するのではなく、別のコンテキストを使用することで、おそらくこれに対処できます。

image

全体的に、私はビジュアルに満足していません。 これを表示するためのより良い方法を見つけるか、ボードアイコンをまったく表示しないようにする必要があると思います。 また、円形でないアイコンを使用した方がうまくいく可能性もあります。 私は遊んで、もっと楽しいものを思い付くことができるかどうかを確認します。

アイコンが選択されたものに対して視覚的なフィードバックを持っているもう1つのバージョンを試しました。 「破線の境界線」の下は、アクティブな選択ではないことを示します。 実線の境界線はアクティブな選択を示します。 何も選択されていない場合、ボードアイコンが選択されます。 結果にはあまり満足していませんが、とにかく投稿したいと思いました。

image

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

ところで、複数のカードを選択し、タイトルバーでタイトルを編集できると非常に便利であることがわかりました。

それはクールだ!

2019年11月18日月曜日午後1時48分IrakliGozalishvili <
[email protected]>は次のように書いています:

[画像:スクリーンショット2019-11-18 at 1 01 14 PM]
https://user-images.githubusercontent.com/21236/69096724-d273a880-0a09-11ea-976c-73454a48aff8.png

ところで、私はまた、複数のカードが選択されており、それらのタイトルがあることを発見しました
タイトルバーで編集できるのはとても便利です。


あなたがコメントしたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHSOKGZVHNYPWUN77LQUMERLA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW
または購読を解除する
https://github.com/notifications/unsubscribe-auth/AAAAWQDXQQT4S7M2GMHQ54TQUMERLANCNFSM4JMR24IA

-
ピーター・ヴァン・ハーデンバーグ
カリフォルニア州サンフランシスコ
「すべてが美しく、何も害はありませんでした。」—カート・ヴォネガット

それをより魅力的に見せるためにいくつかの試みをしました(フィードバックが大好きです)

選択なし

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

テキストカードの選択

ボードカードをオーバーレイするだけ
Screen Shot 2019-11-22 at 4 54 51 PM
Screen Shot 2019-11-22 at 4 54 55 PM

下の折りたたみ式ナビゲーションボタン

選択なし

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

コードの選択

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

私はこれが大好きですが、菱形のデザインには取り組んでいません。 あなたが与えることができれば
しっかりしたタイトルバーで動作するこのバージョンを使用します。

2019年11月22日金曜日午後5時16分IrakliGozalishvili <
[email protected]>は次のように書いています:

それをより魅力的に見せるためにいくつかの試みをしました(フィードバックが大好きです)
選択なし

[画像:スクリーンショット2019-11-22 at 4 54 37 PM]
https://user-images.githubusercontent.com/21236/69470371-14bf2180-0d4b-11ea-859b-0bf89e10432c.png
テキストカードの選択

ボードカードをオーバーレイするだけ
[画像:スクリーンショット2019-11-22 at 4 54 51 PM]
https://user-images.githubusercontent.com/21236/69470372-14bf2180-0d4b-11ea-8136-0b99f6dc0d8a.png
[画像:スクリーンショット2019-11-22 at 4 54 55 PM]
https://user-images.githubusercontent.com/21236/69470373-14bf2180-0d4b-11ea-9266-735d864d5b57.png
[選択なし]の下の折りたたみ式ナビゲーションボタン

[画像:スクリーンショット2019-11-22 at 4 59 24 PM]
https://user-images.githubusercontent.com/21236/69470375-1557b800-0d4b-11ea-9e71-68b2dadb7e27.png
コードの選択

[画像:スクリーンショット2019-11-22 at 4 59 34 PM]
https://user-images.githubusercontent.com/21236/69470376-1557b800-0d4b-11ea-9ac8-320d2f1ee31f.png


あなたがコメントしたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHZD7CO37AUHZG5JF3QVB75ZA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKT
または購読を解除する
https://github.com/notifications/unsubscribe-auth/AAAAWQB73MFUDNOOSIJYDUDQVB75ZANCNFSM4JMR24IA

-
ピーター・ヴァン・ハーデンバーグ
カリフォルニア州サンフランシスコ
「すべてが美しく、何も害はありませんでした。」—カート・ヴォネガット

このページは役に立ちましたか?
0 / 5 - 0 評価