Unciv icon indicating copy to clipboard operation
Unciv copied to clipboard

Suggestion : Map UI revamp

Open Ouaz opened this issue 2 years ago • 7 comments

Hello,

I think the map UI could be slightly revamped, to get things more "tidy" and also to gain some visible screen space.

Map_UI_revamp_n

  1. On upper left corner:
  • Move the "Policy" button under the "Tech" button.
  • Replace "Diplomacy" text by the diplomacy icon already in the game, and place the button to the right of the "Policy" button.
  1. On upper right corner:
  • Under "Next Unit/Turn" button, add a "Situation Reports -/+" toggle button, that allows to show/hide the notification list.
  • Optional: add the count of notifications for a turn, e.g. "Situation reports (11) -/+"
  1. On lower right corner:
  • Move the 4 icon filter buttons above the mini-map, horizontally.
  • Move the tile info panel to the left of the mini-map. -> This would allow to gain a lot of space for the notification list, and would prevent to squash/overlay it when the tile info panel is big and/or displayed.

With notification list displayed: Map_UI_revamp_1

As usual, I have no idea if it's doable and if it would require too much work. ^^

Thanks for reading.

Ouaz avatar May 27 '22 21:05 Ouaz

Thanks for reading

Thanks for writing. Good bye.







:upside_down_face: :zany_face: :rofl:

Look at that unmerged UI PR - where is it - #6945 - which deals with stuff overlapping on the topbar. When it pushes its two "buttons" down there's the side effect that top right might look uglier as the next turn button can be far wider than the Overview button... I had no idea how to improve that, so I left it. Same on the left -> your idea fits perfectly.

Switching Tileinfo and map toggles: less nice - TileInfo height varies wildly and once it's higher than the minimap - ugly. Less ugly now when it's wider methinks. Also, giant BattleTable would surely overlap.

Notifications - I had the simple idea not yet tested -> Allow it to scroll far far up until almost all are hidden. At the moment it calculates a "virtual empty space" needed to have it extend under tile info and still be able to sctroll the last one into view... (I thought that looked cool) - that space just needs to be a bit larger. Just one number. Problem - when it's gone what to grab, so the calculation must hit the "a bit left"... Also, think CTP - I think that was one of the Civs that allowed you to mark individual messages as read - no, MOO3 did it best! Idea also just simmering around. Or - wrap in expander -> problem: can't leave the ragged left edge transparent to clicks. Or... Yea a button would help but I dislike because - hmm, why indeed... similar concept as an expander but can't simply use it. Maybe I should extend the Widget's abilities...

SomeTroglodyte avatar May 29 '22 21:05 SomeTroglodyte

Haha, thanks for the answer!

switching Tileinfo and map toggles: less nice - TileInfo height varies wildly and once it's higher than the minimap - ugly. Less ugly now when it's wider methinks.

Well, even if the player likes to play with a lilliputian mini-map, the probability that the Tile Info panel gets way higher than the mini-map is low, I think. AFAIK, max possible lines is around 10, and even with the mini-map minimum size (after that size step, it disappears):

Screenshot

But anyway, suggestion n°3 can be dumped because...

Also, giant BattleTable would surely overlap.

Sadly yes. :(

Screenshot

Look at that unmerged UI PR - where is it - https://github.com/yairm210/Unciv/pull/6945 - which deals with stuff overlapping on the topbar. When it pushes its two "buttons" down there's the side effect that top right might look uglier as the next turn button can be far wider than the Overview button... I had no idea how to improve that, so I left it. Same on the left -> your idea fits perfectly.

That looks good... Well, I didn't plan to suggest this here but...

... I made a suggestion a few weeks ago on Discord that would even fit better with your PR. I think it didn't receive so much enthusiasm (maybe too much changes):

  • Move all buttons to the right + replace diplomacy button.
  • Move the notification list to the left (aligning icons+texts to the left, obviously) + ~~show/hide toggle button~~ (EDIT: oops, I didn't see in your answer -I read too quickly- that it can't work). Basically a switch. ^^

This would give plenty of space for the notification list (even when unit action buttons are displayed), and all useful buttons are on the same area for the player. No problem anymore with the different sizes of the mini-map and the Tile Info panel, and also the notification list size/scrolling. Buttons from the upper bar being pushed down with your PR would look good too.

UI_switch

! Thanks for reading.

Ouaz avatar May 30 '22 00:05 Ouaz

lilliputian

Size relations also depend on "resolution" choice and map size..

that it can't work

Re toggle for notifications? Did I say can't? Nah, can but don't like because I can't see a "path" I like. As in coding possible and result pleasing. A "+/-" button would likely go pretty straightforward. Waitaminute - I see something I would like but that's a little challenge...

SomeTroglodyte avatar May 30 '22 07:05 SomeTroglodyte

Change color or add something when a notification unclicked or as mark of new notification.

AdityaMH avatar Jun 01 '22 09:06 AdityaMH

Personally I would like to see the chat button (or diplomacy button maybe) on left and policy on right.

Since pretty sure mostly everyone have already developed the habit of pressing policy button on right and changing this now feels like something is off for me.

touhidurrr avatar Jun 17 '22 22:06 touhidurrr

Since pretty sure mostly everyone have already developed the habit of pressing policy button on right and changing this now feels like something is off for me.

I thought of it when doing the mockup. Then I thought "Hey, I use the Diplomacy button way more than the Policy button. I think it's better to have it directly available on the lower-right end of the button group, and the Policy button on the screen border".

Ouaz avatar Jun 18 '22 22:06 Ouaz

I use the Diplomacy button way more than the Policy button.

Well if that was your thought than I think It's not plausible after all. Cause it’s easier to press the diplomacy button if it is at the right side. You just need to use a left hand finger.

So, it should be on left after all.

touhidurrr avatar Jun 19 '22 06:06 touhidurrr

This issue is stale because it has been open 90 days with no activity. Remove stale label or comment or this will be closed in 15 days.

github-actions[bot] avatar Mar 14 '24 21:03 github-actions[bot]

decrease width damage calculation box?

AdityaMH avatar Mar 15 '24 03:03 AdityaMH

Most of these UI suggestions have been added. It could be closed. (battle table overhaul excepted :trollface: )

Ouaz avatar Mar 15 '24 16:03 Ouaz

I am still offline this month with little exceptions, but let me add - the alt battle table still exists. Redoing a progress bar based on Table was a small start to that.... Will be offered next month.

On 15 March 2024 16:14:34 UTC, Ouaz @.***> wrote:

Most of these UI suggestions have been added. It could be closed. (battle table overhaul excepted :trollface: )

-- Reply to this email directly or view it on GitHub: https://github.com/yairm210/Unciv/issues/6989#issuecomment-1999995532 You are receiving this because you were assigned.

Message ID: @.***>

SomeTroglodyte avatar Mar 15 '24 16:03 SomeTroglodyte

Most of these UI suggestions have been added. It could be closed. If you say so. Closing then

the alt battle table still exists

Different issue. I don't think that's necessary for keeping this issue open, no? The only think I would probably want better positioned is a way to access the victory screen, as it can be impossible to access as Maya. But again, there's separate issues for that

SeventhM avatar Mar 17 '24 01:03 SeventhM