"Basic web interface for emergencies
Sometimes the unthinkable happens and you lose your card and your phone. You can call us anytime to freeze your card and order a new one, but being able to do it yourself is even better.
We’re building a basic web version of Monzo for emergencies, through which you’ll be able to see your most recent transactions and take steps to freeze or block your card. An early version will be coming in the next month."
[^^ I love/d the idea]
So, after reading it i gave myself the evening to design 3 mock up designs for the Emergency Web interface.
(context - Im teaching myself UI/UX design.)
You can check it out below.
Home v0.1:
Block v0.1:
Freeze v0.1:
Any feedback is appreciated
Updated: Took all your comments on board, Let me know what you think…
I feel like way too much space is wasted on that “card” header. Maybe the balance and pulse graph should be part of the navbar, and more space should be dedicated to the transactions list.
Yep. And then the transactions are too cramped underneath. Either you go for the modern trend with lots of wasted space white space, or your make use of the available space. But this seems like a combination of wasting space in the top half, then making up for it in the bottom half
Welcome to the community Ben, or at least welcome to posting, it’s great to have you here
I love the mockup you have made, and one day hope it will come, either from an official website or through the public API. That being said, I don’t think we will get anything as fully powered as that this year. I could (and hope) I’m wrong.
I get what people are saying about the transactions but it’s the same number as I see on the app. Maybe bring it up to 10 lines of transactions underneath as on a big screen that’s a lot of room taken up top with relatively little information
Awesome feedback guys, and I see what you mean ref the Trans and Card.
Im working on V0.2 now. I think I was thinking more about the UX of the page being more focused on Freezing or blocking the card.
So the Transaction data wouldn’t be a main focus as such, and you could scroll through it to see previous trans. but i guess this constitutes as Ux research too
That really is all a web interface would need in my eyes, at least as an emergency. Grab a mates phone, get on the website, login and freeze/block your card.
A full web interface would be sweet though, don’t get me wrong
Nice designs but the header above the transactions is way to large. I would say you’ve looked at the phone interface and tried to replicate instead of thinking about the fact you have loads more screen real estate.
Personally I’m imaging a 2 column format so account details, pulse and list of cards and maybe pots on a small left column and then transactions right and iconography for settings next to the account card (bearing in mind joint accounts aren’t on their way) and a settings screen would over ride the transactions list to do actions like freeze and unfreeze
Authentication will be interesting. Guess email, pin and some security questions? I think it needs be super simple and the they can have a separate web interface for the transaction related stuff if needed.
Email would be sufficient I think since it’s read-only access. I would be against asking users to enter their PIN on the web, given there’s always going to be someone who will try to login on an untrusted computer (library, etc) and there goes their PIN.
Email by itself won’t work for emergency access, you want to confirm user is who they say they are. Then let the user freeze their card etc. Even read acccess via email isn’t a good idea.
Oh you mean the email link. Kind of okay but I suspect most people have 2 factor auth and losing your phone probably means you can’t get the code quick enough in a emergency, so guess you’d still need a alternative method of authenticating. It’ll be good to see what Monzo come up with though.
Everything looks great, thanks for sharing this @Bbmoney. The only thing I wanted to see spaced out/more colourful was the transaction list. I felt too much white space on the left and right handside of transactions! Other than that, it’s awesome!
)
