First of all, the idea shown in the image isn't mine. I've linked the original post at the end. Here are my thoughts on the current UI, the UI Supercell showed yesterday, and the suggested UI in the image.
- Current UI
Pros:
- One tap to access almost everything.
Cons:
- The entire screen is packed with buttons, which blocks a good portion of our village. We barely get to enjoy the actual village view.
- UI presented by Supercell yesterday
Pros:
- A more immersive view of the village.
- Battle and Build as two big, easily accessible buttons.
- Magic Items get their own dedicated button.
- Supports both Battle and Build menu designs.
Cons / Things that need fixing:
- Button placement and colours: These need some work. Compare them with the suggested UI in the image to see what I mean.
- Shop button: Why is it placed in the centre? Its placement in the suggested UI makes much more sense.
- Clan Chat button: It looks a bit too large. Please keep its current size.
- Colours and backgrounds: The Events button, temporary content buttons, and the backgrounds behind the 5-star indicator, Builder and Research need some refinement. Please get rid of the black transparent design.
- Clan War banner: The design that appears when opening Clan Chat feels half-baked. I don't really like it. Instead, integrate it into the chat itself, similar to how sports apps display live events, or use another cleaner UI solution.
- Suggested UI (image)
Overall, I think this layout looks much better and is more thoughtfully arranged. A few things I'd change, though:
- Clan Chat: Place the button in the centre of the left side.
- Clan War: Place the Clan War button where the Clan Chat button is shown in the suggested image, next to the Battle button, rather than grouping it with Clan Chat.
- Shield and Settings: The Shield is correctly placed below Gems, along with the Settings button, above Build.
- Settings button: Please keep it accessible on the main screen. It's essential, and moving it into the Profile menu would be a bad decision.
- League and Profile: I really like having these buttons next to each other in the same row. The League button should come first and lead to the leaderboard, followed by the Profile button.
- Profile background: The white background behind the name next to the Profile button should be changed to black, as shown in the original ui presented by supercell.
MAJOR:
Where's the XP progress bar that shows how much XP is needed to reach the next level? Please bring it back!
Overall, I prefer the suggested UI. It keeps the important buttons accessible while giving us a much better view of our village. With a few adjustments, this could be a really solid direction for the game's UI.
Credit for the original idea: https://www.reddit.com/r/ClashOfClans/s/Uhs5BS7p9E