1

Pembayangan Rekabentuk

2

Perbincangan

• Pembayangan Rekabentuk adalah satu proses konsepsual yang dilakukan pada peringkat awal rekabentuk

• Rekabentuk holistik• Teknik untuk meyokong proses rekabentuk dan

menjelajahi ruangan untuk merekabentuk:– lakaran– senario, gambar, papan cerita– amalkan pengujian terhadap pengguna di peringkat

awal kerana lebih bermakna kepada pengguna.

3

Membayangkan sistem diperingkat awal

• Proses rekabentuk antaramuka- satu proses yang selalu diulang

• Teknik-teknik yang baik masih dalam peringkat pencarian

• Teknik pengumpulan keperluan pengguna dari bidang sosiologi banyak digunakan– Teknik ini mempertengahkan pengguna dan juga seluruh

situasi sosial yang terlibat

• Pereka cuba meletakkan diri mereka di dalam penggunaan sesuatu sistem yang baru. Dengan cara ini mereka berhasrat untuk memahami keadaan sebenar pengguna dan apa yang penting untuk mereka. – Inilah yang dipanggil “Ethnography”

4

Rekabentuk Holistik

• Rekabentuk dilihat secara meyeluruh– keputusan mengenai rupa rekabentuk yang akan dibina– bagaimana untuk menyampaikan perkara ini kepada

pengguna

• Berbeza dengan rekabentuk bersturktur– kurang berstruktur dan kekangan– tiada turutan peringkat dan perwakilan yang susah – lebih memberi perhatian kepada penampilan dan mod

konsepsual– menggunakan contoh-contoh yang sebenar sebagai model– membayangkan masalah dan peyelsesaian rekabentuk

5

Sambungan...

• Menggunakan teknik yang lebih bersifat kesenian– Teknik ini tidak dianggap untuk menggantikan cara lama

tetapi satu penambahan• permainan • berlakun sebagai sesuatu watak • percambahan minda • kumpulan fokus • lakaran - papan cerita • senario • protaip pantas

• etc. ......

6

Lakaran, metafor dan papan cerita

• Percambahan minda secara visual– lakaran awal– menggambarkan rekabentuk di atas papan/kertas– senario– prototaip berbentuk perisian atau video– belajar untuk menjadi kreatif

• satu turutan gambar yang memfokus pada aksi utama dalam sesuatu situasi yang mungkin berlaku

• Lakaran adalah berguna untuk mencuba pelbagai idea rekabentuk – boleh digunakan untuk menolong pereka memikirkan

organisasi antaramuka dan rekabentuk alternatif

• Rekaan boleh juga digambarkan dengan menggunak teknik-teknik yang menggunakan komputer seperti – Visual Basic, Delphi, Macromind Director Authorware

7

Senario dan percambahan minda

• Mereka satu jalan cerita yang mempunyai pelakon-pelakon untuk sesuatu peristiwa, barangan dan juga persekitaran

• Menolong pereka memikirkan tentang rekabentuknya melalui satu atau beberapa situasi yang konkrit

• Senario digunakan untuk meletakkan pengguna dalam rekaan awalan – Sumber yang berharga untuk menguji– Pereka tepaksa memikirkan adakah rekaannya itu baik?

8

Gambar

• Contoh gambar yang dimaksudkan adalah seperti satu lakaran kartun dan juga imej untuk menggambarkan interaksi yang boleh dilakukan

9

Senario, papan cerita dan gambar

• Teknik ini membolehkan pereka memikirkan tentang masalah yang akan dihadapi

• Teknik-teknik ini perlu diulang dengan melibatkan pengguna, penghasilan berbagai senario dan diperbaiki dari sedikit demi sedikit

10

CONTOH PAPAN CERITA

(Story board)

11

Apa yg perlu ada di dalam papan cerita?

Elemen yang perlu diambil kira sewaktu merekabentuk antaramuka pengguna adalah :

• Warna latarbelakang• Jenis tulisan• Saiz tulisan• Warna tulisan• Gambar-gambar yang digunakan• Jenis-jenis grafik

12

T1

 A1

B1

B2

B3

B4

B5

 

Papan cerita 1 : Menu Utama

                

Penerangan :T1 : Merujuk kepada tajuk utama projek iniA1 : AnimasiB1 : Butang pertama di mana apabila ditekan akan membawa pengguna ke tayangan fakulti-fakultiB2 : Butang ini pula akan membawa ke paparan Kolej-kolejB3 : Butang ini aka membawa pengguna ke paparan kemudahan-kemudahan yang terdapat di unversiti-unversitiB4 : Butang ini pula akan membawa pengguna aktiviti-aktiviti yang terdapat di sekitar universitiB5 : Butang ini pengguna menamatkan persembahan yang telah dilaksanakan.

13

14

Proses Prototaip

• Sebagai rangka yang akan digunakan dalam proses implemantasi

– memberi peluang pengguna menggunakan sistem yang bakal dibina dan boleh mengelakkan beberapa perkara yang tidak diingini hasil dari rekabentuk sebenar.

• Boleh digunakan bersama lain-lain teknik pengujian– analisis protockol– rakaman video

15

3 jenis prototaip

• Rendah• Pertengahan• Tinggi

16

Rendah

• Membolehkan– komunikasi– pembelajaran– penyampaian maklumat

• Tidak boleh digunakan terus untuk proses implemantasi (dalam bentuk kod)

• Digunakan oleh pereka BUKAN pengguna

• Lakaran dan papan cerita

17

Pertengahan

• Simulasi komputer: animasi untuk sesetengah fungsian sistem bukan semua

• Pertunjukan video dan slid– menggunakan perisian komputer– video boleh menghapuskan kekangan yang dihadapi

dengan menggunakan perisian komputer.

18

Tinggi

• Sangat interaktif, pengguna boleh berinteraksi dengan antaramuka tersebut seolah-olah sistem yang sebenar

• Mewakili fungisan yang sebenar. Jika kesuntukan masa: – Prototaip menegak: menggandungi sub set dari fungsian

keseluruhan sesuatu produk– Prototaip melintang: mengandungi fungsian peringkat

tinggi TETAPI tidak mengandungi operasi sistem di peringkat rendah