JURNAL PENGABDIAN MASYARAKAT

Pelatihan Desain User Interface (UI) dan

User Experience (UX) Kepada Peserta
LPMKA Prabumulih Melalui Media
Zoom Meeting

DISUSUN OLEH:
Muhammad Fharid Akbar (191420072)
Yudha Harimurti (191420060)

FAKULTAS ILMU KOMPUTER

PROGRAM STUDI TEKNIK INFORMATIKA
UNIVERSITAS BINA DARMA
2021
 KATA PENGANTAR
Puji syukur kehadirat Allah SWT karena berkat rahmat dan Karunia-Nya jualah,
kami dapat menyelesaikan laporan yang berjudul “Laporan Pengabdian Pelatihan
Desain UI/UX di LPMKA Prabumulih Melalui Media Zoom”. Tujuan dari
penyusunan Laporan ini adalah untuk memenuhi salah satu mata kuliah di Universitas
Bina Darma Palembang khususnya jurusan Teknik Informatika.
Dalam penulisan laporan ini, tentunya masih jauh dari sempurna. Hal ini
dikarenakan terbatasnya pengetahuan yang dimiliki. Oleh karena itu dalam rangka
melengkapi kesempurnaan dari penulisan laporan ini diharapkan adanya saran dan
kritik yang diberikan bersifat membangun. Pada kesempatan yang baik ini, tak lupa
kami mengucapkan terima kasih kepada semua pihak yang telah memberikan
bimbingan, pengarahan, nasihat dan pemikiran dalam penulisan laporan ini, terutama
kepada :
1. Dr. Sunda Ariana, M.Pd., M.M., selaku Rektor Universitas Bina Darma
Palembang.
2. Dedi Syamsuar, M.I.T., Ph.D., selaku Dekan Fakultas Ilmu Komputer.
3. Alex Wijaya , S.Kom., M.I.T., selaku Ketua Program Studi Teknik
Informatika.
4. Nurul Huda,M.Kom, Selaku dosen pembimbing yang telah memberikan
bimbingan pada pelaksanaan pengabdian ini.
5. Orang Tua yang selalu memberikan dukungan dan doa baik dalam bentuk
materi maupun moral.
Kami sebagai penulis menyadari bahwa dalam penyusunan laporan kunjungan
industri ini masih terdapat banyak kekurangan. Oleh karena itu, Kami juga
mengharapkan kritik dan saran yang membangun untuk kedepannya.

Palembang , 22 November 2021

Tim Pengabdian

i
 DAFTAR ISI

KATA PENGANTAR i

DAFTAR ISI ii

BAB I PENDAHULUAN

1.1 Latar Belakang Pengabdian 1

1.2 Tujuan Kegiatan Pengabdian 2

1.3 Manfaat Kegiatan Pengabdian 2

1.3.1 Manfaat Bagi Objek 2

1.3.2 Manfaat Bagi Pengabdi 2

BAB II LANDASAN TEORI 3

BAB III METODE PENELITIAN 5

3.1 Materi dan waktu pelaksanaan 5

3.2 Waktu pelaksanaan 5

3.3 Personil kegiatan 6

BAB IV HASIL PEMBAHASAN 7

BAB V KESIMPULAN DAN SARAN 8

4.1 Kesimpulan 8

4.2 Saran 8

LAMPIRAN 9

Dokumentasi Kegiatan 9

DAFTAR PUSTAKA iii

ii
 BAB I
PENDAHULUAN

1.1 Latar Belakang Pengabdian

Ilmu pengetahuan dan teknologi berkembang terus bahkan sampai saat ini
berlangsung dengan pesat. Perkembangan itu bukan hanya dalam hitungan
tahun, bulan, atau hari, melainkan jam, bahkan menit atau detik terutama
berkaitan dengan teknologi informasi dan komunikasi yang ditunjang dengan
teknologi elektronika. Pengaruhnya meluas ke berbagai bidang kehidupan,
pengaruh ini sangat cepat memberikan dampak positif dan dampak negative.
Perkembangan ilmu dan teknologi berdampak positif dengan semakin terbuka
dan tersebarnya informasi dan pengetahuan dari dan ke seluruh dunia
menembus batas ruang dan waktu.

Oleh karena itu, manfaat Media Teknologi seperti laptop bisa dirasakan
juga oleh para peserta sekolah menengah, maupun lanjutan. Dalam membuat
suatu program, biasanya kita harus membuat sebuah desain sistem yang
bertujuan meningkatkan antarmuka pengguna dan pengalaman dalam
menggunakan sebuah program tersebut yang biasa dikenal dengan istilah
“Desain UI (User Interface) dan User Experience (UX)”.

User Interface dan User Experience (UI/UX) memegang peran penting

dalam pembangunan sebuah aplikasi, karena desain pada sebuah aplikasi harus
rapi dan terorganisir. Selain itu User Interface dan User Experience (UI/UX)
harus sesuai dengan kebutuhan pengguna dari aplikasi yang akan dibangun.
User Interface dan User Experience (UI/UX) dibangun dengan melihat
kebutuhan pengguna atas sebuah aplikasi yang akan dibangun mulai dari
desain tampilan, fitur-fitur, dan berbagai kebutuhan lainnya.

1
1.2 Tujuan Kegiatan Pengabdian

Adapun tujuan dalam kegiatan pelatihan UI/UX Design yaitu :

1. Memperkenalkan kepada peserta LPMKA Prabumulih tentang
apa itu UI/UX
2. Memberikan informasi kepada peserta tentang
bagaimana cara melakukan sebuah perancangan UI/UX
3. Meningkatkan skill keterampilan peserta dalam bidang UI/UX
4. Sebagai sarana belajar bagi peserta LPMKA Prabumulih

1.3 Manfaat Kegiatan Pengabdian

1.3.1 Manfaat Bagi Objek

1. Mendapat pengetahuan baru tentang UI/UX
2. Dapat membagi ilmu kepada peserta
3. Menambahkan pengalaman baru kepada peserta dari
LPMKA Prabumulih tentang UI/UX

1.3.2 Manfaat Bagi Pengabdi

1. Dapat menyelesaikan tugas manajemen proyek TI
2. Menambah pengalaman baru dalam melakukan pengabdian
kepada masyarakat
3. Meningkatkan skill Public Speaking

2
 BAB II
LANDASAN TEORI

Teknologi aplikasi sudah tidak asing lagi bagi kita semua dimanapun kita berada.
Sehingga teknologi Web telah merubah pola komunikasi kita dengan sesama. sebuah
aplikasi merupakan salah satu fitur utama dari internet yang merupakan media
penyebaran informasi, media interaksi secara online dan media untuk berbagi
informasi secara real time. Informasi pada website dapat disajikan dalam bentuk
multimedia (teks, grafik, gambar, suara, dan video), sehingga memudahkan
pengaksesnya untuk memahami informasi yang disampaikan. Peluang kerja di
bidang internet juga masih sangat terbuka luas. Industri internet mengalami
perkembangan yang sangat menakjubkan. Kebutuhan akan Software Development dan
tenaga UI /UX Designer amat sangat diperlukan. Perkembangan internet itu juga
membawa dampak positif bagi kemajuan usaha di segala bidang, salah satunya adalah
karena terus bertambahnya jaringan internet yang terus meluas.
User Experience (UX) merupakan proses mendesain suatu produk melalui
pendekatan pengguna. Dengan pendekatan ini, kita jadi bisa menciptakan produk yang
sesuai dengan kebutuhan dan keinginan pengguna.Produk dengan desain UX yang
baik akan menciptakan pengalaman yang menyenangkan bagi pengguna saat
menggunakan produk kita. Pengguna jadi mudah dan nyaman saat menggunakan
produk.Adapun, komponen UX ini meliputi bagaimana fitur-fitur yang disediakan
pada produk, struktur desain, navigasi penggunaan produk, aspek visual design, dan
seluruh aspek interaksi dengan pengguna. UX juga meliputi bagaimana kita
menentukan branding, konten, dan copywriting yang sesuai dengan target pengguna
kita.Seperti yang disebutkan sebelumnya, UI adalah bagian dari UX yang berupa
tampilan visual desain sebuah sistem. Tampilan tersebut memungkinkan pengguna
terhubung dan berinteraksi dengan suatu produk. Selain berfungsi sebagai
penghubung, UI juga berfungsi untuk memperindah tampilan sehingga dapat
meningkatkan kepuasan pengguna. Namun, tak hanya harus indah, UI juga harus
mudah digunakan. Beberapa komponen UI diantaranya adalah komponen tombol,

3
ikon tipografi, tema, layout, animasi yang tampil pada produk, dan visual interaktif
lainnya. Semua komponen UI tersebut didesain dengan berfokus pada keindahan dan
kemudahan pengguna. Jadi, pengguna dapat menikmati produk kita.

Kebutuhan akan  pelatihan desain UI/UX ini penting menurut penjelasan diatas.
Hal itu dikarenakan perkembangan zaman yang semakin maju dan modern sehingga
membuat segala sesuatu dapat dicapai dengan cara instan termasuk
informasi-informasi yang dibutuhkan melalui sebuah aplikasi. Oleh karena itu sangat
penting akan adanya pelatihan desain UI / UX yang akan membantu dan
mempermudah dalam mengasah kemampuan untuk lebih terampil lagi dalam
melakukan desain sebuah aplikasi agar setiap informasi atau himbauan dalam aplikasi
dapat disajikan secara tepat dan menarik bagi pengguna aplikasi tersebut.

4
 BAB III
METODE PENELITIAN

Metode pelaksanaan pengabdian masyarakat ini dilakukan secara daring

melalui media aplikasi zoom atau google meet dan untuk materi nya sendiri dilakukan
dengan pemanfaatan modul yang telah disediakan yaitu dengan metode teori dan
praktik langsung langkah-langkah yang digunakan saat pelatihan adalah dengan
penyampaian materi dengan power-point slide dan praktik menggunakan software
Figma. Namun untuk penggunaan software design UI/UX akan menggunakan
software via browser, sehingga para peserta tidak perlu menginstall lagi software yang
akan digunakan. Pada satu jam pertama adalah untuk memfokuskan pada pengenalan
UI/UX dan pada satu jam kedua akan memfokuskan pada praktik langsung
menggunakan software Figma melalui via browser.

3.1 Materi dan waktu pelaksanaan

Materi yang akan digunakan adalah materi yang telah disusun untuk pelatihan
pembuatan sebuah desain mobile aplikasi sederhana pada sekolah LPMKA
Prabumulih dimana materi tersebut diambil dari beberapa platform pembelajaran
UI/UX terbaik. Waktu pelaksanaan pelatihan pembuatan design UI/UX pada sekolah
LPMKA Prabumulih akan dilaksanakan pada tanggal 8 s.d 9 November 2021

3.2 Waktu pelaksanaan

Lokasi Pelaksanaan : LPMKA Prabumulih

Waktu Pelaksanaan : 12 November 2021 : Pemberian materi menggunakan
powerpoint text, materi yang dibawakan adalah materi
yang telah disusun sebelumnya.

13 November 2021 : Praktik membuat desain mobile

app sederhana menggunakan software Figma.

5
Personil Kegiatan : Nama : Muhammad Fharid Akbar
NIM : 191420072

Nama :Yudha Harimurti

NIM : 191420060

6
 BAB IV
HASIL DAN PEMBAHASAN

Kegiatan pengabdian kepada masyarakat telah dilakukan sesuai jadwal yang telah
ditentukan dengan hasil sebagai berikut :

1. Penyampaian materi mengenai Pengenalan desain User Interface (UI) dan User
Experience (UX). Pentingnya ilmu tentang desain UI/UX perlu dikenalkan. Disini
pemateri menyampaikan tentang apa itu desain UI/UX dan dasar-dasar terkait
dengan materi. Materi disampaikan dengan cara diskusi presentasi dan simulasi
untuk pengenalan system
2. Dilanjutkan dengan melakukan tutorial untuk mempraktekkan cara membuat desain
aplikasi olshop sederhana. Tutorial praktek dilakukan setelah sesi penyampaian
materi dengan menggunakan aplikasi figma.
3. Praktek dilakukan dengan tujuan agar para peserta dapat mengetahui lebih jelas
bagaimana cara mendesain aplikasi secara manual.
4. Melakukan sesi tanya jawab saat zoom meeting bagi para peserta yang masih
bingung dengan materi dan dapat memberi pemahaman lebih lanjut kepada peserta
pengabdian.

Berdasarkan hasil pengabdian, para peserta antusias untuk mengikuti jalannya

acara dari awal sampai selesai acara. Namun diperlukan berbagai latihan untuk dapat
memiliki keahlian mendesain sebuah UI/UX dalam sebuah aplikasi. Berdasarkan hasil
pengabdian ini, para peserta juga menyadari akan pentingnya merubah mindset
melakukan sebuah desain pada suatu aplikasi.

7
 BAB V
KESIMPULAN DAN SARAN

Kesimpulan

Dari pembahasan pada bab sebelumnya dapat diambil kesimpulan sebagai

berikut :
1. Para peserta pengabdian dapat memahami tentang desain User Interface
(UI) dan User Experience (UX) dalam proses mendesain sebuah aplikasi.
2. Para peserta pengabdian sudah mengetahui bagaimana caranya mendesain
secara manual dengan menggunakan tools design UI/UX dengan
menggunakan salah satu tools yaitu “Figma”.
3. Para peserta pengabdian dapat mengetahui apa saja desain proses dan alur
yang harus dilakukan untuk menjadi UI/UX designer dengan memberikan
beberapa pro-tips untuk peserta pengabdian.

Saran
Diharapkan dengan adanya kegiatan pengabdian masyarakat ini dapat menjalin
silaturahmi antara LPMKA Prabumulih dan Universitas Bina Darma dan berharap
semoga pandemi covid-19 ini cepat berakhir agar tahu-tahun berikutnya pihak
kampus bisa mengadakan kegiatan pengabdian masyarakat secara langsung ke
LPMKA Prabumulih.

8
 LAMPIRAN
Dokumentasi Kegiatan Pengabdian Masyarakat

9
10
 DAFTAR PUSTAKA

https://www.niagahoster.co.id/blog/perbedaan-ui-dan-ux/#Pengertian_User_Experience_
UX

https://www.domainesia.com/berita/desain-ui-ux-dasar-dan-perbedaan

https://www.sekawanmedia.co.id/desain-ui-ux/

http://globaltrainingcentergtc.blogspot.com/2013/12/pelatihan-desain-website.html
http://khumaedi18.blogspot.com/2010/07/proposal-pelatihan-website.html

http://repository.unitomo.ac.id/1714/1/Laporan%20Pengabdian%20Lengkap.pdf

iii