Workspace Menu

Mike's Notes

Working draft for the outline of the workspace menu. Testing now, all subject to change.

Resources

References

  • Reference

Repository

  • Home > Ajabbi Research > Library >
  • Home > Handbook > 

Last Updated

30/10/2025

Workspace Menu

By: Mike Peters
On a Sandy Beach: 30/10/2025

Mike is the inventor and architect of Pipi and the founder of Ajabbi.

Every Workspace comes with several types of menus (explained here for left-to-right writing systems)

  • Every workspace has 3 Standard 1 menus to the left.
  • Each workspace has some unique Workspace-specific menus.
  • Some workspaces have one or more Context menus.
  • Every workspace has 3 Standard 2 menus to the right.

Menu types

  • Standard 1
    • Home
    • File
    • Edit
  • Workspace-specific
    • Arrange
    • Bookmarks
    • Design
    • Layout
    • Presentation
    • Network
    • Translate
    • etc
  • Context
    • Data Model 
    • Import Data
    • Schema
    • Freight Consignment
    • etc
  • Standard 2
    • View
    • Window
    • Help

Menu hierarchy example

  • Home (Standard 1)
    • Dashboard
    • Preferences
    • Workspaces

  • File (Standard 1)
    • New
    • Open
    • ---------------
    • Close
    • Save
    • Save As
    • Revert
    • Delete
    • ---------------
    • Page setup
    • Print
    • ---------------
    • Info
      • Versions
    • Import
    • Export
    • ---------------
    • Exit
  • Edit (Standard 1)
    • Cut
    • Copy
    • Paste
    • Clear
    • Select All
    • ---------------
    • Show Clipboard
  • --------------------------------------------------------
  • Design (Workspace-specific)
    • Font
      • Font Type
      • Font Size
    • Paragraph
    • Style
    • Editing
  • Bookmarks (Workspace-specific)

  • Arrange (Workspace-specific)
    •  
  • --------------------------------------------------------
  • Context 1 (Context)

  • Context 2 (Context)

  • Context 3 (Context)

  • --------------------------------------------------------
  • View (Standard 2)
    • Show
    • Zoom
  • Window (Standard 2)
    • Dashboard
      • Arrange
    • Workspace
    • Settings
      • Language
      • Acessibility
      • Time Zone
    • Updates
  • Help (Standard 2)
    • Help
    • Feedback
      • Roadmap
      • Vote
      • Feature Request
    • Support
      • Forum
      • Chat
      • Office Hours
      • Contact
    • Training
      • Docs
      • How-to-guide
      • Tutorials
      • Reference
    • About Pipi

Menu Config Database

Already built and tested. Stores all tab and tool definitions.

Layout options

The workspace menu UI will come in several layout options, mirroring popular platforms. People will be able to choose whatever they prefer in settings. DevOps account developers will be able to create more options for users to choose from. Possible layout options include,

  • "Ribbon"
  • "Google like"
  • Pipi 4
  • Adobe
  • Service Now
  • Zoho
  • Odoo
  • etc

Acessibility

There will be menu UI options for screen readers, braille, and other accessibility features.

Ribbon layout

I'm working on the static ribbon version of the workspace menu. The CSS and working versions will use MetroUI CSS and HTMX.

The workspace "ribbon-like" menu and tabs roughly follow common conventions used by other software, so people don't get lost. With 3 context tabs reserved for any situation. The first draft will be used for running experiments.

What's next

Replace all 3,800 HTML Workspace files with the changes.

Lots of trial-and-error experimenting is next. You can watch by visiting the workspace mockup.

The design system docs will need to be updated.

By ,
Tags , , ,

No comments:

Post a Comment

Subscribe to: Post Comments (Atom)