Social Home huishoud-OS · gefedereerd · open

Blog Het Social Home-team

Organize, opnieuw ontworpen: taken, boodschappen en sticky's

Een echt takenbord met slepen en neerzetten, een boodschappenlijst met Ongedaan maken, en een muur met sticky's die op telefoons werkt. Allemaal in Social Home 2026.10.2.

Takenbord voor Huisprojecten met kolommen Te doen, Bezig en Klaar, gekleurde labels, deadlines en avatars van toegewezen personen

Organize is waar een huishouden zijn dagelijkse beloftes bijhoudt: de loodgieter bellen, melk kopen, donderdag de kliko niet vergeten. In Social Home 2026.10.2 kregen alle drie de tools een grondige opknapbeurt, van de database tot de laatste pixel. We zijn er echt blij mee.

Taken, Boodschappen en Sticky’s delen nu dezelfde bouwstenen: één snel-toevoegbalk, één laadskelet, één foutkaart met Opnieuw proberen, één melding voor Ongedaan maken. Ze zien er hetzelfde uit, gedragen zich hetzelfde, en elk bedieningselement heeft op telefoons een aanraakdoel van 44 px.

Alle schermen hieronder tonen voorbeeldgegevens.

Taken worden een bord

Taken staan nu op een bord met drie vaste kolommen: Te doen, Bezig en Klaar. Elke kaart toont zijn prioriteit (Geen tot Urgent), tot drie labels, één deadlinechip (rood zodra de datum voorbij is) en wie ermee bezig is. De Lijst-weergave is nog steeds één klik verwijderd als je liever een gewone checklist hebt.

Een kaart verplaatsen werkt zoals je handen verwachten:

  • Muis: sleep hem. Een schaduwkaart en een invoeglijn laten zien waar hij terechtkomt, en het bord scrolt aan de randen.
  • Aanraken: houd ingedrukt, zodat gewoon scrollen blijft werken.
  • Toetsenbord: Alt + ←/→ wisselt van kolom, Alt + ↑/↓ verandert de volgorde, en elke verplaatsing wordt aan schermlezers gemeld.

Gaat er onderweg iets mis, dan springt de kaart terug en vertelt hij je waarom. Twee snelle sleepbewegingen achter elkaar zitten elkaar nooit in de weg.

Een taakkaart die van Te doen naar Bezig wordt gesleept, met een schaduwkaart en een invoeglijn
Slepen en neerzettenEen schaduwkaart en een invoeglijn laten precies zien waar hij terechtkomt.
Dialoogvenster Taak bewerken met status, deadline, prioriteitschips, labels met suggesties en toegewezen personen
TaakdetailsStatus, deadline, prioriteit, labels met suggesties en toegewezen personen.
Takenbord op een telefoon met kolomchips Te doen 1, Bezig 4 en Klaar 5, en een tip over ingedrukt houden
Op een telefoonEén kolom tegelijk. De chips dienen ook als neerzetdoel.

Labelkleuren worden afgeleid van de naam van het label, dus ze kosten geen extra opslag en niets extra’s over de lijn. Bewerkrechten zijn ook duidelijker: de maker, een toegewezen persoon of een beheerder kan een taak wijzigen. Alle anderen zien een 🔒 in plaats van een knop die mislukt.

Onder de motorkap

Een muissleep begint na 4 px beweging; op aanraakschermen houd je ongeveer 300 ms ingedrukt. Een verplaatsing stuurt hoogstens twee verzoeken: een statuswijziging als de kolom verandert, dan een herordening die de verplaatste kaart benoemt. Verplaatsingen worden per lijst in een wachtrij gezet, zodat twee snelle sleepbewegingen nooit botsen.

Een boodschappenlijst die bijblijft

De lijst groepeert artikelen per winkel, of toont ze plat. Plak meerdere artikelen tegelijk en eindig een regel met @ Winkel om hem op de juiste plek te zetten. Gekochte artikelen zakken grijs naar de onderkant.

Verwijderen is nu direct, met Ongedaan maken. De truc: de verwijdering gaat pas naar de server zodra de melding verloopt, dus Ongedaan maken hoeft nooit iets opnieuw aan te maken. Alles wissen verwijdert precies de artikelen die je zag verdwijnen, niet het artikel dat je een seconde later afvinkte.

Boodschappenlijst gegroepeerd op Aldi, Migros, Bäckerei en Geen winkel, met onderaan een sectie Al gekocht
Gegroepeerd per winkelEén sectie per winkel, gekochte artikelen onderaan.
Boodschappenlijst op een telefoon met een melding Ongedaan maken na het verwijderen van Melk
Ongedaan makenDe melk verwijderd? Eén tik brengt hem terug.

Sticky’s, op elk scherm

De muur met sticky’s is nog steeds de koelkastdeur van je huishouden, en werkt nu ook op telefoons. Alleen het plakbandje vangt aanrakingen op, dus vegen over het bord scrolt de pagina. Notities passen hun grootte aan het bord aan. Onder ongeveer 760 px bordbreedte worden ze een net raster in leesvolgorde, en hun opgeslagen posities blijven onaangeroerd voor het grote scherm.

Notities verplaats je aan hun plakbandje of met de pijltjestoetsen (Shift verplaatst vijf keer zo ver). Kleuren hebben nu namen: Geel, Koraal, Mint, Hemelsblauw, Lila en Perzik. Kies je een donkere eigen kleur, dan schakelt de tekst vanzelf over op lichte inkt.

Bord met acht gekleurde sticky's, elk met een plakbandje bovenaan
De muurPak een notitie bij haar plakbandje en zet haar waar ze hoort.
Sticky's op een telefoon in een raster van twee kolommen
Op een telefoonEen leesbaar raster van twee kolommen.

Veiliger, en ook sneller

Bij het doorlichten van de oude code kwamen een paar dingen naar boven die we onderweg hebben opgelost:

  • Taken en sticky’s van een space blijven in hun space. Een taak of notitie uit de ene space is niet bereikbaar vanuit een andere, zelfs niet door het adres te raden.
  • De kleur van een notitie kan niet naar huis bellen. Vroeger kon een vervalste kleur de browser van elk lid een externe afbeelding laten ophalen en zo hun IP-adres prijsgeven. Nu is een kleur gewoon een kleur.
  • Organize opent sneller. De teller “Taken · N” in de zijbalk laadt niet langer elke lijst om ze te tellen.

En alles is vertaald naar het Engels, Duits, Spaans, Frans en Nederlands.

Onder de motorkap

Elk space-gebonden verzoek wordt nu gecontroleerd tegen de space in de URL; een notitie of taak uit een andere space antwoordt met 404, precies zoals een die niet bestaat. Kleuren van sticky’s moeten een gewone #RRGGBB-waarde zijn, zodat een kleur geen url() meer in een stijl kan smokkelen. De teller “Taken · N” komt uit één gegroepeerde query in plaats van één verzoek per lijst.

Probeer het

Het nieuwe Organize maakt deel uit van Social Home 2026.10.2. Werk de add-on bij in Home Assistant en open Organize. Nieuw bij Social Home? Aan de slag brengt je in een paar minuten van Home Assistant naar je eerste huishouden.