Foundations of Interaction Design: Definition, Evolution, and Design Philosophy

Back to IF3151 Interaksi Manusia Komputer

Foundations of Interaction Design: Definition, Evolution, and Design Philosophy

Questions/Cues

• Apa yang dimaksud dengan desain interaksi?
• Bagaimana sejarah singkat evolusi desain interaksi?
• Mengapa desain dipandang sebagai “rencana” bukan sekadar estetika?
• Bagaimana filosofi desain mempengaruhi keputusan produk?
• Contoh nyata bagaimana desain interaksi memfasilitasi dialog manusia‑sistem?

Reference Points

• Slide_Kuliah_01_Desain_Interaksi (Slides 3-4)
• Slide_Kuliah_02_Desain_Interaksi (Slides 14-16)
• Preece et al., Interaction Design: Beyond Human‑Computer Interaction (Bab 1)
• Norman, The Design of Everyday Things (Pendahuluan)
• Krug, Don’t Make Me Think, Revisited (Bab 1)

Definition of Interaction Design

Desain interaksi adalah disiplin yang berfokus pada perancangan produk dan layanan interaktif sehingga manusia dapat berkomunikasi, berkolaborasi, atau memperoleh hasil dari sistem secara efisien, intuitif, dan memuaskan. Tidak seperti desain grafis yang menekankan pada tampilan visual, desain interaksi menitikberatkan pada perilaku sistem dan pengalaman pengguna selama proses interaksi.

Untuk memahami definisi ini, bayangkan sebuah lift. Pada level paling dasar, lift memiliki tombol, pintu, dan panel indikator. Desain interaksi memastikan bahwa ketika seseorang menekan tombol lantai 5, lift menanggapi dengan membuka pintu pada lantai yang tepat, menampilkan indikator yang jelas, dan melakukannya dalam waktu yang wajar. Semua elemen tersebut bekerja bersama‑sama bukan hanya karena mereka “terlihat bagus”, melainkan karena mereka berfungsi sesuai harapan pengguna.

Desain interaksi menggabungkan tiga bidang utama: teknik (misalnya pemrograman antarmuka), psikologi (bagaimana otak memproses informasi), dan desain visual (bagaimana elemen dipresentasikan). Kombinasi ini memungkinkan perancang menciptakan sistem yang tidak hanya “kelihatan” menarik, tetapi juga mudah dipahami dan nyaman dipakai.

Secara praktis, proses desain interaksi melibatkan identifikasi kebutuhan pengguna, pembuatan skenario penggunaan, prototyping, dan iterasi berdasarkan umpan balik. Setiap langkah menekankan dialog antara manusia dan mesin: pengguna mengirimkan perintah, sistem merespons, dan pengguna menilai hasilnya.

Evolution of Interaction Design

Sejak era antarmuka pengguna (UI) tradisional yang berfokus pada tombol‑tombol fisik dan menu‑menu statis, desain interaksi telah mengalami transformasi signifikan. Pada tahun 1990‑an, istilah “user interface” masih identik dengan desktop GUI; interaksi terbatas pada klik mouse dan input keyboard.

John Kolko menggambarkan evolusi ini sebagai pergeseran dari “interaksi satu‑arah” menjadi “dialog dua‑arah”. Pada fase awal, sistem memberi perintah dan pengguna menuruti. Seiring munculnya komputasi pervasive (misalnya perangkat wearable, IoT) dan kecerdasan buatan, interaksi menjadi lebih kontekstual dan adaptif. Contohnya, asisten suara seperti Siri atau Alexa tidak lagi memerlukan klik; mereka merespon perintah suara, memperhitungkan lokasi, waktu, dan preferensi pengguna.

Evolusi selanjutnya melibatkan desain berbasis pengalaman (experience‑driven design), di mana fokus beralih ke emosi dan konteks sosial. Sistem tidak hanya harus “bekerja”, tetapi juga harus menyentuh pengguna secara emosional, misalnya melalui animasi halus, suara yang menenangkan, atau respons yang terasa “personal”.

Pada dekade terakhir, antarmuka berbasis bahasa besar (LLM‑based interfaces) muncul sebagai paradigma baru. Di sini, interaksi tidak lagi terbatas pada elemen grafis atau suara, melainkan pada dialog teks yang bersifat natural. Pengguna dapat menanyakan pertanyaan kompleks, dan sistem menghasilkan jawaban yang relevan, meniru percakapan manusia. Ini menandai integrasi yang lebih dalam antara AI dan desain interaksi, menuntut perancang memahami cara kerja model bahasa serta cara mengatur ekspektasi pengguna.

Secara garis besar, evolusi desain interaksi dapat diringkas dalam tiga fase:

1. Antarmuka Statis – Fokus pada tampilan visual dan kontrol fisik.
2. Antarmuka Dinamis – Penambahan responsifitas, animasi, dan konteks penggunaan.
3. Antarmuka Adaptif – Penggunaan AI, sensor, dan data kontekstual untuk menciptakan dialog yang bersifat personal dan prediktif.

Setiap fase menuntut pengetahuan lintas disiplin yang lebih luas, sehingga perancang harus terus memperbarui kompetensi mereka.

Design Philosophy

Filosofi desain menjawab pertanyaan “Mengapa kita mendesain?” dan “Bagaimana desain harus dilakukan?”. Dua kutipan klasik yang sering dijadikan landasan adalah:

1. Steve Jobs: “Design is how it works.” – Menekankan bahwa fungsi adalah inti dari desain; estetika hanyalah pelengkap yang harus melayani fungsi.
2. Charles Eames: “A plan for arranging elements in such a way as to best accomplish a particular purpose.” – Menegaskan bahwa rencana (plan) adalah dasar; setiap elemen dipilih karena kontribusinya terhadap tujuan akhir.

Dari perspektif ini, desain interaksi dipandang sebagai strategi pemecahan masalah. Perancang pertama‑tama mengidentifikasi purpose (tujuan) – misalnya mempermudah proses checkout di toko online. Selanjutnya, mereka menyusun rangka kerja yang mengatur elemen‑elemen (tombol, alur, pesan) sehingga tujuan tercapai dengan minimal friksi.

Buckminster Fuller menambahkan dimensi estetika dengan menekankan keindahan sebagai indikator keberhasilan solusi: “If the solution isn’t beautiful, I know it is wrong.” Dalam konteks interaksi, “keindahan” bukan sekadar tampilan visual, melainkan keselarasan antara fungsi, konteks, dan emosi. Sebuah antarmuka yang “indah” akan terasa alami, mudah dipahami, dan menyenangkan.

Filosofi ini memengaruhi keputusan desain pada level mikro (warna tombol, teks konfirmasi) dan makro (arsitektur informasi, alur pengguna). Misalnya, ketika merancang proses pendaftaran akun, perancang dapat memilih single‑step registration (satu langkah) alih‑alih multi‑step wizard jika tujuan utama adalah kecepatan dan mengurangi beban kognitif. Keputusan tersebut didasarkan pada filosofi bahwa desain harus melayani tujuan dan menyajikan keindahan fungsional.

Secara keseluruhan, filosofi desain interaksi menuntut keseimbangan antara tiga pilar: fungsi, kegunaan, dan keindahan. Ketiganya saling melengkapi; mengabaikan satu aspek akan menghasilkan produk yang kurang optimal.

Summary

Desain interaksi adalah disiplin yang menggabungkan teknik, psikologi, dan desain visual untuk menciptakan produk yang memungkinkan dialog efektif antara manusia dan sistem. Evolusinya bergerak dari antarmuka statis ke adaptif, dipengaruhi oleh komputasi pervasive dan AI berbasis bahasa besar. Filosofi desain menekankan bahwa fungsi mendahului estetika, namun keindahan muncul ketika solusi fungsional selaras dengan konteks dan emosi pengguna. Memahami definisi, sejarah, dan filosofi ini memberikan landasan kuat bagi perancang untuk menghasilkan interaksi yang intuitif, efisien, dan memuaskan.

Additional Information

Interdisciplinary Foundations

Desain interaksi tidak dapat dipisahkan dari ilmu kognitif, sosiologi, dan rekayasa perangkat lunak. Dari perspektif kognitif, perancang harus memahami model mental pengguna – cara otak memproses urutan tindakan dan memprediksi konsekuensi. Sosiologi memberikan wawasan tentang norma budaya yang memengaruhi harapan pengguna, misalnya perbedaan cara orang berinteraksi dengan teknologi di negara dengan budaya kolektivistik versus individualistik. Rekayasa perangkat lunak menyediakan kerangka kerja teknis (API, arsitektur micro‑services) yang memungkinkan prototipe cepat dan iterasi berkelanjutan. Integrasi ketiga bidang ini menghasilkan solusi yang tidak hanya berfungsi secara teknis, tetapi juga resonan secara sosial dan psikologis.

Design Thinking in Interaction Design

Design Thinking menjadi metodologi utama dalam desain interaksi modern. Prosesnya meliputi lima fase: Empathize, Define, Ideate, Prototype, dan Test. Pada fase Empathize, perancang melakukan observasi lapangan untuk mengidentifikasi kebutuhan tersembunyi pengguna. Define menyusun pernyataan masalah yang terfokus, misalnya “Pengguna kesulitan menemukan opsi pembayaran karena terlalu banyak pilihan”. Ideate menghasilkan banyak solusi kreatif, yang kemudian dipilih dan dibangun menjadi prototype (bisa berupa wireframe, mockup, atau prototype interaktif). Akhirnya, Test melibatkan pengguna nyata untuk mengumpulkan umpan balik yang mengarahkan iterasi selanjutnya. Metode ini menekankan iterasi cepat dan validasi berbasis pengguna, sehingga mengurangi risiko kegagalan produk di pasar.

Emerging Paradigms: LLM‑Based Interfaces

Antarmuka berbasis Large Language Models (LLM) seperti GPT‑4 memperkenalkan cara baru dalam berinteraksi: percakapan teks yang bersifat natural dan context‑aware. Tantangan utama meliputi:

1. Prompt Engineering – merancang pertanyaan atau perintah yang menghasilkan respons yang tepat.
2. Hallucination Mitigation – mengurangi kemungkinan model menghasilkan informasi yang tidak akurat.
3. User Trust Management – membangun kepercayaan pengguna melalui transparansi (misalnya menampilkan sumber data).

Implementasi praktis dapat ditemukan pada chatbot layanan pelanggan, asisten penulisan kode, atau sistem rekomendasi berbasis dialog. Perancang harus mempertimbangkan kejelasan konteks, batasan model, dan strategi fallback (misalnya mengalihkan ke agen manusia bila model gagal).

Ethical Considerations in Interaction Design

Seiring desain interaksi semakin terintegrasi dengan AI, etika menjadi aspek tak terpisahkan. Beberapa pertimbangan penting:

• Privasi Data: Antarmuka yang mengumpulkan data perilaku harus menjelaskan tujuan pengumpulan dan memberikan kontrol kepada pengguna.
• Bias Algoritma: Model bahasa dapat mereproduksi bias sosial; perancang harus melakukan audit dan menyediakan mekanisme koreksi.
• Keterjangkauan (Accessibility): Desain harus mematuhi standar WCAG, memastikan bahwa pengguna dengan disabilitas visual, auditif, atau motorik dapat berinteraksi secara setara.
• Transparansi: Pengguna berhak mengetahui kapan mereka berinteraksi dengan mesin versus manusia, terutama dalam konteks layanan otomatis.

Memasukkan prinsip etika sejak tahap konseptual membantu mencegah masalah reputasi dan hukum di kemudian hari.

Self-Exploration Projects

1. Prototype LLM‑Driven FAQ Bot: Buat chatbot yang menjawab pertanyaan tentang layanan kampus menggunakan API OpenAI. Fokus pada desain percakapan, penanganan fallback, dan evaluasi kepuasan pengguna.
2. Context‑Aware Mobile Interaction: Rancang aplikasi mobile yang menyesuaikan antarmuka berdasarkan lokasi GPS dan waktu (misalnya, mode “night” otomatis, atau rekomendasi konten berdasarkan kebiasaan pengguna). Dokumentasikan proses design thinking, prototyping, dan pengujian pengguna.

Tools and Resources

• Figma (untuk prototyping interaktif)
• Axure RP (untuk wireframing tingkat tinggi)
• OpenAI API (untuk eksperimen LLM)
• UserTesting.com (platform untuk mengumpulkan umpan balik pengguna secara remote)
• WCAG 2.2 Guidelines (standar aksesibilitas)

Further Reading

• Preece, J., Rogers, Y., & Sharp, H. Interaction Design: Beyond Human‑Computer Interaction, 5th ed., Wiley, 2022.
• Norman, D. The Design of Everyday Things, Revised and Expanded Edition, Basic Books, 2013.
• Krug, S. Don’t Make Me Think, Revisited, New Riders, 2014.
• B. Shneiderman & C. Plaisant, Designing the User Interface: Strategies for Effective Human‑Computer Interaction, 6th ed., Pearson, 2023.
• OpenAI, Best Practices for Prompt Engineering, 2024 (online guide).