• We have updated our Community Code of Conduct. Please read through the new rules for the forum that are an integral part of Paradox Interactive’s User Agreement.

Victoria 3 - Dev Diary #117 - The UX of Sphere of Influence

16_9.png

Hi, Aron here. I’m one of the User Experience (UX) designers on Vicky 3 and I would like to give you an overview of our UX focus we have had in the Sphere of Influence expansion and the accompanying free update. I will start with the UX focus for our new features followed by the more general improvements.

Subject Improvements​

In this feature we have broadened the agency you have over your Subjects as an Overlord significantly. You can read more in-depth about the feature here. Naturally, we have put the majority of the interactions under the Diplomacy panel to have a clear central place to look for them, but also to make this panel more interactable. Previously, it has been more of an informational panel than a place where you interact, but that we are here to change!

DD117_01.png

However, many of these actions are things you want to be able to do on the go which led us to work a lot with our context menus such as our right-click menus. One of the most used right-click menus in the game is the Country & State right-click menu, but it is also one of the largest. Unsurprisingly enough, it is the right-click menu we wanted to put even more things into now as we have added ways for you to interact with your Subject and your Overlord. This sparked some rethinking of how we can make the right-click menus more compact while still retaining the intuitivity.

End result,
  • The common actions such as “Go-to country”, “Pin country to Outliner”, and “Zoom-to country” have been moved to the headers with simple icon buttons, following the standard we already have set up for them in other panels.
  • Actions that go under the same category such as Diplomatic Actions, Subject Actions, Overlord Actions, and Bloc Member Actions get to live under their own drop-down menu.

DD117_02.png

Before:The current chonky Country right-click menu in 1.6.

DD117_03.png

After: Right-clicking Hannover as Great Britain now gives a heavily compacted right-click menu with your Overlord Actions and Diplomatic Actions neatly grouped under their respective drop-down menu.

DD117_04.png

Opening the Overlord Actions drop-down gives you the full list of potential actions.

DD117_05.png

Similarly, right-clicking one of your own States neatly stores all Decrees under its own drop-down menu. Also notice the smaller round buttons for go-to, zoom-to and pin/unpin next to the Country and State headers.

This might be more of a technical improvement on the development side of things, but it definitely benefits us all in the end. The Subject, Overlord, and Bloc Member Actions all fall under the same umbrella as Diplomatic Actions and it was clear early on during development of this expansion that we were in dire need to get their tooltips sorted out with a clear pattern with all of these new actions coming in. Both to make it easier to work with them and to benefit the end result for us players. We have two versions of tooltips, fancy custom tooltips (Cooltips) and regular tooltips, that might not be obvious to you as a player, but if you are implementing them, there is a very clear difference in what you can do with them. The regular tooltip gives us very little flexibility to what you can do since it is basically only a long text string that we build with line breaks while the Cooltip essentially is another UI panel where we have full flexibility to do whatever the GUI system can do (everything!). In other words, me as a UX designer can do a lot of cool changes directly in a Cooltip without much of a hassle while it is much more of a struggle editing regular tooltips, generally speaking. You would mainly see the difference in-game by looking at the tooltip headers and the structure of the tooltip. Most of the time, a Cooltip has an icon in the top left corner with a larger header and a type concept in the top right corner, while the regular tooltip has no icon and only a regular text header. If the tooltip feels a bit nicer and a bit more structured, it is most likely a Cooltip, even though we do have some nice regular tooltips out there as well of course.

We took the time to move all of the above Diplomatic Actions over to a Cooltip, meaning we (especially I) get more direct agency over these tooltips, what they contain and how they are structured. The Diplomatic Actions are still very text heavy tooltips, but I will bring this up again later when we talk about Power Blocs and you will see more of the neat power of Cooltips.

DD117_06.png

The “Guarantee Independence” Diplomatic Action as a typical regular tooltip with a normal header, a breaking line followed by the rest of the tooltip content. In this case, most of it is coming from code making it difficult for me as a UX designer to change anything on the go.

DD117_07.png

The same action as a typical Cooltip with an icon and a larger header that easily can be made contextual. In this case, we are hovering the button for an ongoing “Guaranteeing Independence” action and it gives us the action prompt of “Stop doing this” rather than just the name of the action. In the Cooltip, I can be the one adding this contextual header, while in a regular tooltip I could not and I would have to steal precious time from one of our programmers. This goes for all you modders out there as well, go crazy!

In a similar fashion, we have worked on the confirmation popups for the Diplomatic Actions to be consistent with the tooltips and clearly show the difference of starting and stopping an action.
DD117_08.png

The confirmation popup for “Stop Guarantee Independence”.

Lobbies​

Political Lobbies are a quite straightforward feature from a UX perspective (read more about Lobbies here).

While you probably will encounter Lobbies more often in Events and Journal entries, or by seeing their reactions to various diplomatic actions, they also have an info panel when selected.
DD117_09.png

The new Lobby info panel.

In the Lobby info panel, you can see each Interest Group that supports the Lobby along with their Approval (since it is directly impacted by the Lobby’s overall Appeasement).

Most importantly, you can also see all actions that would affect this Lobby’s Appeasement. While the Lobbies that are in the game currently are somewhat straightforward (Pro-Lobbies encourage you to do friendly actions towards their favored Country). This is something we have the potential to greatly expand upon in the future and make it more involved.

DD117_10.png

An Interest Groups’ support of this Lobby.

You can also see why a certain Interest Group is supporting this Lobby. While it might be unlikely that you can force an Interest Group out of a Lobby due to their reasons, it does mean it is easier to tell why Lobbies form in the first place.

We also wanted players to be able to see Lobbies outside their own Country. While this may not affect your decisions as often as your own Lobbies, it is still nice to see the people of other Countries reacting to your benevolent power projection. As such we use the map mode in the Political Lens to show your Lobbies, along with any Lobbies from other Countries that concern your Country.

DD117_11.png

Map markers for your Lobbies targeting other countries and other countries Lobbies targeting you in either a pro or anti way.

DD117_12.png

Lobbies in Foreign Countries appear in their respective Countries’ Info Panel.

Building Ownership Revision & Foreign Investment​

When we started development of the Building Ownership Revision & Foreign investment (read more about the feature specifics here), we had to create several early prototypes to see if this is feasible to communicate in a good and intuitive way before giving this feature the green light. Buildings are such a fundamental piece of our game and making any major changes to them must be made with care. The prototypes showed that the struggle will definitely be to illustrate who owns what of a specific building and how much, but also the opposite perspective, when looking at a Financial District for example, which buildings the Financial District owns and how much of each building, from which country, and so on. This is also where we have spent the most time to ensure it is properly communicated to the player.

We ended up with a combination of ways of illustrating this division of a building’s ownership. Some more clear than others, but our hope is that the combination of all of them will make it intuitive.

To visually represent the combination of ownership of a specific building, we used a horizontal bar divided by ownership:
  • The icon on the bar will represent one of the following:
    • Owning Country
    • Owning Pop Type
    • Owning Building
  • The color of the bar represents where the ownership is:
    • Orange: Your government
    • Light Blue: Your pops
    • Gray/white: Local population or government
    • Yellow: Foreign investors that are not you
    • We have tried using colors that work best for most color blindnesses.

DD117_13.png

If you look at the horizontal bar in the middle, you can see the representation of different ownership based on the instructions above. Also note that you can filter this whole list on “Owner” in the filters to the left. Filters being: All | Nationally Owned | Privately Owned | Foreignly Owned.

Similarly, we use the same kind of horizontal bar for Financial Districts and Manor Houses that owns other buildings, but then it is divided by the buildings it owns:
  • The icon on the bar will represent the building it owns.
  • The color is from the country of the building it owns.
DD117_14.png

Note the Manor Houses with their red horizontal bars indicating that all buildings they own are buildings in Great Britain as Great Britain's map color is red.

These specific patterns might not be intuitive to start with when you do not know them and have no one explaining them to you, but the intention is for it to become a subconscious thing that you learn as you play. In the end, you will probably not notice when and how this helps you see the different ownerships since you have been exposed to them through the whole game and gradually learnt them, all the while you now only glance at the bar and instantly know what owns what (insert Praying Patrick meme here).

We have also experimented with putting some visualization of ownership on the map, working with arrows pointing from the owned building to the owning building. While doing so, we ended up adding visualization to input and output of Goods to a building as well. It all resulted in a big mix of arrows pointing and animating in all kinds of directions on the map. It felt a tad bit overwhelming at first, so we tweaked and toned it down slightly, and after playing with it for a while many of us felt we could not play without it.


DD117_15.png


In the example of looking at the Tooling Workshop in Burgundy above you can see all of the following on the map:
  • Ownership arrows are yellow and they go from the building’s State to the owning Building (Manor House or Financial District).​
  • Ownership arrows are red if the owning building is a Government building and the arrows then go from your Capital State to the building instead.​
  • Input Goods arrows are orange.​
  • Output Goods arrows are green.​
  • Arrows are thick if in the same state, a bit thinner if in a neighboring state, and very thin and transparent if further away.​

DD117_16.png

For Financial Districts, you get a visual representation on the map of where in the world it has invested its money by looking at the animating yellow arrows.

DD117_17.gif

Arrows for Input and Output of Goods animating to or out from the selected building, and oh yes, you can cycle through the associated buildings more easily now as all buildings that have anything to do with the selected building show up as map markers on the map and you can click them.

DD117_18.gif

This Financial District owns a whole bunch of stuff for sure! Indicated by all the animated arrows going to this Financial District. The specific number of building levels owned by this Financial District are shown as a number on each of the owned buildings on the map with the accumulated total being the total level of the Financial District (25 in this case).

Power Blocs​

One new left side menu button, a whole new panel, several new popups, and several new large scale visualizations on the map. This feature is grand. Trying to tie it all together UX wise has been a lovely challenge. You can read the specifics about Power Blocs here, but also a shout out to the awesome Art we have seen from the Art team especially for this feature as Max is telling you all about in the Art of Sphere of Influence.

Being in a Power Bloc is a grand thing. We want you to experience that and clearly feel how it is affecting you in all its pros and cons (mostly pros). Since Power Blocs are such grand things, we have worked a lot with the visual representation of them on the map, giving you full customizability of your Power Bloc if you happen to form one or be the leader of one, to give each Power Bloc its true unique feeling and look. This is of course mirrored in the mechanics as the different Central Identity Pillars are profoundly different from each other in what they do and unlock. Add the Principles to the mix and the options are quite varied, and I need to make tooltips that fits all this variation! As you may imagine, all the possible versions of a Power Bloc have been a challenge to present in a way that does not mean custom solutions for each version. One way we have tackled this is early structuring of game concepts and being consistent in the use of them. An example of this is the way we have structured the Central Identity Pillar’s cooltip into segments based on the game concepts of: Power Bloc, All Bloc Members, Bloc Leader, and Non-leader Bloc Members. This structure is then reused in all other identities’ cooltips with a segment potentially being removed if there are no effects for that specific game concept / group in that Identity.

DD117_19.png

The cooltip for the Central Identity Pillar “Military Treaty”.

DD117_20.png

The cooltip for the Central Identity Pillar “Religious Convocation”. To tie this back to how neat Cooltips are, if you look at the Primary Principle Groups in the above cooltips, you get to see the true power of the Cooltips as we have the ability to put larger icons, boxes, and basically whatever we feel like into the tooltip itself. This would not be possible in a regular tooltip that is text only.

As a more general thing for update 1.7, we have worked a lot with making sure most of the new concepts and values we have added have icons associated with them for better recognizability and coherence. New concepts like Leverage, Cohesion, and Power Bloc Members all get their unique icon as you can see below.

DD117_21.png

The WIP list of all Power Blocs at the start of the game. Each Power Bloc rocking its own style.

General Improvements for 1.7​

Those icons work as a perfect segway to the more general UX improvements coming in the free update 1.7 accompanying the expansion. First out, the Outliner. In 1.6 we were sooo done with the old chonky outliner and replaced it with something new and fresh. As always when you replace anything with something new, there are a lot of edges to smooth out and the outliner was no exception. In 1.7, we have taken another pass and delved into more of these edges and details. Among many smaller tweaks, the outliner has been compacted even more with additional dropdown menus. Both ongoing diplomatic actions and the list of players (in multiplayer) are now under their own dropdown menus if there are more than one at any time. Some of the already existing dropdowns such as Interest Groups have also been changed to be closed by default.

DD117_22.png

The outliner with some ongoing diplomatic actions under a dropdown menu.​

Next up, in association with the Foreign Investment feature, we have taken a pass on the construction queue. One thing we noticed during early playtesting was the lack of feedback when foreign investment is happening and where it is happening. This was both from the perspective of you doing the foreign investment and others investing in you. We then took the liberty to split the construction queue up into clearer parts. A national queue and a foreign queue, the national queue includes everything you or your pops are building both domestically and abroad while the foreign queue includes everything other Countries or their pops are building in your Country. We added filters to your national queue for both the location (domestic or abroad) and funding (where does the money come from).

DD117_23.png

Your national queue with the filters open.

DD117_24.png

In a second tab of the Construction panel, you find all foreign queues in your country grouped by country.

Apart from these larger general UX improvements, we have been working hard with tweaking the UI and UX based on your feedback from the forums and discord, so please do not be shy and keep the feedback coming. We might not be responding to it all, but we for sure are collecting and reading all of it. For now, I hope you enjoyed getting a small glimpse from a UX perspective of Victoria 3’s first major expansion. You will have to wait for the patch notes to see all of the UX and UI improvements in detail. Take care until then or come back next week to delve deeper into the Power Bloc feature with our lead game designer Lino!
 
  • 89Like
  • 66Love
  • 4
  • 4
  • 1
Reactions:
Sadly Power Block is just a fancy way to call a great power with their vassals & customs unions.

I expected much more like actual international organisations where you can belong to multiple at once. For example As Prussia you would belong to Zollverein, German Confederacy and Holy Alliance.

Recent Eu5 dev diary shows how it should have been done in Vic3. Only thing Vic3 Power Block system does better is that you can customize your block from scratch.
This is likely going to be something they add later on. Power Blocs are just Vicky 3’s version of Vicky 2’s Spheres of Influence. Can be disappointing of course bc the game does need international organizations like the ones you described but sadly that’s probably something that’s going to be added in a future DLC. Having them work like the EU5 ones that were just shown off would be awesome tho, I hope we eventually get something like that as it’s needed to represent the German Confederation and the League of Nations among other things.
 
  • 18Like
  • 2
Reactions:
Next up, in association with the Foreign Investment feature, we have taken a pass on the construction queue.
When I read this sententence I thought that I'm about to read that you will add drag and drop functionality there.

Still hoping that you're going to do it one day.
 
  • 16Like
Reactions:
I understand you can't leak too much here, but could we see the result maybe of some observer games with some of these changes? I'd really like to see either some power rankings or maps of certain areas of the world after 25, 50 years with these changes.
 
Loving all this stuff
Just some thoughts/opinions
  • common right-click interactions like Improve and damage relations should be revealed from the dropdown like open diplomacy already is, so they're easier to access
  • same with canceling ongoing pacts (maybe even Decrees) like "stop bankroll", to increase visibility
  • Loving the arrows but do they impact the performance, if so are they hard to accidentally activate, could there be an option to disable them?
 
  • 4
Reactions:
DD117_17.gif


Arrows for Input and Output of Goods animating to or out from the selected building, and oh yes, you can cycle through the associated buildings more easily now as all buildings that have anything to do with the selected building show up as map markers on the map and you can click them.

DD117_18.gif


This Financial District owns a whole bunch of stuff for sure! Indicated by all the animated arrows going to this Financial District. The specific number of building levels owned by this Financial District are shown as a number on each of the owned buildings on the map with the accumulated total being the total level of the Financial District (25 in this case).

This looks really cool. Can we get a close up/still of that new hover menu on the buildings?
 
Respectfully please rethink the bonuses for military treaty power bloc. The -50% military goods is something I’d expect to see in Eu4 or Stellaris not Victoria. What is the explanation that soldiers somehow magically use less ammunition if they are part of a military treaty? This is getting away from the vision of a deep simulation and turning it into modifier stacking.
Agreed! We're looking at what final modifiers we want on some of the identities and principles, but generally the -50% mil goods cost here can be seen as a placeholder and not something we intend to have there at release. Thanks for pointing it out!
 
  • 71Like
  • 8
  • 4Love
  • 4
  • 2Haha
Reactions:
As a more general thing for update 1.7, we have worked a lot with making sure most of the new concepts and values we have added have icons associated with them for better recognizability and coherence. New concepts like Leverage, Cohesion, and Power Bloc Members all get their unique icon as you can see below.

View attachment 1133988
The WIP list of all Power Blocs at the start of the game. Each Power Bloc rocking its own style.

Could you please change the Power Bloc symbols to more historical national symbols? Like the Union Jack for Britain, the double-headed Romanov eagle, the Iron Cross, the double-headed Austrian eagle, etc. Yes, theoretically the power bloc leader may change during the course of the game, but probably it won't. Other power blocs created during the game may use randomized symbols and backgrounds, but at the start of the game, the historical Great Power blocs should use their traditional symbols and colors. This change alone would do wonders for immersion.
 
  • 14Like
  • 6
  • 1Love
Reactions:
It looks very nice.

But please allow in future patch multiple power blocks membership. As Austria I want to be able to do a Catholic Holy league to convert all protestants from the Empire without having to dissolve my current power block.
 
  • 11Like
  • 1
Reactions:
Sadly Power Block is just a fancy way to call a great power with their vassals & customs unions.

I expected much more like actual international organisations where you can belong to multiple at once. For example As Prussia you would belong to Zollverein, German Confederacy and Holy Alliance.
Let's hope there's some World War 1 focused update eventually which adds either 'super-blocs' or the EU5 solution of being in multiple different types of IO at once.
 
  • 7
  • 3Like
  • 1
Reactions:
Respectfully please rethink the bonuses for military treaty power bloc. The -50% military goods is something I’d expect to see in Eu4 or Stellaris not Victoria. What is the explanation that soldiers somehow magically use less ammunition if they are part of a military treaty? This is getting away from the vision of a deep simulation and turning it into modifier stacking.

Completely agree. Belonging to power block or any kind of pact should give advantage just from diplomacy and economy.

Realistic adventages occuring naturally through diplomatic agreements would be for example being able to count on allies and having cheaper goods from shared market if they are really avaiable there.

That should give enough incentive to play around with Power Blocks mechanics next to the roleplay of expanding your ideology or religion.


Why then add unrealistic bonuses out of thin air? I hate that concept with passion, it basically ruins the game, it's not simulation anymore. So now everyone will need to belong to pact to not be left behind.

Where is Victoria from design philosophy Wiz talked about? I remember he for example refused to script American Civil War because he wanted everything to happen organically. Where that approach went?
 
Last edited:
  • 8Like
  • 1
  • 1
Reactions:
Agreed. I’d have thought something like quicker organisation gain would make more sense.
Or even cheaper construction costs for military good factories would make sense. Different partners in the Bloc would share knowledge and skilled labor to help construct factories faster/cheaper/better (but it would be abstracted as a cheaper construction cost).

Alternatively, the 50% bonus is what is the problem. The bonus just seems too big.

I will admit I don't know, maybe this makes sense in the current build with the cost of the Bloc mechanics that enable that 50% bonus.

All that said, this is a great diary. The UX really does look functional and clean considering all the information crammed into the game. I appreciate the focus on subtle informational cues because after 40 hours, all of us will not look at the blunt informational hints in the UI but the more quiet cues will help instinctively guide players to the choices they want to make.

Can't wait for next week's dev diary on Power Blocs. I would love to see more detail about each type of Bloc as well as more examples (even a list) of Central Identity Pillars and Principles.
 
Last edited:
  • 2Like
Reactions:
Could you please change the Power Bloc symbols to more historical national symbols? Like the Union Jack for Britain, the double-headed Romanov eagle, the Iron Cross, the double-headed Austrian eagle, etc. Yes, theoretically the power bloc leader may change during the course of the game, but probably it won't. Other power blocs created during the game may use randomized symbols and backgrounds, but at the start of the game, the historical Great Power blocs should use their traditional symbols and colors. This change alone would do wonders for immersion.
Agreed. Historical immersion would be greatly enhanced by this. Though maybe instead of the Iron Cross for the Zollverein, the German-Federations eagle would do?
 
  • 2Like
  • 1
Reactions:
For the collapsible context menu, would it be possible to add an icon to the collapsible category? Would the subject interactions get their own tab in diplomatic lens, or are they still mixed with the diplomatic actions / demands?
 
The lens system was a big UX experiment in Vic3. I am curious to hear what the developers think about it now that the game has had some expansions. Love it? Hate it?
 
  • 2Like
Reactions:
Sadly Power Block is just a fancy way to call a great power with their vassals & customs unions.

I expected much more like actual international organisations where you can belong to multiple at once. For example As Prussia you would belong to Zollverein, German Confederacy and Holy Alliance.

Recent Eu5 dev diary shows how it should have been done in Vic3. Only thing Vic3 Power Block system does better is that you can customize your block from scratch.
Maybe a international organization like Interpol or the Red Cross or the League of Nations should be a explicitly different mechanic vs a Power Bloc which is more to simulate diplomatic maneuvering, factionalism, and tensions.
 
  • 5
Reactions:
Big fan of the arrows! :)

If we're revisiting the construction queue, is there any chance we can get a drag and drop feature to reorder the queue?
Please, Paradox pleaaaaaaase!
Maybe a international organization like Interpol or the Red Cross or the League of Nations should be a explicitly different mechanic vs a Power Bloc which is more to simulate diplomatic maneuvering, factionalism, and tensions.
Totally valid point but ultimately its more of a matter of expectation, when the DLC was first revealed i was also hoping for a more generalized organization system instead of power blocs..
 
  • 3Like
  • 1
Reactions:
The color is from the country of the building it owns.
Could you add anything to the lines which represent ownership buildings to make them more distinct than the lines of non-ownership buildings. I imagine for some countries like Sweden and Qing it will be hard to distinguish between "this is blue because it is owned by pops" and "this is blue because it is a financial sector that owns Swedish buildings. I know you can see the building on the far left of each line but having some more distinction would probably make reading this easier.
 
1715872626466.png

Small thing, but the meme *cough I mean UI* is in the wrong order. And I agree with the other poster that the difference is hard to tell at a glance. maybe the banner for the anti could be red as well? Currently they are both green.
 
  • 14Like
  • 7
  • 4Haha
Reactions: