Difference between revisions of "Toolbar and Layers Redesign"
From Roll20 Wiki
Andreas J. (Talk | contribs) m (embed video) |
Andreas J. (Talk | contribs) m |
||
(4 intermediate revisions by one user not shown) | |||
Line 1: | Line 1: | ||
{{revdate}} | {{revdate}} | ||
− | {{#evp:youtube| | + | {{#evp:youtube|06A41a6OmzQ|Updated Toolbar and Layers Preview, May 25th,2023|right|600}} |
The [[Toolbar]] and [[Layers]]-design is being reworked, and as of July 22nd 2023, is opt in for {{Pro}}-users, and will later be rolled out for everyone. | The [[Toolbar]] and [[Layers]]-design is being reworked, and as of July 22nd 2023, is opt in for {{Pro}}-users, and will later be rolled out for everyone. | ||
* '''[https://pages.roll20.net/redesign Roll20 Virtual Tabletop Redesign]''' main info page | * '''[https://pages.roll20.net/redesign Roll20 Virtual Tabletop Redesign]''' main info page | ||
* https://roll20.io/redesign-feedback | * https://roll20.io/redesign-feedback | ||
− | |||
− | |||
+ | ==Goals== | ||
The main goals for the redesign, as stated in the [https://app.roll20.net/forum/post/11484071/opt-in-to-the-new-toolbar-and-layers-redesign blog]: | The main goals for the redesign, as stated in the [https://app.roll20.net/forum/post/11484071/opt-in-to-the-new-toolbar-and-layers-redesign blog]: | ||
Line 16: | Line 15: | ||
:4. '''[[Player]] view vs [[GM]] View.''' Currently, the player side of the VTT looks almost identical to the GM side. We want GMs to have a guided way to build their games through menus unique to their role, while players should have an area focused on how they play the game. | :4. '''[[Player]] view vs [[GM]] View.''' Currently, the player side of the VTT looks almost identical to the GM side. We want GMs to have a guided way to build their games through menus unique to their role, while players should have an area focused on how they play the game. | ||
+ | ==Toolbar== | ||
+ | Some of the tools have been renamed and changed how they are grouped & ordered. | ||
+ | |||
+ | |||
+ | * (New) '''Settings-submenu''' added to the top, options like: | ||
+ | ** "preview as token" | ||
+ | ** [[Dark Mode]] toggle | ||
+ | ** Logout button | ||
+ | ** opt-out from redesign | ||
+ | * '''Select''', used to be a switch in [[Select/Move_Tool#Select_Mode|Select/Move_Tool]] | ||
+ | * '''Pan''', used to be a switch in [[Select/Move_Tool#Pan_Mode|Select/Move_Tool#Pan_Mode]] | ||
+ | ** so you click between Select & Pan to switch mode, while previously you had to open the menu or use keyboard shortcut to switch between them. | ||
+ | * [[Draw Tool]] ''(but Text tool is now separate)'' | ||
+ | * '''[[Drawing_Tools#Text|Text]]''' tool is separated from the Drawing Menu | ||
+ | * '''Effects''', renamed from {{FX Tool}} | ||
+ | * '''Lighting''', renamed from [[Place Tool]] | ||
+ | * '''Fog of War''', renamed from {{Darkness}} | ||
+ | * '''Measure''', renamed from {{Ruler}} | ||
+ | ** Includes now shapes like circles, cones to measure AoE {{source|https://help.roll20.net/hc/en-us/articles/360037772613-Change-Log#aug-9-2023-0-1 Aug 9, 2023}} | ||
+ | ** {{blogs|new-measure-tool-shows-aoe-and-shapes/ New Measure Tool Shows AoE and Shapes}} Aug. 10, 2023 | ||
+ | * '''Turn Order''', renamed from {{Turn Tracker}} | ||
+ | * '''Dice''', renamed from {{DiceGUI}} | ||
+ | |||
+ | There is then a gap and [[Layers]] is at the bottom, so it's always in the bottom-left corner of the screen. | ||
+ | |||
+ | ===Layers=== | ||
+ | |||
+ | [[Layers]] are now at the bottom of the Toolbar, and their order is now: | ||
+ | * Tokens | ||
+ | * GM | ||
+ | * Light | ||
+ | * Map | ||
+ | |||
+ | Not clear how the planned [[Foreground Map Layer]] will be integrated. | ||
+ | |||
+ | =Tips= | ||
+ | * [[Stylus#Toolbar_Redesign|Stylus snippets]] to adjust the toolbar's look | ||
+ | |||
+ | =Links= | ||
+ | * [https://app.roll20.net/forum/post/11484071/opt-in-to-the-new-toolbar-and-layers-redesign Opt In to the New Toolbar and Layers Redesign] Forum thread May 31st, 2023 | ||
+ | * [http://blog.roll20.net/posts/roll20-virtual-tabletop-redesign-our-research/ Roll20 Virtual Tabletop Redesign: Our Research] Blog - Apr 13, 2023 | ||
+ | '''Videos''' | ||
+ | * [https://www.youtube.com/watch?v=j7YyMWDruv4 New Roll20 VTT Experience!] 2min, May 2nd, 2023 | ||
+ | * [https://www.youtube.com/watch?v=wnZgSRgJVPs Let's Look at the Roll20 VTT Redesign] 25min, RogueWatson, (June 10th, 2023) | ||
+ | * [https://www.youtube.com/watch?v=v24pYeBHae8 Discussing The New Roll20 Virtual Tabletop Redesign with Morgan Buck and Andrew Searles] 23min, Really Dicey (June 1st, 2023) | ||
+ | [[Category:VTT Interface]] | ||
+ | [[Category:Toolbar]] | ||
[[Category:New features in 2023]] | [[Category:New features in 2023]] |
Latest revision as of 09:08, 31 December 2023
Page Updated: 2023-12-31 |
Pro
info-users, and will later be rolled out for everyone.
Contents |
[edit] Goals
The main goals for the redesign, as stated in the blog:
- 1. Less Menus, More Suggestions. To provide not only guidance and learnability through suggestions and auto-correction of mistakes, but providing users only what they need based on their intention at any given time.
- 2. Simplification. The current VTT contains a lot of repetitive actions. Enable the user to do the same thing in fewer steps.
- 3. Automation. The current VTT is very manual in nature. We wanted to streamline things like assigning tokens, having settings carry over from action to action, and much more.
- 4. Player view vs GM View. Currently, the player side of the VTT looks almost identical to the GM side. We want GMs to have a guided way to build their games through menus unique to their role, while players should have an area focused on how they play the game.
[edit] Toolbar
Some of the tools have been renamed and changed how they are grouped & ordered.
- (New) Settings-submenu added to the top, options like:
- "preview as token"
- Dark Mode toggle
- Logout button
- opt-out from redesign
- Select, used to be a switch in Select/Move_Tool
- Pan, used to be a switch in Select/Move_Tool#Pan_Mode
- so you click between Select & Pan to switch mode, while previously you had to open the menu or use keyboard shortcut to switch between them.
- Draw Tool (but Text tool is now separate)
- Text tool is separated from the Drawing Menu
- Effects, renamed from e Fx Tool
- Lighting, renamed from Place Tool
- Fog of War, renamed from Darkness Tool
- Measure, renamed from Ruler
- Includes now shapes like circles, cones to measure AoE
- New Measure Tool Shows AoE and Shapes(Blog) Aug. 10, 2023
- Turn Order, renamed from t Turn Tracker
- Dice, renamed from t Dice Rolling GUI
There is then a gap and Layers is at the bottom, so it's always in the bottom-left corner of the screen.
[edit] Layers
Layers are now at the bottom of the Toolbar, and their order is now:
- Tokens
- GM
- Light
- Map
Not clear how the planned Foreground Map Layer will be integrated.
[edit] Tips
- Stylus snippets to adjust the toolbar's look
[edit] Links
- Opt In to the New Toolbar and Layers Redesign Forum thread May 31st, 2023
- Roll20 Virtual Tabletop Redesign: Our Research Blog - Apr 13, 2023
Videos
- New Roll20 VTT Experience! 2min, May 2nd, 2023
- Let's Look at the Roll20 VTT Redesign 25min, RogueWatson, (June 10th, 2023)
- Discussing The New Roll20 Virtual Tabletop Redesign with Morgan Buck and Andrew Searles 23min, Really Dicey (June 1st, 2023)