Skip to Content

Administration 9.x (2017)

Last modified by Vincent Massol on 2024/11/19 16:13

 XWiki
 Design
 Completed
 
 
 

Description

Problem

  • Some sections are hard to find since they are not in the corresponding category
  • Some sections are hard to reach, although they are used often

Changes

  • Reorganisation:
    • prioritising often used sections to be displayed at the top of categories
    • advanced and occasionally used sections are not that visible
  • Regrouping:  grouping related sections together with the usage of tabs
  • Collapsable menu: in order to limit the scroll and display just the relevant category, simplifying the visible options
  • Hints: added descriptive hints for all the options in order to clearly describe them and limit the ambiguity / need for documentation
  • Default values / Placeholder / Inherited: clearly presented the default (inherited) value and providing placeholders on the format the values need to be
  • Styling standardisation (headings, full width, buttons): have a consistent styling for sub-sections presentation and actions
  • Title area + global/wiki/page: adding visible hints for categories and clearly stating the type of administration

Overview

usersgroups-users-after.png
usersgroups-groups-after.png
usersgroups-rights-after.png
usersgroups-profile-after.png
usersgroups-directory-after.png
usersgroups-registration-after.png
usersgroups-invitation-after.png
extensionmanager-extensions-after.png
extensionmanager-history-after.png
extensionmanager-updater-after.png
lf-themes-color-after.png
lf-themes-icon-after.png
lf-panels-layout-after.png
lf-panels-wizard-after.png
lf-presentation-tabs-after.png
lf-presentation-header-after.png
lf-presentation-skin-after.png
lf-appbar-after.png
content-templates-after.png
content-import-after.png
content-export-after.png
content-localization-after.png
content-annotations-after.png
content-office-after.png
after.png
editing-WYSIWYG-ck-after.png
editing-WYSIWYG-after.png
editing-syntax-after.png
mail-sending-after.png
mail-status-after.png
mail-advanced-after.png
search-search-after.png
search-suggest-after.png
wikis-descriptor-after.png
wikis-templates-after.png
other-analytics-after.png
other-logging-after.png
other-messages-after.png

Proposal

After
after.png

Before
before.png

Users & Rights

Users & Groups

Changes

  • Tabs grouping
  • Hints:
    • Section
    • Tabs
  • Standardisation:
    • Headings
    • Buttons

After

usersgroups-users-after.png
usersgroups-groups-after.png

Before

usersgroups-users-before.png
usersgroups-groups-before.png

Rights

Changes

  • (Obs. Prototype bug) Missing wiki creation tab content
  • Tabs grouping
  • Hints
    • Section
    • Tabs
  • Standardisation:
    • Headings

After

usersgroups-rights-after.png

Before

usersgroups-rights-before.png
usersgroups-wikicreation-before.png

Profile

Changes

  • Tabs grouping
  • Hints:
    • Section
  • Standardisation:
    • Headings
    • Buttons
    • Full width

After

usersgroups-profile-after.png
usersgroups-directory-after.png

Before

usersgroups-profile-before.png
usersgroups-directory-before.png

Registration

Changes

  • (Obs. Prototype bug) Missing options
  • Hints:
    • Section
    • Options
  • Standardisation:
    • Full width
  • Default values

After

usersgroups-registration-after.png

Before

usersgroups-profile-before.png

Invitation

Changes

  • (Obs. Prototype bug) Missing options
  • Hints:
    • Section
    • Options
  • Standardisation:
    • Full width
  • Default values
    • Placeholders

After

usersgroups-invitation-after.png

Before

usersgroups-invitation-before.png

Extensions

Extensions

Changes

  • Hints:
    • Section
  • Select options grouping

After

extensionmanager-extensions-after.png

Before

extensionmanager-extensions-add-before.png
extensionmanager-extensions-installed-before.png
extensionmanager-extensions-core-before.png

History

Changes

  • Hints
    • Section
    • Intro

After

extensionmanager-history-after.png

Before

extensionmanager-history-before.png

Updater

Changes

  • Hints
    • Section
    • Intro

After

extensionmanager-updater-after.png

Before

extensionmanager-updater-before.png

Look & Feel

Themes

Changes

  • Tabs grouping
  • Hints:
    • Section
    • Tabs
  • Standardisation:
    • Headings
    • Buttons
    • Full width
  • Moves:
    • FlamingoThemes integration
    • Separate Themes and Skins

After

lf-themes-color-after.png
lf-themes-icon-after.png

Before

lf-themes-before.png
lf-themes-color-before.png

Panels

Changes

  • Tabs grouping
  • Hints:
    • Section
    • Tabs
    • Options
  • Standardisation:
    • Buttons
    • Full width
  • Moves:
    • Panels options integration
    • Tabs order change

After

lf-panels-layout-after.png
lf-panels-wizard-after.png

Before

lf-panels-wizard-before.png
lf-panels-layout-before.png

Presentation

Changes

  • Tabs grouping
  • Hints:
    • Section
    • Tabs
    • Options
  • Standardisation:
    • Headings
    • Full width
  • Moves:
    • Skin
    • Remove: 'Stylesheet', 'Stylesheets'

After

lf-presentation-tabs-after.png
lf-presentation-header-after.png
lf-presentation-skin-after.png

Before

lf-presentation-before.png

Applications Panel

Changes

  • Hints:
    • Section
    • Intro
  • Standardisation:
    • Headings
    • Buttons

After

lf-appbar-after.png

Before

lf-appbar-before.png

Content

Page Templates

Changes

  • Hints:
    • Section
  • Standardisation:
    • Headings

After

content-templates-after.png

Before

content-templates-before.png

Import

Changes

  • Hints:
    • Section
    • Intro
  • Standardisation:
    • Headings

After

content-import-after.png

Before

content-import-before.png

Export

Changes

  • Hints:
    • Section
    • Options
  • Standardisation:
    • Full width

After

content-export-after.png

Before

content-export-before.png

Localisation

Changes

  • Hints:
    • Section
    • Options
  • Standardisation:
    • Full width
  • Default values
    • Placeholders
  • Removed 'Document Bundles'

After

content-localization-after.png

Before

content-localization-before.png

Annotations

Changes

  • Hints:
    • Section
    • Intro
    • Options
  • Standardisation:
    • Headings
    • xForm

After

content-annotations-after.png

Before

content-annotations-before.png

Office Server

Changes

  • Hints:
    • Section
    • Options
  • Standardisation:
    • Headings
    • Buttons

After

content-office-after.png

Before

content-office-before.png

Editing

Edit Mode

Changes

  • Hints:
    • Section
    • Options
  • Standardisation:
    • Headings
    • Full width
  • Default values
  • Reordering
  • Moves:
    • Syntax

After

after.png

Before

before.png

WYSIWYG Editor

Changes

  • Hints:
    • Section
  • Standardisation:
    • Headings
    • Full width
    • Buttons

After

editing-WYSIWYG-ck-after.png
editing-WYSIWYG-after.png

Before

editing-WYSIWYG-ck-before.png
editing-WYSIWYG-before.png

Syntaxes

Changes

  • Hints:
    • Section
    • Options
  • Standardisation:
    • Full width
  • Moves:
    • 'Default Syntax'

After

editing-syntax-after.png

Before

editing-syntax-before.png

Mail

Mail Sending

Changes

  • Hints:
    • Section
  • Standardisation:
    • Full width
  • Placeholders

After

mail-sending-after.png

Before

mail-sending-before.png

Mail Sending Status

Changes

  • Hints:
    • Section
    • Intro

After

mail-status-after.png

Before

mail-status-before.png

Advanced

Changes

  • Hints:
    • Section
  • Standardisation:
    • Full width

After

mail-advanced-after.png

Before

mail-advanced-before.png

Search

Search

Changes

  • Tabs grouping
  • Hints:
    • Section
  • Standardisation:
    • Headings
    • Buttons
    • Full width

After

search-search-after.png

Before

search-search-before.png

Search Suggest

Changes

  • Tabs grouping
  • Hints:
    • Section
    • Options
  • Standardisation:
    • Headings
    • Buttons
    • Full width

After

search-suggest-after.png

Before

search-suggest-before.png

Wikis

Descriptor

Changes

  • Hints:
    • Section
  • Standardisation:
    • Headings
    • Full width

After

wikis-descriptor-after.png

Before

wikis-descriptor-before.png

Wiki Templates

Changes

  • Hints:
    • Section
    • Intro
  • Standardisation:
    • Headings

After

wikis-templates-after.png

Before

wikis-templates-before.png

Other

Google Analytics

Changes

  • Hints:
    • Section
    • Options

After

other-analytics-after.png

Before

other-analytics-before.png

Logging

Changes

  • Hints:
    • Section
    • Intro

After

other-logging-after.png

Before

other-logging-before.png

Message Stream

Changes

  • Hints:
    • Section
    • Options

After

other-messages-after.png

Before

other-messages-before.png

Titles

Changes

  • Location prefix
  • Separator
  • Hints:
    • Section

After

title-global-after.png
title-wiki-after.png
title-global-page-after.png
title-wiki-page-after.png

Before

title-global-before.png
title-wiki-before.png
title-global-page-before.png
title-wiki-page-before.png

Future

  • Search suggest for menu categories and options
  • Further organisation (and deciding a rule for what we display under tabs, headings, etc.)
  • Further polishing of sections
  • Removal of old applications (Message Stream, Invitation, etc.)

 

About

About

Support

Platform

User Guide

Admin Guide

Developer Guide

Projects

XWiki

Extensions

Other

Contribute

Status

Practices

Under the Hood

Get Involved

Get Connected