wireframe-plan-add/edit - step: data config

[ninabreznik]

@todo

• components
  • wireframe-plan-add/edit-step: data config-substep: select feeds & chunks #149
  • wireframe-plan-add/edit-step: data config-substep: location #150
  • wireframe-plan-add/edit - step: data config - substep: schedule #151
  • wireframe-plan-add/edit - step: data config - substep: performance #152
• turn a plans "location info" on summary card into a little "world map" icon/thumbnail with highlighted regions
• when no "data card" is selected, maybe we should try to move the big (+) button to add a new card into the action bar?
• while filling out the add card wizard form - even when coming to the "data config step" intially:
  • always show "card box summary info" (including price)
  • highlight the part of the "summary info" of the "card box" which summarizes the current sub step
    • with a "focus color"
• add colors for specific use and i would recommend:
  • 1. warning color (to make user pay attention to certain problems)
    • see https://youtu.be/BUmwevSH_VU?t=105
  • 2. focus color (to mark specific parts of the app to highlight where a user is and what the user is doing - e.g. during filling out wizard steps)
    • see https://youtu.be/qO3JLZyJcNY?t=55
    • another example can be seen in VS CODE with the "high contrast theme"
      • file explorer position ===> active tab ===> minimap ===> linenumber+ line ===> cursor
      • see https://imgur.com/UuRb40e.png
      • we could use: plan creation ===> wizard step bubble ==> data card field ==> current form input
        • ...or something like that :-)
• maybe add estimation box right below plan summary instead of below data cards
  * see here
• data card
  • add size in bytes (MB/GB/TB...) to data summary card here
  • feedback nav/action bar
  • on data config, i love the back/forward buttons, but:
  • when a user already has some "data cards" and wants to add a new "data card" and filled out some steps
    • maybe user wants to cancel only that card, but there is no "sub cancel" button
    • also, on the last step of the "sub progress bar", the "next" button could be the "confirm" button
    • maybe we don't need a "back button", because the user can just click the "progress step" directly
    • maybe we could replace the "back button" with the "sub cancel" button?
  • for the primary progress bar, we could:
    • merge the primary progress bar (newplan/duration/swarm/dataconfig/publish) with the action bar below
    • so the "cancel button" could move right before the (newplan) step
    • we don't need a "previous step" becaue a user could click directly on a "progress step"
    • the "confirm/next" button could show after the (publish) step
  • maybe on each progress step, it should be visually clear to the user they can click it
  • maybe we could use "warning" color and "focus" color even on wireframes to faster see where the user is

---

latest

v18-6

---

Previous design

This is comparing with update design when we need to discuss, and also track the progress to follow up new design.

v18-4

v18-3

v18-3

v18-2

v18

v16

v15-1

v15