tool ui ux

Pengertian Dari UI/UX itu sendiri

UI atau User Interface adalah proses dimana menampilkan sebuah hasil dalam bentuk tampilan yang dapat dilihat oleh pengguna (user). Lebih tepatnya adalah bagian visual dari website, software, maupun hardware untuk user dapat berinteraksi. Tujuan dari User Interface sendiri adalah untuk meningkatkan fungsionalitas serta user experience dari pengguna.


UX atau User Experience adalah proses dimana pengguna dapat berinteraksi dengan interface secara baik dan nyaman. Yang terpenting disini, tujuan dari UX adalah untuk meningkatkan kepuasan pengguna saat mengakses sebuah tampilan, baik dari sisi website, mobile, maupun desktop. UX sendiri menjadi sebuah penghubung antara pengguna dengan produk.

Setelah mengetahui apa ui/ux itu, untuk menjadi UI/UX pasti membutuhkan tool untuk mempermudah proses pekerjaan nya tools adalah hal yang paling utama dalam menjalankan suatu project desain,berikut tool yang di gunakan UI/UX yang sudah saya rangkum:

01. Figma

Figma memudahkan kamu membuat desain tampilan dengan cepat. Figma ini adalah platform yang berbasis web, jadi bisa dijalankan dengan hanya menggunakan web browser yang kamu punya seperti: Google chrome, Mozilla Firefox, Opera dan atau Safari.

Karena figma berbasis web, maka figma ini bisa dijalankan disemua sistem operasi baik itu Windows, MacOS atau Linux.

Kelebihan dari figma ini adalah bisa menjadi tools kolaborasi dimana memungkinkan kita dapat bekerja secara bersamaan pada suatu project. Tentu ini sangat efektif bila kita sedang mengerjakan suatu project dengan Developer, Designer atau Copy Writer secara langsung dalam waktu yang sama.

02. Invision

Tools ini tentunya sangat populer dikalangan banyak UI Designer. Karena kenapa? tools ini baru dirilis sejak beberapa bulan yang lalu. Dan sekarang Invision sudah bisa diinstal di Windows dan MacOS.

Invision bisa membantu kita para desainer untuk membuat tampilan dengan indah dan interaktif. Kamu bisa membuat custom animasi dan transisi dari sejumlah gerakan dan interaksi. Selain itu, kamu juga dapat membuat hanya dengan satu artboard untuk beberapa perangkat, alias responsif. Ini tentu menghemat waktu pengerjaan desain kita untuk lebih banyak spend waktu memikirkan ide yang lainnya.

03. Sketch

Sketch adalah salah satu tools yang paling populer dikalangan komunitas desain UI/UX Designer atau Web Designer. Sketch memudahkan kita untuk membuat tampilan hight fidelity dan prototype.

Salah satu fitur keren dari sketch adalah Symbols, dimana kamu bisa mendesain UI assets dan elemen untuk digunakan kembali. Ini sangat membantu desainer untuk membuat desain agar lebih tertata dan konsisten.

04. Adobe XD

Adobe XD adalah tools yang dibuat oleh perusahaan Adobe dan berada pada koleksi Adobe Creative Cloud.

Berbeda dengan koleksi Adobe lainnya, Adobe XD ini adalah aplikasi yang khusus dibuat untuk para desainer yang berfokus merancang antaramuka aplikasi atau web yang disebut dengan UI/UX Designer.

Adobe XD ini juga salah satu tools yang paling populer digunakan oleh para desainer profesional maupun pemula karena kemudahannya dan juga fitur yang banyak serta menarik. Seperti misalnya fitur voice trigger, auto animatenya, responsif dan lainnya.

*Pokoknya Adobe XD recommended bangetlah terutama buat para desainer pemula soalnya banyak fitur, apalagi XD selalu banyak update hehe.

05. Adobe Illustrator

Selain untuk membuat desain ilustrasi, ternyata Adobe Illustrator ini bisa juga loh digunakan untuk merancang antarmuka aplikasi atau web.

Karena banyaknya adobe illustrator itu gunakan oleh para desainer ilustrasi, bisa dicoba juga nih digunakan untuk membuat project UI/UX atau Web Design.

06. Adobe Photoshop

Selain beberapa tools di atas, dulu para web desainer atau desainer aplikasi menggunakan tools ini dalam menyelesaikan project desainnya, termasuk saya.

Karena dulu itu saya belum terlalu mengenal figma, adobe xd, sketch dan lain-lain. Maka yang bisa saya gunakan adalah photoshop, dan karena client banyak meminta file psdnya juga.