How could Xero improve the homepage?

Nothing much has changed!
I can not see how making slightly little change is going to fix all the issues everyone has rasied

Still way to busy, ALLOW US TO KEEP THE OLD LAYOUT!

Everyone is screaming for this and yet no one at Xero is listening.
This is going to impact a lot of customers that will look at moving away cause you will not and have not taken the feedback on.

Let us keep the old style!

Hi

Thanks for the changes made, and the contrast makes it so much easier. Very happy with what I'm seeing now.

YES!!! This is my biggest visual gripe - the widgets are not well defined and the widgets and the info does seem to bleed into each other. The new look is very busy and and adds to the visual noise. Not liking this at all. I run multiple businesses and accounts through Xero - each module needs to be really well defined to reduce the confusion.

Adding subtle shadows or borders to cards/widgets really helps create visual hierarchy and improves scannability, especially on dashboards or overview pages. A soft shadow usually feels more modern, while borders work better for cleaner, minimal layouts. It’s similar to how mobile games use UI depth to separate menus from gameplay good visual cues improve usability without overwhelming the user. I recently saw this applied well on a gaming page like https://getshadowfight2apk.com/, where content sections are clearly separated but still feel cohesive. Small design tweaks like this can make a big difference in user experience.

I find the new homepage overwhelming and chaotic because I can't easily see where one section ends and another one starts. The abilty to change the background colour would change that or adding a border, like that which shows when editing the homepage.

If you're able to apply custom CSS to the site, and know how to do this with browser extensions, you can use the following - I'm using this as a work-around to provide the widget borders until they get this fixed.

.dashboard-template-beta-widget--contents article { border: 1px solid #c0c0c0; }

NB: For anyone else using my previous CSS hacks, note that I've updated this to work better given the current version of Xero.

Viewing the page could be easily made simpler by adding a border or shadow to the widgets to help visually separate the bank accounts and etc.

I would like each account to have a light frame around it. Currently the page layout merges.

The new widgets, I'm finding it quite ******* the eyes without any borders to each box / or shadowing.

The banner showing the new setup has a shadow (attached) which makes it easier to focus on one widget at a time.

The graphs on the widgets are quite annoying also, anyway we can make these optional?

Thanks

I would like to have the option to make clearer borders, at least around my most important widgets. Without clear borders it feels like a big page of text.

I agree Laurie - the home page is not as clear as the older format.

Xero seem to have given in to their weakness, which is making everything REALLY BIG on the screen, thus requiring a lot more scrolling around.
This happened with the 'new' invoicing screen, and now again with the new home page.

Can you please include borders around the bank accounts, Invoices owed to you, Bills to pay. The homepage has become messy and similar to MYOB which is not ideal. I prefer layout of old Homepage with bank accounts down left hand side etc. It's almost information overload and too much!

The screen looks very busy and is without definition.
Frames around each Widget would help to define each one.
It's very white on white.

Perhaps useful for the technical minded and/or Xero devs...

I've added lines around the widgets myself. You can use add-ons for your browser (if you know technically what you're doing) to override the style for Xero itself.

If you know how to do this, and want to do this as a temporary work-around, you can use the following CSS - this will fix the number of columns to 3 no matter the screen size, and will add a border around the widgets.

.dashboard-template-beta-grid { grid-template-columns: repeat(3, 1fr) !important; }
.dashboard-template-beta-widget { width: auto !important; height: auto !important; }
.dashboard-template-beta-widget--contents { height: auto !important; border: 1px solid #c0c0c0; }

I've made a raft of style changes myself to the new homepage using browser add-ons to override Xero's own style - temporary workaround until they fix everything.

The new home page format just seems to have a bunch of numbers and words all jumbled together. At the very least, please add borders around each account and/or section. I much prefer the old format.

I don't mind the new home screen, but could the separate items have a box around them to separate the views for easier reading, it all blurs into one when your looking at numbers.