Kuasai Kerajinan Anda dengan Alat UX Teratas Ini

Memiliki alat UX yang tepat dapat menjadi perbedaan penting antara memiliki alur kerja desain yang kolaboratif, mulus, dan secara keseluruhan sangat efektif dan alur kerja yang lambat, tidak produktif, dan tidak akuntabel.

Sangat penting untuk tetap up to date dengan alat dan teknologi terbaru, dan belajar tentang cara menarik desainer dapat menggunakannya untuk membuat dan berkolaborasi lebih efisien. Beberapa alat lebih efektif daripada yang lain tergantung pada ukuran tim, tahap dalam proses desain, dan alat lain yang sudah menjadi bagian dari alur kerja.

Mari kita lihat alat UX teratas, mulai dari wireframing dan prototyping hingga penelitian dan analitik UX, yang membantu tim melakukan hal-hal luar biasa di tahun 2018.

Desain + Pembuatan Prototipe + Alat Handoff Desain

InVision/InVision Studio

Platform: web (terintegrasi dengan Sketch dan Photoshop), dan macOS
Harga: mulai dari $13/bulan untuk individu, atau $89/bulan untuk tim beranggotakan lima orang

Catatan: Harga berlaku untuk aplikasi web inti InVision, bukan InVision Studio, yang gratis.

InVision bisa dibilang alat UX terkuat. Ini memungkinkan desainer Sketch dan Photoshop untuk mengimpor layar statis mereka dan mengubahnya menjadi prototipe dinamis, dan pemangku kepentingan menawarkan umpan balik konstruktif yang kemudian dapat diubah menjadi tugas yang dapat ditindaklanjuti dan dikelola. Kombinasikan itu dengan pengujian pengguna dan teknologi papan tulis kolaboratif mereka, dan aplikasi web InVision menjadi alat yang sangat berharga dan sangat mengesankan.

Pada tahun 2017, InVision mengirimkan fitur handoff desain baru, dan sekarang pada tahun 2018, InVision telah menjadi solusi lengkap dan lengkap saat mereka memperkenalkan alat desain UX mereka sendiri, Studio, yang gratis dan menyertakan fitur animasi dan prototyping tingkat lanjut.

Untuk tim yang menginginkan kotak peralatan yang terisi penuh di bawah satu langganan, InVision ada di sini.

Pembentuk

Platform: macOS
Harga: $12/bulan untuk pengguna individu, atau dari $250/bulan untuk tim beranggotakan tiga orang

Dalam hal penawaran, Framer adalah alat yang paling mirip dengan InVision, karena keduanya menggabungkan antarmuka web yang matang dengan alat desain UX baru. Itu tergantung pada preferensi pribadi dengan keduanya, tetapi di mana Framer sedikit lebih murah untuk individu, InVision jelas merupakan saudara yang lebih besar dalam hal kolaborasi desain.

gambar

Platform: web, macOS, dan Windows
Harga: gratis untuk tim pemula, atau $12/bulan

Figma menonjol dari yang lain di awal pengembangannya sebagai alat terdepan untuk desain multipemain, memungkinkan banyak desainer untuk mengerjakan file desain yang sama sekaligus. Dengan kemampuan untuk membuat desain responsif dan menambahkan fitur handoff, sungguh mengesankan bagaimana mereka telah menawarkan fitur-fitur ini di seluruh web, macOS, dan versi Windows dari produk.

Jika Anda menikmati alur kerja desain kolaboratif yang energik, Figma cocok untuk Anda.

Adobe XD

Platform: Windows dan macOS
Harga: gratis untuk 1 prototipe, atau $20,99/bulan untuk prototipe tak terbatas

Ketika Sketch menjadi alat #1 untuk wireframing dan desain antarmuka, Adobe hampir tidak punya pilihan selain mengakui bahwa Photoshop tidak akan pernah bisa menjadi alat desain UI yang dibutuhkan desainer. Adobe memutuskan untuk membuat Adobe XD tersedia untuk pengguna Windows di mana Sketch tidak, dan juga membangun kemampuan untuk membuat prototipe alur pengguna dan memeriksa desain, membantu desainer veteran yang akrab dengan ekosistem Adobe untuk tetap menggunakan alur kerja yang sudah dikenal.

UXPin

Platform: web
Harga: mulai dari $8,10/bulan untuk satu pengguna, dengan opsi lain untuk tim

UXPin adalah platform desain produk lengkap yang menawarkan segalanya mulai dari desain, wireframing, prototyping, kolaborasi, pengujian pengguna, dan handoff semua dalam satu aplikasi web. Kelemahannya adalah UXPin adalah salah satu alat yang lebih sulit digunakan karena jumlah fitur, antarmuka yang berantakan, dan (terkadang) kelambatan kinerja yang sering menghantui aplikasi web besar. Namun, tim perusahaan yang membutuhkan fitur mengesankan seperti sistem desain dan kemampuan untuk memanfaatkan kerangka kerja web dan teknologi seperti Bootstrap dan Google Font tidak boleh mengabaikannya terlalu cepat.

Alat Desain + Pembuatan Prototipe

Sketsa

Platform: macOS
Harga: $99/tahun

Photoshop menyerahkan mahkota ke Sketch saat mereka menjadi alat desain terkemuka untuk wireframing dan desain antarmuka pada tahun 2015, dan pada tahun 2017 mereka masih memimpin. Pendekatan inovatif Sketch untuk desain layar memperkenalkan fitur yang tak ternilai seperti artboard, simbol, dan ekspor, yang kemudian akan menginspirasi gelombang alat desain baru seperti Adobe XD, Framer Studio, dan InVision Studio. Alat vektor yang sangat intuitif (dan ringan) ini membantu desainer UI melakukan iterasi lebih cepat dari sebelumnya.

Namun, inilah "tetapi" (dan ini besar tetapi): Sketch tidak tersedia untuk Windows, dan keputusan mereka untuk menerapkan alat untuk perancang prototipe sangat terlambat dalam permainan berarti bahwa pesaing mereka dengan cepat mengambil alih pasar ini, dengan InVision menjadi alat prototyping paling dinamis yang tersedia saat ini. Meskipun fungsionalitas Sketch dapat disesuaikan dengan katalog plugin yang mengesankan (termasuk integrasi dengan orang-orang seperti Flinto, Zeplin, Marvel, Principle, dan bahkan InVision sendiri), beberapa desainer mungkin menyukai pengalaman yang lebih asli dengan fitur-fitur ini tersedia di luar kotak.

Secara keseluruhan, Sketch sangat bagus untuk pembuatan ide dan wireframing, atau mereka yang tidak keberatan menambah kotak peralatan mereka untuk menambahkan alat prototipe dan kolaborasi yang lebih baik.

aliran web

Platform: web
Harga: berbagai opsi yang ditujukan untuk individu satu situs, banyak situs, dan tim

Webflow adalah editor WYSIWYG untuk desainer modern yang ingin membuat situs web responsif tanpa kode, dan bahkan menghostingnya, semuanya dengan satu langganan. Webflow menghasilkan kode semantik yang bersih sehingga Anda tidak perlu melakukannya, dan memberikan fitur canggih yang memungkinkan desainer web membuat apa pun dari situs web statis hingga toko eCommerce, di mana bahkan konten dan inventaris dikelola dari dasbor yang sama.

Prinsip

Platform: macOS
Harga: $129/tahun

Meskipun lebih merupakan alat prototipe daripada alat desain, aplikasi Prinsip berperingkat tinggi adalah untuk desainer yang fokus pada prototipe fidelitas tinggi, dan menggunakan animasi garis waktu untuk membantu merancang interaksi mikro tingkat lanjut di mana Sketch dan Adobe XD tidak. Jika fitur desain tidak cukup canggih untuk kebutuhan Anda, Principle terintegrasi dengan Sketch.

Alat Prototipe (Hanya)

Flinto

Platform: macOS
Harga: $99/tahun

Flinto membawa transisi dan interaksi mikro ke tingkat berikutnya dengan alat animasi canggih, termasuk pegas dan easing, rotasi 3D, efek gulir, dan bahkan memungkinkan desainer trendi untuk mengekspor animasi sebagai video, GIF, dan bidikan Dribbble.

Sementara Flinto hanya berfokus pada interaksi prototipe, Flinto melakukannya dengan baik. Pasangkan dengan Sketch untuk hasil terbaik.

origami

Platform: macOS
Harga: gratis/sumber terbuka

Origami adalah alat pembuatan prototipe aplikasi yang dikembangkan oleh tim desain di Facebook. Meskipun mirip dengan Flinto (dikurangi label harga), itu tidak dipertahankan sesering alat serupa, dan pendekatan berbasis logika untuk merancang interaksi menghasilkan kurva pembelajaran yang lebih curam.

Untuk desainer dengan anggaran terbatas, Origami layak untuk dilihat.

Prototyping + Alat Handoff Desain

Keajaiban

Platform: web
Harga: $0-12/bulan untuk individu, atau $42-84/bulan untuk tim

Tim perusahaan yang membutuhkan fitur SSO dan handoff harus bertanya langsung.

Marvel adalah alat prototyping online yang dikenal sebagai salah satu yang paling mudah untuk dikuasai, namun kekurangannya adalah tidak secanggih InVision dalam hal fitur prototyping dinamis, dan memerlukan integrasi dengan Sketch untuk menjadi solusi desain + prototyping yang lengkap. . Meskipun demikian, itu terintegrasi dengan Lookback, membawa pengujian pengguna ke meja, dan menyertakan fitur handoff desain.

Marvel juga memungkinkan tim (bahkan non-desainer) untuk memilih artboard dan mengilustrasikan ide dengan ketelitian rendah menggunakan bentuk dan teks, menjadikannya ideal untuk sprint desain (terutama karena ini juga memungkinkan pengguna mengonversi prototipe kertas menjadi prototipe Marvel dengan ketelitian rendah).

Alat Handoff Desain (Hanya)

Zeplin

Platform: web
Harga: gratis untuk satu proyek, $17/bulan dan $26/bulan untuk tiga dan 12 proyek dengan hormat

Untuk organisasi besar, opsi $7.65/pengguna/bulan mereka menawarkan izin pengguna yang lebih canggih dan kemampuan untuk menyalin warna dan gaya teks antar proyek.

Zeplin secara konsisten mengungguli pesaing Sympli dan Avocode, di mana baru-baru ini menambahkan integrasi Adobe XD dan Figma di samping integrasi Sketch dan Photoshop CC yang sudah ada. Sementara banyak alat all-in-one telah menambahkan handoff desain ke daftar fitur mereka, Zeplin mengisi kekosongan untuk alat yang belum (Sketch, Photoshop), dan yang masih bereksperimen dengan fitur handoff (Adobe XD, Figma).

Wireframing + Alat Prototipe

kapak

Platform: Windows dan macOS
Harga: $29/49/99/pengguna/bulan untuk masing-masing pengguna Pro/Tim/Perusahaan

Pembelian satu kali Axure RP 8 juga tersedia mulai dari $495.

Axure dibuat khusus untuk desain gambar rangka dan prototipe kasar, dan dilengkapi dengan fitur yang membuat pembuatan mockup berbasis data, dinamis, dan adaptif begitu mudah sehingga Anda akan lupa bahwa itu adalah alat tanpa fitur pembuatan prototipe UX dengan ketelitian tinggi. Untuk desainer yang hanya berfokus pada gambar rangka dan pembuatan prototipe, Axure adalah pilihan utama, digunakan oleh 87% perusahaan Fortune 100.

Justinmind

Platform: Windows dan macOS
Harga: $19/pengguna/bulan, atau $39/pengguna/bulan untuk tim perusahaan

Justinmind tidak menerima cukup banyak cinta untuk apa yang ditawarkannya, yang merupakan prototipe UX tingkat lanjut, kolaborasi, beberapa alat desain dasar, dan juga 500+ widget web dan seluler untuk wireframing. Wireframing bukanlah sesuatu yang menjadi fokus banyak aplikasi prototyping yang bersaing, menjadikan Justinmind salah satu dari sedikit alat UX yang melakukannya.

Alat Wireframing (Hanya)

OmniGraffle

Platform: macOS
Harga: $100, atau $200 untuk lisensi Pro

OmniGraffle adalah alat wireframing dengan fitur diagram, berguna untuk aplikasi dan situs web di mana aliran pengguna atau arsitektur informasi mungkin memerlukan lebih banyak perhatian. Sebagai aplikasi macOS asli, antarmukanya sangat ramah, menjadikannya alat UX yang mudah dikuasai.

OmniGraffle memiliki fitur yang sangat berguna: "stensil", yang siap digunakan, komponen desain yang dapat digunakan kembali dengan drag-and-drop dalam "perpustakaan stensil" yang dapat digunakan desainer untuk membuat gambar rangka, maket, atau bahkan desain visual akhir. Pengguna dapat membuat perpustakaan mereka sendiri, dan ada juga ribuan perpustakaan stensil yang tersedia di web untuk diunduh, banyak di antaranya gratis, menghemat waktu dan tenaga.

Graffletopia adalah salah satu penyimpanan stensil terbesar di web yang berisi campuran perpustakaan gratis dan berbayar. Dengan lebih dari 1.100 stensil, Graffletopia memiliki stensil untuk setiap penggunaan—mendesain aplikasi seluler, situs web, diagram jaringan, diagram alur, dan banyak lagi.

Balsamiq

Platform: web, macOS, dan Windows
Harga: dari $90/pengguna/tahun untuk akses cloud, atau $89 untuk aplikasi desktop

Balsamiq adalah kebalikan dari Justinmind, lebih fokus pada wireframing daripada prototyping. Elemen UI bawaan mereka menggunakan estetika visual sketsa untuk mendorong brainstorming, dan secara unik ditujukan untuk manajer produk dan pengembang, serta desainer wireframing, memungkinkan seluruh tim untuk menjadi bagian dari proses desain sejak dini.

Alat Penelitian dan Pengujian UX

Melihat ke belakang

Platform: web
Harga: $49/pengguna/bulan atau $99/pengguna/bulan tergantung fitur

Lookback memperkenalkan pengujian pengguna langsung yang dimoderasi ke proses desain UX, memungkinkan desainer untuk merekam wajah, layar, dan suara siapa pun di dunia. Untuk tim yang menggunakan Marvel sebagai alat pembuatan prototipe, Lookback terintegrasi dengan mulus.

Pengujian Pengguna

Platform: web
Harga: $49/tes (min. 15 tes), dengan opsi perusahaan tersedia

UserTesting mirip dengan Lookback dalam hal fitur. Meskipun ini adalah alat pengujian pengguna mandiri yang hebat dengan repertoar besar penguji pengguna berpengalaman (dengan Marvel Anda harus menemukan penguji pengguna sendiri), UserTesting juga terintegrasi dengan mulus dengan InVision.

jumlah mata

Platform: web
Harga: $499/bulan untuk individu, $999/bulan untuk tim yang terdiri dari 10 orang (+ opsi perusahaan)

Eyequant menggunakan pembelajaran mesin untuk membantu tim membuat keputusan desain yang lebih baik dan meningkatkan upaya CRO mereka. Label harganya yang mahal mungkin menghalangi beberapa pelanggan, tetapi mereka yang berinvestasi menerima pelatihan tentang cara mensimulasikan pengguna, menganalisis metrik, memanfaatkan pengujian A/B mereka, dan banyak lagi.

Hotjar

Platform: web
Harga: harga variabel tergantung pada jumlah tampilan halaman harian

Hotjar memudahkan tim untuk mengoptimalkan pengalaman pengguna dengan menggabungkan umpan balik pengguna dengan analitik, peta panas, peta klik, peta gulir, dan rekaman pengunjung. Di mana peta panas dan peta klik menggambarkan di mana pengguna bergerak dan mengklik mouse mereka masing-masing, peta gulir menunjukkan pada titik mana pengguna mungkin kehilangan minat.

telur gila

Platform: web
Harga: dari $29/bulan untuk 20.000 tampilan halaman

Mirip dengan Hotjar, Crazy Egg digunakan untuk mengoptimalkan pengalaman pengguna dan tingkat konversi dengan menganalisis perilaku pengguna dengan peta panas dan rekaman pengunjung, meskipun itu juga mencakup alat pengujian A/B yang mudah digunakan untuk membantu menguraikan apa yang berfungsi dan tidak.

Bengkel Optimal

Platform: web
Harga: $166/pengguna/bulan, dengan opsi gratis dan perusahaan tersedia

Workshop Optimal adalah perangkat penelitian pengguna yang berfokus pada penyortiran kartu, survei, pengujian pohon, pengujian klik pertama, dan penemuan data kualitatif.

Alat Analisis

Google Analytics

Platform: web
Harga: gratis

Meskipun Google Analytics tidak menampilkan antarmuka yang paling menginspirasi atau paling berguna, ia memberikan cukup banyak data untuk alat gratis, menjadikannya titik awal yang cocok untuk penelitian pengguna dan memperoleh wawasan yang mungkin ingin Anda jelajahi lebih lanjut di alat lain .

panel campuran

Platform: web
Harga: mulai dari $99 per 1 juta titik data, dengan opsi gratis dan perusahaan tersedia

Mixpanel memungkinkan siapa saja, mulai dari eksekutif hingga kontributor sederhana, menggunakan data untuk membuat keputusan yang lebih strategis. Dengan antarmuka yang lebih ramah dibandingkan dengan Google Analytics, desainer mungkin merasa lebih mudah untuk menganalisis perjalanan pengguna, mempelajari bagaimana pengguna terlibat dengan produk, dan menguraikan analisis perilaku yang kompleks dengan Mixpanel.

pendo

Platform: web
Harga: harga ditentukan berdasarkan jumlah pengguna dan fitur yang dibutuhkan

Pendo, dengan antarmuka yang jauh lebih sederhana dibandingkan dengan kebanyakan alat analitik lainnya, memungkinkan desainer untuk melacak NPS (skor promotor bersih), mengelompokkan pengguna, mengoptimalkan corong dan perjalanan pengguna, dan apa pun yang Anda harapkan dari alat analitik situs web teratas. Selain itu, desainer dapat menyampaikan pengumuman yang ditargetkan, bantuan kontekstual, dan pengalaman yang disesuaikan berdasarkan data yang telah dilacak.

Kesimpulan

Memilih alat UX yang tepat membutuhkan pertimbangan yang cermat. Kami perlu memperhitungkan biaya, tingkat kolaborasi yang diperlukan dengan desainer dan pemangku kepentingan lain, platform, dan alat lain apa pun yang mungkin perlu kami integrasikan untuk mempertahankan alur kerja yang mulus. Setelah Anda mempersempit pilihan Anda, daftar untuk uji coba gratis mereka dan pertimbangkan untuk menjalankan sprint desain lima hari untuk menguji air.