Make the creation & edit experiences more natural

[ethanfangg]

Currently, there's no good way to add new apps or re-position. I just have to get everything perfect before I hit create. If I go to edit a project, my only controls are a check box and args.

Additionally, and most importantly it takes a lot of cognitive load to remember to layout my apps just right and do all of that before hitting "Create".

Instead, I propose the following creation and edit flows...

1. I click the "Create"/"Edit" button from the Projects Editor
2. The Projects Editor window minimizes, leaving me with my screen and applications open to how they were. I see a dialogue to layout my apps and click "Capture when finished"
3. I adjust my screen and click the "Capture" button that has been hovering in the bottom right corner
4. Projects reopens to my snapshotted project

See below:

1.

2.

3.

4.

[hamza-usmani]

I would say that we could start this off as a P0 so we can get initial dev costing for it. If this is a longer-lead effort, we can bump down to P1.

[donlaci]

@plante-msft Any thoughts on this implementation?

[hamza-usmani]

@donlaci I think this is a good functional implementation. Some feedback on the following:

• Text for the buttons and modal itself (take snapshot vs create project vs save layout). We should get crisp on the best text here.
• Can the modal be center aligned when it first shows up
• Does it show up on each monitor? Or only monitor 1
• The capture outline in red includes the taskbar which is great

[donlaci]

@hamza-usmani Thanks for your feedback!

• I am happy for every text correction idea
• Yes the modal can be centered. My personal opinion is that maybe it could have some attractive border, for me it was not obvious to find it.
• It shows up on the main monitor only

[hamza-usmani]

@plante-msft let's work on the text/strings to get them right. I would also like to see it centered + a clear border as you mentioned.

[plante-msft]

@donlaci can we do a simple one-line implementation like this mock for the flyout?

If we can do a similar red border on the flyout as we do with the monitor screen as a whole, it will be clear to users that the flyout is associated.

Everything else sounds good - appears on main monitor (but is draggable) with center aligned text.