Pushpin: Display focused board card in the title bar instead of board
As it was describe in https://github.com/inkandswitch/pushpin/pull/310#issuecomment-551936885 it would be very useful to let content handlers have additional controls without overloading UI. Here is an example of text / code content handler that instead of providing subtitle allows you to switch syntax mode.
However unless card is entered there is no way to provide additional controls while keeping content handler nice and clean. Here is an attempt to do that as well.
I would like to propose to display active / focused card in the title bar, that way it will provide consistent user experience to the user and all the common settings or actions can be surfaced in the title bar. It pretty much creates "menu bar" metaphor from macOS where application provides common actions.
It also might be worth considering surfacing things like enter / exit controls kind of like how green traffic light button provides enter / exit full screen mode in macOS.
Gozala
All 13 comments
On the side note I would also prefer to replace <select> element in the demos above with "omniselect" which would provide more consistent experience + filtering & maybe even more powerful features over time.
Gozala
on 13 Nov 2019
I liked your sketch of this in a past issue where the selected card layered over the current location and I think this concept is pretty compelling.
We have a bunch of problems with focus vs. selection right now that I've been trying to figure out anyway, so I think this will help. Will it be confusing if you go from 1-2 cards selected and don't get that focus? Thoughts on how that would work?
pvh
on 13 Nov 2019
Take a look at the branch cleaner-drag for a bit of that work in progress.
pvh
on 13 Nov 2019
Will it be confusing if you go from 1-2 cards selected and don't get that focus? Thoughts on how that would work?
I assume you mean multiple cards being selected at the same time ?
I think in such case titlebar should probably display something l similar to what it does now but instead of saying “n items” in subtitle say “m selected items out of n”.
Gozala
on 13 Nov 2019
Maybe also surface relevant actions if there are some for multicard case e.g delete, share
Gozala
on 13 Nov 2019
I liked your sketch of this in a past issue where the selected card layered over the current location and I think this concept is pretty compelling.
You mean this ?
I’m having second thoughts about nesting, because it can be deep and will take up a space that might be better used for surfacing relevant content controls.
Not to say it can’t be done, just getting it right is likely going to be challenging. On the flip side having sense of where you are and a quick way to jump multiple levels seems compelling.
Gozala
on 13 Nov 2019
oh, i was thinking not full nesting but just overlaying the currently
selected item.
On Tue, Nov 12, 2019 at 11:17 PM Irakli Gozalishvili <
[email protected]> wrote:
I liked your sketch of this in a past issue where the selected card
layered over the current location and I think this concept is pretty
compelling.You mean this ?
https://user-images.githubusercontent.com/21236/68500724-3aa7da80-0211-11ea-955d-cc40de8cfc83.png
I’m having second thoughts about nesting, because it can be deep and will
take up a space that might be better used for surfacing relevant content
controls.Not to say it can’t be done, just getting it right is likely going to be
challenging. On the flip side having sense of where you are and a quick way
to jump multiple levels seems compelling.—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQAAJDTGB6IJ4M32AY3QTOSXNA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOED5EGVY#issuecomment-553272151,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAAAWQCIWHWFL5HTNX4J3ELQTOSXNANCNFSM4JMR24IA
.
--
Peter van Hardenberg
San Francisco, California
"Everything was beautiful, and nothing hurt."—Kurt Vonnegut
pvh
on 13 Nov 2019
I've made a first draft which looks pretty confusing right now:
No selection
Selected text note
Interesting side effect, if you have a nested board that has an item selected with-in it shows up as well. We could probably address that by using different context instead of just reusing "list" context .
Overall I'm not happy with the visuals. I think we need to figure out a better way to present this or don't show the board icon at all. It also could be that having non circular icons might work better. I'll play around and see if I can come up with something more pleasing.
Gozala
on 16 Nov 2019
Tried one more version where icons have visual feedback for what's selected. Below "dashed border" signifies not being the active selection. While solid border indicates active selection. If nothing was selected board icon would have selection. Not really happy with a result but I thought I'd post anyway.
Gozala
on 16 Nov 2019
BTW I also found that have multiple cards selected and have their titles editable in titlebar is quite handy.
Gozala
on 18 Nov 2019
That is cool!
On Mon, Nov 18, 2019 at 1:48 PM Irakli Gozalishvili <
[email protected]> wrote:
[image: Screen Shot 2019-11-18 at 1 01 14 PM]
https://user-images.githubusercontent.com/21236/69096724-d273a880-0a09-11ea-976c-73454a48aff8.pngBTW I also found that have multiple cards selected and have their titles
editable in titlebar is quite handy.—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHSOKGZVHNYPWUN77LQUMERLA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEEMA4VQ#issuecomment-555224662,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAAAWQDXQQT4S7M2GMHQ54TQUMERLANCNFSM4JMR24IA
.
--
Peter van Hardenberg
San Francisco, California
"Everything was beautiful, and nothing hurt."—Kurt Vonnegut
pvh
on 19 Nov 2019
Made few attempts to make it look more appealing (would love feedback)
No selection
Text card selection
Just overlays board card
Folding navigation buttons under
No selection
Code selection
Gozala
on 23 Nov 2019
I love this but we haven't committed to the lozenge design. If you can give
a version of this that works with a solid titlebar I'll take it!
On Fri, Nov 22, 2019 at 5:16 PM Irakli Gozalishvili <
[email protected]> wrote:
Made few attempts to make it look more appealing (would love feedback)
No selection[image: Screen Shot 2019-11-22 at 4 54 37 PM]
https://user-images.githubusercontent.com/21236/69470371-14bf2180-0d4b-11ea-859b-0bf89e10432c.png
Text card selectionJust overlays board card
[image: Screen Shot 2019-11-22 at 4 54 51 PM]
https://user-images.githubusercontent.com/21236/69470372-14bf2180-0d4b-11ea-8136-0b99f6dc0d8a.png
[image: Screen Shot 2019-11-22 at 4 54 55 PM]
https://user-images.githubusercontent.com/21236/69470373-14bf2180-0d4b-11ea-9266-735d864d5b57.png
Folding navigation buttons under No selection[image: Screen Shot 2019-11-22 at 4 59 24 PM]
https://user-images.githubusercontent.com/21236/69470375-1557b800-0d4b-11ea-9e71-68b2dadb7e27.png
Code selection[image: Screen Shot 2019-11-22 at 4 59 34 PM]
https://user-images.githubusercontent.com/21236/69470376-1557b800-0d4b-11ea-9ac8-320d2f1ee31f.png—
You are receiving this because you commented.
Reply to this email directly, view it on GitHub
https://github.com/inkandswitch/pushpin/issues/336?email_source=notifications&email_token=AAAAWQHZD7CO37AUHZG5JF3QVB75ZA5CNFSM4JMR24IKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEE7JPPA#issuecomment-557750204,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAAAWQB73MFUDNOOSIJYDUDQVB75ZANCNFSM4JMR24IA
.
--
Peter van Hardenberg
San Francisco, California
"Everything was beautiful, and nothing hurt."—Kurt Vonnegut
pvh
on 23 Nov 2019
Related issues
pvh
·
4Comments
canadaduane
·
9Comments
edrex
·
7Comments
Gozala
·
9Comments
radio-alice
·
7Comments