Perbedaan antara konsep Desain UI / UX dasar antara layar berkabel dan prototipe

Istilah "kawat" dan "prototipe" selalu dibingungkan oleh desainer, terlepas dari apakah mereka adalah desainer yang berpengalaman, mungkin karena kesalahpahaman atau karena alasan lain. Padahal, pengertian antara kedua istilah ini sangat jelas dan berbeda. Mari kita bedakan kedua istilah ini.

Apa itu kartu Sim?

Layar berkabel adalah tata letak yang sederhana namun sederhana dan mudah yang memiliki 3 tujuan sederhana namun langsung:

1. Menyediakan grup informasi dasar

2. Gambar struktur dan tata letak

3. Tampilan dan deskripsi antarmuka pengguna

Setelah Anda membangun kawat dengan benar, ini akan menjadi struktur dasar produk Anda. Seperti tata letak bangunan, bangunan ini dengan jelas dan akurat menjelaskan detailnya.

Fitur visual dari kawat berkabel

Layar berkabel memiliki batasan visual yang sangat jelas. Secara umum, desainer harus menggunakan hanya garis, kotak, dan abu-abu untuk menyelesaikan (abu-abu yang berbeda berarti tingkat yang berbeda).

Kabel vektor sederhana

Symphrams sederhana termasuk gambar, video dan teks

Keuntungan pemasangan kabel

Pengkabelan cepat dan murah, terutama jika Anda menggunakan alat prototyping seperti UXPin, Mockplus, Balsamiq dan Axure. Tentu saja, Anda harus menggunakan alat prototyping ini untuk melakukannya terlebih dahulu.

Membandingkan kabel resolusi tinggi yang terperinci dan terinci adalah penting untuk mengumpulkan umpan balik. Kenapa tidak Ini karena orang lebih menekankan pada kinerja perangkat lunak, arsitektur informasi, pengalaman pengguna, jadwal interaksi pengguna dan penggunaan daripada mempertimbangkan fitur estetika elemen-elemen ini. Namun, dalam hal ini Anda dapat dengan mudah mengubahnya sesuai kebutuhan, tetapi Anda tidak harus mengonfigurasi pengodean dan pengeditan grafis.

Simfoni Interaktif

Kadang-kadang, desainer lebih memilih untuk meningkatkan keandalan kabel untuk meningkatkan pentingnya antarmuka pengguna dalam beberapa hal dan untuk menunjukkan logika interoperabilitas antara pengujian instan dan elemen visual. Untuk menyelesaikan masalah ini dengan benar, program menggunakan simfram interaktif, juga dikenal sebagai telframe cetak.

Jika Anda ingin membuat kawat yang sedemikian rumit, Anda memerlukan UXPin, yang merupakan alat untuk memasang dan membuat prototipe kabel. Membuat prototipe interaktif dapat menjadi presentasi terbaik untuk tim dan klien yang sedang berkembang. Anda bertanya, "Apa yang terjadi ketika saya menekan tombol ini?" Ketika Anda memiliki masalah, Anda hanya perlu mengklik dan menunjukkan kepada pelanggan bagaimana berinteraksi dengan prototipe interaktif. Bahkan, itu mengesankan dan langsung.

Arahkan kawat dengan hati-hati

Jika Anda harus memberinya telfram kepadanya, Anda harus berhati-hati dengan pria yang benar-benar layak. Dia mungkin klien Anda, serta manajer non-teknis yang terlibat dalam kolaborasi. Tetapi dia tidak tahu bahwa kawat dan produk akhir mungkin tampak saling berhubungan. Dengan demikian, ia mungkin tidak memahami komunikasi internal dan mode kerja di antara mereka. Jadi, Anda harus mempresentasikan dan bagaimana membuat keputusan yang tepat.

Ini adalah alur kerja pengguna aplikasi yang dibuat oleh Fernando Guillen. Tentu saja, ini tidak diragukan lagi versi desain awal.

Lemari kawat adalah bagian terpenting dari desain. Ketika Anda melihat diagram alur ini, Anda memahami bahwa perlu waktu untuk menjelaskan mengapa ini disebut symphram, dan mengapa kita harus menggunakan symphram. Atau Anda bisa melewati langkah ini.

Apa prototipe

Permintaan untuk prototipe lebih tinggi dari wire / teleframe interaktif, harus berupa interaktif dan, sebanyak mungkin, prototipe resolusi tinggi yang sesuai dengan antarmuka pengguna akhir.

Tujuan prototipe jelas: untuk menyederhanakan interaksi pengguna dan antarmuka sebanyak mungkin. Ketika tombol ditekan, operasi yang sesuai harus dilakukan dan halaman yang relevan muncul, mencoba meniru pengalaman produk lengkap.

Fitur visual dari prototipe

Jelas, prototipe harus memiliki fitur estetika produk, dan mencoba menyamakan versi terbaru. Pada dasarnya, ini adalah skin produk yang tidak memiliki HTML / CSS / JS, dan Anda tidak perlu menelusuri server dan database.

Keuntungan dari prototipe

Mengapa ini sangat penting? Prototipe ini biasanya digunakan oleh pengguna untuk pengujian produk. Menguji prototipe dapat menghemat biaya dan waktu pengembangan pada tahap yang sangat awal. Dengan demikian, arsitektur produk tidak berkurang karena antarmuka interaktif yang tidak masuk akal. Jadi prototipe adalah pencapaian sempurna bagi perancang dan pengembang untuk menguji produk.

Selain itu, memberikan prototipe kepada pengguna untuk mengumpulkan umpan balik, berkenalan dengan semua detail produk Anda dan menginspirasi seluruh tim. Sebagian besar alat prototyping dapat membangun prototipe dengan cepat dan efisien, tetapi tidak perlu dikodekan.

Alur desain

Setelah Anda memahami perbedaan antara desain dan kawat dan prototipe, Anda berada di garis depan dalam dunia desain pengalaman pengguna.

Jika Anda dapat mengubah seri desain produk Anda menjadi alur kerja yang kohesif dan efisien, akan ada beberapa belokan yang menakjubkan.

Kiat

Saat membuat Wireframe, coba gunakan elemen yang dapat diedit dan dapat digunakan kembali. Dalam hal ini, Anda akan terus menghapus elemen untuk melakukan prototipe berdasarkan kabel berkabel.

Saat memasang kabel, cobalah untuk mengumpulkan ide dan ide dari tim Anda dan pelanggan Anda, dan cobalah untuk mencerminkan mereka dalam desain simfoni.

Gunakan alat Anda yang paling nyaman.

UXPin

UXPin telah menciptakan lebih dari 900 elemen UI yang berbeda sehingga Anda dapat membuat kabel dan prototipe.

Proto.io

Proto.io adalah alat prototipe yang sangat kuat dan dapat mengekspor kode HTML / CSS berbasis prototipe dan prototipe interaktif untuk layar sentuh, memungkinkan pengguna untuk mengujinya di perangkat nyata.

Balsamic

Populator, r adalah pemancar kawat hanya untuk telframe stasioner.

Moqups

Alat ini membantu Anda menerapkan teleframe Anda secara online.

Mockplus

Mockplus adalah alat prototyping lengkap untuk kebisingan cepat, desain cepat dan tampilan cepat. Ini memungkinkan Anda untuk membuat perangkat seluler untuk seluler (Android dan iOS), desktop (PC dan Mac) dan aplikasi web. Di Mockplus 3.0, ia menambahkan kolaborasi tim yang efektif.

Aksu

Apakah kita memerlukan lebih banyak implementasi alat ini sebagai ekstensi kawat paling populer dan alat desain prototipe? Saya kira tidak.

Protoshare

Alat ini juga dapat membuat kartu sim dan prototipe di Internet.

InvisionApp

Alat ini membantu Anda membuat prototipe yang Anda butuhkan, Anda tidak menggambar apa pun, tetapi Anda dapat menambahkan tautan di antara berbagai layar.

Ingin menulis ide desain Anda ke .dsgnrs. blog? Baca lebih lanjut ...