Brent Fox - Sugiyanto Planning Menu Flow.

Slides:



Advertisements
Presentasi serupa
Komponen Antarmuka Grafis
Advertisements

Komponen Antarmuka Grafis. Indrawani S/SPK/ GRAFIS • Grafis menjadikan presentasi informasi lebih jelas dalam mengungkapkan arti dari data dan dapat.
BORLAND DELPHI 1. Pengenalan Borland Delphi merupakan program aplikasi database yang berbasis Object Pascal dari Borland. Delphi juga memberikan fasilitas.
Shooting Editing Sadino, S.Kom..
Membuat Thema Media pembelajaran
MIDP, MIDLet & Antar Muka J2ME
KONSEP PEMROGRAMAN Pembagian Kode Program. Dasar Pembagian Kode Program Kode program dibagi ke dalam beberapa bagian, dengan tujuan untuk menyederhanakan.
MENGETIK DOKUMEN SEDERHANA
DASAR-DASAR MICROSOFT WORD
POSISI DI DEPAN KOMPUTER
MODUL 6 : MENGOPERASIKAN PERANGKAT LUNAK PRESENTASI
PERANCANGAN ANTARMUKA - 2
Sistem Menu.
Perancangan Sistem Ana Kurniawati.
Mata Pelajaran TIK Kelas X Semester 2
Keyboard Cara memasang keyboard:
Pembuatan Komponen Antar Muka Grafis
Profil Komputer.
Komponen Antarmuka Grafis
PEMROGRAMAN BEORIENTASI OBJEK
Menu.
Rama Lesmana Pendidikan Matematika
Komponen Antarmuka Grafis
Pembuatan Komponen Antarmuka Grafis
Designing Effective Output / Input
Aplikasi Lembar Kerja (Spreadsheet) MSExcel - 1
Menggunakan Menu dan kotak Dialog
Interaksi Manusia dengan Komputer
MENU dan navigasi situs
NamaSlide Tika Listiani Umar3-5 Erwin Suganda6-8 Indah Rahmawati Putri9-11 Ivan David12-14 Heru Setiawan15-17.
Interaksi Manusia & Komputer Website
Perancangan Sistem L. Erawan.
KONSEP USER INTERFACE.
Desain Antar Muka (Interface)
Menu, Form, dan Kotak Dialog
Konsep sistem informasi a
Pemrograman Visual I Outline: Pengenalan bahasa C#
B. Membuat Dokumen Baru.
KONSEP INTERFACE
Pengenalan Sistem Operasi
MENGENAL VISUAL BASIC 6.0 Pertemuan 3
Operating System Teknik Produksi dan Penyiaran Program Radio Kelompok Teknologi Informasi dan komunikasi Penyusun : Ahadiat,S.ST Dadang Abdurrakhman,S.Pd.
Brent Fox - Sugiyanto Console or PC?.
PEMILIHAN MENU DAN PENGISIAN FORMULIR
User interface Bagaimana user berinteraksi dengan komputer
Membuat Table Pertemuan 3
Referensi Cepat untuk Suara
APLIKASI KOMPUTER Microsoft Word 2007 I.
Brent Fox - Sugiyanto The Look and Feel of Your Interface.
Interaksi manusia komputer
Analisa & Perancangan sistem
Brent Fox - Sugiyanto Tool of The Trade.
Mobile Device User Interface
Algoritma dan Pemrograman 2A
Menu Drop Down.
Menu.
Kelas XII Semester Genap Tahun Pelajaran 2013 / 2014
REKAYASA WEB Development Process
PUTRI ANGGRAENI WIDYASTUTI
Rudy Eko Rahardjo, SE., M.Kom
Mencetak Dokumen Buka Menu File
KEYBOARD.
Komponen Aplikasi Android
Komputer 3 Dian C. Rini N, M.Kom
Fungsi CTRL Microsoft Word
MEMBUAT MEDIA PEMBELAJARAN INTERAKTIF DENGAN SLIDE MASTER & HYPERLINK
PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B
Brent Fox - Sugiyanto Planning Menu Flow.
KONSEP USER INTERFACE PENGANTAR KOMPUTER DAN TEKNOLOGI INFORMASI 1B.
MENGGUNAKAN SISTEM OPERASI ( OPERATING SYSTEM )
Transcript presentasi:

Brent Fox - Sugiyanto Planning Menu Flow

Perencanaan Alur Menu Perencanaan yang matang  desain lebih cepat Perencanaan, seberapa penting? Mempercepat desain  sekali kerjakan, benar. Menghasilkan daftar kebutuhan Revisi  bukan tambahan waktu kerja Membantu menentukan jadwal Kreatifitas dalam Perencanaan Karakter 3D pemandu user Animasi transisi antar layar tampilan

Perencanaan Alur Menu Mendapatkan Persetujuan Animasi transisi antar layar tampilan Mendapatkan Persetujuan Perencanaan yg baik dapat memperjelas proyek. Terjadi masalah, kembali ke rencana yg telah disetujui. Bukan sebagai ancaman, tetapi komitmen. Komunikasi yg baik, memahami produsen/penerbit. Perencanaan interface membantu game desain Diskusi dengan programmer Tujuan game desain Setiap fitur memiliki tujuan

Perencanaan Alur Menu Daftar prioritas tujuan Tujuan game : Promosi lisensi atau personal Pemanfaatan lisensi atau personal Penjadwalan Jangkauan audiens Membuat sesuatu yang unik Memenagkan kompetisi game Memanfaatkan keberhasilan memenangkan kompetisi game Melanjutkan serial yang sukses

Perencanaan Alur Menu Metode Charting Break-down tujuan lebih spesifik Menjual produk (selain game itu sendiri) Promosi masalah moral Membuat pengalaman pendidikan Membuat cerita, dll. Break-down tujuan lebih spesifik Metode Charting Sistem menu sebelum game dimulai  front-end Untuk merencanakan dan mengatur menu front-end sebaiknya menggunakan flow chart

Perencanaan Alur Menu Menu harus konsisten dan jelas Prioritas mempengaruhi pengambilan keputusan Buat sebuah kotak yang mewakili sebuah layar beserta setiap opsi yang dimiliki oleh layar tersebut Bedakan antara setiap item yang Interaktif dan tidak dalam setiap Kotak tampilan layar. Misalnya yang tidak interaktif ditampilkan dengan huruf miring.

Perencanaan Alur Menu Membuat kotak untuk setiap layar dalam menu dan daftar setiap pilihan pada setiap layar.

Perencanaan Alur Menu Buat anak panah yang menunjukkan aliran antarmuka. Perhatikan transisi dan item yang terkunci

Perencanaan Alur Menu Pengembangan menu dengan menggunakan pop-up menu.

Perencanaan Alur Menu Jenis Tombol Jenis alat interaktif : mouse, controller, voice recognition, guns, drums, dll. Tombol Mendapatkan input user dari mendeteksi tombol yang dipilih. Dari setiap pilihan sistem akan menyesuaikan perubahan sesuai pilihan tersebut.

Perencanaan Alur Menu Sliders Mendapatkan input berupa nilai-nilai yang memiliki berbagai kemungkinan. Semakin sedikit pilihan, pekerjaan semakin mudah Kreatif, semua sliders tiddak harus berbentuk sama. Contoh : music volume

Perencanaan Alur Menu Toggle Switch List Hanya untuk dua kemungkinan pilihan, ON atau OFF. List Semua pilihan tampil, user dapat memindahkan indikator pilihan.

Perencanaan Alur Menu Input Text Antarmuka untuk memasukkan teks. Memilih karakter, tersedia tombol Pilih dan Hapus Kelebihan : efektif, dapat bekerja dengan controller sederhana Kelemahan : lebih lambat Pilihan karakter dengan menggeser controller ke atas dan ke kebawah. Menggeser ke kiri, menghapus karakter, ke kanan menambah karakter

Perencanaan Alur Menu Drop-down Menu Variasi lain Banyak sistem operasi maupun aplikasi menggunakan drop-down menu. Membuat user tidak merasa bermain Diperlukan variasi, misal ditambahkan animasi untuk transisi Variasi lain Buat metode baru dengan menggunakan visi dan kreatifitas Jangan membuat antarmuka yang membingungkan Gunakan metode baru hanya ketika mereka akan memiliki dampak positif pada desain

Perencanaan Alur Menu Common Menu Screens Legal screen  mencakup masalah hukum, hak cipta Publisher logo screen  ditampilkan logo publisher Developer logo screen  ditampilkan logo pengembang Console logo screen  ditampilkan logo sistem Title screen  nama permainan mencakup pilihan interaktif Option  opsi untuk mengubah pengaturan game Credits  daftar orang yg bekerja pembuatan game Environtment or level select  pengguna dapat memilih tingkat lokasi untuk bermain

Perencanaan Alur Menu Simplicity versus Depth Evaluasi aliran menu Player editor  untuk mengubah tampilan dan atribut karakter dalam permainan Information  informasi tambahan : cerita, peta, dll. Save/Load game  memungkinkan user menyimpan dan memanggil permainan yang ditampilkan Simplicity versus Depth Evaluasi aliran menu Menu yang sederhana dan mudah digunakan Pertanyaan dalam evaluasi : Jumlah pilihan setiap layar Pengelompokan yang logis

Perencanaan Alur Menu Seberapa cepat pemain baru masuk ke permainan Opsi yang sering disesuaikan oleh user Opsi yang jarang disesuaikan oleh user Perbandingan menu dengan permainan serupa Jumlah user yang harus kembali memulai permainan Batasi jumlah layar dan pilihan pada setiap layar Pengujian antarmuka yang baik : Berapa banyak menekan Enter untuk masuk ke game Opsi yang dipilih untuk metode standard Pilihan opsi tidak menjadi default User back up untuk pilihan opsi yang jarang disesuaikan

Perencanaan Alur Menu Perencanaan Heads Up display Memulai permainan tanpa harus dari Start Game Perencanaan Heads Up display Antarmuka yang ditampilkan saat bermain game : radar, health meter, score. Tidak perlu flow chart, tetapi harus diorganisir. Opsi-opsi yang perlu diakses saat Pause game. Daftar semua kemungkinan yang terjadi selama seluruh permainan. Contoh : peringkat angka  bintang, untuk mengetahui posisi disediakan pop-up menu