UI UX

  1. MockFlow MockFlow memungkinkan Kamu membangun basic  layouts  dengan cepat UI design tools terbaik yang pertama, yaitu MockFlow. MockFlow adalah rangkaian aplikasi yang sangat membantu untuk sejumlah tugas dalam proses proyek yang khas.  Aplikasi WireframePro  adalah alat prototyping alternatif yang baik untuk kamu gunakan, terutama  jika  kamu menguji beberapa ide baru. Jika kamu hanya perlu untuk membuat wireframes, maka kamu dapat menggunakan MockFlow. Mockflow sangat bagus untuk bekerja pada ide-ide awal dan memungkinkanmu untuk membangun  basic layouts  dengan cepat. 2. Balsamiq Elemen drag-and-drop pada Balsamiq menjadikan  pekerjaan  lebih mudah Jika wireframing cepat adalah yang kamu cari, maka Balsamiq adalah saran yang tepat. Kamu dapat dengan cepat mengembangkan struktur dan tata letak untuk proyekmu dengan mudah. Elemen  drag-and-drop  dapat membuat pekerjaan lebih mudah dan dapat menautkan tombol ke halaman yang lain. Ini berarti kamu dapat dengan cepat mulai merencan

Apa keuntungan menggunakan UI Guideline? 1. Konsistensi di semua halaman sebuah produk digital bisa terjaga Bayangkan jika kamu menggunakan sebuah app untuk mencari tiket pesawat. Pada halaman awal, tombol pencarian nya berwarna  hijau . Lalu pada halaman berikutnya tombol pemesanan nya berwarna  orange . Bingung enggak? Dengan ada nya UI Guideline, hal ini tidak akan terjadi. 2. Workflow atau kinerja menjadi lebih cepat Tidak perlu lagi memikirkan… “Eh tombol untuk CTA bentuknya gimana ya tadi?” “Tombol Cancel baiknya seperti apa ya?” “Tombol di pop-up seperti apa ya bagusnya?” Semua nya sudah terdokumentasikan secara jelas, sehingga cukup mengikuti aturan nya saja. 3. Designer bisa lebih fokus ke pembuatan solusi Karena semua elemen sudah terdokumentasi, maka tidak perlu lagi untuk memikirkan… “Bentuk dropdown nya seperti apa ya?” “Dropdown nya bagus dikasih border atau enggak ya?” “Tinggi dropdown nya seberapa ya? , apakah mau setinggi tombol utama?” Karena hal hal tersebut sudah te

  Mengapa Kita harus menggunakan UI Guideline? Alasan yang paling utama adalah menjaga  konsistensi  elemen elemen dari sebuah produk digital. UI Guideline bisa dikatakan sebagai  Single Source of Truth  atau sebuah pedoman. Jika seorang designer menemukan beberapa design yang tidak konsisten, designer tersebut bisa membuka UI Guideline untuk mencari tahu mana yang benar. Contohnya: Andi sedang memeriksa hasil design dari team nya. Saat itu mereka sedang mendesain alur pembelian barang. Di halaman pertama, Andi melihat tombolnya berwarna hijau. Di halaman kedua, Andi melihat tombol nya berwarna orange. Karena mengalami hal tersebut, Andi lantas membuka UI Guideline dan mencari tahu bagaimana bentuk, ukuran dan warna tombol yang harus digunakan.

  Apakah kamu perlu jago  design  seperti kamu menguasai  Adobe   photoshop, illustrator,  dan sebagainya? Iya, memang kamu perlu bisa  design  setidaknya memahami konsep dasar, tapi bagi kamu yang belum memahami banget konsep  design  tidak perlu khawatir bahwa kamu tidak bisa menjadi seorang UI UX  D esigner. Oleh karena itu, kamu mesti mengetahui kunci utama UI UX  design  yang dibagi menjadi 3 bagian diantaranya :  Problem Masalah apa yang terjadi? Sebagai UX  designer  sendiri justru kita akan mencari suatu masalah, bukan untuk dihindari. Masalah seperti apakah yang dimaksud? Contohnya seperti latar belakang dibuat suatu  flow  sistem, alat untuk meminimalisir sistem manualisasi yang ada saat ini. Supaya bisa menghasilkan suatu ide ataupun solusi. Solution Bagaimana cara memperbaikinya? Dibuatnya aplikasi sebagai alat, mempunyai tampilan yang menarik, dan mudah digunakan oleh pengguna  (user friendly) . Result Menghasilkan suatu keluaran atau output yang mempermudah pekerjaan peng

  Aplikasi mobile yang sukses dalam kacamata pengguna adalah tentang interaksi  aplikasi yang menyenangkan dan ramah. Secara visual aplikasi harus memikat, memastikan keseimbangan  antara User Experience dan User Interface. Oleh karena itu, perusahaan harus memilih tim pengembang aplikasi seluler yang dapat menggabungkan UI dan UX secara efektif. Mengapa UX/UI Design sangat penting ? Inti dari bisnis apa pun adalah menawarkan pengalaman yang menyenangkan dan berguna bagi audiens yang datang untuk membuat aplikasi mobile. Aplikasi seluler  menawarkan pengalaman pengguna yang disempurnakan dengan desain yang apik. Keseimbangan ideal desain UX/ UI membantu semakin banyak pengguna untuk mengunduhnya dan menggunakan barang / jasa Anda. Aspek penting  UI/UX Design Berikut ini adalah aspek dari User Interface and User Experience : Konsistensi warna, font, ikon simbol dan tombol diperlukan. Tentu hal ini membuat kemudahan pengguna dalam mengoperasikan aplikasi. Oleh karena itu, kombinasi font

Berikut ini enam situs yang dapat dimanfaatkan untuk mencari inspirasi seputar UI/UX.  Dribbble.com Situs ini bisa dibilang sebagai komunitas terbesar bagi desainer UI/UX dan bisa menjadi tempat yang sangat baik untuk mendapatkan  feedback  dari orang lain. Di sini desainer mengunggah desain mereka dan bisa dikomentari oleh pengguna lain. Desain-desian yang diunggah di Dribble memiliki sandar kualitas yang tinggi.  Pttrns.com Pttrns adalah kumpulan desain yang diambil dari aplikasi-aplikasi iOS dan Android terbaik. Ada banyak konten yang tersedia sejak tahun 2012 yang bisa dipilah berdasarkan puluhan kategori, tahun, atau tags.  Uplabs.com Situs yang dibangun oleh Matt Aussaguel dan Guillemette Dejean ini pada awalnya hanya menjadi tempat kumpulan konten Material Design, tapi sekarang situs ini menjelma menjadi komunitas developer dan desainer untuk berbagi inspirasi UI/UX. Uplabs juga memiliki Market yang menjual UI Kits, Themes, dan Icons yang dibuat oleh komunitasnya.  OnePageLove.c

  Walaupun secara singkat tugas UI/UX designer adalah mendesain website responsif, kekinian dan user friendly, akan tetapi tugas nayatanya tidak sesingkat deskripsi pekerjaanya, ada beberapa yang perlu diperhatikan agar terhindar dari kesalahan dalam membuat desain website atau aplikasi yang baik. Berikut 5 kesalahan yang sering dilakukan UI/UX designer : 1. Desain yang rumit dimengerti (tidak user friendly) Tujuan dari sebuah UI/UX design adalah membuat pengguna nyaman berada didalam website atau aplikasi yang sedang dikunjungi. Tujuan pengguna adalah menemukan informasi atau sebuah produk yang sedang dicari, dengan rumitnya desain dan buruknya penyusunan informasi, pengguna tidak akan segera mendapatkan apa yang diinginkan dan segera beralih ke website atau aplikasi lain untuk mencari alternatif lain. 2.  Desain tidak responsif Desain responsif adalah unsur sangat penting dala UI/UX design. Pengguna mengakses website atau aplikasi tidak hanya melalui mobile, walaupun tampilan UI/UX d

Desain mode gelap dapat digunakan pada berbagai media mulai dari aplikasi seluler hingga jam tangan pintar sampai dengan interface TV. Tren desain dark mode ini dapat memajukan merek Anda. Meskipun demikian, Anda perlu menggunakan mode ini secara tepat dalam desain Anda. Berikut adalah beberapa kiat saat merancang situs web atau user interface (UI) aplikasi yang menggunakan tema gelap. Desain mode gelap tidak selalu cocok untuk semua keadaan. Dalam menggunakan dark mode, Anda perlu menyesuaikan warna desain UI dengan warna gadget Anda. Apabila warna gadget Anda mendukung mode gelap, maka Anda dapat menggunakan mode tersebut. Jika gadget Anda menggunakan spektrum warna yang luas, maka pertimbangkanlah UI yang lebih ringan. Spektrum penuh warna tidak dapat dibaca dengan menyenangkan di latar belakang gelap. Kemudian, UI mode gelap juga berguna untuk meningkatkan industri tertentu. Merek yang berfokus pada hiburan cocok untuk mode gelap dan sering dipasangkan dengan latar belakang gelap d

Apakah kamu perlu jago  design  seperti kamu menguasai  Adobe   photoshop, illustrator,  dan sebagainya? Iya, memang kamu perlu bisa  design  setidaknya memahami konsep dasar, tapi bagi kamu yang belum memahami banget konsep  design  tidak perlu khawatir bahwa kamu tidak bisa menjadi seorang UI UX  D esigner. Oleh karena itu, kamu mesti mengetahui kunci utama UI UX  design  yang dibagi menjadi 3 bagian diantaranya :  Problem Masalah apa yang terjadi? Sebagai UX  designer  sendiri justru kita akan mencari suatu masalah, bukan untuk dihindari. Masalah seperti apakah yang dimaksud? Contohnya seperti latar belakang dibuat suatu  flow  sistem, alat untuk meminimalisir sistem manualisasi yang ada saat ini. Supaya bisa menghasilkan suatu ide ataupun solusi. Solution Bagaimana cara memperbaikinya? Dibuatnya aplikasi sebagai alat, mempunyai tampilan yang menarik, dan mudah digunakan oleh pengguna  (user friendly) . Result Menghasilkan suatu keluaran atau output yang mempermudah pekerjaan penggu

  Design pada Aplikasi LEARNFAZZ Pada proyek kali ini, kami menggunakan  Flutter , sebuah  mobile UI framework  yang ditawarkan oleh Google. Flutter memungkinkan developer untuk membangun sebuah aplikasi lintas-platform sehingga aplikasi dapat dijalankan di Android maupun iOS. Flutter menyediakan  MaterialApp Widget yang merangkum sekelompok widgets yang dimaksudkan untuk digunakan sebagai Material Design. Penerapan Mobile App Design Trends pada Aplikasi LEARNFAZZ Berdasarkan prinsip-prinsip  mobile UX design , dalam beberapa tahun terakhir, terdapat beberapa tren desain. Berikut adalah beberapa tren desain yang sudah kami terapkan dalam aplikasi LEARNFAZZ. Interaksi dengan  swiping Berdasarkan penelitian Steven Hoober, 49% pengguna ponsel bergantung pada satu ibu jari untuk melakukan sesuatu pada ponsel mereka. Oleh karena itu, tren ini muncul agar pengguna dapat dengan mudah melakukan navigasi dengan ibu jari mereka. Menambahkan lebih banyak opsi navigasi Berikut adalah contoh opsi n

Design Guideline Design guideline  merupakan sebuah panduan yang mengatur ketentuan desain dari suatu aplikasi seperti  color palette ,  assets ,  icons , dan lain sebagainya. Panduan ini harus diikuti oleh seluruh anggota tim  developer suatu aplikasi.  Design guidelines  memiliki beberapa kegunaan seperti membuat standarisasi tampilan aplikasi, mempertahankan konsistensi, serta sebagai pedoman bagi tim  developer  untuk menyusun  layout  aplikasi. Sebuah desain UI/UX yang baik harus dapat memfasilitasi alur kerja yang rumit, membuat pengguna memahami dan mengelola data yang kompleks, serta mengakomodasi beragam  roles , kebutuhan, dan proses. UX Designer vs UX Designer UX designer  dapat diibaratkan seperti seorang arsitek. Ia memahami perilaku pengguna dan faktor-faktor psikologi. Seorang UX designer bertugas merancang  user flow  berdasarkan kebutuhan bisnis. Di sisi lain,  UI designer dapat diibaratkan sebagai penghias  (decorator) . Ia merancang agar interface suatu produk dapat

  1. Kurangnya Kontras Pada Desainnya Saat mengeksplor situs web, kita pasti ingin melihatnya desainnya dengan kontras warna yang jelas dan menarik. Hal Ini dapat membantu kita dalam membaca dan memahami informasi di sana dengan lebih baik. Jika suatu website mengabaikan konsep kontras pada desainnya, kombinasi warna dan tampilan keseluruhan situs web akan membuat kita kebingungan. Sehingga cukup sulit untuk membaca konten yang ada. 2. Desain Tidak Responsive Bukan rahasia lagi kalo memiliki website yang responsive atau bisa menyesuaikan diri di berbagai ukuran layar menjadi kebutuhan pokok setiap desainer. Semakin banyaknya akses internet melalui smartphone menuntut mereka agar membuat website yang responsive. Hal ini sangat penting sekali kamu punya website yang bergerak di bidang E-commerce seperti toko online. Desain yang tidak responsive dapat menyulitkan pengunjung ketika mereka menavigasi website kamu. Yang mana akhirnya berpotensi kehilangan calon customer di toko kamu. 3. Plag

Among Us adalah game seluler dan PC multipemain yang tiba-tiba menjadi sangat populer tahun ini. Video game yang sangat sukses ini dirilis pada November 2018 oleh InnerSloth Games, sebuah perusahaan game indie yang berbasis di Redmond, Washington. Game ini tersedia di iOS (iPhone / iPad), Android, dan Microsoft Windows. Selain itu, Among Us juga tersedia di Steam, platform distribusi gim video online, untuk PC tetapi tidak untuk Mac. Penggunaan Suara untuk Visibilitas dan Feedback Langsung Suara adalah penanda dan memberikan feedback langsung. Sebagai mekanik dasar, pemain dapat mendengar langkah kaki mereka saat berjalan di sekitar pesawat luar angkasa yang membenamkan mereka dalam permainan. Suara juga berperan dalam gameplay dengan membimbing pemain saat menyelesaikan tugas. Misalnya, game akan memainkan suara untuk membantu pengguna mengingat pola dalam urutan tombol. Mengklik tombol individual mana pun yang akan memicu suara unik. Suara adalah penanda dan memberikan visibilitas ka

  Soft Skill Komunikasi Seorang  UI   designer  gak akan kerja sendirian. Nantinya dia akan kerja bareng  UX designer  dan tim lainnya untuk ngebahas aspek-aspek tampilan lainnya. Makanya,  UI designer  sangat membutuhkan  skill  ini. Creative problem solving Skill  ini berguna untuk memecahkan masalah yang para  user  alami, utamanya berkaitan dengan tampilan  apps . Teamwork UI   designer  harus bisa berkolaborasi dengan tim lainnya, baik itu dalam memecahkan masalah yang berkaitan dengan UI maupun ketika bekerja sama dengan klien. Empati Dalam hal ini, seorang  UI   designer  harus bisa menempatkan dirinya sebagai  user  untuk dapat melihat dari sudut pandang  user .  Hard Skill Adobe XD  Adobe XD biasanya berguna dalam ngebuat  prototype  produk. Sketch  Banyak  UI designer  yang menggunakan aplikasi Sketch untuk mendesain. Tau dasar-dasar dalam mendesain  UI   Hal-hal dasar seperti pola desain  UI , tipografi, palet warna, animasi, dlsb, menjadi hal yang wajib  UI designer  pahami