NieR

Apa itu 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.
  
Perbedaan UX dan UI

Banyak orang yang salah kaprah bahwa User Experince (UX) sama User Interface (UI) itu adalah suatu hal yang sama. Pada faktanya UX dan UI itu berbeda, namun satu sama lain saling berhubungan.

Pada dasarnya, User Experience adalah tentang “memahami penggunamu”. Tujuan UX adalah mencari tahu siapa mereka, apa yang mereka capai dan apa cara terbaik bagi mereka untuk melakukan “sesuatu”.

UX berkonsentrasi pada bagaimana sebuah produk terasa dan apakah itu memecahkan masalah bagi pengguna. Sedangkan User Interface adalah bagaimana suatu website atau aplikasi yang kamu buat terlihat dan berbentuk seperti apa. Hal tersebut mencakup Layout (tata letak), Visual Design (desain visual) dan Branding.

Kenapa UX itu penting

- Memudahkan pengguna 

Dengan UX yang baik, itu akan memudahkan pengguna dalam menggunakan produk.

- Membuat pengguna nyaman

Selain memudahkan pengguna, UX akan membuat pengguna merasa nyaman saat menggunakan produk. Kenyamanan itu akan membuat tujuan pembuatan produk itu tersampaikan kepada penggunanya.

Dengan begitu produk tersebut akan terus digunakan dan akan semakin dicari oleh penggunanya.

- Memudahkan pengembangan produk

UX akan menunjukkan bagian-bagian mana saja pada produk yang harus dikembangkan. Dengan begitu, akan mudah mengembangkannya agar semakin mudah digunakan oleh penggunannya.

- Meminimalisir Waktu Proses Pembuatan Produk

Ketika sudah mengetahui apa yang dibutuhkan pengguna dari produk, maka tidak akan membuang waktu percuma ketika proses pembuatannya. Developer akan lebih fokus menyempurnakan produk yang sudah diluncurkan.

- Berdampak Pada Faktor Kesuksesan

UX yang bagus akan lebih besar kemungkinannya akan sukses dibandingkan dengan sebuah produk yang UX nya kurang.

UEQ (User Experience Qusetionnaire)

UEQ adalah alat untuk menguji user experience dari sebuah apkikasi atau website.

• Pengujian UX dapat menggunakan UEQ (User Experience Questionnaire (UEQ)
• 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.
• UEQ ada versi Bahasa Indonesia

6 Skala UEQ

• Daya Tarik: Apakah pengguna menyukai atau tidak menyukai produk?
• Kejelasan: Apakah mudah untuk mengenal produk? Apakah mudah untuk belajar bagaimana gunakan produknya?
• Efisiensi: Bisakah pengguna menyelesaikan tugas mereka tanpa usaha yang sederhana?
• Ketepatan: Apakah pengguna merasa terkendali terhadap interaksi?
• Stimulasi: Apakah menarik dan memotivasi untuk menggunakan produk?
• Kebaruan: Apakah produk itu inovatif dan kreatif? Apakah produk menangkap minat pengguna? 

Contoh item EUQ


Tahapan Pengambilan data UEQ

• Prototype aplikasi harus selesai
• Cari pengguna (responden)
• Diberikan kuesioner (angket)
• Responden mengisi form data diri
• Responden mengerjakan tugas (task)
• Responden mengisi kuesioner UEQ
• Wawancara (Opsi)
 

Apa itu Animasi ?

Animasi adalah urutan frame yang ketika diputar dalam rangka dengan kecepatan yang cukup, dapat menyajikan gambar bergerak lancar seperti sebuah film atau video.

Animasi dapat juga diartikan dengan menghidupkan gambar, sehingga anda perlu mengetahui dengan pasti setiap detail karakter anda, mulai dari tampak (depan, belakang, 3⁄4 dan samping) detail muka si karakter dalam berbagai ekspresi (normal, diam, marah, senyum, ketawa, kesal, dan lainnya.) lalu pose/gaya khas karakter bila sedang melakukan kegiatan tertentu yang menjadi ciri khas si karakter tersebut.

Jenis-jenis Animasi

- Animasi 2D


Animasi 2D adalah penciptaan gambar bergerak dalam lingkungan dua dimensi. Hal ini dilakukan dengan urutan gambar berturut-turut, atau "frame", yang mensimulasikan gerak oleh setiap gambar menunjukkan berikutnya dalam perkembangan bertahap langkah-langkah. 2 tipe dari 2D animation :

a. Animasi Cel

Animasi Cel berasal dari kata “celluloid”, yaitu bahan  dasar dalam pembuatan animasi jenis ini ketika tahun- tahun awal adanya animasi. Animasi cel merupakan  lembaran-lembaran yang membentuk animasi tunggal, masing-masing cel merupakan bagian yang terpisah sebagai objek animasi. misalnya ada tiga buah animasi cel, cel pertama berisi satu animasi karakter, cel kedua berisi animasi karakter lain, dan cel terakhir berisi latar animasi. Ketiga animasi cel ini akan disusun berjajar, sehingga ketika dijalankan animasinya secara bersamaan, terlihat seperti satu kesatuan. Contoh animasi jenis ini adalah film kartun seperti Tom and Jerry, Mickey Mouse dan Detectif Conan.

b. Animasi Path

Animasi Path adalah animasi dari objek yang gerakannya mengikuti garis lintasan yang sudah ditentukan. Contoh animasi jenis ini adalah animasi kereta api yang bergerak mengikuti lintasan rel. Biasanya dalam animasi path diberi perulangan animasi, sehingga animasi terus berulang hingga mencapai kondisi tertentu. Dalam Macromedia Flash, animasi jenis ini didapatkan dengan teknik animasi path, teknik ini menggunakan layer tersendiri yang didefinisikan sebagai lintasan gerakan objek.


- Animasi 3D


Animasi 3D adalah objek animasi yang berada pada ruang 3D. Objek animasi ini dapat dirotasi dan berpindah seperti objek riil. Proses pembuatan grafis komputer 3D dapat dibagi secara sekuens menjadi 3 fase dasar:

Modeling : Proses menyusun bentuk sebuah objek dengan membuat kontur yang luas dan struktur dari objek 3D dan adegan.

Animation : Mendefinisikan perpindahan objek. 

Rendering : Proses mengeneralisasi sebuah gambar dari sebuah model dengan memberikan atribut objek seperti warna, tekstur permukaan dan kadar transparansi dengan menggunakan program komputer.
 
- Animasi Motion Graphic


Motion graphic merupakan metode untuk menjadikan animasi 3d menjadi hidup, bergerak.

Motion graphic seringkali digunakan juga untuk menggerakkan kata (typographic) dan logo untuk tujuan pengiklanan.
Kemampuan yang dibutuhkan di motion graphic berbeda dengan animasi-animasi sebelumnya, namun ada beberapa ilmu yang sama di motion graphic, seperti komposisi pergerakan dan camera graphic.

- Animasi Stop Motion



Animasi Stop Motion adalah teknik animasi yang dibuat dengan menghubungkan urutan frame yang difoto secara individual.
Objek dipindahkan secara bertahap di banyak bingkai, menciptakan ilusi bahwa mereka bergerak secara independen ketika bingkai dirangkai.

Keuntungan menggunakan animasi

• Menarik Perhatian.
• Menampilkan aksi-aksi yang tidak terlihat atau process fisik dengan bentuk yang berbeda.
• Meningkatkan retensi.
• Memungkinkan visualisasi dari konsep imajinasi, objek, dan hubunganhubungannya.
• Animasi dapat menggabungkan sejumlah besar data ilmiah ke dalam suatu paket, yang kemudian dapat disajikan dengan lebih simple.
• Animasi dapat membuat kembali kejadian, yang di dunia nyata terlalu mahal atau terlalu berbahaya untuk bereproduksi, misalnya. Kecelakaan pesawat, kejadian yang sudah terjadi dan tidak lagi ada.
• Menggunakan animasi dengan flash untuk membuat situs web menjadikan situs tersebut lebih interaktif dan dinamis. Pengunjung ke situs web secara alami akan tertarik pada desain animasi dan sarana yang memungkinkan mereka untuk berpartisipasi dalam proses melihat keseluruhan.
• Dengan berkembangnya tools dalam pembuatan animasi flash, sekarang ini memastikan bahwa perancang dapat membuat desain web yang rumit dan sangat baik, yang akan sulit terjadi dalam pengaturan HTML yang statis.
• Ukuran file animasi flash yang semakin kecil, yang memungkinkan loading situs lebih cepat dari sebelumnya.

Kelemahan menggunakan animasi

• Memerlukan tempat penyimpanan dan memory yang besar.
• Memerlukan peralatan khusus untuk presentasi kualitas.
• Animasi 2D tidak mampu menggambarkan aktualisasi seperti video
• ataupun fotografi.
• Sulitnya pencarian dilakukan, karena Flash dan animasi teks sering tidak dalam format yang dapat dengan mudah dibaca oleh search engine.
• Diperlukannya plug-in khusus yang harus diinstal browser.
• Terlalu banyak animasi dan grafik juga akan membuat loading halaman web lambat.
• Situs dengan animasi flash intro yang lengkap dengan audio, kadang membuat kesal pengunjung situs yang tidak ingin dipaksa mendengar audio. Ditambah dengan adanya file audio, beban loading komputer semakin besar, yang menyebabkan loading situs semakin lambat dan tidak efisien.
 

1. Menggambarkan website harus memiliki header yang menjelaskan website apa.

2. Menggambarkan adanya navigasi yang diposisikan di sidebar.

3. Menggambarkan konten dari website.

Jenis Desain UI Website

-   Static

Desain web memiliki ukuran tetap pada semua resolusi browser (pixel).

-   Fluid

Desain web dapat menyesuaikan lebar layout sesuai dengan resolusi browser (%).

-   Responsive

Desain web dapat berganti layout pada resolusi tertentu (desktop&mobile).

-   Responsive fluid

Gabungan Responsive & Fluid (%)

-   Horizontal Scrolling

Desain web dengan menampilkan konten Horizontal atau menyamping).

-   Parallax Scrolling

Desain web dengan layer atau hanya 1 halaman (one page/single page).