Assalamualaikum warahmatullahi wabarakatuh…

Selamat siang teman – teman ku semua, bagiamana kabar nya ? semoga selalu dalam lindungan – Nya yaa J.

Hari ini aku bakal ngajak kalian untuk ngebahas mengenai Evaluasi User Experience (UX) pada Aplikasi Mobile dan Web buatan sendiri. Sebelumnya yuk kita bahas dulu megenai Defenisi dari UX.

Defenisi User Experience (UX)

User experience (UX) sesuai artinya dalam bahasa indonesia “pengalaman pengguna” adalah pengalaman yang diberikan website atau aplikasi kepada penggunanya agar interaksi yang dilakukan menarik dan menyenangkan. Kalau dulu aplikasi mempunyai usability yang bagus saja cukup. Sekarang sebuah aplikasi juga harus memiliki UX yang bagus.

Fungsi User Experience (UX)

-Memudahkan pengguna

Fungsi User Experience yang pertama yaitu memudahkan para pengguna saat memakai aplikasi sebab di dalamnya sdah tersedia penilaian dari aspek usability. Saat ini setiap aplikasi atau software pasti sudah dibuat supaya para pengguna mudah untuk memakainya.

-Menarik Minat Pengguna

Fungsi User Experience berikutnya yaitu untuk menarik minat para penggunanya agar menggunakan aplikasi secara terus menerus. Sebuah aplikasi yang tidak memiliki daya tarik bagi pengguna, pasti akan cepat ditinggalkan atau tidak dilirik sama sekali.

-Menghasilkan UI Yang Bagus

Perlu Anda ketahui bahwa User Interface (UI) adalah keluaran dari penerapan User Experience. Apabila penerapan UX di sebuah aplikasi sangat diperhatikan, maka dapat menghasilkan desain UI yang sangat bagus sehingga terkesan lebih menarik dan elegan.

-Berdampak Pada Faktor Kesuksesan

Seperti yang sudah dijelaskan sebelumnya, bahwa para pengguna akan lebih cepat meninggalkan aplikasi-aplikasi yang menurut mereka tidak memberikan pengalaman yang menarik. Misalnya, aplikasi WhatsApp dari waktu ke waktu semakin banyak digunakan oleh para pengguna smartphone karena aplikasi ini mampu memberikan pengalaman pengguna yang sangat menarik. Anda dapat membandingkan aplikasi WhatsApp dengan aplikasi kompetitornya yang justru semakin menurun dari waktu ke waktu. Hal inilah yang menjadikan User Experience sangat penting diterapkan untuk sebuah aplikasi agar meningkatkan atau mempertahankan kesuksesan.

-Untuk Memenangkan Persaingan

Penerapan User Experience pada produk-produk digital bertujuan untuk memenangkan persaingan. Terlebih dari tahun ke tahun produk digital yang hadir di dunia juga semakin bervariasi. Untuk memenangkan persaingan produk-produk digital itulah, maka sebuah produk harus memberikan pengalaman yang menarik bagi setiap pengguna.

Evaluasi UX pada Aplikasi ini menggunakan UEQ atau User Experience Questionnaire.

UEQ merupakan alat atau kuesioner yang mudah dan efisien untuk mengukur UX. UEQ sendiri memiliki 26 komponen pertanyaan dan tujuh pilihan jawaban. Versi Asli UEQ menggunakan Bahasa Inggris, namun UEQ ada juga yang versi Bahasa Indonesia, yaitu : H. B. Santoso, M. Schrepp, R. Yugo Kartono Isal, Y. Utomo, dan B.Priyogi, “Measuring User Experience of the Student-Centered e-Learning Environment,” J. Educ. Online-JEO, Vol. 13, No. 1, hal. 142 – 166, 2016.

Assalamualaikum warahmatullahi wabarakatuh.

Selamat sore teman – teman ku semua, di kesempatan kali ini kita bakal ngebahas mengenai “Usability ”. Dulu sebenernya juga udah dibahas sih, cuman gapapa, biar lebih paham yukk kita bahas lagi. Sekarang kita bakal ngebahas mengenai “Evaluasi Usability” nya nihh, ayok langsung aja…

Pengertian Usability

Berikut pengertian usability menurut beberapa ahli :

Santoso, usability merupakan derajat kemampuan sebuah aplikasi untuk membantu pengguna menyelesaikan sebuah tugas.

ISO 9241-11 (Bevan, 1995), mendefinisikan usability merupakan sejauh mana suatu produk dapat digunakan oleh pengguna tertentu untuk mencapai target yang ditetapkan dengan effectiveness, efficiency dan satisfaction.

Jacob Nielson, usability didefinisikan sebagai kemampuan sistem untuk memenuhi kebutuhan pengguna dengan 5 atribut penilaian, yaitu learnability, efficiency, memorability, errors, dan satisfaction.

Pressman, usability merupakan tingkatan kemampuan antarmuka aplikasi dapat digunakan untuk mempermudah hidup pengguna.

ALAT UJI USABILITY

·      SUS (System Usability Scale) : Merupakan kuisioner yang sederhana dan dapat diandalkan

·      QUIS (Questionnaire for User Interface Satisfaction)

·      CSUQ (Computer System Usability Questionnaire)

·      Words (adapted from Microsoft’s Product Reaction

·      Cards)

·      DLL

Nah, disini kita bakal bahas alat uji Usability yang no.1 yaitu SUS (System Usability Scale).

SUS (System Usability Scale)

SUS dikembangkan oleh John Brooke, merupakan skala kegunaan yang handal, populer, efektif dan murah yang dapat digunakan untuk penilaian global terhadap kegunaan system. SUS sendiri memiliki 10 komponen pertanyaan dan 5 pilihan jawaban mulai dari sangat tidak setuju sampai sangat setuju serta memiliki skor minimal 0 dan maksimal 100. Versi Asli SUS menggunakan Bahasa Inggris. SUS ada versi Bahasa Indonesia.

ATURAN PERHITUNGAN SKOR SUS

·           Setiap pertanyaan bernomor ganjil, skor setiap pertanyaan yang didapat dari skor    pengguna akan dikurangi 1.

·           Setiap pertanyaan bernomor genap, skor akhir didapat dari nilai 5 dikurangi skor  pertanyaan yang didapat dari pengguna.

·           Skor SUS didapat dari hasil penjumlahan skor setiap pertanyaan yang kemudian dikali 2,5.

TAHAPAN PENGAMBILAN DATA SUS

·                Prototype aplikasi harus selesai

•               Cari pengguna (responden)

•               Diberikan kuesioner (angket)

•               Responden mengisi form data diri

•               Responden mengerjakan tugas (task)

•               Responden mengisi kuesioner SUS

•               Wawancara (Opsi)

CONTOH ITEM SUS

·                Saya berpikir akan menggunakan sistem ini lagi.

·                Saya merasa sistem ini rumit untuk digunakan.

·                Saya merasa sistem ini mudah digunakan.

·                Saya membutuhkan bantuan dari orang lain atau teknisi dalam menggunakan sistem ini.

·                Saya merasa fitur-fitur sistem ini berjalan dengan semestinya.

·                DLL

Perlu diketahui bahwa Evaluasi usability merupakan suatu cara untuk meningkatkan atau mengembangkan sistem sebelum sistem tersebut diterapkan, untuk meningkatkan sistem yang sudah ada, dan untuk memilih sistem yang usable atau bermanfaat.

Sekian dulu pembahasan mengenai evaluasi usability nya, terimakasih…

Assalamualaikum warahmatullahi wabarakatuh …

Hallo teman – teman semua, selamat siang semunya. Gimana puasanya ? masih lancar kan ? Gak terasa loh bentar lagi ramadhan akan berakhir, huhu sedihnya.

Okee teman - teman, kali ini aku bakal ngajak kalian untuk ngebahas materi mengenai “Prototype”. Ya masih sama kayak yang minggu lalu, tapi kali ini prototype nya untuk aplikasi versi mobile ya, sedangkan yang minggu kemaren untuk aplikasi versi web atau desktop. Yukk langsung aja ke pembahasannya

 

DEFENISI PROTOTYPE

Menurut Kamus Besar Bahasa Indonesia (KBBI), prototype adalah model asli dari sebuah produk atau aplikasi yang menjadi contoh. Bisa juga disebut sebagai contoh baku yang memiliki ciri khas. 

Prototype merupakan model awal atau contoh yang dibuat untuk digunakan sebagai alat uji coba terhadap konsep yang sudah diperkenalkan. Prototipe biasanya dibuat untuk melakukan beberapa uji coba, seperti untuk mengetahui apakah konsep yang sudah dipaparkan bisa diimplementasikan ataupun untuk menguji selera pasar.

 

TUJUAN PROTOTYPE

Prototype bertujuan agar sebuah produk yang diluncurkan sesuai dengan permintaan pasar. Prototype bisa menjadi jembatan penghubung antara si produsen dan si konsumen untuk mewujudkan produk yang sesuai. Dengan begitu, produk yang diluncurkan akan diminati oleh konsumen.  Adanya prototype ini juga bisa menghemat biaya produksi karena produsen tidak perlu melakukan ‘trial and error’ atau ‘coba - coba’. Bisa dibayangkan, berapa besar biaya produksi yang harus dikeluarkan jika produsen tidak memiliki prototype dan hanya asal saja dalam mengeluarkan produk.

Berikut tujuan lain dari prototype, yaitu :

1.               Memunculkan ide-ide baru secara visual dan bisa mengembangkannya

2.               Mengevaluasi dan feedback pada rancangan interaktif

3.               Anggota tim developer dapat berinteraksi satu sama lain dengan baik

4.               Stakeholder ataupun user dapat berinteraksi langsung dengan prototype

 

MANFAAT PROTOTYPE

1.                  Dapat menghemat biaya

2.                  Dapat menjadi acuan untuk mengembangkan ide atau produk baru

3.                  Mendapatkan gambaran yang konkret tentang suatu konsep

4.                  Menjadi tahu apa keinginan konsumen

5.                  Memudahkan produsen untuk mempresentasikan produk yang akan diluncurkan di hadapan investor

KEUNGGULAN PROTOTYPE

Terjadi komunikasi yang baik antara developer dan co

 

Assalamualaikum warahmatullahi wabarakatuh

  Selamat pagi everyone, di kesempatan kali ini aku mau ngebahas topik mengenai “Mockup”. Apa sih Mockup itu ??? Okee disini bakal kita kupas tuntas ya mengenai topik ini, lets check it out !!

DEFENISI MOCKUP

    Mockup adalah sebuah media visual yang digunakan untuk melihat preview sebuah konsep desain. Yang selanjutnya diberikan efek visual sehingga hasil gambar terlihat menyerupai wujud yang sebenarnya. Mockup akan memberikan gambaran desain sebelum diaplikasikan menjadi benda nyata sehingga memudahkan pekerjaan seorang desainer.

MOCKUP DESAIN WEB

  Mockup desain website diperlukan guna meyakinkan seseorang ketika akan membuat website dengan desain custom. Melalui mock up, seseorang dapat melihat visualisasi calon website secara nyata sehingga kita dapat memberikan masukan kepada desainer jika tampilan mock up dirasa belum sesuai dengan permintaan sebelumnya. Oleh karena itu, tak heran jika mock up merupakan bagian penting dari pembuatan website dengan desain custom.

FUNGSI MOCKUP DESAIN WEB

Berikut beberapa fungsi yang dimiliki mockup desain web, diantaranya :

1.       Media presentasi proyek desain web.

2.       Menampilkan konsep desain yang akan ditawarkan, seakan-akan nyata.

3.       Pedoman teknis untuk merancang halaman web.

4.       Kontrol agar display desain yang dibuat tak melenceng dari rencana awal.

5.       Memudahkan Anda mendapat gambaran konsep web.

ALASAN MOCKUP PENTING UNTUK DESAIN SEBUAH PRODUK

1.         Perkiraan waktu pengembangan

Mockup adalah tahap penting agar front-end developer tidak kesulitan ketika akan memperkirakan berapa lama proses pengembangan produk akan berjalan. Meskipun berupa gambaran statis, tetapi mockup dapat menjelaskan bagian - bagian yang akan didesain bergerak atau menggunakan animasi. Dibanding langsung masuk ke proses coding, akan lebih cepat jika menggunakan mockup terlebih dahulu sehingga developer bisa tahu berapa waktu yang dibutuhkan untuk menerjemahkan desain mockup menjadi produk nyata.

2.         Coding HTML

Para front-end developer membutuhkan mockup untuk dapat mengetahui warna, bentuk, font, serta elemen lain dalam desain yang diinginkan dan menterjemahkannya ke dalam kode. Tanpa mockup, kita akan kesulitan untuk mengetahui itu semua dan proses perancangan akan menjadi lebih lama.

3.         Mendatangkan investor

Mockup adalah cara awal agar sebuah rancangan produk dilirik oleh para investor. Tanpa desain mockup yang bagus dan rinci, investor tidak akan tahu seberapa besar potensi situs atau aplikasi yang kamu rencanakan, dan tentu saja akan sulit untuk merealisasikan sebuah proyek tanpa investor dan dana yang cukup.

4.    Kenyamanan pengguna

Situs atau aplikasi buatan kita harus terlihat bagus. Selain itu, pengguna harus bisa menemukan apa yang mereka cari dengan mudah dan bernavigasi tanpa kesulitan. Tahap paling mudah untuk mengidentifikasi kebutuhan pengguna dan keselarasan fitur serta desain yang dirancang adalah mockup, oleh karena itu mockup sangatlah penting.

Itulah pembahasan mengenai topik MOCKUP, semoga dengan membaca tulisan ini, kawan – kawan semua menjadi tahu dan paham tentang pengertian Mockup, dll.

Assalamualaikum warahmatullahi wabarakatuh

Hai teman, jumpa lagi nih di blog kesayangan kita semua...

Hari ini aku bakal ngebahas mengenai Wireframe, kemaren kan aku ngebahas materi mengenai desain font / typography tuu, kalo sekarang aku bakal ngebahas mengenai desain wireframe. Yukk langsung aja ke pembahasannya.

DEFENISI WIREFRAME

Wireframe adalah sebuah kerangka yang berfungsi untuk membuat tata letak pada suatu website agar sesuai dengan bagaimana keinginan klien atau pelanggan sebelum masuk ke proses desain atau coding. 

Dimana komponen yang menjadi bahan untuk proses wireframe diantaranya meliputi bagian header, body/content, footer, sidebar, dan beberapa komponen tambahan lainnya.

TUJUAN WIREFRAME

Wireframe memiliki tujuan untuk memberikan pemahaman visual tentang sebuah halaman di tahap awal proyek sebelum memulai  proses desainnya. Wireframe juga dapat digunakan untuk membuat navigasi global dan sekunder untuk memastikan terminologi dan struktur yang digunakan untuk website dapat memenuhi harapan pengguna.

     Berikut adalah komponen dalam proses pembuatan wireframe website, diantaranya :

1.                                    Layout Utama

Hal pertama kali yang perlu dipersiapkan dalam pembuatan sebuah wireframe website adalah antarmuka (interface) atau layout utama. Elemen yang termasuk dalam layout sendiri meliputi bagian kepala (header), menu navigasi, body, pemilihan jenis dan ukuran font, hingga pemilihan letak sidebar apakah ada di sebelah kiri atau sebelah kanan.

2.                                    Komponen Navigasi

Navigasi adalah suatu bagian dari peta dan juga petunjuk arah yang biasa digunakan para pengguna untuk membantu menjelajahi isi konten yang ada. Bagian ini harus benar-benar dikonsep secara matang mulai dari proses wireframingnya agar kedepannya menjadi semakin nyaman untuk digunakan oleh pengunjung.

3.                                    Elemen Tambahan

Komponen selanjutnya yang perlu dipersiapkan pada saat membuat wireframe website adalah elemen pendukung. Bagian ini biasanya memiliki jumlah berbeda-beda tiap website. Misalnya, untuk website toko online setidaknya memerlukan fitur form konfirmasi pemesanan, fitur cek resi, serta layanan chat untuk diskusi antara penjual dan pembeli. Sementara untuk website berbasis artikel seperti detik atau tribun, Anda harus memperhatikan fitur subscribe newsletter, kolom komentar, atau tombol bagikan.

PROSES PEMBUATAN WIREFRAME

1.      Lakukan Riset

Sebelum kamu membuat wireframe, Kamu harus terlebih dahulu memahami siapa audiens kamu melalui riset pengguna, melihat hal-hal apa yang dibutuhkan, membuat persona pengguna dan mendefinisikan kasus penggunaan, serta melengkapi ini semua dengan riset industri dan pesaing kamu.

2.      Desain Proses Wireframe

Desain adalah proses organik dan oleh karena itu setiap desainer memiliki cara menggunakan visual dan code yang berbeda-beda . Kamu harus bisa menentukan proses kamu sendiri dengan berbagai cara. 

3.      Tentukan Tools / Software Yang digunakan

4.      Setting Grid

5.      Menentukan Tata Letak dengan Kotak

Langkah selanjutnya, ialah mulai dengan menggambar kotak pada grid yang tadi kita input. Pikirkan tentang urutan informasi yang ingin kamu sampaikan kepada pengunjung website kamu.

6.      Mendefinisikan Hirarki Informasi dengan Typography

      Selanjutnya mulai isi desain tata letak kamu dengan konten sedikit demi sedikit untuk mengetahui apakah informasi tersebut terstruktur dengan baik. Informasi yang akan kamu sampikan haruslah jelas dan mudah dibaca. Menggunakan ukuran font yang berbeda sebagai permulaan adalah cara yang bagus untuk membedakan antara berbagai tingkat informasi desain kamu.

7.      Poles wireframe dengan Grayscale

Menggunakan Grayscale dapat membantu kamu menentukan kekuatan visual pada wireframe yang kamu buat sebelum nantinya diterapkan pada website. Disini kamu dapat melihat gambaran tampilan desain kamu tanpa harus memberikan warna.

8.      Mengubah format Wireframe Menjadi  Bentuk Visual

            Assalamualaikum warahmatullahi wabarakatuh teman – teman tercinta. Kali ini aku bakal ngajak kalian buat ngebahas sebuah materi tentang “User Experience” / UX. Mungkin belum banyak yang tahu atau bahkan belum banyak yang ppernah mendengar kata – kata ini. Oke yok kita bahas sama – sama.

DEFINISI USER EXPERIENCE

User experience (UX) sesuai artinya dalam bahasa indonesia “pengalaman pengguna” adalah pengalaman yang diberikan website atau aplikasi kepada penggunanya agar interaksi yang dilakukan menarik dan menyenangkan. Kalau dulu aplikasi mempunyai usability yang bagus saja cukup. Sekarang sebuah aplikasi juga harus memiliki UX yang bagus.

KEGUNAAN USER EXPERIENCE

-Memudahkan pengguna

Fungsi User Experience yang pertama yaitu memudahkan para pengguna saat memakai aplikasi sebab di dalamnya sdah tersedia penilaian dari aspek usability. Saat ini setiap aplikasi atau software pasti sudah dibuat supaya para pengguna mudah untuk memakainya.

-Menarik Minat Pengguna

Fungsi User Experience berikutnya yaitu untuk menarik minat para penggunanya agar menggunakan aplikasi secara terus menerus. Sebuah aplikasi yang tidak memiliki daya tarik bagi pengguna, pasti akan cepat ditinggalkan atau tidak dilirik sama sekali.

-Menghasilkan UI Yang Bagus

Perlu Anda ketahui bahwa User Interface (UI) adalah keluaran dari penerapan User Experience. Apabila penerapan UX di sebuah aplikasi sangat diperhatikan, maka dapat menghasilkan desain UI yang sangat bagus sehingga terkesan lebih menarik dan elegan.

-Berdampak Pada Faktor Kesuksesan

Seperti yang sudah dijelaskan sebelumnya, bahwa para pengguna akan lebih cepat meninggalkan aplikasi-aplikasi yang menurut mereka tidak memberikan pengalaman yang menarik. Misalnya, aplikasi WhatsApp dari waktu ke waktu semakin banyak digunakan oleh para pengguna smartphone karena aplikasi ini mampu memberikan pengalaman pengguna yang sangat menarik. Anda dapat membandingkan aplikasi WhatsApp dengan aplikasi kompetitornya yang justru semakin menurun dari waktu ke waktu. Hal inilah yang menjadikan User Experience sangat penting diterapkan untuk sebuah aplikasi agar meningkatkan atau mempertahankan kesuksesan.

-Untuk Memenangkan Persaingan

Penerapan User Experience pada produk-produk digital bertujuan untuk memenangkan persaingan. Terlebih dari tahun ke tahun produk digital yang hadir di dunia juga semakin bervariasi. Untuk memenangkan persaingan produk-produk digital itulah, maka sebuah produk harus memberikan pengalaman yang menarik bagi setiap pengguna.

CARA KERJA USER EXPERIENCE

-Research

Research atau riset merupakan hal yang penting dalam industri e-commerce dimana research adalah tahap yang wajib dilalui dalam UX termasuk juga riset pasar. Saat membangun UX, dibutuhkan informasi mengenai hal-hal yang akan dikembangnya, seperti kebutuhan user dan produk yang bisa membuat user merasa puas dan bahagia. Research juga perlu dilakukan pada kompetitor tetapi Anda harus fokus pada pain point kompetitor, kemudian pakailah studi kasus supaya bisa membangun solusi yang efektif pada produk Anda.

-Analisa

Apabila data hasil riset sudah terkumpul, berikutnya silahkan rangkum data-data tersebut dan lakukan analisa. Anda dapat mengeksplorasi perilaku user melalui user persona yang mana user persona tersebut dapat dibentuk melalui wawancara dengan user supaya bisa memahami apa saja kebutuhan serta masalah user.

-Mulai Membangun UX Design

Pada tahap ini, Anda bisa membuat prototipe serta wireframe. Prototipe merupakan model sederhana sebuah produk sebelum dilanjutkan lebih detail, sedangkan wirefram adalah kerangka untuk menata beragam elemen di halaman website atau aplikasi.

-UI Design

User Experience dan User Interface (UI) keduanya bagaikan mata uang yang tak dapat dipisahkan. UI bertanggung jawab pada pengelolaan website dari bagian visualisasi sehingga sebaiknya Anda membuat desain aplikasi yang menarik sekaligus mudah dipakai oleh pengguna.

-Tahap Pengembangan

Pada tahap ini, pengembang bisa mulai produktif bekerja dan mengembang aplikasi mereka. Sesudah desain UX maupun UI selesai dibuat, kemudian serahkan semua informasi yang sudah dikerjakan pada tim developer.

-Evaluasi

Pada tahap terakhir ini, Anda bisa melakukan usability testing sehingga dapat diketahui produk tersebut bisa memberikan solusi atau tidak. Selain itu, terus tingkatkan kualitas berdasarkan feedback yang diberikan oleh para pengguna agar produk aplikasi tersebut selalu dicintai oleh para pengguna.