UI UX

UI/UX Designer pada saat ini adalah seseorang yang bekerja untuk merancang sebuah produk baik berupa apps maupun website. UI/UX Designer bekerja bersama dan berkolaborasi dengan product manager dan juga developer. Kedekatan dengan pembuatan produk digital yang tengah dibangun membuat kita bertanya-tanya, Apakah UI/UX designer harus memiliki keahlian di bidang pengembangan yaitu coding? Jawabanya tidak perlu, namun jika kita memiliki wawasan tentang cara kerja coding itu memang bisa menjadi lebih baik. Hal penting adalah kita memahami cara kerja dan hal dasar. Namun ini tetap tidak menjadi keharusan. Tujuan dari memahami coding khususnya pada bagian front-end (HTML, CSS, Javascript) adalah untuk memiliki empati kepada developer agar kita dapat memahami batasan dan kesulitan yang dialami developer. Tidak lebih dari itu! Bahkan jika kita berkaca pada perusahaan yang besar UI/UX Designer pun dipecah menjadi beberapa bagian khusus agar lebih fokus. Namun dibalik pembahasan di atas tahukah k

  Ada beberapa komponen penting dalam desain UI/UX seperti berikut ini: Information Architecture Biasa disebut juga sebagai IA, ini tentang bagaimana memuaskan strategi bisnis dengan merancang IA sebuah aplikasi atau website. Peran utama IA adalah menyediakan navigasi yang mudah bagi pengguna, apa pun  browser  yang mereka gunakan. Desain Interaksi Ini adalah tentang membuat desain konseptual agar pengguna bisa berinteraksi dengan aplikasi atau website. Interaksi ini mencakup berbagai elemen seperti warna,  font , ikon, gambar, suara, grafis, dan lain-lain. Usability Usability  juga bisa disebut sebagai kemudahan pengguna dalam memakai aplikasi. Jika aplikasi mudah digunakan , berarti sisi  usability  sudah baik dalam mengatasi kesulitan atau kerumitan yang ada. Wireframing Wireframing  adalah membuat sampel dari aplikasi untuk menguji fitur, tampilan, dan  usability  dari sebuah aplikasi sebelum diluncurkan ke publik. Ini adalah cara mudah untuk menguji dan mengevaluasi aplikasi. UI y

Adobe XD menggunakan antarmuka yang sangat sederhana namun efisien; sebuah gaya yang diwarisi dari aplikasi sejenisnya dalam package Creative Cloud. Program ini menyediakan sarana untuk prototipe untuk berbagai platform termasuk web, mobile, tablet, dan lainnya.  Saat aplikasi diluncurkan, layar awal memberi Anda berbagai template ukuran layar standar dan kemampuan untuk menambahkan ukuran dokumen sesuai keperluan Anda. Selain itu, layar berisi akses menuju sejumlah aset yang dapat digunakan sebagai titik awal untuk mempelajari lebih lanjut tentang aplikasi ini, desain elemen UI untuk berbagai perangkat seluler seperti iOS dan Android, dan akses ke sumber online seperti tutorial, dan lainnya. 1. Membuat Proyek Prototipe Setelah Adobe XD dibuka, layar awal akan muncul dan memungkinkan Anda memilih jenis proyek Pilih iPhone 6 (375 × 667px). emudian klik ikon iPhone untuk membuat proyek. Dari iOS Apple, Anda bisa mengakses elemen UI iPhone yang bisa digunakan pada prototipe Anda. Setelah

  Figma   adalah   tool  desain berupa   website  yang terhubung dengan   cloud  sehingga bisa digunakan kapanpun dan dimanapun melalui internet.   Tool  ini berbasis   vector , sehingga akan lebih cocok untuk mendesain UI   website  atau   mobile  dan aset ilustrasi. Tetapi,   Figma  juga bisa digunakan untuk mengedit foto namun hanya dengan pengaturan dasar saja. Perusahaan pengembang  Figma  mengutamakan kemudahan  design jamming  atau mendesain bersama-sama dalam satu  platform  tanpa harus menggabungkan secara manual. Hal inilah yang menjadi poin menarik bagi designer untuk memilih  tool  tersebut. Berikut beberapa Tools dan Fungsi Figma yang harus kamu ketahui. 1.  Design features Design features  pada  Figma  menawarkan kemudahan untuk membuat desain yang responsif serta otomasi menggunakan  plugin . Fitur yang tersedia ini sangat cocok digunakan untuk mendesain UI aplikasi atau  website . Atribut yang tersedia pada  design features , diantaranya: Pen tool modern Open type  Stre

Mengelola keseimbangan estetika dan fungsional Sederhananya, seorang  Front End Developer  harus memastikan web yang dibuat dapat berfungsi  DAN  memiliki tampilan baik, yang umumnya berpatokan dengan desain yang dibuat oleh  UI/UX Designer . Ambil halaman  login  sebagai contoh. Dalam halaman  login , seorang  Front End Developer  perlu membuat tiga komponen, yaitu: Input email Input password Tombol  login Pada komponen  input email , seorang  Front End developer  perlu membuat validasi bahwa input yang dimasukkan harus berupa email, atau  form -nya akan eror. Begitu pula untuk  input password  dan tombol  login , perlu ada validasinya tersendiri. Fungsi validasi tersebut juga perlu dibuat seefisien mungkin sehingga tidak memberatkan pengguna yang menggunakan halaman web tersebut, baik dari segi  resource  maupun penggunaan  bandwidth . Selain membuat validasi,  Front End Developer  juga perlu membuat  layout  dan  styling  halaman tersebut sesuai dengan desain yang telah dirancang. M

1. Mouse Mouse yang kami maksud bukanlah tikus, melainkan mouse pada perangkat komputer yang sering kamu gunakan untuk menggerakan cursor. Sebelum lahirnya mouse, pengguna komputer harus menggunakan keyboard untuk menjalankan suatu program atau melakukan aktifitas tertentu di komputer. Namun itu semua berubah saat Douglas Engelbart dari SRI International menyatukan shell kayu, papan sirkuit, beberapa roda logam dan beberapa kabel untuk membuat mouse agar berinteraksi dengan komputer hanya perlu menggerakan mouse dan mengkliknya. 2. Voice Based Search Interface Di masing-masing perangkat elektronik mayoritas pasti memiliki Google Assistant seperti SIRI, Cortana, atau Google Voice Search yang dapat dengan mudah memberikan hasil apa yang kalian mau di search engine berdasarkan suara.  Seiring berjalannya waktu, User interface jenis ini mengalami perkembangan pesat. Dimana mereka dapat mempercepat proses kompleks, memberi hasil pencarian yang relevan dan mengenali berbagai macam bahasa yan