Extensible Skins | 2018
ABOUT THE PROJECT
One of the greatest strengths of XWiki is its extensibility. You can add over 600 extensions on top of it and truly customise it to fit your needs. This means the user interface needs to be able to support advanced customizations: from defining extensions points to supporting themes. XWiki is an extensible open source platform for developing collaborative applications on top of the wiki paradigm.



SKIN LAYOUTS
Using CSS Grid in the Skin layouts implementation will permit total customisation of the position of interface elements. I've iterated on multiple layouts variations, controlling the layout only from CSS and prototyping on how it would look with actual content.

Layout variations
Administration section that allows changing the current layout



EXTENSION POINTS
User Interface Extensions are used by applications to insert custom content in already existing interface elements.




COLOR THEMES
Color Themes allow rapid change of the look & feel of your wiki, preserving the global layout and bringing small changes to the interface, like headings size, new fonts, different colors for buttons, links, etc.

Color Themes examples:    Iceberg   |    Pantera   |    Dawn    |    Snowdrop
ICON THEMES
Similar to Color Themes, XWiki provides an Icon Themes mechanism to easily change the icons set. I've also conducted an interface inventory for icons, listing all the places where icons are found and the way they are used.
Icon Themes examples:    Font Awesome    |    Silk   |    Material    |    Glyphicon    |    Icons Inventory
Interface Inventory: icon usage across features and implementation method
MY ROLE
I've conducted the research and definition of Skin Layouts, Extension Points and over the years I've proposed and implemented multiple Color Themes and Icon Themes for several XWiki Skins.

Working on the same product for a longer period of time it gives you the unique opportunity to see how a functionality evolves. This progression is triggered by technology changes, performance or consistency needs, requirements evolution or by user demands.
I prefer to interact and create the design in the environment it will live in, so I usually code my proposals directly in HTML+CSS. 
These design proposals are discussed inside the XWiki Community, which is an Open Source community around the XWiki platform.
Extensible Skins | 2018
0
9
0
Published:

Extensible Skins | 2018

Methods of advanced interface customisations: from defining extensions points, layout variations to supporting multiple icon and color themes.
0
9
0
Published:
Copyright Info

Attribution, Non-commercial, No Derivatives

Read More