Dapatkan penawaran menarik sekarang
Sitespirit
Sitespirit

Mengenal User Experience, Langkah Penting Desain Web untuk Bisnis Anda

Laila Fitria Andriani Ditinjau oleh Muhammad Robith Adani Diperbarui: 9 menit baca

Jawaban Singkat

User experience (UX) adalah seluruh interaksi dan pengalaman yang dialami pengguna saat memakai sebuah produk atau layanan, termasuk situs web dan aplikasi.

  • UX yang baik membuat produk mudah dipakai dan meningkatkan minat pengguna, sehingga dapat menjadi pembeda di pasar yang ramai.
  • Proses UX meliputi riset, analisis, prototype atau wireframe, desain UI, pengembangan, dan usability testing. UX tidak hanya soal tampilan visual, tetapi juga kegunaan produk.

Ditinjau oleh Muhammad Robith Adani Didukung 3 sumber

Daftar Isi
  1. Apa itu User Experience?
  2. Sejarah User Experience
  3. Elemen User Experience Design
    1. 1. Strategy
    2. 2. Scope
    3. 3. Structure
    4. 4. Skeleton
    5. 5. Surface
  4. Fungsi User Experience
  5. Cara Kerja User Experience
    1. 1. Riset (UX Research)
    2. 2. Analisa
    3. 3. Prototype/Wireframe
    4. 4. Desain UI
    5. 5. Pengembangan Aplikasi
    6. 6. Usability Testing
  6. Aspek Penting User Experience
    1. 1. Navigasi melalui situs harus cepat dan logis
    2. 2. Perbarui konten secara berkala
    3. 3. Pengoptimalan tampilan mobile phone
    4. 4. Gunakan Gambar
    5. 5. Lakukan Tes Secara Berkala
  7. Tips Menghasilkan User Experience yang Baik
    1. 1. Menggabungkan Branding yang Konsisten
    2. 2. Manfaatkan Call-To-Action yang Jelas
    3. 3. Buat Konten untuk Konsumen
    4. 4. Pahami Perilaku Pengguna Anda dengan Alat Heatmap.
  8. Contoh Web dengan Desain User Experience yang Baik
    1. Skyscanner
    2. Zalando
    3. Just Eat
  9. Bidang Pekerjaan untuk Pengembangan UX
  10. Kesimpulan

Jika ada pertanyaan mengenai digital marketing, mungkin satu konsep yang terlintas di kepala adalah “User Experience” atau UX. Selain pada industri digital marketing, konsep User Experience juga digunakan di industri lainnya, termasuk desain software, situs web, aplikasi, dan banyak lagi.

Ketika Anda menggabungkan semua studi UX yang telah dilakukan pada subjek dan teori yang diajukan, Anda dapat melihat bagaimana mendefinisikan istilah yang kompleks seperti User Experience bisa sangat sulit.

Apa itu User Experience?

User Experience (UX) terbuat dari semua interaksi yang dimiliki pengguna dengan produk atau layanan. Ini adalah pengalaman internal pribadi yang dialami pelanggan saat menggunakan antarmuka produk.

Mari kita ambil contoh sebuah situs web e-commerce. Jika pelanggan menemukan pengalaman membeli yang lama, kompleks dan rumit, maka UX-nya akan menjadi buruk. Sebaliknya, jika proses pembeliannya mudah dan tanpa hambatan, UX-nya akan dianggap bagus. Ini mungkin akan mendorong pelanggan untuk memilih dan membeli produk di situs web tempat dia mengalami User Experience yang baik.

Meskipun masih penting bagi suatu produk untuk berfungsi, pengalaman juga menjadi sangat relevan: semakin baik pengalaman yang Anda tawarkan, semakin besar kemungkinan pelanggan akan memilih Anda daripada pesaing Anda: UX dapat menjadi pembeda di pasar yang ramai.

Sejarah User Experience

User Experience Design berasal dari ilmu ergonomi kuno (ἔργον, yang berarti “kerja”, dan νόμος, yang berarti “hukum alam”) – yang mencoba untuk menciptakan seperangkat prinsip yang membuat pekerjaan menjadi lebih nyaman dan efisien.

Hubungan antara ergonomi dan tenaga kerja bertahan hingga saat ini. Pada tahun 1900, Winslow Taylor memelopori optimalisasi kerja modern, dengan berpedoman pada penelitiannya mengenai interaksi antara pekerja dan alat kerja mereka (kemungkinan merupakan contoh pertama penelitian UX yang sistematis dalam sejarah).

Kemudian, sejak akhir 1940-an Toyota mengembangkan Toyota Production System (TPS) yang bertujuan meningkatkan efisiensi, salah satunya dengan prinsip respect for people atau menghormati para pekerja. Pendekatan yang berpusat pada manusia ini sejalan dengan gagasan desain pengalaman pengguna.

Kemajuan besar yang kelak memengaruhi desain UX terjadi pada tahun 1936, ketika Alan Turing memperkenalkan konsep komputer teoretis yang dikenal sebagai Mesin Turing. Teori Komputasi membuka pintu gerbang bidang ilmu komputer yang terus berkembang. Pada tahun 1955, industrial designer, Henry Dreyfuss, menulis “Designing for People” yang terkenal, di mana ia menekankan hubungan antara manusia, pengalaman mereka, dan desain produk yang sukses. Karya ini tentu saja menjadi salah satu tonggak lahirnya User Experience Design.

Pada tahun 70-an, era personal computer mulai muncul. Xerox PARC, laboratorium R&D terkenal di Silicon Valley, mengembangkan antarmuka grafis (GUI) dan memopulerkan penggunaan mouse komputer yang sebelumnya dirintis oleh Douglas Engelbart. Psikolog dan insinyur bekerja sama untuk memberikan pengalaman yang menakjubkan. Apple dan Microsoft, menggunakan hasil kerja Xerox Parc untuk membangun sistem komputasi mereka yang lebih baik.

Akhirnya pada tahun 1993, psikolog dan ilmuwan kognitif terkenal, Don Norman, menciptakan istilah User Experience saat bergabung dengan Apple Computer. Ia memakai istilah ini karena menganggap istilah human interface dan usability terlalu sempit untuk menggambarkan seluruh pengalaman seseorang terhadap suatu produk. Sejak itu, istilah User Experience semakin populer dan berkembang menjadi bidang tersendiri.

Elemen User Experience Design

User Experience adalah bidang yang sangat kompleks. Terdapat beberapa elemen dalam UX Design yang wajib untuk diketahui:

1. Strategy

Dalam aspek ini, kebutuhan pengguna serta niche suatu bisnis sangat dipertimbangkan. Aspek strategi menekankan kepada masalah yang ingin dipecahkan oleh suatu produk.

2. Scope

Pada aspek ini menekankan tentang produk yang akan dibuat. Tim UX mendefinisikan tentang kebutuhan fungsional meliputi fitur yang akan dibuat serta ketentuan konten yang meliputi informasi tertulis dan visual.

3. Structure

Aspek ini berfokus pada cara konten diatur (arsitektur informasi) dan desain interaksi.

4. Skeleton

Aspek ini menekankan tentang bagaimana informasi disajikan dan disusun. Desain UI, desain navigasi, dan desain informasi mulai dipertimbangkan.

5. Surface

Aspek surface berfokus pada tampilan dan user’s feel. Pada tahap ini, desain visual, misalnya, warna dan jenis huruf apa yang digunakan yang merupakan cakupan User Interface mulai disusun.

Fungsi User Experience

User Experience (UX) berfokus pada pemahaman yang mendalam tentang pengguna, apa yang mereka butuhkan, apa yang pengguna sukai, kekuatan pengguna, dan juga kelemahan pengguna dengan mempertimbangkan tujuan bisnis dan objektif divisi yang mengelola proyek.

UX yang bagus dapat meningkatkan minat pengguna untuk menggunakan aplikasi/website. UX juga hadir untuk memudahkan pengguna saat memakai aplikasi/website. Penerapan UX yang baik juga membantu menghasilkan desain UI yang bagus, karena UI dirancang berdasarkan temuan dan keputusan dalam proses UX.

Cara Kerja User Experience

Jika Anda berminat untuk mempelajari bidang ini, simak cara kerja UX berikut ini!

1. Riset (UX Research)

Tahapan yang paling mendasar adalah riset. Riset diperlukan untuk mengetahui kebutuhan produk serta pengguna guna meningkatkan tingkat kepuasan terhadap produk beserta aplikasi ataupun website produk tersebut. Selain riset tentang pengguna, riset terhadap kompetitor juga perlu dilakukan.

2. Analisa

Setelah data hasil riset diperoleh, langkah selanjutnya adalah menganalisa hasil-hasil tersebut. Analisis ini juga meliputi proses olah data menggunakan berbagai Tools, misalnya Microsoft Excel.

3. Prototype/Wireframe

Kemudian, mulai bangun UX Design dengan membuat prototype juga wireframe.

4. Desain UI

Jangan lupa untuk membuat User Interface (UI) Design atau Desain Antarmuka Pengguna. Karena, UX serta UI merupakan satu kesatuan yang saling melengkapi.

5. Pengembangan Aplikasi

Setelah UI dan UX selesai dibuat kemudian masuk dalam tahap pengembangan aplikasi atau website.

6. Usability Testing

Tahap yang terakhir adalah evaluasi dengan melakukan usability testing, yaitu mengamati pengguna nyata saat menyelesaikan tugas tertentu untuk menguji seberapa mudah aplikasi/website tersebut digunakan. Pengujian fungsi teknis (apakah fitur berjalan tanpa error) sendiri merupakan bagian dari functional testing atau QA.

Aspek Penting User Experience

Ada banyak aspek penting dalam User Experience situs web. Berikut lima di antaranya:

1. Navigasi melalui situs harus cepat dan logis

Pengguna aplikasi ataupun web tidak memiliki banyak waktu untuk memahami suatu web/aplikasi terlalu lama, dengan sistem navigator yang rumit maka akan membuat pengguna beralih ke web/aplikasi yang lebih mudah untuk dipahami. Oleh karena itu, sistem navigasi aplikasi/web harus dibuat efektif dan efisien.

2. Perbarui konten secara berkala

Seiring dengan arus informasi yang selalu update, pembaharuan isi konten perlu dilakukan secara berkala karena konten juga sangat berperan penting dalam UX.

Pengguna tentu tidak ingin membaca konten yang sama dalam beberapa periode waktu, maka dari itu dibutuhkan isi konten yang kreatif dan selalu update untuk menambah experience user.

3. Pengoptimalan tampilan mobile phone

Dewasa ini banyak pengguna lebih memilih menggunakan mobile phone daripada menggunakan desktop untuk mencari informasi karena efisiensinya. Untuk itu tampilan suatu aplikasi pada mobile phone juga harus diatur dan disesuaikan sehingga pengguna mendapatkan experience yang baik.

4. Gunakan Gambar

Visualisasi juga aspek yang penting dalam UX. Penggunaan gambar dapat memberikan warna pada dalam aplikasi serta web. Penggunaan gambar yang sesuai dan kreatif juga dapat menambah pengalaman pengguna.

5. Lakukan Tes Secara Berkala

Pengujian secara berkala pada situs web ataupun aplikasi Anda wajib untuk dilakukan. Dengan melakukan pengujian, aspek-aspek yang kurang dapat diketahui yang selanjutnya bisa diperbaiki.

Tips Menghasilkan User Experience yang Baik

1. Menggabungkan Branding yang Konsisten

Prospek Anda tidak perlu bertanya-tanya apakah properti web tertentu milik Anda atau bukan. Dari situs web Anda ke email Anda, aplikasi Anda, dan bahkan materi offline Anda – semuanya harus menampilkan logo Anda dan menggunakan warna merek yang sama.

Dengan menciptakan citra merek yang konsisten, Anda akan menumbuhkan loyalitas pelanggan, yang pada gilirannya membantu kepuasan dan rujukan pengguna.

2. Manfaatkan Call-To-Action yang Jelas

UX Anda mungkin sempurna, tetapi tanpa Call to Action pengunjung situs Anda mungkin tidak tahu apa yang harus dilakukan. Setiap halaman sebaiknya memiliki CTA yang mudah diklik tanpa harus banyak menggulir. Artinya, tombol ajakan bertindak perlu memakai warna yang kontras dan ditempatkan di area yang langsung terlihat saat halaman dibuka (above the fold), sehingga mudah ditemukan dan diklik.

Jika Anda menginginkan lebih banyak konversi, berikan perhatian khusus pada ajakan bertindak Anda sebagai bagian dari peningkatan UX.

3. Buat Konten untuk Konsumen

Membuat situs web pemasaran digital yang efektif tidak bisa dilakukan asal-asalan. Setiap elemen harus dibuat dengan mempertimbangkan persona pembeli Anda.

Mulai dari kata kunci yang mencerminkan niat pembeli, warna yang dapat memengaruhi calon pelanggan secara psikologis, hingga seluruh konten dan desain interaktif Anda, semuanya harus didasarkan pada kebutuhan dan preferensi pelanggan.

Anda mungkin tidak memiliki semua jawaban dalam hal membuat konten khusus pengguna, tetapi di situlah pengujian yang tepat berperan.

4. Pahami Perilaku Pengguna Anda dengan Alat Heatmap.

Melihat Google Analytics dan Search Console terkadang tidak memberi Anda gambaran lengkap. Untuk itu, Anda memerlukan alat bantu lain, seperti Heatmap.

Heatmap adalah representasi visual tentang bagaimana pengunjung berinteraksi dengan konten situs web Anda. Data klik, gulir, dan gerakan kursor pengunjung divisualisasikan dengan gradasi warna, sehingga Anda dapat melihat di mana pengunjung mengarahkan kursor, mengklik gambar, berinteraksi dengan animasi, dan seberapa jauh halaman yang mereka gulir.

Informasi ini kemudian dapat digunakan untuk meningkatkan situs Anda dari waktu ke waktu.

Contoh Web dengan Desain User Experience yang Baik

Skyscanner

gambar situs web skyscanner

Gambar Situs Web Skyscanner (Screenshot/Skyscanner)

Skyscanner adalah situs web agregator tarif perjalanan. Design UX dalam situs ini sangat intuitif dan memiliki sistem navigasi yang baik, sehingga pengguna mudah untuk mencari penerbangan termurah.

Zalando

gambar bangunan zalando

Gambar Zalando building (from Unsplash)

Zalando adalah situs web e-commerce yang terkenal. Pengguna mendapatkan pengalaman yang baik karena situs dirancang dengan sangat baik. Setiap pengguna bisa mendapatkan info, gambar, dan video tentang pakaian sebanyak yang mereka butuhkan tanpa kesulitan.

Just Eat

gambar situs web just eat

Gambar situs web JustEat (Screenshot/JustEat)

Just Eat memiliki fungsi pencarian yang praktis. Hal ini memungkinkan pelanggan untuk menemukan restoran yang menawarkan layanan delivery dalam hitungan detik. Filter Just Eat juga sangat berguna untuk menemukan menu makan malam yang Anda inginkan dengan cepat.

Bidang Pekerjaan untuk Pengembangan UX

  1. Manajemen Proyek
    Project management berfokus pada perencanaan dan pengelolaan proyek dan sumber dayanya.
  2. User Research
    Bidang ini berfokus pada pemahaman perilaku, kebutuhan, dan motivasi pengguna melalui teknik observasi, analisis tugas, dan metodologi lainnya.
  3. Information Architecture (IA)
    Arsitektur Informasi dalam UX berfokus pada bagaimana informasi diatur, disusun, dan disajikan kepada pengguna.
  4. User Interface Design
    Desain UI berfokus pada antisipasi terhadap apa yang mungkin perlu dilakukan oleh pengguna dan memastikan bahwa elemen-elemen interface mudah diakses, dipahami, dan digunakan.
  5. Desain Visual
    Visual design berfokus untuk memastikan tampilan yang menarik secara estetika dan sesuai dengan tujuan merek.
  6. Content Strategy
    Sebagai content strategist, Anda akan berfokus pada penulisan dan kurasi konten yang bermanfaat dengan merencanakan pembuatan, pengiriman, dan tata kelola konten.

Kesimpulan

UX terutama mempelajari perilaku, perasaan, persepsi, reaksi, emosi, dan kendala psikologis lainnya yang mungkin terjadi dengan komputer atau perangkat atau aplikasi yang mendukung komputasi. UX adalah inti dari teknologi interaksi komputer manusia (HCI). Ini juga merupakan peran pekerjaan utama seorang desainer UX.

Meskipun merupakan konsep yang luas, UX tidak hanya berfokus pada tampilan visual (yang merupakan ranah UI dan desain visual). UX mencakup kegunaan (usability), kesesuaian dengan kebutuhan pengguna, serta seluruh pengalaman pengguna saat menyelesaikan tugas menggunakan suatu produk atau sistem.

Desain website yang tepat juga bisa mendukung strategi Search Engine Optimization (SEO) secara keseluruhan. Struktur HTML yang rapi dan navigasi internal yang jelas memudahkan mesin pencari merayapi dan memahami halaman, sementara halaman yang cepat dan stabil (tercermin dalam Core Web Vitals) memberikan pengalaman yang lebih baik bagi pengunjung.

Namun sebaliknya, website yang didesain secara asal-asalan akan memberikan dampak yang kurang baik bagi performanya di mesin pencari. Oleh karena itu, penting bagi Anda untuk menggunakan jasa web desain profesional dan berkualitas seperti layanan Sitespirit guna mewujudkan website yang SEO friendly. Konsultasikan kebutuhan Anda!

Pertanyaan yang Sering Diajukan

UX itu apa dan seperti apa contohnya di website?

UX adalah seluruh pengalaman pengguna saat berinteraksi dengan produk atau layanan. Di toko online, proses pembelian yang mudah dan tanpa hambatan berarti UX baik, sedangkan yang lama dan rumit berarti UX buruk.

Apa saja elemen dalam user experience design?

Ada lima elemen: strategy, scope, structure, skeleton, dan surface. Urutannya bergerak dari menentukan masalah dan kebutuhan pengguna hingga tampilan visual seperti warna dan jenis huruf.

Bagaimana tahapan kerja seorang UX designer?

Tahapannya riset pengguna, analisis data, pembuatan prototype atau wireframe, desain UI, pengembangan, lalu usability testing, yaitu mengamati pengguna nyata menyelesaikan tugas tertentu.

Apa perbedaan UX dan UI?

UX mencakup seluruh pengalaman dan kegunaan produk, sedangkan UI berfokus pada tampilan antarmuka seperti warna, huruf, dan elemen yang diklik. UI dirancang berdasarkan temuan dari proses UX.

Referensi

  1. Nielsen Norman Group (1998). The Definition of User Experience (UX)
  2. Nielsen Norman Group (2012). Usability 101: Introduction to Usability
  3. Nielsen Norman Group (2019). Usability (User) Testing 101

Layanan Sitespirit yang Berkaitan

Punya pertanyaan tentang topik ini? Chat WhatsApp atau isi formulir konsultasi.

Laila Fitria Andriani

Ditulis oleh

Laila Fitria Andriani

An English Language and Literature student who is enthusiastic, highly motivated, happy to learn new things and communicative. Skilled in English, both speaking and writing. Currently in process to develop my writing skill by working as Content Writer.

LinkedIn →

Ditinjau oleh Muhammad Robith Adani, SEO & Content Specialist pada . Kebijakan editorial

Informasi Terkait

ARTIKEL LAINNYA

Ikuti Update Informasi dari Sitespirit!

Cantumkan email Anda untuk mendapatkan informasi penawaran terbaik, update berita dan artikel, serta portofolio dari Sitespirit.