laporan tugas akhir aktivitas user interface / user ... · tugas utama seorang ui/ux design adalah...
TRANSCRIPT
library.uns.ac.id digilib.uns.ac.id
LAPORAN TUGAS AKHIR
AKTIVITAS USER INTERFACE / USER EXPERIENCE DESIGNER
DALAM MENDESAIN PRODUK DIGITAL DI SEBO STUDIO
Disusun Oleh :
MUHAMMAD FAHRUROZI THOHARI
D1315046
Diajukan Untuk Memenuhi Salah Satu Syarat Guna Memperoleh
Gelar Ahli Madya (A.Md) Dalam Bidang Komunikasi Terapan
PROGRAM STUDI DIPLOMA III KOMUNIKASI TERAPAN
FAKULTAS ILMU SOSIAL DAN POLITIK
UNIVERSITAS SEBELAS MARET
SURAKARTA
2018
library.uns.ac.id digilib.uns.ac.id
library.uns.ac.id digilib.uns.ac.id
library.uns.ac.id digilib.uns.ac.id
library.uns.ac.id digilib.uns.ac.id
MOTTO
“Stay Hungry. Stay Foolish. Stay Humble”
@anak_aco
library.uns.ac.id digilib.uns.ac.id
KATA PENGANTAR
Assalamu’alaikum Wr. Wb
Puji syukur kita panjatkan kepada Allah SWT atas hidayah, perlindungan,
pertolongan dan karunia-Nya kepada penulis sehingga dapat menyelesaikan
penulisan tugas akhir ini yang berjudul “AKTIVITAS USER INTERFACE /
USER EXPERIENCE DESIGNER DALAM MENDESAIN PRODUK
DIGITAL DI SEBO STUDIO”. Shalawat dan salam tidak lupa kita haturkan
kepada junjungan Nabi besar Muhammad SAW beserta para sahabat beliau yang
dapat memberikan teladan bagi kita semua. Tugas akhir ini disusun guna
memenuhi salah satu persyaratan untuk menyelesaikan Program Diploma III
Jurusan Komunikasi Terapan minat Periklanan di Fakultas Ilmu Sosial dan
Politik, Universitas Sebelas Maret Surakarta tahun 2018.
Dalam menempuh pendidikan di Program Diploma III Jurusan Ilmu
Komunikasi Terapan minat Periklanan, sampai dengan proses penyelesaian Tugas
Akhir ini, banyak pihak yang telah membimbing, membantu, mengarahkan, dan
memfasilitasi penulis, maka dari itu penulis ucapkan terimakasih yang sebesar-
besarnya kepada :
1. Allah S.W.T, atas segala rahmat, taufik dan hidayahnya serta segala
perlindungan dan pertolonganNya sehingga tugas akhir ini dapat
terselesaikan.
2. Ibu Prof. Dr. Ismi Dwi Astuti Nurhaeni , M.Si selaku Dekan Fakultas
Ilmu Sosial dan Ilmu Politik Universitas Sebelas Maret
library.uns.ac.id digilib.uns.ac.id
3. Bapak Mahfud Anshori, S.Sos., M.Si selaku Kepala Prodi D3 Ilmu
Komunikasi Terapan.
4. Bapak Drs. Joko Sadoso Priyo M.M selaku Pembimbing Akademis
5. Ibu Sri Harnani Widyawati, S.E. M.Si selaku Dosen Pembimbing
Tugas Akhir yang telah meluangkan waktu dan tenaga untuk
memberikan saran dan kritik yang membangun dan membimbing
penulis selama penyusunan tugas akhir.
6. Bapak Deniawan Tommy Chandra Wijaya S.Sos, M.Ikom selaku
Penguji I atas beberapa saran untuk penyelesaian Tugas Akhir.
7. Seluruh dosen D3 Komunikasi Terapan minat Periklanan yang telah
mengajar, membimbing, dan membagikan ilmu dan pengalaman
kepada penulis selama masa perkuliahan.
8. Seluruh staff dan karyawan D3 Komunikasi Terapan Fakultas Ilmu
Sosial dan Politik Universitas Sebelas Maret.
9. Kedua orang tuaku dan adikku yang selalu mendukung, mendoakan
dan memberikan dukungan penuh kepada penulis dalam masa
perkuliahan, Bapak Matlasih dan Ibu Mariyem serta Dik Panji.
10. Kepada teman-teman seperjuangan Kelas Advertising B 2015 D3
Komunikasi Terapan minat Periklanan atas kebersamaan dan kenangan
selama masa perkuliahan
11. Mas Ibnu Mas’ud selaku pimpinan dari Sebo Studio yang telah
menerima dan memberikan penulis kesempatan untuk magang dan
belajar tentang User Interface / User Experience Design.
library.uns.ac.id digilib.uns.ac.id
12. Teman-teman di Sebo Studio yang telah menerima dan mengajari
penulis dengan sabar, Mas Kukuh, Mas Vian, Mas Geo, Mas Indro dan
Fadhil.
13. Kepada teman-teman di Jogja di Omah Sepi, Mas Idhang, Mas
Hamam, Mas Fikrun, Mas Hamam dan Mas Dani.
14. Kepada Indah Larasati, atas semua waktu dan dukungannya dalam
penulisan tugas akhir ini.
15. Semua pihak yang secara langsung dan tidak langsung mendukung
penulis menyelesaikan tugas akhir ini hingga benar-benar selesai.
Dengan segala kerendahan hati, penulis menyadari bahwa Tugas Akhir ini
masih jauh dari kriteria sempurna. Oleh karena itu, saran dan kritik yang
membangun sangatlah penulis harapkan. Semoga Tugas Akhir ini bermanfat bagi
semuanya.
Wassalamu’alaikum Wr. Wb
Surakarta, Juli 2018
Penulis
library.uns.ac.id digilib.uns.ac.id
DAFTAR ISI
HALAMAN JUDUL .......................................................................................... i
HALAMAN PERSETUJUAN ............................................................................ ii
HALAMAN PENGESAHAN ............................................................................. iii
HALAMAN PERNYATAAN ............................................................................ iv
HALAMAN MOTTO ......................................................................................... v
KATA PENGANTAR ........................................................................................ vi
DAFTAR ISI ...................................................................................................... ix
DAFTAR GAMBAR........................................................................................... xi
DAFTAR LAMPIRAN........................................................................................ xii
RINGKASAN .................................................................................................... xiv
BAB I PENDAHULUAN ................................................................................... 1
A. Latar Belakang ......................................................................................... 1
B. Tujuan ...................................................................................................... 4
C. Manfaat .................................................................................................... 5
D. Tata Laksana Kegiatan Kuliah Kerja Media............................................. 6
BAB II KERANGKA TEORI DAN FOCUS OF INTEREST .......................... 8
A. Kerangka Teori ....................................................................................... 8
B. Focus of Interest .................................................................................... 17
BAB III PROFIL SEBO STUDIO ................................................................... 37
A. Sejarah Perusahaan ............................................................................... 37
B. Visi dan Misi Perusahaan ...................................................................... 39
C. Logo Perusahaan ................................................................................... 40
D. Struktur Organisasi ................................................................................ 41
E. Deskripsi Pekerjaan ............................................................................... 42
library.uns.ac.id digilib.uns.ac.id
F. Klien ....................................................................................................... 44
BAB IV PELAKSANAAN MAGANG ............................................................ 46
A. Pelaksanaan Kuliah Kerja Media ........................................................... 46
B. Deskripsi Pekerjaan ................................................................................ 47
C. Kemajuan Yang Telah Dicapai .............................................................. 64
BAB V KESIMPULAN DAN SARAN .............................................................. 67
A. Kesimpulan .............................................................................................. 67
B. Saran ........................................................................................................ 69
DAFTAR PUSTAKA .......................................................................................... 71
LAMPIRAN
library.uns.ac.id digilib.uns.ac.id
DAFTAR GAMBAR
Gambar 2.1 Contoh Website Design ................................................................ 24
Gambar 2.2 Contoh Website Dashboard .......................................................... 25
Gambar 2.3 Contoh Mobile Apps ...................................................................... 26
Gambar 2.4 Contoh Landing Page .................................................................... 28
Gambar 2.5 Contoh User Flow ......................................................................... 31
Gambar 2.6 Contoh Wireframing ..................................................................... 32
Gambar 3.1 Logo Sebo Studio ......................................................................... 40
Gambar 3.2 Struktur Organisasi Sebo Studio ……………………….............. 41
Gambar 3.3 Klien Sebo Studio.......................................................................... 45
library.uns.ac.id digilib.uns.ac.id
DAFTAR LAMPIRAN
Lampiran 1 : Wireframe dan Presentasi Sales Report Dashboard
Lampiran 2 : Wireframe dan Presentasi Cafe Dashboard
Lampiran 3 : User Flow dan Presentasi Donation Mobile Apps
Lampiran 4 : User Flow dan Presentasi Property Mobile Apps
Lampiran 5 : Telono Website Project
Lampiran 6 : YourDNA Form Website Project
Lampiran 7 : Scholarme Website Project
Lampiran 8 : Scholarme Responsive design
Lampiran 9 : Lango Dashboard Website Project
Lampiran 10 : Ar Architecture Landing Page
Lampiran 11 : Surat dan Berkas Kuliah Kerja Media
Lampiran 12 :Laporan Periodik
library.uns.ac.id digilib.uns.ac.id
RINGKASAN
MUHAMMAD FAHRUROZI THOHARI, D1315046, PERIKLANAN,
AKTIVITAS USER INTERFACE / USER EXPERIENCE DESIGNER
DALAM MENDESAIN PRODUK DIGITAL DI SEBO STUDIO, 2018
Masifnya perkembangan era globalisasi digital membuat aspek-aspek di
bidang lain terkena imbasnya tak terkecuali dengan penggunaan produk digital
untuk mempermudah kegiatan kita sehari-hari. Sangat tidak mengherankan jika
saat ini banyak sekali bermunculan produk digital yang tersebar di internet baik
itu berupa aplikasi maupun website. Dalam merancang sebuah produk digital
dibutuhkan kerjasama dari beberapa profesi, salah satunya adalah profesi User
Interface / User Experience Designer atau UI/UX Designer. UI/UX Designer
lebih spesifik bekerja pada area digital yaitu untuk mendesain sebuah produk
digital seperti website, aplikasi, televisi interaktif, landing page maupun
dashboard. Latar belakang penulis sebagai mahasiswa komunikasi, hobi penulis
di bidang desain grafis dan juga keinginan penulis untuk belajar hal baru yang
belum pernah didapatkan selama menjadi mahasiswa membuat penulis tertarik
untuk melaksanakan magang di Sebo Studio sebagai seorang UI/UX designer.
Adapun penulisan laporan Kuliah Kerja Media ini berpedoman pada teori-teori
yang terdapat dalam buku literatur antara lain komunikasi, komunikasi massa,
media online, digital agency, design thinking, website, user interface, user
experience, focused group discussion, redesain, user flow, wireframing, prototype,
usability testing, dan sketch apps. Sebo Studio merupakan sebuah studio desain
yang khusus melayani kebutuhan desain digital seperti User Interface / User
Experience design (baik web maupun apps), Website Development, Icon &
Illustration, dan juga Logo & Branding yang beralamatkan di Condongcatur,
Yogyakarta. Sejak awal berdiri di tahun 2016 hingga sekarang, Sebo Studio sudah
berpindah kantor sebanyak 3 kali. Jumlah yang tidak sedikit memang, namun
proses ini memang harus dilalui oleh Sebo Studio di perkembangannya hingga
mencapai titik seperti sekarang ini. Dalam pelaksanaan Kuliah Kerja Media ini
penulis mengambil konsentrasi di bidang UI/UX design. Kegiatan yang dilakukan
penulis selama melaksanakan magang tidak hanya mendesain produk digital
seperti website, aplikasi, landing page maupun dashboard namun juga melakukan
beberapa aktivitas perencanaan hingga validasi produk mulai dari Focus Group
Discussion, riset untuk mencari look and feel, wireframing, user flow, hingga
prototyping dan usability testing. Semua itu dilakukan agar produk yang didesain
benar-benar tepat sasaran dan sesuai dengan tujuan mengapa produk itu dibuat.
Tugas utama seorang UI/UX design adalah membuat sebuah rancangan interface
yang mudah dimengerti oleh pengguna sehingga mereka merasa sangat terbantu
dengan adanya produk tersebut.
Kata Kunci : kuliah kerja media, digital agency, design thinking , user
interface, user experience, prototype, usability testing