Profesi di Bidang User

Experience Design
UI & UX Design
Institut Teknologi Garut
Ridwan Setiawan, ST., M.Kom., MTA, ITS
Dosen Teknik Informatika Sekolah Tinggi Teknologi Garut
Introduction

• User Experience Design (UX Design) adalah

istilah yang sangat luas — dan, bagi perusahaan,
ini merupakan sumber kebingungan utama
dalam menulis deskripsi pekerjaan seorang UX
Designer.
• Sementara UX Design adalah bidang yang terasa
penting untuk pengembangan produk, tetapi
fungsinya masih tetap menjadi misteri bagi
banyak orang karena bidang ini relatif baru.
• User Experience memiliki spektrum yang luas
Apa yang Sebenarnya Dilakukan Oleh UX
Designer?
• Desain dikaitkan dengan Desain Grafis (“tampilan” suatu
produk).
• Seiring perkembangan teknologi digital dan ekspektasi tentang
interaksi digital, focus lebih banyak pada bagian “feel” dari
suatu desain, yang juga dikenal sebagai User Experience (UX)
• UX Design adalah proses di mana seorang desainer mencoba
untuk menentukan apa experience itu nantinya (Catatan: Kita
tidak dapat benar-benar merancang experience sebagai wujud
formal. Namun, kita dapat merancang kondisi dari experience
yang diinginkan).
• Peran UX Desainer secara langsung terlibat dalam proses
membuat produk yang useful, usable dan enjoyable bagi user-
nya.
• Beberapa fungsi umum yang dapat dilakukan oleh UX
Designer terlepas dari perusahaan tempatnya bekerja:

Tanggung Jawab UX
Designer
Penelitian produk

Membuat persona dan scenario

Information Architecture

Membuat wireframe

Prototyping

Pengujian produk

Pengukuran
 • Fase ini memberikan dasar yang memungkinkan para desainer
menghindari asumsi dan membuat keputusan berdasarkan
informasi.
• Penelitian produk penting karena:
• Mengajarkan UX Designer tentang user: perilaku, tujuan,
motivasi, dan kebutuhan mereka.
• Membantu UX Designer memahami standar industri dan
mengidentifikasi peluang untuk produk di area tertentu.
1. Penelitian Selain itu, juga membantu memprioritaskan berbagai aspek
suatu produk.

Produk • Dari sisi teknis, penelitian produk adalah proses pengumpulan

data melalui saluran seperti:
• Wawancara pribadi dengan user dan stakeholder
• Analisis kompetitif
• Survei online
• Focus group
• Data yang terkumpul dianalisis dan dikonversi menjadi informasi
kuantitatif dan kualitatif. Informasi berharga ini akan digunakan
untuk pengambilan keputusan.
2. Membuat
Persona dan
Scenario
• Persona adalah identitas fiktif yang mencerminkan
salah satu user group yang mereka desain.
• Persona adalah archetype atau karakter yang mewakili
user potensial pada website atau aplikasi
• Dalam User Centered Design, Persona membantu tim
desain untuk menargetkan desain mereka di sekitar
user. Persona bersifat fiksi, mereka harus mewakili
pilihan audiens yang nyata dan perilaku mereka.
• Tujuan membuat Persona adalah untuk mencerminkan
pola yang telah diidentifikasi pada user. Ketika seorang
UX Designer telah mengidentifikasi Persona, mereka
dapat menulis Scenario.
• Ketika seorang UX Designer
telah mengidentifikasi Persona,
mereka dapat menulis Scenario.
• Scenario adalah narasi yang
menggambarkan “a day in the
life of” salah satu persona,
termasuk bagaimana website
atau aplikasi mereka cocok
dengan kehidupan user.
3. Information
Architecture Site Map Aplikasi Aplikasi Spotify

• Information Architecture
adalah pembuatan struktur
untuk website, aplikasi, atau
produk lain, yang
memungkinkan user dapat
memahami posisi mereka pada
website, dan di mana informasi
yang mereka inginkan
berkaitan dengan posisi
mereka saat ini. Information
Architecture menghasilkan
penciptaan navigasi, hierarki
dan kategorisasi.
4. Membuat
Wireframe
• Wireframe adalah representasi low
fidelity dari suatu desain.
• Wireframe harus mewakili setiap
layar atau langkah yang mungkin
dilakukan user saat berinteraksi
dengan suatu produk.
• Wireframe memiliki sifat:
• Harus dibuat dengan cepat
untuk mewakili obyek UI
dengan cara sederhana;
• dan sulit digunakan dalam
pengujian produk.
 • Banyak orang menggunakan istilah “wireframe”
dan “prototipe” secara terbalik.
• Keduanya terlihat berbeda, mereka
mengkomunikasikan sesuatu yang berbeda dan
mereka melayani tujuan yang berbeda.
5. • Wireframe mirip dengan blueprint arsitektur (mis.
rencana bangunan), prototipe adalah representasi
Prototyping middle fidelity hingga high fidelity dari produk
akhir.
• Prototipe memiliki sifat: memberikan Anda rasa
seperti berinteraksi dengan sebuah produk; dan
dapat digunakan dengan segala potensinya dalam
pengujian dengan user.
Example Prototyping: Sumber Justinmind
6. Pengujian
Produk
• Pengujian membantu UX
Designer mencari tahu
masalah apa yang dialami
user selama berinteraksi
dengan suatu produk.
• Salah satu cara paling umum
yang mungkin dilakukan UX
Designer untuk menguji
produk adalah dengan
melakukan pengujian
bersama user secara langsung
untuk mengamati perilaku
user.
7. Pengukuran
• UX Design adalah proses iterasi yang
konstan, yang hidup selama produk
digunakan.
• Produk perlu terus diuji untuk memastikan
produk tersebut memenuhi kepuasan
pelanggan.
• Ukuran umum adalah seberapa besar
kemungkinan pelanggan
merekomendasikan produk kepada orang
lain.
• UX Designer terus belajar untuk
mendorong pembaruan di masa
mendatang.
• UX Designer meluncurkan produk terbaik,
tetapi mereka selalu siap untuk belajar
dan terus bertumbuh.
 Empati (empathy)

Soft Skill Rasa ingin tahu (curiosity)

untuk UX
Designer Pemecahan masalah (problem solving)

Keterampilan komunikasi
(communication skill)
 Designer: UX designer, product designer, UI/UX

Lima besar
designer, designer, interaction desiner

job title Researcher: UX researcher, User researcher,

design researcher, UX-researcher coordinator,
product-research specialist

pada
bidang UX Content: Content stategist, UX writer, Content
designer, Web content specialist

Design Nonspecialist UX: UX consultant, UX specialist

(or UI/UX specialist), UX architect, UX
strategist, UX expert (UI/UX expert)
Tempat Bekerja dan Area Bekerja
Lima bidang terbesar tempat bekerja Lima area bekerja para profesional UX
profesional UX berada pada industri:
• Computer/ IT/ software/ internet • Website/ web apps
• Finance/ banking/ insurance • Mobile apps
• Consulting agency • Enterprise apps
• Education • Docs & tutorial
• Self-employed/ independent contractor • Desktop application
Aktivitas yang paling sering
dilakukan profesional
• Prototyping or wireframing
• Collaboration with SMEs (Small and Medium Enterprises)
• Heuristic/ competitive reviews
• User journeys, flows, …
• Qual usability tests
• Design systems/ style guides
• Designing visuals
• Writing user stories
• Field studies or interviews
• Analyzing analytics
 Visual
UX Design
Design
Pekerjaan
Spesifik dalam Research
Coding
UX Sesuai and Usability
Bidangnya
Content
Strategy
1. UX Design
• Pekerjaan yang dilakukan
• Experience designer
• Interaction designer
• Information architect
• Jabatan berdasarkan senioritas
• UX strategist
• UX product manager
• UX architect
• UX analyst
2. Visual Design 3. Research and Usability

• Pekerjaan yang dilakukan: • UX researcher

• Visual designer • Usability researcher / specialist /
• UI designer analyst / engineer
• Digital designer
• UI artist
 4. Coding
• UX Engineer adalah penghubung antara tim desain dan tim engineering. Mereka
bertanggung jawab untuk mengambil desain dan menghidupkannya dengan kode.
Senjata seorang UX Engineer meliputi bahasa komputer seperti HTML, JS, CSS, dan
sebagainya.

Representasi visual alur proses UX Design

•UI/UX engineer
•UI/UX developer
•Product designer
5. Content Strategy

• Content Strategy merencanakan pembuatan, publikasi, dan tata kelola konten yang useful
dan usable (Kristina Halvorson, penulis buku Content St
• Content Strategist bertujuan untuk memaksimalkan profitability dan usability dari konten
melalui siklus hidup konten yang mencakup analisis, perencanaan, penulisan, dan
pengeditan, lalu diikuti dengan mendistribusikan, mengelola, dan memonitornya.
• Pekerjaan yang mencakup content strategy biasanya memiliki dua nama:
• UX content strategist
• UX copywriter
Skala Perusahaan
Tempat Bekerja
• Perusahaan besar
• User researcher
• Usability tester
• UI designer
• Data analyst
• Senior UX designer
• Perantara atau agen, dan
• Startup
Daftar Pustaka
• Adideshiah, E,. G. Just in Mind. Personas, scenarios, user stories and storyboards: what’s the difference?
• Babich, N. 2017. Adobe Blog. What Does a UX Designer Actually Do?
• Memon, M. Springboard. What Does a UX Designer Do? Roles Explained
• Stevens, E. Careerfoundary. A Guide To UX Designer Job Descriptions: How To Write And Interpret Them
• Nielsen Norman Group. 2019. User Experience Careers.
• Teo, Y., S. Interaction Design Foundation. The Ultimate Guide to Understanding UX Roles and Which One You Should Go
For
• Feature Image: Photo by Peter Fogden on Unsplash
• Garrett, J. J., 2011. The Elements of User Experience: User-Centered Design for the Web and Beyond, Second Edition.
Berkeley: New Riders.
Elgabry, O. UX — A quick glance about The 5 Elements of User Experience (Part 2). https://medium.com/omarelgabrys-
blog/ux-a-quick-glance-about-the-5-elements-of-user-experience-part-2-a0da8798cd52
• Feature image: Photo by You X Ventures on Unsplash
Thank You