Stacks-wallet-web: Fix error state modal styles and add variants

Created on 5 Mar 2020  ·  11Comments  ·  Source: blockstack/stacks-wallet-web

Header styles appear wrong as does the button's label casing. We should also have two cases: one for when trying again makes sense and one for when it doesn't (because of IP-based rate limiting).

https://www.figma.com/file/aXnNi8MOmN3CDrVwaDXXuqX3/Authenticator?node-id=4396%3A0

Integration

Screen Shot 2020-03-05 at 13.23.09.png

Design

Screen Shot 2020-04-27 at 17.40.12.png

enhancement

All 11 comments

It should be Header Small (20px) instead of Large (24px)

The reason it doesn't say "Try Again" is because 9x% of people who hit this screen will be blocked by the rate-limiter. In which case, trying again will do nothing.

@ryanarndtcm do you prefer we have the user open their email client for [email protected] with this "Contact support" button or prefer we send them to a URL somewhere (e.g. FAQs)?

Also wondering if we should have two buttons – one for trying again and the other for support.

I would be cool with adding a link to FAQ, or just straight up telling them they've been rate-limited. I had a hard time coming up with copy around rate limiting, which is why I went with this generic approach.

I would think its better to go for hte FAQs. If a user doesnt use the
default mail client it opens it up and it can be annoying imho. Then the
FAQ can have a "if you would like to know more please email
[email protected]"

On Fri, Mar 6, 2020 at 6:31 PM Hank Stoever notifications@github.com
wrote:

I would be cool with adding a link to FAQ, or just straight up telling
them they've been rate-limited. I had a hard time coming up with copy
around rate limiting, which is why I went with this generic approach.


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/blockstack/ux/issues/270?email_source=notifications&email_token=AMOV57JMXC6FKP3JVQXU7CTRGF2VTA5CNFSM4LCI76SKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEODCB6Y#issuecomment-595992827,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AMOV57LUF63P2Z3N27TW7DTRGF2VTANCNFSM4LCI76SA
.

--
Ryan Arndt
Community Support Partner
Blockstack PBC

It appears we don't have a FAQ item yet for this error state, so we should create one and link to it directly from here so the user lands somewhere actually useful. That item should explain the possibilities for encountering this error so perhaps they can realize which one applies to their case.

@jasperjansz Let's modify this design in the meantime to include both options: one for contacting support directly and another for viewing the new FAQ item.

@jasperjansz can you link the Figma designs here?

@jasperjansz Let's add the "Try again" button to the "too many registrations" variant with copy guidance to hit the button only once you've changed networks.

This is working as expected

Screen Shot 2020-06-10 at 10.44.42 AM.png

Was this page helpful?
0 / 5 - 0 ratings