Desain, UX, Teknik & Performa - ketika portalmu menjadi lebih baik!

Desain, UX, Teknik & Kinerja - ketika portalmu menjadi lebih baik!

Stefan Petri
Menerbitkan:

Dari menonjol dan mencolok hingga yang lebih tidak mencolok namun tetap berguna - dalam beberapa pekan dan bulan terakhir, kami melakukan banyak perubahan di TutKit.com. Di antaranya termasuk peningkatan kinerja dan pembaruan teknis serta penyesuaian desain dan panduan pengguna. Semua ini secara keseluruhan berdampak positif pada pengalaman pengguna Anda. Apa yang berubah di balik layar dan di atasnya - ringkasan komprehensif.

Sekarang menjadi gelap

Sekarang Anda dapat mengubah desain menjadi gelap atau terang kapan saja hanya dengan satu klik. Kami telah menetapkannya sebagaimana yang telah diatur di sistem operasi.

Aktifkan Desain Gelap di TutKit.com

Pada saat yang sama, kami juga mengonversi semua gambar ke format AVIF, sehingga browser Anda tidak perlu mengunduh begitu banyak data (sekitar 70% gambar menjadi lebih kecil dari ukuran file sebelumnya).


Aset, Template & E-Book: lebih banyak informasi dilihat tanpa harus klik tambahan

Sejak dulu kami menampilkan di halaman-halaman kami aset, template, dan E-Book kami dengan miniatur gambar untuk semua konten individual. Dengan begitu, Anda bisa langsung melihat apa yang akan Anda dapatkan saat mengunduh.

Di balik setiap miniatur gambar ada sebuah menu kecil. Dari sana, Anda bisa memperbesar gambar, menandai konten sebagai favorit, dan melihat petunjuk kompatibilitas. Menarik ... Namun, ini juga berarti bahwa Anda harus membuka menu untuk memperbesar setiap gambar, mengklik ikon, melihat gambar, dan menutupnya sebelum melihat gambar berikutnya. Sebuah jalan buntu yang tidak perlu. Oleh karena itu, kami menghapus menu tersebut. Sekarang, cukup dengan mengarahkan kursor ke miniatur gambar, dan voila: versi besar akan ditampilkan.

Selama revisi, kami menemukan penyesuaian yang lebih masuk akal: Petunjuk kompatibilitas kini dapat diakses melalui ikon Info-i yang langsung terlihat. Penandaan konten sebagai favorit dilakukan melalui ikon bintang yang juga hanya ditampilkan kepada pengguna yang telah masuk.

Efek hover pada konten individu
Diperkecil menjadi esensial: Saat melihat konten individual kami, cukup arahkan kursor ke miniatur untuk menampilkan gambaran besar. Fungsi lainnya yang sebelumnya tersembunyi di dalam menu sekarang dapat diakses langsung melalui ikon.

Video-Tutorial: Sekarang Anda juga tahu gambar dalam gambar!

Jika Anda beberapa waktu lalu melihat-lihat salah satu halaman kami dengan video-tutorial, Anda tidak akan menemukan banyak yang berbeda dari gurun abu-abu yang sebagian besar dihuni oleh teks dan tombol putar. Tampilan telah direvisi sepenuhnya agar sejalan dengan tata letak aset, template, dan E-Book.

Tampilan baru: Video dengan gambar pratinjau.
Dari abu-abu menjadi wow: Sebelumnya, di video-tutorial Anda hanya melihat tombol putar, sekarang kami menampilkan miniatur gambar pada tutorial juga.

Dengan demikian, halaman kami sekarang memiliki keseragaman yang konsisten. Apakah Aset, Template, E-Book, atau Video-Tutorial: Ada miniatur gambar yang dapat Anda besarkan saat mengarahkan kursor; ada tombol untuk mengunduh atau memutar video; ada ikon untuk informasi lebih lanjut dan untuk menandai sebagai favorit; jika materi tambahan seperti file proyek, petunjuk, atau tutorial teks tersedia untuk konten tersebut, Anda akan menemukan tautan di bagian bawah deskripsi.

Selain itu, elemen-elemen yang tidak perlu seperti ikon segitiga untuk membuka dan menutup teks telah dihapus, sehingga tampilan lebih teratur sesuai dengan motto "lebih sedikit adalah lebih banyak". Seluruh peningkatan juga telah kami terapkan untuk perangkat mobile.

Pembersihan besar-besaran di halaman paket lengkap

Apa yang bisa dihapus? Apa yang bisa ditampilkan secara berbeda? Apa yang dapat ditempatkan dengan posisi yang lebih baik? Kami bertanya pada diri kami sendiri pertanyaan-pertanyaan tersebut untuk menyederhanakan halaman paket lengkap kami tanpa mengurangi kualitas informasi. Selain perubahan yang telah disebutkan di atas dalam tampilan konten individual, kami melakukan penyesuaian berikut:

Galeri: Di dalam galeri, kami menunjukkan cara Anda dapat menggunakan contoh-contoh aset dan template kami. Sebelumnya, ada efek rotasi di sini. Cantik, tapi juga mengganggu. Oleh karena itu, tampilan galeri baru kami hanya fokus pada tiga hal: Anda melihat gambar terpilih, judul penjelasan, dan navigasi kiri dan kanan - tanpa kehebohan efek yang besar.

Membuka dan Menutup dan sedikit lebih banyak Warna: Sebelumnya, hampir setiap bagian di halaman paket lengkap bisa dibuka-menyembunyikan, untuk itu ada tombol-tombol segitiga yang tersedia. Fungsinya dihapus. Ini membuat halaman semakin bersih - dan jujur saja: Ada yang benar-benar pernah menggunakan fungsi ini? Selain itu, kami menambahkan warna secara konsisten pada subjudul. Dari paling atas ke bawah, sekarang sebuah hijau TutKit yang lembut memisahkan bagian-bagian.

Area Informasi: Di bagian kanan atas halaman paket lengkap kami, kami menggabungkan semua informasi tambahan, seperti tentang kompatibilitas, jumlah konten, dan kategori. Banyak data yang terkumpul di sana.

Kami telah membersihkan dan meningkatkan tampilan area informasi. Sebagai contoh, kemajuan belajar pada tutorial hanya ditampilkan untuk pengguna yang sudah masuk (pengunjung yang belum masuk tidak perlu melihatnya). Penilaian paket kami telah dipindahkan ke bagian komentar. Yang baru di area informasi adalah tautan ke Hak Penggunaan. Perubahan paling mencolok adalah dalam penampilan orang-orang yang membuat paket. Alih-alih nama mereka, kami menampilkan potret mereka. Semoga terlihat lebih ramah ...

Beberapa Peningkatan Detail Kecil:

  • Tidak ada navigasi slider lagi untuk Perangkat Lunak/Kategori
  • Scrolling Kontinu di Pencarian, Halaman Kategori, dll.
  • Kartu: bayangan lebih sedikit, ikon hilang, sudut-sudut kotak
  • Kartu: animasi hilang, digantikan dengan overlay hijau
  • Efek Hover pada Tombol Split dioptimalkan
  • Wajah yang lebih besar, misalnya di Blog dan Tur Video
  • Wajah dalam formulir kontak
  • Footer sepenuhnya baru (tidak lagi dapat dibuka, menampilkan wajah, dll.)
  • Halaman Penulis: "Kunjungi Situs Web Penulis" dihapus, Scrolling Kontinu, Overlay hijau
  • Halaman Utama: Konten Baru tidak lagi dalam Bentuk Slider
  • 4 Kolom untuk Penulis
  • Halaman melompat pada Pop-up
  • Modul baru untuk Audiens

Dengan Lebih Sedikit Pertanyaan tentang Peningkatan Kinerja

Halaman yang cepat, bermanfaat – disukai oleh Google, kami, dan pastinya Anda juga. Mengenai kinerja portal kami, kami akan terus melakukan perbaikan di masa yang akan datang. Namun, misalnya, sudah kami terapkan adalah optimisasi gambar. Mereka telah diubah dari format JPG yang ramping ke format WEBP dan AVIF yang jauh lebih ramping.

Selain itu, kami telah memusatkan perhatian pada database dan query-query yang terjadi saat halaman kami diakses. Hal yang cukup teknis, tetapi untuk memberi contoh: Ketika Anda mengunjungi salah satu halaman paket lengkap kami dengan tutorial, sistem harus tahu sejauh mana Anda bisa menonton video. Jadi, apakah Anda memiliki keanggotaan? Apakah Anda sudah membeli paket tersebut? Apakah video tertentu mungkin gratis? Pertanyaan-pertanyaan semacam itu harus kami tanyakan ketika halaman diakses, yang tentu saja memakan waktu. Oleh karena itu, kami menyesuaikan kinerja dengan mengambil langkah-langkah berikut (Hati-hati, sekarang memang menjadi teknis):

  • Pertanyaan database yang tidak perlu, yang meminta lebih banyak informasi daripada yang sebenarnya diperlukan, telah dihapus.
  • Kecepatan query database yang paling sering dilakukan telah ditingkatkan.
  • Kode dalam metode PHP telah dioptimalkan, dan pertanyaan database berulang dalam lingkaran tertentu telah dihilangkan.
  • Semua bagian dari sistem kami telah diperiksa untuk pertanyaan database yang tidak perlu yang digunakan di semua halaman, khususnya yang terkait dengan menu kami. Ini telah dioptimalkan untuk kinerja yang lebih baik.
  • Ditemukan bahwa beberapa query database berulang secara tidak perlu, khususnya yang menghubungkan pengguna dengan paket. Pengulangan ini telah diperbaiki dengan menggunakan sistem penyimpanan cache sementara, membantu menghemat waktu dan sumber daya.
  • Log kesalahan sistem telah dimonitor, dan semua masalah yang dilaporkan telah diperbaiki.
  • Tugas sistem otomatis (Cronjobs) telah diperiksa untuk yang berjalan terlalu lama atau berhenti. Tugas-tugas ini ditingkatkan efisiensinya dengan memperoleh informasi langsung dari database, bukan melalui kode PHP secara tidak langsung.

Apakah Semua Teknologi Sudah Diperbarui?

Tentu saja, kami juga telah mengoptimalkan banyak hal di balik layar dan memperbarui paket perangkat lunak seperti:

  • Memperbarui ke versi PHP terbaru.
  • Laravel (framework kami) diperbarui dari versi 9 ke 10.
  • Hampir 35 paket dari kerangka kerja diperbarui bersamaan dengan SDK penyedia pembayaran kami, Braintree.
  • Kami sekarang menggunakan http2 (sebenarnya kami lebih suka menggunakan Versi 3, hanya saja server Apache belum mendukungnya).
  • Ubuntu diperbarui dari 20.04 ke 22.04 (penting untuk mendukung gambar AVIF).

Apa yang Akan Datang?

Kami saat ini sedang bekerja keras agar portal kami dapat diakses dalam beberapa bahasa mulai Januari. Ini membutuhkan upaya besar, tetapi akan membuat kami bangga jika berhasil.

Selain itu, minggu depan akan menjadi mungkin untuk membeli konten individu dengan diskon, jika sedang ada promo. Hal ini menyebabkan toko terpisah kami (shop.psd-tutorials.de) tidak akan lagi diperbarui dengan produk baru dan juga akan offline paling lambat pada akhir kuartal pertama 2024, sehingga semua konten kami hanya dapat diakses melalui TutKit.com.

Kami juga berencana untuk mengirimkan newsletter setidaknya 1 kali sebulan pada tahun 2024, agar semua anggota & pelanggan newsletter dapat melihat semua hal baru yang ada. Karena selama ini kami selalu berhasil: Setiap minggu setidaknya satu konten baru tersedia secara online!

Tentu saja, kami akan terus menyediakan konten-konten baru yang menarik. Saya sendiri ingin membuat pelatihan baru tentang Adobe Photoshop Elements, karena antarmuka akhirnya mengalami perubahan dan sekarang layak untuk menyediakan pelatihan baru sepenuhnya mengenai hal tersebut. Topik KI juga akan tetap menjadi fokus kami, di mana kami akan mempertahankan atau menyediakan produk-produk yang ada ke level terbaru atau sepenuhnya baru.

Apa yang masih kurang? Jika ada, silakan kirimkan saya email ke info@tutkit.com. Saya juga akan senang jika blog ini memiliki fitur komentar. Pendapatmu bagaimana? Berguna atau karena kurang waktu orang jarang mengomentari?

Diterbitkan pada dari Stefan Petri
Diterbitkan pada: Dari Stefan Petri
Stefan Petri menjalankan bersama saudaranya Matthias forum spesialis populer PSD-Tutorials.de serta platform pembelajaran online TutKit.com, yang fokus pada pengembangan kompetensi profesional digital dalam pendidikan dan pelatihan.
Kembali ke ringkasan