The design paradigm that we've been following for the development of the default component is to let editors consume content through the progressive disclosure of information. That means that for every node of information, they can be expanded it into what we call "expert mode". This let editors go deeper in the inspection (and understanding) of Wikifunctions content. We currently have designed atomic elements for string, reference, and monolingual text properties.
The purpose of this task is to define a collapsed (non-expert) view for function call in objects. In the screenshot below, an expanded (expert) view of a function call example.
After an internal consultation, we opted for displaying the function name, and the function arguments in the collapsed view. In the screenshots below a couple of explorations.
- Option A relies only on parenthesis to convey the function call meaning
- Option B uses a combination of parenthesis and f(x) icon
- Option C uses a more visually rich solution to convey the relationship between the function and the arguments
If multiple arguments are available, we could display the first argument by default, and all the other behind a "...". When editors click on "..." we would open expert mode.
If the function name (or the argument name) is a longer string of text, we could wrap text on a new line. Example content totally random.
For posterity, these are some of the other ideas that have been explored.