Send money


(Tom ) #1

Hi -

Just a thought on this feature. Can you keep the bottom icons the same thoughout? Sometimes it messes up my ‘work flow’ if I click on send money by mistake. It would be good to just be able to click on Feed to get back out of it.


(Rika Raybould) #2

+1 :+1:

Applications that break the expected functionality of a tab bar make me sad. Both Send Money and Chat do this.

I don’t see any reason why Send Money needs to be a pop up view while also being in the tab bar, if it was a floating action button from Material Design or some other button then sure but it should behave like a tab if it’s in a tab bar. Do the options on Chat also really need to be in a modal context? I’d give it a nice little view in the tab system that asks if the user is looking for support or wants to share feedback in the forum with links to both.


(James Billingham) #3

Yeah I really don’t like the broken tab bar either :frowning:


(Tom ) #4

Yo. Just wondered if anyone from Mondo had any thoughts on this?


(Hugo Cornejo) #5

Hi guys, I’m sorry to hear you feel the navigation is a bit weird. I can assure you we thought a lot about it and we built what we think is the best solution.

This is one of those cases where little trade-offs play a big part on a structural design decision. Here is my reasoning, open to discussion, as always :slight_smile:

Fact: TabBar and keyboard hate each other (let’s assume 99.99% of people don’t use a Bluetooth keyboard but the on-screen keyboard). Let’s focus also just on P2P payments since our chat is still plain off-the-shelf Intercom.

P2P relay heavily on the use of keyboard (you need to type amount, filter contacts, add a custom note, etc.) so, if we want to keep the TabBar visible these are our options:

  1. We don’t rise the keyboard automatically. Then the user needs an extra tap to click on the “Name or Phone Number” input. This happens a lot on Android. In other words, to avoid one tap for those that open the section indadvertedly we force users that actually want to send a payment to make always an extra tap.

  2. We don’t let you write on that first screen so there’s no need for keyboard. Either you choose a contact or you tap a “+” icon or similar. This is the pattern that WhatsApp and Telegram (and almost every other messenger app) follow. Since they have many conversations they can afford having a “menu” screen with a TabBar that always disappears when visiting a particular conversation. Then you have a “Back” in there. We may swift to this approach the moment we have more ways of sending and requesting money, but we’re not there yet.

  3. We do rise the keyboard and add some kind of “Hide keyboard” button that only acts as a way to reveal the TabBar again. Many (IMHO) poorly designed apps follow that pattern. It creates an extra in-between state that (again, IMHO) doesn’t make any sense. Even worse is when they don’t even give you a button but to hide the keyboard you need to tap on an empty area of the screen and such.

None of those options works for me. Maybe I’m missing something though.

Apart of that I always think on sending money as sending an email, a purely transitional UI that comes from the bottom of the screen, you deal with it and it disappears creating a new element on your feed (you can see the same pattern when creating alarms or contacts). I can imagine an app extension at some point to let you send payments from other apps, we may trigger personal payments from other parts of the app, etc. The pattern of bringing stuff from the bottom fits quite nicely (see every app that lets you send an email through a Mail app modal, it’s the same approach).

If you accept that last point you could argue that in that case “Send Money” shouldn’t be a TabBar element, and you’re right. That’s the trade-off. We’re treating an “action” as a “room” (the same that Instagram does with the camera) but we think it pays off. It’s either that or hide “Send Money” somewhere else.

Anyway, I can totally see where you come from (it was a tough sell internally too) but I hope the moment we have more stuff on the TabBar (probably 2 new sections at some point, “Recurring payments” and “Jars”) you’ll see that everything kind of make sense.

Sorry for such a long post, I should have recorded a podcast or something :slight_smile:


Targets
(Rika Raybould) #6

Heh, I enjoy reading this kind of stuff so it’s fine!

It’s certainly a tough situation you’ve ended up in but my personal view is that breaking the expected tab bar behaviour is not the right decision here.

I would argue that with access to contacts and a list of most frequently/recently paid contacts, does the keyboard need to be risen automatically for most cases? I obviously don’t have the user data but I would expect that most payments are made to the same small number of people most of the time. Allowing quick filtering using the functional pattern of the iOS Phone app’s search field but with the extra entry at the end of paying whatever phone number you entered in that box cleans up all other cases.

Barclays PingIt got around all of this by having a floating “pay” button at the bottom (like a Material Design FAB) but while it works, PingIt is an almost single-function app and I’m not sure if it would be suitable for Mondo’s iOS app.


(Ste Prescort) #7

I don’t like the idea of a floating button but I do think it could go to a screen where the contacts are ordered in a section of most used. That would then allow a tab bar to act normally and reduce the need of someone needing to use the keyboard.