3

I'm designing a banking application which is capable of money transfer and showing transactions of each account to the user. Is it a bad practice to have a two line title in the header? The main title is Transactions(the current view) and the secondary title is the account number of the account the user is viewing.

enter image description here

  • 1
    It seems like it could fit on the right and have a bigger font-size (as right now it looks too small and without enough line-height), could this be an option? – Alvaro Feb 13 '17 at 11:05
  • Great idea, but again that raise another question, is it proper to have a two parted title? @Alvaro – Sarah Akhavan Feb 13 '17 at 11:06
  • 1
    You are right, and that is another good question. – Alvaro Feb 13 '17 at 11:07
  • 1
    "Bad practice" in terms of the Material Design guidelines or "bad practice" from a broader usability perspective? – Matt Obee Feb 13 '17 at 11:10
  • I know in terms of Material Design the answer probably is "Yes, it is bad.", but I do want the answer from a broader usability perspective :). @MattObee – Sarah Akhavan Feb 13 '17 at 11:17
2

It is a good question and I think it doesn't have a clear answer. If I understand correctly the context, the title of the page is "Transactions". The account number is actually the parent of this page.

Although you are not asking for Material design specifically I suggest you take a look to Structure app bar. In the bottom of the page there are some examples that make the Top bar double height so they can use the lower part as breadcrumb. I believe this might be a useful way of showing the hierarchy in your case.

enter image description here

The approach you have right now is clear, but using a double line in a short toolbar makes the line height too small and thus the text a bit cluttered.

| improve this answer | |
  • Thanks for your response. Actually the parent is Transactions, and it gets even better when the parent is Transactions, because it makes the account number fully visible. – Sarah Akhavan Feb 13 '17 at 13:32
  • Or it isn't? I'm not sure whether it's better to choose the account number first and then do all the transactions and money transfers with that account or first choose the action he wants to take, then choose the account number he's going to do the actions like transferring money or viewing transactions with. – Sarah Akhavan Feb 13 '17 at 13:38
  • Shall I ask another question? :D – Sarah Akhavan Feb 13 '17 at 13:40
  • 1
    Is it possible for the user to give a name to his account rather than displaying a number? – Joao Carvalho Feb 13 '17 at 13:40
  • 1
    @Jack-in-the-box This will depend on the importance of displaying the account number in that screen. I suggest you keep the answer open in case others have better suggestions. – Alvaro Feb 13 '17 at 14:17
0

Have you considered if revealing the full account number is really necessary at this point? If it's a banking application -- there are some sensitivities that you need to consider, especially displaying it boldly as a header. I believe the standard practice is that the number is hidden until requested to be shown. I would too consider using partial acct # or another proxy and in this way, you dont have to include the account # in the header at all.

| improve this answer | |
  • 1
    In most countries we're not too fussed about exposing an account number as it doesn't pose any security treats. – Martyn Feb 14 '17 at 16:41
  • The user may have different accounts and the only thing that makes them different is their account number, also what Martyn said is correct. There isn't any security problem with it. But what is your suggestion to show the difference between accounts not stating the account number? :) @Chris Jeong – Sarah Akhavan Feb 15 '17 at 8:37
  • Consider using an icon to distinguish the bank and show only the last 4 digits of the account – Marta Tenés Apr 20 '18 at 6:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.