Berbagi teknologi

[PM]Prototyping dan Desain Interaksi

2024-07-12

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

Klasifikasi arketipe

1. Sketsa prototipe

Gambar yang digambar tangan, digunakan pada tahap awal perencanaan, untuk mengatur ide

2. Prototipe dengan ketelitian rendah

Interaksi sederhana, tidak perlu pencocokan warna, terutama hitam, putih dan abu-abu, digunakan dalam tahap perencanaan dan peninjauan produk

Prototipe dengan ketelitian rendah yang terstandarisasi adalah dasar untuk prototipe dengan ketelitian tinggi

3. Prototipe dengan ketelitian tinggi

Interaksi kompleks, umumnya digunakan untuk demonstrasi publik,

Produk pertama-tama menghasilkan prototipe dengan ketelitian rendah, dan perancang membuat rancangan desain berdasarkan prototipe tersebut.

Prototipe dengan ketelitian rendah + rancangan desain = prototipe dengan ketelitian tinggi

poros

1. Antarmuka operasi

①Area menu ②Area lapisan ③Area komponen ④Area gambar ⑤Area gaya

2. Operasi umum
  1. Buat file baru: File->Baru
  2. Buka file: File->Buka
  3. Simpan file: File->Simpan
  4. Jenis file utama
  • .rp: file prototipe
  • .rplib: file perpustakaan komponen
  • File proyek tim .rpteam
  • file halaman web .html
  1. Simpan Otomatis: Preferensi->Aktifkan Cadangan
  2. Kombinasi: Ctrl+G
  3. Publish : Generate prototype ke dalam file HTML -> Disarankan untuk membuat folder baru terlebih dahulu
  4. Bantuan: Tentang Axure -> Lihat versi
  5. Bantuan: Kelola otorisasi->Perangkat lunak crack
  6. Tambahkan perpustakaan asli: perpustakaan komponen + nomor
  7. Hapus pustaka komponen: Buka pustaka komponen->Lainnya->Hapus pustaka komponen
3. Desain gaya

Seret komponen ke kanvas dan ubah gayanya

4. Desain interaksi

Interaksi adalah proses interaksi manusia-komputer, dan desain interaksi adalah desain aturan interaksi dan kinerja.

Di Axure, interaksi dibagi menjadi gaya interaksi dan logika interaksi

1. Gaya interaktif memiliki perubahan gaya umum bawaan, yang mudah digunakan tetapi tidak dapat mengatur logika.

2. Pengaturan logika interaksi lebih fleksibel. Dengan menambahkan peristiwa dan tindakan ke elemen, gaya yang dipersonalisasi dan interaksi logis dapat diselesaikan

3. Kumpulan efek interaktif perlu dilihat di pratinjau

5. Pengulang

Fungsi repeater adalah untuk menggunakan kembali struktur tanpa harus selalu menyalin dan menempel.

  1. Buat repeater, klik dua kali repeater untuk masuk ke mode edit
  2. Beri nama semua komponen untuk memfasilitasi pengikatan data selanjutnya.
  3. Keluar dari pengeditan dan isi data tabel (nama kolom hanya mendukung bahasa Inggris)
  4. Lihat->Mask->Matikan masker pengulang

6. Panel dinamis

Gunakan panel dinamis untuk mencapai efek peralihan konten

  1. Tambahkan bilah navigasi kiri
  2. Tambahkan panel dinamis di sebelah kanan
  3. Klik dua kali panel dinamis untuk masuk ke mode pengeditan
  4. Tetapkan elemen berbeda di negara bagian berbeda

  1. Tambahkan peristiwa klik ke navigasi dan atur status panel dinamis

  1. Efek pratinjau

spesifikasi prototipe

Perbedaan antara aplikasi ponsel dan komputer:

  1. Adaptasi layar (ukuran layar, resolusi)
  2. Metode interaksi (mouse lebih presisi dibandingkan kontrol jari)
versi PC

1. versi hati

Resolusi mainstream saat ini adalah 1920*1080, jadi format umumnya antara 960-1200, dan umumnya direkomendasikan 1200.

Sebelum 2012, resolusi mainstream adalah 1024*768, jadi pusat versinya adalah 760

2.Navigasi

3. Bentuk

4. Daftar

M akhir

Tidak ada spesifikasi ukuran tetap untuk terminal seluler. Prototipe dibuat sesuai dengan ukuran model yang disesuaikan. Misalnya, ukuran iPhone 6 adalah 375 * 667

1. Ukuran elemen tetap

2. Area umum

3. Bentuk tampilan umum