LAPORAN TUGAS AKHIR AKTIVITAS USER INTERFACE / USER ... · Tugas utama seorang UI/UX design adalah...

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


MOTTO

“Stay Hungry. Stay Foolish. Stay Humble”

@anak_aco


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


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.


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


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


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


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


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


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

LAPORAN TUGAS AKHIR AKTIVITAS USER INTERFACE / USER ... · Tugas utama seorang UI/UX design adalah...

Documents

Transcript of LAPORAN TUGAS AKHIR AKTIVITAS USER INTERFACE / USER ... · Tugas utama seorang UI/UX design adalah...