Pushpin: Tampilkan kartu papan terfokus di bilah judul alih-alih papan

Dibuat pada 13 Nov 2019  ·  13Komentar  ·  Sumber: automerge/pushpin

Seperti yang dijelaskan di https://github.com/inkandswitch/pushpin/pull/310#issuecomment -551936885 akan sangat berguna untuk membiarkan penangan konten memiliki kontrol tambahan tanpa membebani UI. Berikut adalah contoh penangan konten teks / kode yang alih-alih menyediakan subtitle memungkinkan Anda untuk beralih mode sintaksis.

mode-switch

Namun, kecuali jika kartu dimasukkan, tidak ada cara untuk memberikan kontrol tambahan sambil menjaga penangan konten tetap bagus dan bersih. Berikut adalah upaya untuk melakukan itu juga.

inline-mode-switch

Saya ingin mengusulkan untuk menampilkan kartu aktif/fokus di bilah judul, dengan cara itu akan memberikan pengalaman pengguna yang konsisten kepada pengguna dan semua pengaturan atau tindakan umum dapat muncul di bilah judul. Ini cukup banyak menciptakan metafora "bilah menu" dari macOS di mana aplikasi menyediakan tindakan umum.

Mungkin juga layak mempertimbangkan untuk memunculkan hal-hal seperti kontrol masuk / keluar seperti bagaimana tombol lampu lalu lintas hijau menyediakan mode layar penuh masuk / keluar di macOS.

Semua 13 komentar

Di samping catatan saya juga lebih suka mengganti elemen <select> dalam demo di atas dengan "omniselect" yang akan memberikan pengalaman + pemfilteran yang lebih konsisten & bahkan mungkin fitur yang lebih kuat dari waktu ke waktu.

Saya menyukai sketsa Anda tentang ini di edisi lalu di mana kartu yang dipilih berlapis di atas lokasi saat ini dan saya pikir konsep ini cukup menarik.

Kami memiliki banyak masalah dengan fokus vs. seleksi saat ini yang saya coba cari tahu, jadi saya pikir ini akan membantu. Apakah akan membingungkan jika Anda beralih dari 1-2 kartu yang dipilih dan tidak mendapatkan fokus itu? Pikiran tentang bagaimana itu akan berhasil?

Lihatlah cabang cleaner-drag untuk sedikit pekerjaan yang sedang berlangsung.

Apakah akan membingungkan jika Anda beralih dari 1-2 kartu yang dipilih dan tidak mendapatkan fokus itu? Pikiran tentang bagaimana itu akan berhasil?

Saya berasumsi maksud Anda beberapa kartu dipilih secara bersamaan?

Saya pikir dalam kasus seperti itu bilah judul mungkin harus menampilkan sesuatu yang mirip dengan apa yang dilakukannya sekarang, tetapi alih-alih mengatakan "n item" dalam subtitle, katakan "m item yang dipilih dari n".

Mungkin juga muncul tindakan yang relevan jika ada beberapa untuk kasus multicard misalnya hapus, bagikan

Saya menyukai sketsa Anda tentang ini di edisi lalu di mana kartu yang dipilih berlapis di atas lokasi saat ini dan saya pikir konsep ini cukup menarik.

Maksudmu ini?

Saya memiliki pemikiran kedua tentang bersarang, karena bisa dalam dan akan memakan ruang yang mungkin lebih baik digunakan untuk memunculkan kontrol konten yang relevan.

Bukan untuk mengatakan itu tidak bisa dilakukan, hanya melakukannya dengan benar mungkin akan menjadi tantangan. Di sisi lain, memiliki perasaan di mana Anda berada dan cara cepat untuk melompati beberapa level tampaknya menarik.

oh, saya berpikir tidak bersarang penuh tetapi hanya menutupi saat ini
item yang dipilih.

Pada Selasa, 12 Nov 2019 pukul 23:17 Irakli Gozalishvili <
[email protected]> menulis:

Saya menyukai sketsa Anda tentang ini di edisi sebelumnya di mana kartu yang dipilih
berlapis-lapis di atas lokasi saat ini dan saya pikir konsep ini cantik
menarik.

Maksudmu ini?

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

Saya memiliki pemikiran kedua tentang bersarang, karena itu bisa dalam dan akan
mengambil ruang yang mungkin lebih baik digunakan untuk memunculkan konten yang relevan
kontrol.

Bukan untuk mengatakan itu tidak bisa dilakukan, hanya melakukannya dengan benar kemungkinan besar akan terjadi
menantang. Di sisi lain memiliki perasaan di mana Anda berada dan cara cepat
untuk melompat beberapa tingkat tampaknya menarik.


Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQAAJDTGB6IJ4M32AY3QTOSXNA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LN5W27WZGODN5W27WZGODN5EGWXHJKTOR5NMVXHJKTLOment
atau berhenti berlangganan
https://github.com/notifications/unsubscribe-auth/AAAAWQCIWHWFL5HTNX4J3ELQTOSXNANCNFSM4JMR24IA
.

--
Peter van Hardenberg
San Francisco, California
"Semuanya indah, dan tidak ada yang menyakitkan."—Kurt Vonnegut

Saya telah membuat draf pertama yang terlihat cukup membingungkan sekarang:

Tidak ada pilihan

image

Catatan teks yang dipilih

image


Efek samping yang menarik, jika Anda memiliki papan bersarang yang memiliki item yang dipilih di dalamnya juga muncul. Kita mungkin dapat mengatasinya dengan menggunakan konteks yang berbeda daripada hanya menggunakan kembali konteks "daftar".

image

Secara keseluruhan saya tidak senang dengan visualnya. Saya pikir kita perlu mencari cara yang lebih baik untuk menyajikan ini atau tidak menampilkan ikon papan sama sekali. Mungkin juga memiliki ikon non-lingkaran mungkin berfungsi lebih baik. Saya akan bermain-main dan melihat apakah saya bisa menemukan sesuatu yang lebih menyenangkan.

Mencoba satu versi lagi di mana ikon memiliki umpan balik visual untuk apa yang dipilih. Di bawah "batas putus-putus" menandakan tidak menjadi pilihan aktif. Sementara batas padat menunjukkan seleksi aktif. Jika tidak ada yang dipilih, ikon papan akan memiliki pilihan. Tidak terlalu senang dengan hasilnya, tetapi saya pikir saya akan tetap memposting.

image

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

BTW Saya juga menemukan bahwa memiliki beberapa kartu yang dipilih dan judulnya dapat diedit di bilah judul cukup berguna.

Itu keren!

Pada Senin, 18 Nov 2019 pukul 13:48 Irakli Gozalishvili <
[email protected]> menulis:

[gambar: Tangkapan Layar 2019-11-18 pada 1 01 14 PM]
https://user-images.githubusercontent.com/21236/69096724-d273a880-0a09-11ea-976c-73454a48aff8.png

BTW Saya juga menemukan bahwa ada beberapa kartu yang dipilih dan memiliki judulnya
dapat diedit di bilah judul cukup berguna.


Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHSOKGZVHNYPWUN77LQUMERLA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVX46GOissuecomEMA4WQ2ZJKTDN5
atau berhenti berlangganan
https://github.com/notifications/unsubscribe-auth/AAAAWQDXQQT4S7M2GMHQ54TQUMERLANCNFSM4JMR24IA
.

--
Peter van Hardenberg
San Francisco, California
"Semuanya indah, dan tidak ada yang menyakitkan."—Kurt Vonnegut

Membuat beberapa upaya untuk membuatnya terlihat lebih menarik (akan senang umpan balik)

Tidak ada pilihan

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

Pilihan kartu teks

Hanya melapisi kartu papan
Screen Shot 2019-11-22 at 4 54 51 PM
Screen Shot 2019-11-22 at 4 54 55 PM

Tombol navigasi lipat di bawah

Tidak ada pilihan

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

Pilihan kode

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

Saya suka ini tetapi kami belum berkomitmen pada desain permen. Jika Anda bisa memberi
versi ini yang berfungsi dengan bilah judul yang solid, saya akan menerimanya!

Pada Jum, 22 Nov 2019 pukul 17:16 Irakli Gozalishvili <
[email protected]> menulis:

Membuat beberapa upaya untuk membuatnya terlihat lebih menarik (akan senang umpan balik)
Tidak ada pilihan

[gambar: Tangkapan Layar 22-11-2019 pukul 4 54 37 PM]
https://user-images.githubusercontent.com/21236/69470371-14bf2180-0d4b-11ea-859b-0bf89e10432c.png
Pilihan kartu teks

Hanya melapisi kartu papan
[gambar: Tangkapan Layar 22-11-2019 pukul 4 54 51 PM]
https://user-images.githubusercontent.com/21236/69470372-14bf2180-0d4b-11ea-8136-0b99f6dc0d8a.png
[gambar: Tangkapan Layar 22-11-2019 pukul 4 54 55 PM]
https://user-images.githubusercontent.com/21236/69470373-14bf2180-0d4b-11ea-9266-735d864d5b57.png
Tombol navigasi lipat di bawah Tidak ada pilihan

[gambar: Tangkapan Layar 22-11-2019 pukul 4 59 24 PM]
https://user-images.githubusercontent.com/21236/69470375-1557b800-0d4b-11ea-9e71-68b2dadb7e27.png
Pilihan kode

[gambar: Tangkapan Layar 22-11-2019 pukul 4 59 34 PM]
https://user-images.githubusercontent.com/21236/69470376-1557b800-0d4b-11ea-9ac8-320d2f1ee31f.png


Anda menerima ini karena Anda berkomentar.
Balas email ini secara langsung, lihat di GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHZD7CO37AUHZG5JF3QVB75ZA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBWJKEEOR-5PPWSZ2ZEEORJPW57WZ2ZEEOR-5PNMVXH04ment
atau berhenti berlangganan
https://github.com/notifications/unsubscribe-auth/AAAAWQB73MFUDNOOSIJYDUDQVB75ZANCNFSM4JMR24IA
.

--
Peter van Hardenberg
San Francisco, California
"Semuanya indah, dan tidak ada yang menyakitkan."—Kurt Vonnegut

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

Gozala picture Gozala  ·  9Komentar

Gozala picture Gozala  ·  4Komentar

pvh picture pvh  ·  4Komentar

edrex picture edrex  ·  7Komentar

canadaduane picture canadaduane  ·  9Komentar