Prinsip Reka Bentuk merupakan panduan utama yang diperlukan sebelum membangunkan perkhidmatan digital kerajaan. Terdapat 18 elemen Prinsip Reka Bentuk iaitu Reka Bentuk Berpaksikan Rakyat, Berpacukan Data, Kandungan Terancang, Teknologi Bersesuaian, Antara Muka Minimalis dan Mudah, Seragam, Paparan/Menu Jelas, Realistik, Kognitif, Fleksibel, Komunikasi, Struktur Hierarki, Komponen Antara Muka dan Pengalaman Pengguna (UI/UX), Tipografi, Tetapan Lalai, Kawalan Pengguna, Pencegahan Ralat serta Panduan dan Dokumentasi.
Huraian berkenaan elemen Prinsip Reka Bentuk adalah seperti berikut:
Reka bentuk yang berpaksikan rakyat (citizen-centric) merujuk kepada pendekatan yang menempatkan keperluan dan kehendak pengguna (rakyat) sebagai fokus utama [1][2]. Berikut adalah beberapa aspek yang berkaitan dengan reka bentuk yang berpaksikan rakyat [3][4][5]:
a) Mematuhi Kehendak Pengguna
b) Melibatkan Pengguna
c) Memudahkan Pengguna
d) Mengutamakan Keselamatan dan Privasi
e) Mengikut Norma dan Budaya
f) Memudahkan Capaian Pengguna
g) Memastikan Perkhidmatan Selari dengan Objektif Sosial dan Ekonomi
Prinsip Reka Bentuk pembangunan yang berpacukan data merujuk kepada panduan dan pendekatan yang memanfaatkan data dengan lebih efisien. Tujuannya adalah bagi mengatasi pertindihan di antara data, penyedia perkhidmatan serta membantu membuat analisis keputusan dengan lebih tepat. Berikut merupakan beberapa prinsip utama [6] berhubung reka bentuk pembangunan yang berpacukan data:
Berpacukan data dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada pendekatan yang menggalakkan penggunaan data secara berstruktur dan teratur dalam proses pembangunan aplikasi.
Berikut adalah beberapa aspek [7] yang berkaitan dengan berpacukan data:
a) Pemodelan Data:
b) Selaras dengan Objektif Projek dan Pengetahuan Organisasi:
c) Mudah difahami:
d) Keselamatan dan Privasi:
Prinsip-prinsip ini membantu memastikan bahawa data digunakan dengan berkesan dan memberi manfaat yang maksimum kepada masyarakat dan negara.
Kandungan hendaklah disediakan dengan jelas dan tepat bagi memastikan matlamat perkhidmatan tercapai. Merancang kandungan dalam reka bentuk pembangunan aplikasi melibatkan dua fasa utama seperti berikut:
Fasa 1: Menyediakan Reka Bentuk Konsep [8]
Fasa ini menyediakan satu landskap reka bentuk konsep secara holistik yang menggambarkan keseluruhan aplikasi. Reka bentuk konsep perlu menjelaskan perkara berikut:
Fasa 2: Menyediakan Reka Bentuk Seni Bina [9]
Reka Bentuk Seni Bina memperincikan konsep perkhidmatan yang bakal dibangunkan meliputi perkara berikut:
Kedua-dua fasa membolehkan kandungan diuruskan dengan lebih baik menggunakan tools yang bersesuaian mengikut keperluan pengguna dan keupayaan semasa agensi.
Penentuan teknologi dalam Prinsip Reka Bentuk merujuk kepada penggunaan teknologi dan alatan yang bersesuaian bagi membangunkan perkhidmatan. Berikut merupakan aspek [10] yang berkaitan dengan penentuan teknologi:
a) Bahasa Pengaturcaraan (Programming Language):
b) Rangka Kerja Pembangunan (Development Framework):
Sebagai contoh sekiranya menggunakan bahasa pengaturcaraan PHP, rangka kerja pembangunan bersesuaian seperti Laravel, CodeIgniter, Yii dan CakePHP lazimnya digunakan, manakala bagi bahasa pengaturcaraan Java, rangka kerja Spring, Struts dan GWT lazimnya digunakan.
c) Pangkalan Data (Database):
d) Teknologi Front-End dan Back-End
Contohnya, gunakan teknologi HTML/CSS/JavaScript seperti React, Angular atau Vue untuk front-end, manakala untuk back-end, gunakan Node.js, Python, Java atau PHP.
e) Infrastruktur dan Hosting
f) Keselamatan dan Perlindungan Data:
Ini termasuk penggunaan protokol HTTPS, enkripsi data dan pengurusan hak akses.
g) Keselarasan dengan Objektif Projek dan Pengetahuan Organisasi:
Penentuan teknologi adalah langkah penting dalam memastikan aplikasi dibangunkan dengan menggunakan alat dan teknologi yang sesuai dan efisien.
Antara muka pengguna yang minimalis lebih mudah difahami dan digunakan berbanding yang terlalu kompleks dengan lambakan pelbagai komponen, warna dan visual. Berbalik kepada tujuan asal perkhidmatan dalam talian diperkenalkan adalah supaya pengguna boleh melaksanakan transaksi dengan mudah, cepat dan berkesan. Justeru, sebagai pintu masuk utama perkhidmatan, antara muka yang dibangunkan perlu memfokuskan dengan jelas perkhidmatan yang ingin disampaikan [11].
- Elakkan meletakkan kandungan, paparan (layout) atau komponen yang tidak diperlukan pada antara muka sehingga mengelirukan pengguna serta menyebabkan fokus pengguna beralih daripada sasaran sebenar.
- Gunakan komponen yang bersesuaian mengikut kelaziman (heuristik) pengguna secara konsisten dan seragam. Cara ini juga dapat mengurangkan beban pengguna untuk memahami dan mengingati setiap paparan antara muka yang berbeza.
- Penggunaan bahasa dan terma yang jelas membolehkan pengguna lebih mudah memahami maklumat yang hendak disampaikan.
- Bahasa yang seragam serta lazim digunakan dapat meningkatkan lagi pengalaman pengguna. Sekiranya perlu memaparkan maklumat yang khusus, gunakan Label atau Kotak Mesej.
- Sediakan navigasi yang intuitif, konsisten dalam elemen reka bentuk dan kebolehcapaian oleh semua jenis pengguna.
- Reka bentuk antara muka yang adaptif dan responsif mengikut pengguna, peranti dan konteks yang berbeza.
Keseragaman dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada penggunaan satu set piawaian yang konsisten dalam proses pembangunan aplikasi untuk memastikan kualiti, kebolehgunaan dan kebolehoperasian antara pelbagai sistem aplikasi. Ini termasuklah penggunaan metodologi yang sama, alat pembangunan dan piawaian kod yang memudahkan integrasi dan pengurusan sistem aplikasi secara menyeluruh.
Secara umumnya, keseragaman [12] dalam Prinsip Reka Bentuk pembangunan aplikasi membantu dalam:
- Memastikan aplikasi yang dibangunkan selamat dan boleh dipercayai.
- Memudahkan kerja penyelenggaraan dan kemas kini aplikasi.
- Mengurangkan kos pembangunan melalui penggunaan komponen yang boleh dikongsi dan diguna semula.
- Mempercepatkan proses pembangunan dengan mengelakkan kerja yang berulang.
Paparan dan menu yang jelas merupakan aspek penting dalam Prinsip Reka Bentuk pembangunan aplikasi.
a) Paparan (User Interface, UI):
Paparan (UI) aplikasi termasuk elemen-elemen seperti teks, gambar, butang dan ruang kerja aplikasi. Prinsip Reka Bentuk paparan yang jelas melibatkan [13][14]:
b) Menu:
Menu adalah struktur yang membolehkan pengguna mengakses fungsi dan pilihan dalam aplikasi. Prinsip Menu yang jelas melibatkan [15]:
Paparan dan menu yang jelas adalah penting untuk memastikan pengguna dapat berinteraksi dengan aplikasi secara efisien dan efektif.
Realistik dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada pendekatan yang memastikan bahawa aplikasi yang dibangunkan adalah praktikal, berfungsi dengan baik dan sesuai dengan keperluan pengguna. Berikut adalah beberapa aspek yang berkaitan dengan realistik [16] dalam reka bentuk aplikasi:
Dalam Prinsip Reka Bentuk pembangunan aplikasi, realistik bermaksud memastikan aplikasi dapat berfungsi dengan baik, memenuhi keperluan pengguna dan mematuhi keterbatasan teknikal dan peruntukan yang ada.
Berikut adalah beberapa langkah yang boleh dilaksanakan untuk memastikan aplikasi adalah realistik:
Kognitif dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada aspek pemikiran dan proses kognitif pengguna semasa berinteraksi dengan aplikasi. Ini melibatkan bagaimana pengguna memproses maklumat, mengingati, berfikir dan menyelesaikan masalah. Berikut adalah beberapa aspek yang berkaitan dengan kognitif [17][18] dalam reka bentuk aplikasi:
Dalam reka bentuk aplikasi, memahami aspek kognitif pengguna adalah penting untuk mencipta antara muka yang efisien dan efektif. Berikut merupakan cara mengukur beban kognitif pengguna:
a) Menggunakan Kaedah Kognitif Load [19]
Terdapat beberapa kaedah yang dapat digunakan untuk mengukur beban kognitif:
b) Pengamatan dan Maklum Balas Pengguna:
c) Ujian Keterlibatan
d) Analisis Data:
Pengukuran beban kognitif membantu memahami pengalaman pengguna sebenar dan memastikan aplikasi yang dibangunkan memenuhi keperluan mereka secara efektif.
Fleksibel dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada kemampuan aplikasi untuk beradaptasi, berubah dan berfungsi dengan baik dalam pelbagai situasi dan keadaan. Berikut adalah beberapa aspek yang berkaitan dengan fleksibel [20] dalam reka bentuk aplikasi:
Komunikasi dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada proses berkomunikasi secara efektif dengan pelbagai pihak yang terlibat dalam pembangunan aplikasi. Berikut adalah beberapa aspek yang berkaitan dengan komunikasi [21] dalam reka bentuk aplikasi:
Struktur hierarki dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada penyusunan elemen-elemen antara muka pengguna (UI) dalam susunan hierarki yang logik dan teratur. Ini melibatkan pembahagian antara muka pengguna kepada bahagian-bahagian yang lebih kecil atau subsistem agar lebih mudah diurus dan difahami [22][23].
Struktur hierarki memainkan peranan penting [24] dalam:
Contoh: Dalam aplikasi e-dagang, struktur hierarki mengatur bahagian-bahagian utama seperti halaman utama, produk, troli beli-belah dan akaun pengguna. Setiap bahagian ini kemudiannya boleh dibahagikan kepada subsistem yang lebih kecil seperti senarai produk, butiran produk, proses pembayaran dan sebagainya.
Struktur hierarki yang jelas membolehkan pengguna dapat menggunakan aplikasi dengan lebih efisien.
Antara Muka dan Pengalaman Pengguna (UI/UX) adalah dua aspek penting dalam reka bentuk perisian atau aplikasi. Kedua-dua elemen ini mempunyai fungsi yang berbeza dalam proses reka bentuk tetapi saling berkait rapat bagi menghasilkan reka bentuk yang baik.
Komponen UI merujuk kepada elemen-elemen asas antara muka pengguna yang membentuk struktur dan interaksi visual dalam aplikasi [25]. Dalam Prinsip Reka Bentuk pembangunan aplikasi, penggunaan komponen UI adalah untuk menyusun antara muka pengguna dengan cara yang konsisten serta mudah difahami oleh pengguna.
Setiap komponen UI mempunyai fungsi tersendiri dalam memaparkan maklumat atau menyediakan interaksi kepada pengguna. Contohnya, butang, input teks, menu, bar navigasi, petunjuk dan banyak lagi
Ketika mereka bentuk aplikasi, penggunaan komponen UI yang konsisten dapat:
Komponen UX merujuk kepada keseluruhan interaksi dan persepsi pengguna semasa berinteraksi dengan produk, perkhidmatan, atau aplikasi digital [26]. Ia melibatkan setiap aspek [27] seperti:
UI yang baik dapat meningkatkan kebolehgunaan, manakala UX yang baik dapat memastikan interaksi pengguna dengan aplikasi lancar dan memuaskan. Dengan gabungan kedua-dua aspek ini, pengguna dapat merasai pengalaman yang positif dan memuaskan semasa menggunakan aplikasi tersebut.
Tipografi dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada penggunaan jenis huruf, saiz huruf, jarak antara huruf dan atribut-atribut lain yang berkaitan dengan teks dalam antara muka pengguna aplikasi. Tipografi yang baik memainkan peranan penting dalam memberikan pengalaman pembacaan yang menyenangkan dan memudahkan pengguna untuk memahami maklumat yang disampaikan dalam aplikasi. Beberapa aspek penting tipografi [28] dalam reka bentuk aplikasi adalah seperti berikut:
Tipografi yang baik tidak hanya menjadikan aplikasi kelihatan profesional, tetapi juga meningkatkan kebolehgunaan dan keterbacaan aplikasi serta memastikan pengguna dapat mengakses dan memahami maklumat yang disediakan dengan lebih mudah.
Default atau tetapan lalai dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada nilai atau keadaan asal yang diberikan kepada sesuatu elemen atau konfigurasi [29]. Berikut adalah beberapa penggunaan tetapan lalai [30] dalam konteks pembangunan aplikasi:
Dalam reka bentuk pembangunan aplikasi, memilih nilai lalai yang sesuai adalah penting untuk memastikan aplikasi berfungsi dengan baik dan memenuhi keperluan pengguna. Berikut adalah beberapa panduan untuk memilih nilai lalai yang sesuai [31][32]:
Antara formula yang boleh digunakan untuk mengira dimensi skrin yang sesuai adalah : Lebar = Max(App.Width, App.DesignWidth) dan Tinggi = Max(App.Height, App.DesignHeight)
Nilai lalai bukan sahaja mempengaruhi pengalaman pengguna, tetapi juga keselamatan dan keberkesanan aplikasi. Oleh itu, pertimbangan dengan teliti perlu dibuat sebelum menetapkan nilai lalai.
Kawalan pengguna dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada elemen-elemen interaktif yang diberikan kepada pengguna untuk mengendalikan aplikasi atau melakukan tindakan tertentu seperti penggunaan butang, input, menu, penunjuk dan sebagainya bagi membolehkan pengguna berinteraksi dengan aplikasi [33]. Berikut merupakan faktor yang perlu dipertimbangkan dalam merancang kawalan pengguna [34]:
Perancangan kawalan pengguna yang baik akan membantu meningkatkan kebolehgunaan dan kepuasan pengguna serta memastikan pengguna dapat menggunakan aplikasi dengan lancar.
Pencegahan ralat dalam Prinsip Reka Bentuk pembangunan aplikasi merujuk kepada tindakan yang diambil untuk mengurangkan kemungkinan berlakunya kesilapan yang dibuat oleh pengguna semasa menggunakan aplikasi [36]. Berikut merupakan langkah-langkah yang boleh diambil untuk pencegahan ralat dalam pembangunan aplikasi:
Pencegahan ralat membantu meningkatkan pengalaman pengguna dengan memastikan bahawa penggunaan aplikasi adalah lancar dan bebas daripada ralat yang tidak diingini.
Penyediaan panduan dan dokumentasi dalam Prinsip Reka Bentuk pembangunan aplikasi memainkan peranan penting dalam memastikan keberhasilan dan keselamatan aplikasi. Berikut adalah beberapa dokumentasi yang boleh dibangunkan [37]:
Penyediaan panduan dan dokumentasi yang komprehensif memastikan aplikasi dapat dikelola dengan baik, memenuhi keperluan pengguna dan berfungsi dengan selamat.
Bagi memastikan pembangunan perkhidmatan digital kerajaan menepati keperluan utama rakyat dan menepati Standard yang ditetapkan, agensi disarankan untuk sentiasa merujuk dokumen SPDK secara berterusan. Sebarang komen yang berkaitan bagi peningkatan dokumen dan kandungan SPDK adalah digalakkan.