You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
## Changes
Added hyperlinks to captions in the UI and UX Design page. Text change
on one of the captions.
## Checks
By submitting your pull request for review, you agree to the following:
- [x] This contribution was created in whole or in part by me, and I
have the right to submit it under the terms of this repository's open
source licenses.
- [x] I understand and agree that this contribution and a record of it
are public, maintained indefinitely, and may be redistributed under the
terms of this repository's open source licenses.
- [x] To the best of my knowledge, all proposed changes are accurate.
---------
Copy file name to clipboardExpand all lines: content/en-us/production/game-design/ui-ux-design.md
+12-12Lines changed: 12 additions & 12 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -37,11 +37,11 @@ Irrelevant elements can cause confusion and distraction. [_Spellbound RPG_](http
37
37
<GridContainernumColumns="2">
38
38
<figure>
39
39
<img src="../../assets/game-design/ui-ux-design/ui-ux-design-3.png" alt="A close up view of an unselected circular Items button with a brown book icon. The environment in the background is a brown dirt with a patch of snow." width="100%"/>
40
-
<figcaption>Items prior to selection in *Spellbound RPG*</figcaption>
40
+
<figcaption>Items prior to selection in [Spellbound RPG](https://www.roblox.com/games/6468323505/)</figcaption>
41
41
</figure>
42
42
<figure>
43
43
<img src="../../assets/game-design/ui-ux-design/ui-ux-design-2.png" alt="A close up view of a selected circular Items button with a brown book icon, along with three additional buttons for skills, equipment, and the players deck. The additional buttons only display when the button is selected." width="90%"/>
44
-
<figcaption>Items after selection in *Spellbound RPG*</figcaption>
44
+
<figcaption>Items after selection in [Spellbound RPG](https://www.roblox.com/games/6468323505/)</figcaption>
45
45
</figure>
46
46
</GridContainer>
47
47
@@ -50,19 +50,19 @@ In [_Super Striker League_](https://www.roblox.com/games/3360853050/), player in
<figcaption>Contextual buttons in _Super Striker League_</figcaption>
57
+
<figcaption>Contextual buttons in [Super Striker League](https://www.roblox.com/games/3360853050/)</figcaption>
58
58
</figure>
59
59
</GridContainer>
60
60
61
61
In [_The Survival Game,_](https://www.roblox.com/games/11156779721/) players need to be aware of their health and hunger status, and have quick access to their map, inventory, and tools. This information allows them to make decisions and prioritize actions for survival. If this information or tools are hard to find or missing, survival becomes more challenging and needlessly frustrating.
<figcaption> Season pass UI in _Jailbreak_ </figcaption>
86
+
<figcaption> Season pass UI in [Jailbreak](https://www.roblox.com/games/606849621/)</figcaption>
87
87
</figure>
88
88
89
89
In [_Dragon Adventures,_](https://www.roblox.com/games/3475397644/) visual priority is given to the highest-value coin bundle by increasing its size and separating it with more padding, to distinguish it from smaller bundles.
<figcaption> Coin bundles in _Dragon Adventures_</figcaption>
93
+
<figcaption> Coin bundles in [Dragon Adventures](https://www.roblox.com/games/3475397644/)</figcaption>
94
94
</figure>
95
95
96
96
In [_Tower Defense Simulator_](https://www.roblox.com/games/3260590327/), both size and proximity are used to visually group and distinguish Daily Tower Skins from Daily Crates.
<figcaption> Clothing Shop in *Winds of Fortune*</figcaption>
131
+
<figcaption> Clothing Shop in [Winds of Fortune](https://www.roblox.com/games/7714627632/)</figcaption>
132
132
</figure>
133
133
134
134
Once the visual language has been designed, it can be documented in a _Style Guide_, a set of rules and examples that help everyone on the team understand how to apply the language consistently across the game.
@@ -146,11 +146,11 @@ Given their widespread use, players are typically familiar with such conventions
<figcaption>X Close Buttons in *Winds of Fortune*, *Dragon Adventures*, *BotClashSimulator*, and *DOORS*</figcaption>
149
+
<figcaption>X Close Buttons in [Winds of Fortune](https://www.roblox.com/games/7714627632/), [Dragon Adventures](https://www.roblox.com/games/3475397644/), [BotClash Simulator](https://www.roblox.com/games/9300407930/), and [DOORS](https://www.roblox.com/games/6516141723/)</figcaption>
<figcaption>Avatar customization flow in *Berry Avenue RP*.</figcaption>
248
+
<figcaption>Avatar customization flow in [Berry Avenue RP](https://www.roblox.com/games/8481844229/)</figcaption>
249
249
</figure>
250
250
251
251
These steps taken together represent the avatar customization flow. This flow is simple and straightforward, with as few steps as possible needed to equip an item. Because players do not have to perform many actions or think too much about what they need to do, this flow is low in _friction_, a measurement of the effort required to reach a goal.
0 commit comments