Design Call #26

[Zaxounette]

Date: 2022-01-13
Time: 5:00pm
Timezone: UTC
Duration: 1h
UTCTime: 2022-01-13 17:00 UTC

Agenda

Comment below to add items to the agenda.

Check your timezone

https://everytimezone.com/s/e174e17f

Join the call

https://meet.jit.si/DesignCallsROCK

Calendar invite

Subscribe to the BTCPay Server calendar. More info here.

[dstrukt]

Will keep updated.

The intention of this meeting should to unblock and resolve any remaining issues to reach a viable 1.4.0 RC.

Discussion & Decisions:

• One last sidebar vs. top/sidebar navigation iteration discussion (@dstrukt Figma) Light Mode Colors (See Mattermost) & Figma Iteration

• Home / Dashboard / Empty States (https://github.com/btcpayserver/btcpayserver/pull/3255) Global "Logo" View vs. "Dashboard" View discussion

• Lightning Node View & Services in sidebar (https://github.com/btcpayserver/btcpayserver/pull/3268)

• "Payment Method" / Lightning / Wallet Setup & Settings cleanup and consolidation Depending where we are, remove old Wallet & Lightning "Setup" components in "Payment Methods" Move any Wallet specific settings in Payment Methods to Wallet > Settings tab (DONE) Move any Lightning Node specific settings in Payment Methods to Lightning > Settings tab Determine how to deal with the remaining items & Store Settings tabbed nav

• New Features Modal (https://github.com/btcpayserver/btcpayserver/issues/3160)

• Tabbed Navigation resolution for tablet & mobile (https://github.com/btcpayserver/btcpayserver/issues/3277) Based on discussion in MM, proceeding with the middle mock

Clear Action Required:

• Making sure all active states work (documented as P1 items in https://github.com/btcpayserver/btcpayserver/issues/3180 for @dennisreimann )

Done:

• Account Modal ✅

[Zaxounette]

Design Call N°26 Attendees: @dstrukt @dennisreimann @Zaxounette @pavlenex

---

One last sidebar vs. top/sidebar navigation iteration discussion The main residual argument for a full side-bar is the unused top middle space that is present only because of the top items. Consensus is not swayed and the full left side-bar is preferred.

We will have the ability to review and iterate on this once 1.4.0 is out and we have move user feedback.

We discuss color contrasts, Zax's visual impairment and the possibility of adding a dark-light contrast theming as well.

---

We discuss max width for the content area. Left align, center align, and removing the max width are the three options we have.

Historically, services center align their menus and content area.

Some reference materials:

• https://material.io/design/layout/responsive-layout-grid.html
• https://www.figma.com/community/plugin/733159460536249875/A11y---Color-Contrast-Checker

After discussion, max-width setting staying on meets consensus, in regards to what the big players (google, stripe, apple, etc ...) do out there.

---

Difference between dashboard view and "global" logo view. Do we want to mirror these two views?

"Global" view should include a global dashboard that provides insight into multiple stores. We would also need a basic homepage, that serves as an empty view when first spinning up an instance.

Consensus on the "logo" global view separated from the store dashboard

• Benefit of informing the users that something is brewing, as well as get them used to the fact that there will be two different views
• To be removed: The "notifications" view currently lodged on the global view
• Consensus is found on mirroring the store dashboard and the global view until Global dashboard view is scoped out precisely

---

Exposing LN services

• We can expose those services directly in the BTC Lightning wallet menu item
  • This is only for LN related services, other services can be exposed in a dedicated "services" menu item
• Users that have access to LN services are generally the admins and generally know where things are and how to access them

Consensus on shelving this until a future update after 1.4.0.

---

Mobile sub-navigation

• Consensus is on going the drop-down route