Laman » Toolkit » Alat Wireframing berguna dan Prototyping - Roundup

    Alat Wireframing berguna dan Prototyping - Roundup

    Konsep globalisasi mencetuskan dunia dengan kreativiti dan imaginasi yang tak terhingga di kalangan orang ramai dari belia kepada penatua. Berdasarkan fakta bahawa kreativiti menghasilkan peluang dalam bidang pemasaran, wireframing dan prototyping pasti dalam senarai. Ini adalah alat yang bukan hanya membuat laman web anda kelihatan bagus dan kemas, tetapi juga menarik.

    Berikutan dari Roundup Tools Usability yang Besar, kami ingin menampilkan beberapa alat wireframing dan prototyping berguna. Berdasarkan pengalaman saya sendiri dalam bercakap dengan orang yang bekerja pada reka bentuk pengalaman pengguna, saya tahu tidak ada alat untuk semua orang, sehingga hari ini kami ingin membentangkan anda dengan beberapa pilihan yang lebih baik.

    Wireframing dan Prototyping: Secara ringkasnya

    Wireframing adalah cara yang sangat baik untuk membantu anda membuat susun atur awal dan reka bentuk laman web anda (atau pelanggan anda). Ia bermakna anda boleh menghasilkan pelbagai konsep yang berbeza tanpa perlu melabur sejumlah besar masa atau wang ke dalam setiap konsep. Anda boleh melakukan kedua-dua kesetiaan rendah (lakaran, benar-benar) dan wireframe kesetiaan yang tinggi, menguji mereka dengan salah satu alat kegunaan yang kita buat kali terakhir, dan lakukan apa yang akan menjadi reka bentuk terbaik untuk anda,

    Prototyping bermaksud mewujudkan versi sebenar yang berfungsi di laman web menggunakan alat prototaip khas. Ia menggunakan struktur navigasi dan tata letak yang sama sebagai tapak akhir anda, jadi anda boleh dengan mudah melihat bagaimana pengguna berinteraksi dengan reka bentuk baru yang telah anda buat. Menggunakan alat prototaip adalah cara yang benar-benar cepat dan mudah untuk mendapatkan tapak langsung untuk anda atau pelanggan anda untuk bermain dengan, dan memberikan petunjuk yang baik mengenai apa yang tapak akhir akan menjadi seperti.

    Banyak alat ini boleh melakukan wireframing dan prototyping, jadi kami tidak memisahkannya ke dalam bahagian yang berbeza. Jangan ragu untuk bertanya sama ada anda tidak pasti apa yang dilakukannya. Teruskan membaca untuk senarai alat yang sangat berguna, dan pastikan anda memberitahu kami dalam ulasan jika terdapat alat hebat yang telah kami rindukan.

    20+ Alat berguna

    Omnigraffle

    Alat ini hanya untuk Mac, tetapi jika anda mempunyai Mac, ia sangat mudah digunakan. Ia mempunyai banyak sumber yang hebat, dan kelihatan sangat cantik juga. ($ 99.95 - $ 199.95)

    Keceriaan

    Axure adalah salah satu alat prototaip pantas yang paling popular di luar sana, dan mempunyai berikut yang sangat besar. Ia adalah alat yang hebat yang mempunyai komuniti yang baik di sekelilingnya. Ia berjalan pada kedua-dua Windows dan Mac. ($ 589)

    Mockingbird

    Mockingbird adalah aplikasi web yang kemas untuk membuat wireframes. Ia membolehkan anda menambah pautan dengan mudah antara dokumen anda supaya pengguna dapat memperoleh pengalaman yang lebih interaktif. Perkara yang menarik ialah anda juga boleh bekerjasama dengan pengguna lain. Oleh kerana ia tidak menggunakan kilat, anda juga boleh menggunakannya pada iPhone atau iPad anda. (Percuma - $ 85 / bulan)

    Balsamiq Mockups

    Balsamiq Mockups adalah aplikasi Adobe Air, jadi ia berjalan pada Mac, Windows dan Linux. Ini adalah aplikasi dengan beban fungsi dan komuniti yang kuat di sekelilingnya. Nah, ia patut dilihat. ($ 79)

    HotGloo

    Hotgloo adalah aplikasi web wireframing lain yang direka untuk kerjasama dalam talian. Ia mempunyai pelbagai alat yang berbeza dipanggang untuk menyusun pelbagai jenis laman web yang berbeza. Saya tidak boleh menafikan, terlalu cantik. (Percuma - $ 48 / bulan)

    Kreatif

    Secara kreatif, kedua-dua aplikasi web dan versi desktop serta integrasi dengan aplikasi Google. Ia membolehkan anda menyeret dan melepaskan antara muka supaya anda boleh menyediakan reka bentuk dengan cepat dalam apa jua cara yang anda suka, dan ciri kolaborasi seperti aplikasi juga. (Percuma - $ 75)

    FlairBuilder

    FlairBuilder adalah salah satu daripada aplikasi Adobe Air yang boleh anda jalankan di mana-mana platform yang anda suka. Ia melakukan kedua-dua wireframing dan prototaip, dan juga mempunyai modul untuk melakukan aplikasi iPhone anda. Nifty. ($ 99)

    Mockflow

    Mockflow mempunyai edisi web dan desktop. Ia mempunyai kedai sendiri supaya anda boleh mendapatkan beberapa templat tambahan dan butang untuk ditambah kepada orang-orang yang datang dengan aplikasinya. (Percuma - $ 69 / tahun)

    WireframeSketcher

    WireframeSketcher adalah aplikasi desktop yang membolehkan anda 'lakaran' wireframes, dan membina prototaip interaktif. Ia mempunyai perpustakaan UI yang besar di mana anda boleh membina reka bentuk yang berbeza dalam masa yang cukup baik. ($ 75)

    Justinmind

    Justinmind adalah alat prototaip cepat dengan versi Mac dan Windows. Selepas anda membuat reka bentuk anda, anda boleh mengeksportnya ke HTML untuk menguji atau berkongsi dengan sesiapa sahaja yang anda suka. ($ 495)

    Origramy

    Bukan pada mulanya dibayangkan sebagai alat penyaduran, tapi tentunya alternatif yang baik untuk masa-masa ketika anda perlu mengetuk kawat keras cepat. (Percuma)

    Wirify

    Secara peribadi, Wirify adalah kegemaran saya. Ia adalah buku panduan yang membolehkan anda menjana wireframes di mana-mana tapak yang anda sedang aktif. Versi percuma membolehkan anda melihatnya dalam talian (dan anda sentiasa dapat menangkap tangkapan skrin), atau jika anda membeli beberapa kredit, anda boleh mengeksport wireframes ke Omnigraffle, Balsamiq, SVG atau Visio. Ia alat yang sangat keren! (Harga bebas atau Pro - berbeza-beza)

    Simulify

    Simulify mempunyai edisi web dan desktop (aplikasi Adobe Air). Ia mempunyai ciri-ciri kolaborasi, dan membolehkan anda berkongsi reka bentuk anda secara dalam talian dengan sesiapa sahaja yang anda suka. (Percuma - $ 99 / bulan web, $ 80 desktop)

    JustProto

    JustProto, seperti namanya, adalah alat prototaip cepat. Ia dilengkapi dengan perpustakaan unsur berguna yang boleh anda tarik ke dalam sebarang reka bentuk, pilihan kolaborasi, dan pratonton langsung supaya pelanggan anda dapat melihat anda bekerja dalam masa nyata. (Percuma - $ 99 / bulan)

    Napkee

    Napkee bekerjasama dengan Balsamiq Mockups untuk membolehkan anda mengeksport reka bentuk anda lebih cepat ke HTML atau Flex. Jika anda seorang peminat Balsamiq, ia benar-benar alat yang sangat membantu. ($ 49 - $ 79)

    ForeUI

    ForeUI membolehkan anda dengan cepat memasang mockups, dan mengubahnya menjadi simulasi langsung yang boleh anda siarkan di web. Ia adalah cara yang cepat dan mudah untuk anda atau pengguna anda untuk mendapatkan idea tentang apa yang anda suka tapak hidup anda. ($ 99 +)

    Jumpchart

    Jumpchart adalah aplikasi yang sangat cantik yang bukan sahaja membolehkan anda menggabungkan wireframe dan prototaip, tetapi juga membolehkan anda mengeksportnya ke HTML, dan jika anda membayar untuk satu rancangan yang lebih tinggi, ia akan menyokong eksport WordPress juga. (Percuma - $ 50 / bulan)

    Protoshare

    Protoshare membolehkan anda bekerjasama dengan pelanggan, membuat prototaip interaktif dengan lebih cepat, dan mempunyai antara muka seretan dan drop bagus. Sesetengah pelanggan nama besar juga, jika itulah yang anda ada. ($ 29 - $ 179 / bulan)

    iPhoneMockup

    Ini adalah alat yang percuma dan sangat mudah untuk mewujudkan wireframe iPhone cepat. Sekiranya anda mempunyai idea tentang apa yang anda ingin bekerjasama atau sesuatu yang anda ingin bayangkan, ini adalah alat untuk anda. Cuba ia! (Percuma)

    Lumzy

    Walaupun Lumzy tidak kelihatan telah dikemas kini untuk sementara waktu, tetapi ia sepatutnya disebut sebagai alternatif percuma. Ia membolehkan anda melakukan mockups, prototaip, dan mempunyai beberapa ciri kolaborasi yang berbeza. (Percuma)

    Pidoco

    Pidoco membolehkan anda membuat wireframe, prototaip, bekerjasama dengan pelanggan, dan juga mempunyai beberapa fungsi pengujian kegunaan asas yang dibina dalam. ($ 9 - $ 99 / bulan)

    Jadi Sekarang Apa?

    Mudah-mudahan anda berasa terinspirasi selepas membaca siaran ini, dan anda mempunyai idea tentang bagaimana wireframing dan prototyping dapat membantu anda. Sebaik sahaja anda telah mencipta reka bentuk anda, anda boleh pergi dan mengujinya dengan semua alat kegunaan yang telah kami tampilkan.

    Sekiranya anda ingin maklumat lebih lanjut tentang wireframing dan prototaip, kami telah memasukkan beberapa pautan yang berguna di bawah.

    • Panduan untuk Pengendalian Wireframing (papermashup.com)
    • Wireframe Laman Web (Wikipedia)
    • Bagaimana Membangun Prototaip Berkesan (newfangled.com)

    Adakah anda mempunyai aplikasi lain yang anda cadangkan? Apakah alat kegemaran anda? Pastikan anda memberitahu kami di dalam komen di bawah.