Oblikovanje, uporabniška izkušnja, tehnologija in zmogljivost - ko tvoje spletno mesto postane še boljše!

Oblikovanje, uporabniška izkušnja, tehnologija in zmogljivost - ko tvoje portal postane še boljši!

Stefan Petri
objavljeno:

Od izrazitega in očitnega do precej neopaznega in vendar koristnega - v zadnjih tednih in mesecih smo na TutKit.com izvedli številne spremembe. Med njimi so bile izboljšave zmogljivosti in tehnične posodobitve ter prilagoditve dizajna in uporabniškega vodenja. V celoti vpliva na tvojo uporabniško izkušnjo. Kaj se je spremenilo pod pokrovom in na vrhu - celovit pregled.

Zdaj bo temno

Zdaj lahko kadarkoli z enim klikom spremenite dizajn v temno ali svetlo. Vnaprej smo ga nastavili na način, kot je vdelan v operacijski sistem.

Omogoči temačno oblikovanje na TutKit.com.

Hkrati smo spremenili vse slike v format AVIF, da brskalnik ne bi moral prenašati toliko podatkov (velikost slik se je zaradi tega zmanjšala za približno 70% iz velikosti datoteke).


Sredstva, predloge & e-knjige: več na pogled, brez klika prek preusmeritve

Od nekdaj ti prikazujemo na straneh naših sredstev, predlog in e-knjig za vse posamezne vsebine majhne predogledne slike. Tako takoj vidiš, kaj te pričakuje med prenosom.

Za vsako predogledno sliko je bil tudi skrit majhen meni. Prek njega si lahko povečal predogledno sliko, označil vsebino kot priljubljeno in pridobil informacije o združljivosti. Lepo ... A to je tudi pomenilo, da si moral za povečavo vsake slike odpreti meni, klikniti ikono, si ogledati sliko in jo zapreti, preden si nadaljeval na naslednjo. Nepotreben ovinek. Zato smo meni odstranili. Zdaj je dovolj, da z miško zaviješ čez majhno predogledno sliko, in boom: že ti je prikazana velika različica.

Hitro so se med prenovo pojavile tudi druge smiselne prilagoditve: Informacije o združljivosti lahko zdaj pokličete prek ikone z informacijo-i, ki je neposredno vidna. Označevanje vsebine poteka prek ikone z zvezdo, ki je prav tako neposredno vidna in se prikaže samo še za prijavljene uporabnike.

Učinek lebdenja pri posameznih vsebinah
Zmanjšano na bistvo: Pri ogledu naših posameznih vsebin moraš samo še z miško zaviti čez predogledno sliko, da ti prikažejo to v celoti. Dodatne funkcije, ki so bile pred tem skrite v meniju, so zdaj neposredno dostopne prek ikon.

Videoposnetki z navodili: zdaj tudi tukaj slikovno obveščeni na hitro!

Če si že pred časom obiskal eno od naših strani z videoposnetki z navodili, si tam naletel na večinoma sivo puščavo besedil in gumba za predvajanje. Pogled je bil popolnoma prenovljen, in sicer tako, da povsem ujema postavitev sredstev, predlog in e-knjig.

To pomeni: Tudi pri naših videoposnetkih z navodili se zdaj prikazujejo majhne predogledne slike, kar preprosto deluje estetsko privlačneje. Ali je video brezplačen ali sveža posodobitev, lahko - tako kot pri sredstvih - vidite v obliki barvnih ikon na slikah.

Nov pogled: videoposnetki s predogledi
Od sive do super: Medtem ko si prej pri videoposnetkih z navodili videl le gumb za predvajanje, ti zdaj pokažemo tudi povezave s predoglednimi slikami pri vadnicah.

Tako se zdaj naše strani predstavljajo enotno. Ne glede na to, ali gre za sredstvo, predlogo, e-knjigo ali videoposnetek z navodili: Tam je predogledna slika, ki jo ob premiku miške povečaš; tam je gumb za prenos ali predvajanje videoposnetka; tam so ikone za dodatne informacije in označevanje kot priljubljeno; če so na voljo dodatna gradiva, kot so projektne datoteke, navodila ali besedilna navodila, boste povezave zanje našli na dnu opisov.

Poleg tega smo odstranili nepotrebne trikotne ikone za odpiranje in zapiranje besedil, tako da je prikaz bolj urejen po načelu manj je več. Vse optimizacije smo na koncu pripravili tudi za mobilne naprave.

Veliko pospravljanje na straneh celotnih paketov

Kaj lahko gre? Kaj lahko prikažemo drugače? Kaj se lahko postavi na boljšo pozicijo? Takšna vprašanja smo postavili naše strani s celotnimi paketi, da bi jih poenostavili in hkrati še vedno ohranili visoko informacijsko vsebino. Poleg že omenjenih sprememb v prikazu posameznih vsebin smo naredili naslednje prilagoditve:

Galerija: V galerijah prikazujemo, kako lahko na primer uporabiš naša sredstva in predloge. Prej smo imeli tukaj učinek vrtenja. Lepo, a tudi odbijajoče. Pogled nove galerije smo zato zmanjšali samo na tri stvari: vidiš izbrano sliko, podnaslov in navigacijo na levo in desno - brez velikega ognjemeta efektov okoli.

Odpiranje in zapiranje in malo več barve: Doslej si skoraj vsako sekcijo na strani celotnih paketov lahko odprijal in zaprl, za kar so bile na voljo ustrezne gumbe v obliki trikotnikov. Funkcija je bila odstranjena. Strani še bolj počistijo - in bodimo iskreni: Ali obstaja kdo, ki bi to funkcijo sploh kdaj uporabil? Poleg tega smo naslovom vedno dodajali več barve. Zdaj ločuje vsak posamezen odsek od zgoraj navzdol nežno TutKit-zeleno namesto zastarelega črnega.

Informacijsko območje: Zgoraj desno na straneh z materiali paketov zbiramo vsa dodatna informacije, na primer glede združljivosti, števila vsebine in kategorij. Tukaj se zbere veliko podatkov.

Informacijsko območje smo še enkrat počistili in ilustrativno izboljšali. Tako bo napredek pri vodičih predstavljen samo za prijavljene uporabnike (odjavljeni obiskovalci ga vseeno ne potrebujejo). Ocenjevanje naših paketov se je premaknilo navzdol v območje komentarjev. Novost v informacijskem območju je povezava do uporabniških pravic. Najopaznejša sprememba se nanaša na prikaz oseb, ki so ustvarile paket. Namesto njihovih imen ti prikažemo njihove portrete. Upajmo, da to deluje tudi prijazneje ...

Veliko manjših izboljšav na podrobnostih:

  • ni več drsnika za navigacijo pri programski opremi/kategorijah
  • nenehno drsenje pri iskanju, straneh kategorij itd.
  • Kartice: manj sence, ikone stran, vogalne robove
  • Kartice: animacija stran, namesto tega zeleni prekriv
  • Optimizacija plovnega učinka pri deljenem gumbu
  • Večje obrazi, na primer na blogu in pri ogledu videa
  • Obraz v kontaktnem obrazcu
  • Nova noga (ni več odpiranja, prikaz obraza itd.)
  • Stran avtorjev: "Do spletne strani avtorja" stran, nenehno drsenje, zeleno prekrivanje
  • Prva stran: Novi vsebina ne več kot drsnik
  • 4 stolpci pri avtorjih
  • skačete po straneh pri pojavna okna
  • nov modul za ciljne skupine

Manj vprašanj o izboljšanju uspešnosti

Hitre strani, ki se hitro naložijo - Google jih ima rad, mi tudi in verjetno ti tudi. Kar zadeva uspešnost našega portala, bomo še naprej izvajali izboljšave. Na primer smo izvedli optimizacijo slik. Ker so bile prenesene iz vitkega JPG formata na veliko vitkejše WEBP in AVIF formate.

Poleg tega smo se posvetili podatkovnim bazam in poizvedbam, ki se pojavljajo ob klicu naše strani. Zelo tehnično, ampak za primer: ko prideš na eno od naših strani paketov z vodiči, sistem mora med drugim vedeti, v kolikšni meri lahko gledaš videoposnetke. Ali imaš članstvo? Si kupil paket? So posamezni videoposnetki morda brezplačni? Takšna vprašanja moramo ob klicu strani postavljati v količini, kar seveda vzame čas. Zato smo tu s prizadevanji za izboljšanje uspešnosti (Pozor, zdaj postaja resnično tehnično):

  • Nepotrebne poizvedbe v podatkovni bazi, ki so zaprosile za več informacij, kot so bile dejansko potrebne, so bile odstranjene.
  • Hitrost najpogosteje izvedenih poizvedb v podatkovnih bazah je bila izboljšana.
  • Koda v PHP metodah je bila optimizirana in ponavljajoče se poizvedbe v določenih zankah so bile odpravljene.
  • Vse dele našega sistema smo preverili glede nepotrebnih poizvedb v podatkovne baze, ki so bile uporabljene na vseh straneh, še posebej tiste, povezane z našimi meni postavkami. Te so bile optimizirane za boljšo uspešnost.
  • Ugotovljeno je bilo, da so se nekatere poizvedbe v podatkovno bazo nepotrebno ponavljale, še posebej tiste, ki so uporabnike povezovale z paketi. Te ponovitve so bile odpravljene s pomočjo sistema za hrambo predpomnilnika (predpomnilnika), kar je prihranilo tako čas kot vire.
  • Dnevnik napak sistema je bil spremljan in vsi poročani problemi so bili odpravljeni.
  • Avtomatizirane naloge sistema (Cronjobs) so bile preverjene za tiste, ki so trajale predolgo ali prekinile. Te naloge so bile učinkoviteje zasnovane tako, da so neposredno filtrirale informacije iz podatkovne baze, namesto da bi to storile posredno prek PHP kode.

Ali je tehnika posodobljena? Vsekakor posodobljena!

Seveda smo tudi pod pokrovom optimizirali in posodobili programske pakete, kot so:

  • Posodobitev na najnovejšo različico PHP.
  • Laravel (naš ogrodje) smo posodobili z različice 9 na 10.
  • Skoraj 35 paketov ogrodja smo posodobili, prav tako SDK od našega ponudnika plačil Braintree.
  • Sedaj uporabljamo http2 (najraje bi uporabili različico 3, vendar je še ne podpira Apache strežnik.
  • Ubuntu smo posodobili z 20.04 na 22.04 (to je bilo pomembno za podporo slike AVIF).

Kaj je še v pripravi?

Trenutno intenzivno delamo na tem, da bo naš portal od januarja dosegljiv tudi večjezično. To je precejšen napor, a ponosni bomo, ko nam to uspe.

Poleg tega bo kmalu možen nakup posameznih vsebin tudi z znižanjem cene, če je trenutno v teku akcija. To pomeni, da se naša ločena trgovina (shop.psd-tutorials.de) ne bo več posodabljala z novimi izdelki in bo najkasneje do konca prvega četrtletja 2024 nedosegljiva, z vsemi našimi vsebinami dosegljivimi samo na TutKit.com.

Želimo v letu 2024 vsaj 1x mesečno poslati bilten, da bodo lahko vsi člani in naročniki na bilten videli, kaj je novega. Kajti do zdaj smo vedno uspeli vsak teden objaviti vsaj eno novo vsebino!

Seveda bomo še naprej zagotavljali zanimive nove vsebine. Sam bi recimo rad posnel novo usposabljanje za Adobe Photoshop Elements, ker se je končno nekaj spremenilo tudi na površini in se zdaj splača pripraviti popolnoma novo usposabljanje. Tema umetne inteligence nas bo tudi v prihodnje zanimala, zato bomo ohranjali obstoječe izdelke na najnovejši ravni ali pa bomo pripravili popolnoma nove izdelke.

Manjka še kaj? Potem mi lahko pišete na e-pošto info@tutkit.com. Tudi jaz bi bil vesel, če bi blog dobil možnost komentiranja. Kaj menite? Koristno ali vseeno komentira komaj še kdo zaradi pomanjkanja časa?

Objavljeno ob s spletne strani Stefan Petri
Objavljeno ob: S spletne strani Stefan Petri
Stefan Petri s svojim bratom Matthiasom skupaj upravlja priljubljeno strokovno spletno stran PSD-Tutorials.de in e-izobraževalno platformo TutKit.com, ki se osredotoča na razvoj digitalnih poklicnih kompetenc v izobraževanju in usposabljanju. 
Nazaj na pregled