Merkittävästä ja silmiinpistävästä melko huomaamattomaan ja silti hyödylliseen - viime viikkojen ja kuukausien aikana teimme lukuisia muutoksia TutKit.comiin. Muutokset sisälsivät suorituskyvyn parannuksia ja teknisiä päivityksiä sekä muutoksia suunnitteluun ja käyttäjäkokemukseen. Kaikki yhteensä vaikuttaa positiivisesti käyttäjäkokemukseesi. Mitä on tapahtunut kulissien takana ja päällä - kattava yleiskatsaus.
Nyt tulee pimeää
Jatkossa voit milloin tahansa yhdellä napsautuksella vaihtaa suunnittelun tummaan tai vaaleaan. Olemme valinneet sen oletusarvoisesti sen mukaan, mitä käyttöjärjestelmässä on.
Saman yhteydessä muunsimme kaikki kuvat myös AVIF-muotoon, jotta selaimen ei tarvitse ladata niin paljon tietoja (noin 70% kuvista pienentyi tiedostokoon takia).
Aineistot, mallipohjat ja e-kirjat: enemmän silmäyksellä, ilman ylimääräisiä klikkauksia
Olemme aina näyttäneet sinulle aineistojemme, mallipohjiemme ja e-kirjojemme sivuilla pieniä esikatselukuvia kaikista yksittäisistä osista. Näin näet heti, mitä lataus sisältää.
Jokaisen esikatselukuvan takana oli myös pieni valikko. Sen avulla voit suurentaa esikatselukuvaa, merkitä sisällön suosikiksi ja saada yhteensopivuusohjeet. Kiva ... Mutta sinun piti myös avata valikko suurentaaksesi jokaista kuvaa, valita kuvake, katsoa kuvaa ja sulkea se ennen seuraavaan siirtymistä. Tarpeeton kiertotie. Poistimme valikon siksi. Nyt riittää, että viet hiirellä pienen esikatselukuvan päälle ja hoppla: suuri versio näytetään sinulle.
Pikaisen tarkastelun yhteydessä ilmeni myös muita järkeviä muutoksia: Yhteensopivuusohjeet voidaan nyt hakea suoraan näkyvästä kuvakkeesta, jossa on Info-i. Sisällön suosikiksi merkitseminen tapahtuu myös näkyvällä tähtikuvakkeella, joka näytetään enää vain sisäänkirjautuneille käyttäjille.
Video-opetusohjelmat: Nyt kuvan kera selvillä!
Mikäli selailetit aikaisemmin yhtä video-oppaitamme, siellä ei ollut paljoa enemmän kuin pääasiassa harmaita tekstiä ja toistolinkkejä. Näkymä on nyt täysin uudistettu niin, että se seuraa suoraviivaisesti aineistojen, mallipohjien ja e-kirjojen ulkoasua.
Toisin sanoen: Myös video-oppaidemme yhteydessä näet nyt pieniä esikatselukuvia, mikä yksinkertaisesti näyttää esteettisesti houkuttelevammalta. Onko video ilmainen vai tuore päivitys, näet - kuten aineistoissa - kuvissa olevien värikkäiden badgejen avulla.
Nyt sivumme esitetään yhtenäisesti. Olipa kyse aineistosta, mallipohjasta, e-kirjasta tai video-oppaasta: Siinä on esikatselukuva, jota voit suurentaa viemällä hiiren päälle; siinä on latauspainike tai videon toistopainike; siinä on kuvakkeita lisätietojen ja suosimisen lisäksi; jos sisältöön sisältyy lisämateriaalia, kuten projektitiedostoja, ohjeita tai tekstitutoriaaleja, löydät linkit niiden alapuolelta kuvaustekstien.
Lisäksi turhat kolmio-kuvakkeet tekstien avaamiseen ja sulkemiseen on poistettu, jotta näkymä olisi periaatteen "vähemmän on enemmän" mukaisesti selkeämpi. Kaikki optimoinnit on viimeistelty myös mobiililaitteille.
Suuri siivous kokonaispakettien sivuilla
Mitä voidaan poistaa? Miten asioita voidaan esittää toisella tavalla? Miten tietoa voidaan sijoittaa paremmin? Kysyimme tällaisia kysymyksiä kokonaispakettisivuillemme, jotta voisimme virtaviivaistaa niitä ja silti pitää informaation tiheänä. Yllä mainittujen muutosten lisäksi yksittäisten sisältöjen näkymien muutoksien lisäksi teimme seuraavat muutokset:
Galleria: Galeriassa näytämme, miten voit esimerkiksi käyttää aineistoja ja mallipohjia. Aikaisemmin täällä oli kiertovaikutus. Kaunista, mutta myös häiritsevää. Uusi gallerianäkymä on supistettu tarkasti kolmeen asiaan: näet valitun kuvan, alaotsikon ja navigoinnin vasemmalle ja oikealle - ilman suuria erikoistehoja ympärillä.
Tekstien avaaminen ja sulkeminen ja hieman enemmän väriä: Aiempina aikoina melkein joka osiota yhteisen paketin sivulla pystyi avaamaan ja sulkemaan, johon liittyi kolmion muotoisia painikkeita. Toiminto poistettiin. Tehdään sivuista selkeämpiä ja olkaamme rehellisiä: Onko ketään, joka on todella käyttänyt tätä toimintoa? Lisäksi varasimme kaikille väliotsikoille läpi linjan enemmän väriä. Ylhäältä alas pehmeä TutKit-vihreä erottaa osiot toisistaan mustan muhkeuden sijaan.
Info-alue: Yläkulmassa pakettien sivuilla kokoamme kaikki lisätiedot, esimerkiksi yhteensopivuudesta, sisältöjen määrästä ja kategorioista. Dataa kertyy melkoisesti.
Olemme siistineet ja visuaalisesti parantaneet info-aluetta uudelleen. Esimerkiksi opetusvideoiden oppimiskehitys näytetään nyt vain kirjautuneille käyttäjille (uloskirjautuneille vierailijoillehan se ei ole tarpeellinen). Pakettiemme arvio siirtyi alaspäin kommenttialueelle. Uutena info-alueella on linkki käyttöoikeuksiin. Ehkä silmiinpistävin muutos koskee henkilöiden esittelyä, jotka ovat luoneet paketin. Heidän nimiensä sijasta näytämme sinulle heidän muotokuvansa. Toivottavasti vaikuttaa ystävällisemmältä myös sinuun ...
Monia pieniä yksityiskohtaparannuksia:
- Ei enää liukusäädintä ohjelmisto-/kategoriavalikoissa
- Yleisesti jatkuva vieritys haussa, kategoria-sivuilla jne.
- Kortit: vähemmän varjoa, ikonit pois, kulmaiset kulmat
- Kortit: animaatio pois, tilalle vihreä päällyste
- Hiiren leijuntavaikutus Split-näppäimessä optimoitu
- Suuremmat kasvot, esim. blogissa ja videokierroksella
- Kasvot yhteydenottolomakkeessa
- Alatunniste täysin uusi (ei enää avattava, esitä kasvot jne.)
- Tekijä-sivu: "Siirry tekijän verkkosivustolle" pois, jatkuva vieritys, vihreät päällysteet
- Etusivu: Uudet sisällöt ei enää liukusäätimenä
- 4 saraketta tekijöille
- Sivuskeluu ponnahdusikkunoissa
- Uusi moduuli kohderyhmille
Vähemmän kysymyksiä tehokkuuden parantamisen kysymyksistä
Nopeat latautuvat sivut - Google pitää siitä, me pidämme siitä ja varmasti pidät siitä myös. Mitä tulee portaalamme suorituskykyyn, teemme jatkossakin parannuksia. Esimerkiksi kuvien optimoinnin olemme jo toteuttaneet. Kuvat on nimittäin muutettu kevyemmistä JPG-muodoista huomattavasti kevyempiin WEBP- ja AVIF-muotoihin.
Lisäksi olemme tutkineet tietokantoja ja kyselyjä, jotka tapahtuvat sivujemme latautuessa. Melko teknistä kaikki, mutta antaaksemme esimerkin: Kun tulet yhdelle oppimisportaalamme sivulle tutoriaaleilla, järjestelmän on muun muassa tiedettävä, kuinka paljon voit katsoa videoita. Siispä oletko jäsen? Oletko ostanut paketin? Onko joitain videoita mahdollisesti ilmaiseksi? Tällaisia kysymyksiä meidän täytyy esittää sivua ladatessa, mikä tietysti vie aikaa. Vastaavasti panostamme suorituskyvyn parantamiseen (Varoitus, nyt tulee todella teknistä):
- Tarpeettomat tietokantakyselyt, jotka pyysivät enemmän tietoa kuin todella tarvittavaa, poistettiin.
- Yleisimmin tehtyjen tietokantakyselyjen nopeutta parannettiin.
- PHP-metodien koodi optimoitiin ja toistuvia tietokantakyselyjä tietyissä silmukoissa poistettiin.
- Kävimme läpi kaikki järjestelmämme osat tarpeettomien tietokantakyselyjen varalta, jotka olivat käytössä kaikilla sivuilla, erityisesti niissä, jotka liittyivät valikkoihimme. Nämä kyselyt optimoitiin paremman suorituskyvyn varmistamiseksi.
- Huomattiin, että joitain tietokantakyselyjä toistettiin tarpeettomasti, erityisesti niitä, jotka liittyivät käyttäjiin paketeissa. Nämä toistot korjattiin välimuistin avulla, joka säästi sekä aikaa että resursseja.
- Järjestelmän virhelokkia valvottiin ja kaikki raportoidut ongelmat korjattiin.
- Automaattiset järjestelmätehtävät (Cronjobit) tarkistettiin niiden osalta, jotka kestivät liian kauan tai keskeyttivät. Nämä tehtävät muotoiltiin tehokkaammiksi suodattamalla tietoja suoraan tietokannasta, sen sijaan että tehtäisiin tämä epäsuorasti PHP-koodin kautta.
Tekniikan osalta kaikki ajan tasalla? Kaikki ajan tasalla!
Olemme totta kai optimoineet paljon moottorin alla tai päivittäneet ohjelmistopaketteja kuten:
- Päivitys uusimpaan PHP-versioon.
- Laravel (frameworkimme) päivitettiin versiosta 9 versioon 10.
- Lähes 35 pakettia frameworkista päivitettiin sekä maksuntarjoajamme Braintreen SDK.
- Käytämme nyt http2:ta (mieluummin käyttäisimme versiota 3, mutta Apache-palvelin ei vielä tue sitä).
- Ubuntu päivitettiin versiosta 20.04 versioon 22.04 (tärkeää AVIF-kuvatuen kannalta).
Mitä on tulossa?
Työskentelemme parhaillaan intensiivisesti saadaksemme portaalimme monikieliseksi tammikuusta lähtien. Se vaatii paljon työtä, mutta olemme ylpeitä, kun olemme saavuttaneet sen.
Lisäksi ensi viikosta alkaen yksittäisiä sisältöjä on mahdollista ostaa alennettuun hintaan, mikäli juuri silloin on tarjous käynnissä. Tämä tarkoittaa, että erillistä kauppaamme (shop.psd-tutorials.de) ei päivitetä enää uusilla tuotteilla ja se sulkeutuu viimeistään 1. vuosineljänneksen loppuun mennessä ja kaikki sisältömme ovat saavutettavissa vain TutKit.com-sivustolla.
Haluamme myös lähettää vähintään 1 uutiskirjeen kuukaudessa vuonna 2024, jotta kaikki jäsenemme ja uutiskirjeen tilaajamme voivat nähdä kaikki uutuudet. Sillä yhtä olemme aina onnistuneet tekemään: Joka viikko on julkaistu vähintään yksi uusi sisältö verkossa!
Aiomme tulevaisuudessa tarjota edelleen kiinnostavaa uutta sisältöä. Itse haluaisin esimerkiksi tehdä uuden koulutuksen Adobe Photoshop Elements -ohjelmalle, koska käyttöliittymässä on vihdoin tapahtunut muutoksia ja nyt kannattaa laatia siihen täysin uusi koulutusohjelma. Aiheena tekoäly jatkaa meitä kiinnostamista ja siksi pidämme olemassa olevat tuotteet ajan tasalla tai tarjoamme täysin uusia tuotteita.
Puuttuuko vielä jotain? Jos haluat, voit kirjoittaa minulle sähköpostia osoitteeseen info@tutkit.com. Itse olisin iloinen, jos blogiin saataisiin kommentointimahdollisuus. Mitä mieltä olet? Järkevää vai kommentoiko kuitenkin harva ajanpuutteen vuoksi?