IT UI/UX

Fokus: memahami konteks perusahaan, produk/sistem yang dikerjakan, alur kerja tim, serta dasar proses perancangan UI/UX. 1. Mengikuti company orientation dan memahami struktur organisasi, produk/layanan, serta pengguna dari sistem yang dikembangkan. 2. Mengenali alur kerja tim IT/UI/UX, pihak yang memberikan kebutuhan atau arahan, serta proses koordinasi dan review desain. 3. Mempelajari dasar UI dan UX, perbedaan keduanya, serta hubungan desain dengan kebutuhan pengguna dan tujuan sistem. 4. Mengenali perangkat lunak desain yang digunakan tim, seperti Figma atau tools setara, termasuk struktur file, halaman, dan komponen. 5. Mengamati contoh desain atau sistem yang sudah ada untuk memahami pola tampilan, navigasi, komponen, dan standar desain internal.

Fokus: mempelajari kebutuhan pengguna dan menerjemahkannya menjadi gambaran pengalaman serta alur penggunaan sistem. 1. Mempelajari brief, permintaan, atau kebutuhan desain yang diberikan PIC/pembimbing dan mengklarifikasi informasi yang belum jelas. 2. Mengidentifikasi tujuan pengguna, konteks penggunaan, masalah yang ingin diselesaikan, dan kebutuhan utama dari fitur atau halaman yang dirancang. 3. Menyusun ringkasan kebutuhan pengguna berdasarkan informasi yang tersedia dari PIC, dokumen, atau hasil diskusi. 4. Membuat user flow sederhana untuk menggambarkan langkah pengguna dalam menyelesaikan suatu tujuan pada sistem. 5. Mendiskusikan alur dan kebutuhan UX bersama pembimbing untuk memperoleh masukan sebelum masuk ke rancangan antarmuka.

Fokus: mengubah kebutuhan dan user flow menjadi struktur halaman serta rancangan awal antarmuka. 1. Mempelajari struktur informasi, hierarki konten, navigasi, dan penempatan tombol sesuai tujuan pengguna. 2. Menyusun sketsa atau wireframe low-fidelity untuk halaman/fitur berdasarkan user flow dan kebutuhan yang telah dibahas. 3. Menentukan elemen antarmuka yang dibutuhkan, seperti tombol, form, menu, pesan status, dan penanganan kondisi kesalahan yang relevan. 4. Memeriksa kesederhanaan alur dan konsistensi struktur halaman agar pengguna dapat memahami langkah berikutnya. 5. Melakukan review wireframe bersama pembimbing/PIC dan memperbaiki rancangan berdasarkan masukan.

Fokus: mengembangkan wireframe menjadi rancangan antarmuka digital dengan visual yang jelas, konsisten, dan sesuai standar desain. 1. Mempelajari dan menerapkan prinsip desain yang relevan, termasuk hierarki visual, keseimbangan, kontras, keterbacaan, konsistensi, dan kesederhanaan. 2. Menggunakan perangkat lunak desain untuk membuat rancangan digital berdasarkan wireframe yang telah disetujui. 3. Menerapkan warna, tipografi, ikon, spacing, komponen, dan pola visual sesuai panduan atau design system yang tersedia. 4. Membuat komponen dan variasi tampilan yang diperlukan agar rancangan konsisten antarhalaman. 5. Memeriksa rancangan UI terhadap kebutuhan, keterbacaan, konsistensi, dan kemudahan interaksi, kemudian melakukan revisi berdasarkan review.

Fokus: menghubungkan rancangan antarmuka menjadi prototype serta memperbaiki desain berdasarkan hasil pemeriksaan dan umpan balik. 1. Menghubungkan halaman dan komponen dalam prototype untuk memperlihatkan alur interaksi utama sesuai user flow. 2. Memeriksa interaksi, navigasi, penempatan tombol, serta tampilan kondisi yang relevan, termasuk pesan kesalahan atau konfirmasi. 3. Melakukan walkthrough atau uji coba sederhana bersama pembimbing/PIC untuk mengidentifikasi bagian yang membingungkan atau belum sesuai kebutuhan. 4. Mencatat masukan, mengelompokkan perubahan yang diperlukan, dan memperbarui rancangan sesuai prioritas serta arahan pembimbing. 5. Mendokumentasikan perubahan desain dan memastikan versi file yang digunakan tetap tertata.

Fokus: menyelesaikan rancangan yang ditugaskan, menyiapkan dokumentasi desain, dan mempresentasikan hasil pekerjaan kepada pembimbing/PIC. 1. Menyelesaikan revisi akhir berdasarkan masukan dan memastikan rancangan sesuai kebutuhan serta standar desain internal yang tersedia. 2. Merapikan file desain, penamaan halaman dan komponen, struktur file, serta versi final agar mudah ditinjau dan digunakan kembali. 3. Menyusun dokumentasi rancangan UI/UX yang diperlukan, seperti user flow, wireframe, prototype, komponen, dan catatan interaksi. 4. Menyiapkan penjelasan singkat mengenai tujuan desain, pertimbangan UX/UI, perubahan yang dilakukan, dan hal-hal yang perlu diperhatikan pada tahap implementasi. 5. Melakukan presentasi atau serah terima hasil kepada pembimbing/PIC, menerima evaluasi akhir, dan mencatat pembelajaran serta area pengembangan berikutnya.