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

  • 2
    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, 2017 at 11:05
  • Great idea, but again that raise another question, is it proper to have a two parted title? @Alvaro Feb 13, 2017 at 11:06
  • 1
    You are right, and that is another good question.
    – Alvaro
    Feb 13, 2017 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, 2017 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 Feb 13, 2017 at 11:17

2 Answers 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.

  • 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. Feb 13, 2017 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. Feb 13, 2017 at 13:38
  • Shall I ask another question? :D Feb 13, 2017 at 13:40
  • 1
    Is it possible for the user to give a name to his account rather than displaying a number? Feb 13, 2017 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, 2017 at 14:17

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.

  • 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, 2017 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 Feb 15, 2017 at 8:37
  • Consider using an icon to distinguish the bank and show only the last 4 digits of the account Apr 20, 2018 at 6:52

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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