Hi Creators,
Over the past few months, we’ve been improving our documentation site to make our resources about Roblox development easier to find and use. Thank you to those who’ve reported bugs and given us feedback!
TLDR: We’ve updated the look and feel of the Engine API reference page to make these resources easier to read and navigate, especially on mobile devices. We added some missing content like code samples and API tags throughout our documentation, and implemented semantic search to make it easier to find resources like guides. We also made our docs more accessible and easier on the eyes, added better interfaces for documenting explanations, and more!
Read on for details about these changes:
Design & Accessibility
- APIs were hard to navigate to or search within nested UIs. We made formerly hidden or collapsed content visible, flattened the information layout to make it searchable, added helpful tooltips with definitions over API types and terms, and improved our site’s styles to make them easier to read (see Figure A below)
- Redesigned Engine API pages with a simplified, easily searchable interface, featuring helpful tooltips on return types
- Improved responsive design for mobile throughout
- Implemented responsive design and better styling for Engine enum pages
- Added keyboard navigation and enhanced our design for accessibility. You can now navigate documentation using arrow keys, and initiate a search through a keyboard shortcut: Ctrl/Cmd+K and Ctrl/Cmd+Spacebar to search docs (see Figure B below)
- Added better highlighting for Luau syntax including string interpolation, built-ins, and library keywords. Also fixed the syntax highlighting for C# code samples (see Figure C below)
- Added our new font throughout the site and adjusted spacing for documentation to make it easier to read
- Addressed inconsistencies that the documentation site had with the rest of create.roblox.com, including the look and feel of the sidebar, scrollbar, spacing, and layout
Figure A: Easy to navigate API summaries with useful explanations exposed through tooltips
Figure B: Full keyboard navigation of docs and docs search (Ctrl+ K or Spacebar)
Figure C: Improved syntax highlighting
Figure D: Color swatches to document colors
Content & Tags
- Added New Color swatches to pages like BrickColor for documenting colors better (see Figure D above)
- Open Cloud docs now show additional documentation on all possible resource paths and document code samples more accurately
- Added missing page links and descriptions to certain types
- Fixed deprecated APIs that were appearing when they should have been hidden
- Engine APIs are now more accurately tagged as deprecated or with certain security tags
- Engine enum pages now expose tags, such as Deprecated and more
- Certain Engine APIs now have more accurate types surfaced in the documentation
- Missing code samples on certain API pages are back
Internationalization
- Engine API pages are better translated per language
- Fixed Documentation menu that was not showing for users of some languages
- More translations of the Documentation site are available across languages
Search & Assistant
- Enhanced Search to fetch articles beyond API references from Roblox docs
- Updated Assistant spacing and font to make conversations easier to read
- Docs search now has some semantic understanding and can rank guides higher than API pages. (See Figure E below)
- We’re continuously working on optimizing the Assistant with better responses to your questions
Figure E: Semantic search (right side of image) results in more relevant results when searching for “how to code” compared to previous search (left side of image)
We hope these updates make our documentation more accessible, more accurate and complete, and easier to use. Let us know if you have any feedback about these updates, and stay tuned for some upcoming news around better internationalization for Roblox Docs!
Thanks,
The Documentation team