Entropy.fi:n kehittäminen tammikuusta kesäkuuhun 2025 Jaa

Yhteenvetokatsaus

Vuoden 2025 ensimmäisellä puoliskolla keskityin neljään päätavoitteeseen:

1. Sivuston koetun nopeuden parantaminen (progressiivinen media, vakaa layout, vähemmän nykimistä)
2. Aikaan sidottujen kokemusten selkeyttäminen (selkeämpi tapahtuma-aikataulu ja “live”-painotteinen stream‑kokemus)
3. Visuaalisen ja vuorovaikutuskerroksen yhtenäistäminen (täysi ikonijärjestelmän migraatio, johdonmukaiset komponentit)
4. Tulevan kitkan pienentäminen (lokalisoinnin pohjatyö, refaktoroinnit, kuolleen koodin poisto)

Läpileikkaava teema: vähennä kognitiivista melua, nosta “mitä juuri nyt on olennaista” pintaan ja valmistele kasvua ilman massiivisia uudelleenkirjoituksia.

Kaksi erillistä käyttökokemusta: Aikataulu ja Stream

Tapahtuman aikataulu ja stream-sivu palvelevat eri tarkoituksia. Aiemmissa vedoksissa ne sekoittuivat; nyt ne on erotettu selkeästi.

1. Tapahtuma-aikataulu (per tapahtuma – ohjelmakartta)

Tarkoitus: Antaa kävijälle yhdellä silmäyksellä kokonaiskuva: kuka esiintyy, milloin ja millä lavalla, sekä miten ilta / tapahtuma etenee.

Parannukset ja intentio:

• Lavasegmentointi: Skaalautuu yhdestä lavasta monilavaiseen ilman että puuroutuu.
• “Nyt”-hahmotus: Hienovarainen nykyhetken konteksti, jos käyttäjä avaa aikataulun kesken tapahtuman.
• Monipäiväisyys: Muotoilu mukautuu automaattisesti usean päivän tapahtumiin—ei tarvetta päässä laskemiselle.
• Selkeys peräkkäisissä / päällekkäisissä aloituksissa: Myös samaan aikaan alkavat tai tiiviit vaihdot esitetään siististi (ml. B2B).
• Valinnainen rikaste: Genre- tai “Live”-merkintä tuo lisäarvoa hukuttamatta näkymää.
• Nimikonsistenssi: Artistien nimet esitetään ennustettavassa muodossa, mikä vähentää silmäilyn rasitusta.
• Editointijoustavuus: Esirakennetut lohkot (DJ, VJ -variantit) voidaan upottaa suoraan tapahtumasivun sisältöön ilman logiikan uudelleentoteutusta.

Lopputulos: Aikataulu toimii kuin kartta—nopea skannata, kevyt suunnittelussa ja kestävä reunatapauksille.

2. Stream-sivu luonti

Tarkoitus: Antaa “mikä on juuri nyt livenä” — ei enempää eikä vähempää. Stream-sivu ei ole aikataulu eikä yritä ennustaa tai näyttää soitto järjestystä.

Parannukset:

• Vain nykyhetki: Sivu näyttää kulloinkin esiintyvän aktin.
• Manuaalinen / dynaaminen asetus: Kirjautunut oikeuksin varustettu käyttäjä voi koska tahansa asettaa tai vaihtaa aktiivista artistia. Tämä on tietoinen manuaalinen toimi, ei johdettu aikataulusta.
• Joustava nimeäminen: Spontaani yhteistyö / ad hoc ‑B2B voidaan vain päivittää näkyvään nimeen—ei ole mitään järjestyslogiikkaa vastaan taistelemista.
• Jaettava selkeys: Kun linkkiä jaetaan, vastaanottaja näkee heti kuka on livenä (manuaalisesti asetettu nimi näkyy kontekstissa / metadatassa).
• Minimaalinen kuormitus: Pois jättämällä mennyt ja tuleva sivu toimii selkeänä tilapaneelina, ei tiivistetyksenä aikajanasta.
• Jälkikäsittely: Streamin päätyttyä tallenteita ei listata live-sivulla. Artistiprofiilin omistaja voi ladata tallenteen ja jakaa tai julkaista sen missä tahansa (ulkoiset alustat, some) ilman että live-näkymä muuttuu arkistoksi.

Lopputulos: “Nyt ensin” -sivu ilman oletettua jonoa. Se raportoi tämänhetkisen tilan tarkasti, mukautuu sponttaaneihin muutoksiin ja jättää tallenteiden hallinnan artistille eikä muuta live-näkymää kirjastoksi.

Media ja koettu suorituskyky

Mitä muuttui:

• Progressiivinen kuvien lataus → Välitön matalaresoluutioinen vaikutelma, huomaamaton tarkentuminen täyteen laatuun.
• Näyttöalueeseen perustuva viivästetty lataus → Ladataan vain se, minkä käyttäjä todennäköisesti näkee pian.
• Välimuistitietoisuus → Ohitetaan siirtymäefektit jo valmiiksi lämpimille resursseille.
• Vakaampi sijaiskuvalogiikka koko sivustolla → Flickerin ja epäsynkronoitujen siirtymien eliminointi.
• Koon semantiikan järkevöittäminen → Vähemmän ylikokoisia noutoja ja layoutin nytkähdyksiä.

Tulos: Sivusto tuntuu nopeammalta – lisää luottamusta ja vähentää poistumisherkkyyttä.

Visuaalinen ja vuorovaikutuksen johdonmukaisuus

Symfony UX Icons -migraatio (sivuston laajuinen konteksti):

• Yhtenäiset koot, viivan paksuudet ja kohdistus → puhtaampi rytmi.
• Helpottaa tulevaa teemakustomointia (tumma tila, kausiteemat).
• Parantaa saavutettavuutta vakioimalla koriste vs. semanttiset ikonikäytöt.
• Nopeuttaa iterointia — ikoninvaihto on nimeämismuutos, ei asset-putken operaatio.

Ajoitukseen ja kontekstiin liittyvät parannukset

Aikataulun ja streamin erottelun lisäksi:

• Päällekkäiset esiintymiset näkyviin → Ei piilotettuja konflikteja.
• Selkeät päättymisrajat tarvittaessa → Lisää luottamusta aikamerkintöihin.
• Mikroindikaattorien täsmennys → Riittää sivusilmäily tilan tulkitsemiseen.
• Selkeä ero nykyisen, tulevan ja menneen välillä.

Lokalisoinnin ja tulevaisuuden valmiuden pohjatyö

Tehdyt pohjat:

• Reititys ja valitsimet sovitettu lokalisoituihin polkuihin.
• Navigaatio normalisoitu niin, ettei kielilaajennus riko asettelua tai URL-logiikkaa.
• Laaja käännösrullaus lykätty rakenteiden vakauttamiseen asti — vältetään pian muuttuvien fragmenttien kääntäminen turhaan.

Hyöty: Kielen lisääminen on lisäys, ei jälleenrakennus.

Ylläpidettävyys ja refaktorointi

Keskeistä:

• Käyttämättömien palveluiden poisto pienensi henkistä pintaa.
• Menurakentamisen yhdistäminen yhdeksi ennustettavaksi lähteeksi.
• Automatisoidut refaktoroinnit (esim. Rector) modernisoivat syntaksia ja kuvioita.
• Iteratiiviset mikrokorjaukset (lazy load -reunatapaukset, välimuistitetut resurssit) estivät “pienten” asioiden paisumisen isoksi velaksi.

Periaate: Koodipohja, joka kutsuu muutosta, kiihdyttää tuotteen kehittymistä.

Luotettavuus ja reunatapaukset

Korjattu:

• Artistin lisäämis-/poistamistilanteet kesken syklin ilman visuaalista hajoamista.
• Sulavat aukot ja siirtymät monipäiväisissä aikatauluissa.
• Vakaa renderöinti, kun käyttäjä saapuu kesken tapahtuman välimuistiresursseilla.

Pienet korjaukset → kasautuva vakaus.

Ohjaavat periaatteet

• Selkeys ennen kikkailua: Jokaisella sivulla yksi selkeä intentio.
• Koettu nopeus on käyttäjän luottamus.
• Intentioiden erottelu ehkäisee kognitiivista ylikuormaa.
• Johdonmukaisuus kertautuu: yhtenäiset kuviot vähentävät tulkintatyötä.
• Valmistele ennen skaalausta: lokalisointi ja komponenttien uudelleenkäyttö helpottaa toteutusta.

Vaikutuskatsaus (kvalitatiivinen)

Iterointimalli

1. Kohdennettu parannus
2. Reaali­käytön reunatapauksen havaitseminen
3. Tarkka mikrokorjaus
4. Vanhan kiertotien poisto
5. Toisto → kumuloituva viimeistely

Riskit minimiin, laatu ylös tasaisesti.

Loppureflektio

2025 vuoden alkupuolisko painottui hiljaiseen rakenteelliseen paranteluun: nopeammin koettu käyttökokemus ja pohjatyö tulevalle kehitykselle.