Skip to main content
Loading...

Update Lucius | Grote facelift (en ruimte voor eigen branding)

blog header image

Afgelopen maanden hebben meer dan 300 mensen de alpha-3-versie van Lucius getest. We hebben ze geïnterviewd en kwamen al snel tot de conclusie dat de basis lay-outs grote verbeteringen nodig hadden. Het werd ontvangen als 'mhew ..', dat waren we met hen eens. Dus gingen we aan het werk en brachten vandaag alpha-4 uit. We hebben een compleet nieuw design vanaf nul geïmplementeerd: clean, strak, snel en Bootstrap 4 gebaseerd. Het doel is om alle ruimte te laten voor custom branding en andere design behoeften. 

Hieronder vind je enkele screenshots en een korte uitleg van de nieuwe versie, ik heb de schermen met opzet een vrij lage resolutie gehouden: het is het beste om de real deal te ervaren / probeer het zelf.

Dus ja, we hebben alles vernieuwd:

  1. Overall lay-out en navigatie;
  2. Activity streams;
  3. Sociale posts;
  4. Berichten;
  5. Documentbeheer (bestanden en mappen);
  6. Likes;
  7. Reacties;
  8. Chatrooms (waar zijn ze?).

1. Overall layout en navigatie

  • De hoofdnavigatie ging van de linker zijbalk naar de bovenkant van de pagina, dit laat ook ruimte over voor uitbreidingen / extra menu-items en nieuwe goodies in de toekomst.
  • Het basis kleurenschema is nu minimalistisch: zwart / wit met primaire en secundaire 'actiekleuren'.
  • Ook is het platform nu veel responsive: gebruiksgemak op mobiele apparaten is ongeëvenaard verbeterd.
  • Alle html is vanaf de basis opnieuw opgebouwd, gebaseerd op Bootstrap 4. Op deze manier hebben we alle rommelige html en ontwerpen verwijderd, het is nu zo Bootstrap-native als menselijk mogelijk is.

  1. Hoofdnavigatie, inclusief een drop-down 'Groepen' (met activiteitenbadges);
  2. 'Snel toevoegen' button;
  3. Gebruikers gebied;
  4. Groepsnaam / paginatitel;
  5. Secties binnen groepen (inclusief activiteitenbadges);
  6. Actieknoppen.

2. Activity streams

  • Dit is de standaard homepage, waar je alle activiteit van al je groepen in één stream kunt vinden;
  • Alle activiteiten zijn nu overzichtelijk gebundeld per dag, per groep. In plaats van één grote wazige stroom van alles bij elkaar zoals in eerdere versies het geval was;
  • In de rechter zijbalk vind je al je groepen, inclusief activiteitenbadges;
  • (Elke groep heeft nu een speciale activiteitenstroom);
  • (Elke gebruiker heeft nu een speciale activiteitenstroom).

3. Social posts

  • Clean nieuw ontwerp, met geweldige nieuwe beeldervaring;
  • Opmerkingen en Likes ingebouwd in vers ontworpen componenten.

4. Messages

  • De nieuwe schermen voor berichten lijsten en bericht detailpagina's;
  • Met reacties en likes;
  • En likes op reacties :);
  • Zowel het bericht als de commentaren kunnen worden verrijkt met bestandsbijlagen.

5. Document management (files and folders)

  • De lay-out voor 'Docs & Files' is ook volledig opnieuw opgebouwd;
  • Het is nu gebaseerd op DataTables, dat alle goodies biedt zoals: direct zoeken, sorteren en paging;
  • De tables is nu geschikt voor mobiele apparaten;
  • Het is nog steeds mogelijk om mappen te beheren om uw bestanden te ordenen.

6. Likes

  • In lijn met andere design-verbeteringen is het like gebied nu ook mooi clean.

7. Reacties

  • Ook in lijn met andere UI-verbeteringen, is het reactie gebied inclusief bijlagen verbeterd.

8. What about de chatrooms / channels per groep?

Nou, in eerdere versies was dit geïntegreerd in de activity stream. Dat werd niet erg goed ontvangen, dus hebben we ze opgesplitst. In deze alpha-4 release werkt de activity stream volledig en is opnieuw vormgegeven, zoals je hierboven kunt zien.

De realtime chat komt terug in een toekomstige release in een speciale sectie ervoor. Voor nu is het 1 stap terug, een volgende release is het 2 stappen vooruit voor de chatrooms / kanalen. De activity stream hebben door deze aanpak al die 2 stappen vooruit gemaakt.

Wrap up

Oké, there you have it: een grote design update voor OpenLucius: een platform voor sociale productiviteit - volledig open source. Je kunt het zelf downloaden en installeren: kijk op de projectpagina op Drupal.org. Klik hier als je het meteen wilt proberen.

Ik kijk altijd uit naar nieuwe feedback.

Written by Joris Snoek | Nov 24, 2020 in Product
Nog wat tijd over?

Lees verder...

Reacties

Doe mee aan de conversatie