Garis besar topik

    • Pengumuman Forum

      Assalamu'alaikum Wr. Wb
      Tabik pun.......

      Selamat datang Rekan Rekan Mahasiswa yang saya banggakan dimanapun anda berada. Semoga selalu dalam keadaan sehat walafiat dan dalam Lindungan Allah SWT.

      Selamat datang di mata kuliah UI dan UX Desain (DKV23473) Jurusan Desain Komunikasi Visual Fakultas DHP IIB Darmajaya. Mata kuliah ini ditujukan bagi peserta didik yang sedang mengambil program S1 Sarjana pada rumpun Ilmu Desain Komunikasi Visual. Mata kuliah UI dan UX Desain ini memiliki beban 4 SKS yang dibagi kedalam teori dan Praktikum . Detail pembelajaran selama 1 semester dapat dilihat pada Rencana Pembelajaran Semester (RPS) yang dapat diunduh melalui http://rps.darmajaya.ac.id/

      Selamat mengikuti perkuliahan ini dengan baik, Salam hangat dan tetap semangat!
      Wassalamu'alaikum Wr. Wb

      Rika Febri Sasmita, S.Kom.,M.T.I


      | DOSEN PENGAMPU MATAKULIAH

      Nama         : Rika Febri Sasmita, S.Kom., M.T.I

      NIK             : 13030313
      Ruang         : Prodi DKV (Gedung F lt 1)
      Email           : rikafebrisasmita@darmajaya.ac.id


      | STRUKTUR PELAKSANAAN

      Struktur Pelaksanaan Perkuliahan mata kuliah Pengantar Desain Komunikasi ini, diharapkan seluruh peserta didik dapat menyelesaikan mata kuliah ini dalam kurun waktu satu semester Adapun struktur pelaksanannya adalah sebagai berikut:

      1. Peserta didik diwajibkan membaca setiap materi dan konten yang diberikan per pokok bahasan.
      2. Peserta didik wajib mengisi presensi kehadiran sesuai jadwal pada menu atttendace setiap kali melaksanakan perkuliahan online.
      3. Peserta didik secara aktif berpartisipasi dalam diskusi baik secara sinkron (zoom, google meet) maupun asinkron (diskusi di LMS).
      4. Peserta didik pengerjaan tugas, kuis, maupun aktifitas gamification lain yang telah disediakan.
      5. Setelah peserta didik mempelajari seluruh pokok bahasan pada pertemuan 1 sampai dengan 7, maka peserta didik dapat mengikuti UTS.
      6. Pada saat seluruh pokok bahasan telah dipahami dan dipelajari oleh peserta didik, maka yang bersangkutan dapat mengikuti UAS.
      7. Seluruh bentuk aktivitas selama perkuliahan online harus terdata di LMS ini.

  • PERTEMUAN 1

    Sistematika Perkuliahan

    Pengantar Perkuliahan UI dan UX Desain


  • PERTEMUAN 2

    • USER INTERFACE

    • USER EXPERIENCE

    • KNOWING DIFFERENCE

    • Materi 2 Folder
      Siswa harus
      Tandai selesai

      USER INTERFACE  merupakan bentuk tampilan grafis yang berhubungan langsung dengan pengguna (user).

      USER EXPERIENCE adalah bagaimana cara seseorang merasakan ketika menggunakan sebuah produk, sistem, atau jasa

      UI  Γëá UX

  • PERTEMUAN 3

    • Kenapa UI Design menjadi Sesuatu Hal Yang Penting ?
    • Apa Yang Membuat User Interface Menjadi baik ?
    • Tools apa Saja yang digunakan Untuk Membuat User Interface ?

    • Materi 3 Folder
      Siswa harus
      Tandai selesai

      • UI Design Fokus Kepada Bagaimana Elemen Visual Ditata dan Bagaimana Produk akan Terlihat

      • UI Design akan mempengaruhi Hubungan Emosional antara Pengguna, baik negative maupun positif

      • Yang membuat User Interface menjadi baik yaitu : Clarity (Kejelasan), Familiarity (Keakraban),  Responsiveness, Consistency (Konsisten), Aesthetics (Estetika).
      • Tools yang dapat digunakan dalam User Interface :  Sketch, Adobe Illustrator ,Adobe Photoshop, Adobe XD

  • PERTEMUAN 4

    • Metode Design Thinking

    • Materi 4 Folder
      Siswa harus
      Tandai selesai

      • Tahapan design thinking

  • PERTEMUAN 5

    • Memahami tahapan Epathize dalam design thinking

    • Materi 5 Folder
      Siswa harus
      Tandai selesai

      • Empathize dalam design thinking adalah upaya designer memahami keinginan dan kebutuhan pengguna.

      • Metode Empathize dalam Design Thinking 

        Wawancara mendalam 

        Observasi mendalam

        Memahami extreme user

        Tanyakan ΓÇ£WhatΓÇ¥ ΓÇ£HowΓÇ¥ ΓÇ£WhyΓÇ¥

        Empathy Map


  • PERTEMUAN 6

    • Materi 6 Folder
      Siswa harus
      Tandai selesai

      Proses dan Sintesiskan temuan anda di proses Empathy untuk membentuk sudut pandang pengguna yang akan anda tangani


  • PERTEMUAN 7

  • UTS

  • PERTEMUAN 9

    • Materi 9 Folder
      Siswa harus
      Tandai selesai

      • User Flow

  • PERTEMUAN 10

    • Materi 10 Folder
      Siswa harus
      Tandai selesai

      • The Brief
      • Wireframing Low Fidelity
      • https://drive.google.com/drive/folders/1SNCVaHMkJMV6KxIPDqGcprworrSNue8O?usp=sharing (Link Materi)

    • Materi UI dan UX URL
      Siswa harus
      Tandai selesai

      Silahkan download video materi berikut ini

  • PERTEMUAN 11

    • Materi 11 Folder
      Siswa harus
      Tandai selesai

       Type, Color & Icon Introduction-20240702T045639Z-001

    • MAteri 11 URL
      Siswa harus
      Tandai selesai

      Silahkan Download video pada link berikut

  • PERTEMUAN 12

    • Materi 12 Folder
      Siswa harus
      Tandai selesai

      • Low-Fidelity Wireframe (Wireframe Rendah)

      • High-Fidelity Wireframe (Wireframe Tinggi)

      • Interactive Wireframe:


    • Video Membuat Wireframe URL
      Siswa harus
      Tandai selesai

      Silahkan donwload dan tonton video ini agar lebih jelas

  • PERTEMUAN 13

  • PERTEMUAN 14

    • User Interaction Berkas
      Siswa harus
      Tandai selesai

      • User interaction (interaksi pengguna) merupakan elemen kunci dalam desain User Interface (UI) dan User Experience (UX). Dalam konteks ini, interaksi merujuk pada cara pengguna berinteraksi dengan aplikasi atau website melalui elemen-elemen desain yang disediakan. Pentingnya memperhatikan interaksi pengguna adalah agar produk digital yang dikembangkan tidak hanya mudah digunakan tetapi juga memberikan pengalaman yang menyenangkan.

  • PERTEMUAN 15

    • Finishing Proyek Folder
      Siswa harus
      Tandai selesai

      • Dosen akan mengecek ulang alur modul setiap rencangan UI dalam website yang dibuat
      • Dosen akan mengecek terkait ketepatan user exprience/user interaksi dengan UI website yang dirancang

  • UAS