Diterjemahkan dari bahasa Inggris ke bahasa Indonesia - www.onlinedoctranslator.

com

BAB 11 BAGIAN IV

Yang Penting
dari Desain

Merancang Output yang Efektif

Lpenghasilan HAItujuan
Setelah Anda menguasai materi dalam bab ini, Anda akan dapat:
1. Memahami tujuan desain keluaran yang efektif.
2. Kaitkan konten keluaran dengan metode keluaran di dalam dan di luar organisasi.

3. Sadari bagaimana bias keluaran mempengaruhi pengguna.

4. Desain tampilan keluaran.

5. Desain dasbor, widget, dan gadget.

6. Rancang situs web untuk e-niaga dan penggunaan perusahaan yang menyertakan teknologi Web 2.0.

7. Memahami proses pengembangan aplikasi yang digunakan pada smartphone dan tablet.

Output adalah informasi yang disampaikan kepada pengguna melalui sistem

informasi melalui intranet, ekstranet, atau Web. Beberapa data memerlukan
pemrosesan ekstensif sebelum menjadi keluaran yang sesuai; data lain disimpan,
dan ketika diambil, mereka dianggap sebagai keluaran, dengan sedikit atau tanpa
pemrosesan. Output dapat mengambil banyak bentuk, termasuk soft copy seperti
layar tampilan, smartphone, tablet, microforms, dan output video dan audio, serta
hard copy tradisional dari laporan cetak. Pengguna mengandalkan output untuk
menyelesaikan tugas mereka, dan mereka sering menilai manfaat dari
suatu sistem hanya dengan outputnya. Untuk menciptakan keluaran yang paling berguna, seorang analis
sistem harus bekerja sama dengan pengguna melalui proses interaktif sampai hasilnya dianggap
memuaskan.

293
294 Bagian 4 • esensi Desain

Tujuan Desain Keluaran

Karena keluaran yang berguna sangat penting untuk memastikan penggunaan dan penerimaan sistem informasi,
ada enam tujuan yang ingin dicapai oleh seorang analis sistem ketika merancang keluaran:

1. Merancang keluaran untuk memenuhi tujuan yang dimaksudkan

2. Merancang keluaran agar sesuai dengan pengguna

3. Memberikan jumlah output yang sesuai

4. Memastikan output berada di tempat yang dibutuhkan
5. Memberikan output tepat waktu
6. Memilih metode keluaran yang tepat

Merancang Keluaran untuk Melayani Tujuan yang Dimaksudkan

Semua keluaran harus memiliki tujuan. Selama fase analisis penentuan kebutuhan informasi, seorang
analis sistem menemukan tujuan pengguna dan organisasi apa yang ada. Output kemudian dirancang
berdasarkan tujuan tersebut.
Anda akan memiliki banyak kesempatan untuk memberikan output hanya karena sebuah aplikasi
memungkinkan Anda untuk melakukannya. Ingat aturan tujuan, namun: Jika output tidak berfungsi, itu tidak
boleh dibuat karena ada biaya waktu dan bahan yang terkait dengan semua output dari suatu sistem.

Merancang Output agar Sesuai dengan Pengguna

Dengan sistem informasi yang besar yang melayani banyak pengguna untuk berbagai tujuan, seringkali sulit untuk
mempersonalisasi keluaran. Berdasarkan wawancara, observasi, pertimbangan biaya, dan mungkin prototipe, akan
memungkinkan untuk merancang keluaran yang membahas apa yang banyak, jika tidak semua, yang dibutuhkan dan disukai
pengguna.
Secara umum, paling praktis untuk membuat keluaran khusus pengguna atau pengguna yang dapat
disesuaikan ketika merancang sistem pendukung keputusan atau aplikasi lain yang sangat interaktif seperti yang
menggunakan Web sebagai platform. Namun, masih mungkin untuk merancang keluaran agar sesuai dengan tugas
dan fungsi pengguna dalam organisasi, yang membawa kita ke tujuan berikutnya.

Menyampaikan Kuantitas Output yang Sesuai

Bagian dari tugas merancang keluaran adalah memutuskan berapa jumlah keluaran yang benar bagi pengguna. Heuristik
yang berguna adalah bahwa suatu sistem harus menyediakan apa yang dibutuhkan setiap orang untuk menyelesaikan
pekerjaannya. Jawaban ini masih jauh dari solusi total karena mungkin tepat untuk menampilkan subset informasi tersebut
terlebih dahulu dan kemudian memberikan cara bagi pengguna untuk mengakses informasi tambahan dengan mudah.
Masalah kelebihan informasi begitu lazim sehingga klise, tetapi tetap menjadi perhatian yang valid.
Tidak ada yang dilayani jika informasi berlebih diberikan hanya untuk memamerkan kemampuan sistem.
Selalu ingat pembuat keputusan. Seringkali mereka tidak membutuhkan output dalam jumlah besar,
terutama jika ada cara mudah untuk mengakses lebih banyak melalui kemampuan hyperlink atau drill-down.

Memastikan Output Ada Di Tempat Yang Dibutuhkan

Output sering diproduksi di satu lokasi dan kemudian didistribusikan ke pengguna. Peningkatan online,
output yang ditampilkan di layar yang dapat diakses secara pribadi telah mengurangi masalah distribusi,
tetapi distribusi yang tepat masih merupakan tujuan penting bagi seorang analis sistem. Agar dapat
digunakan dan bermanfaat, output harus disajikan kepada pengguna yang tepat. Tidak peduli seberapa baik
laporan dirancang, jika pembuat keputusan terkait tidak melihatnya, mereka tidak memiliki nilai.

Memberikan Output tepat waktu

Salah satu keluhan paling umum dari pengguna adalah bahwa mereka tidak menerima informasi tepat waktu untuk membuat

keputusan yang diperlukan. Meskipun waktu bukanlah segalanya, itu memainkan peran besar dalam seberapa berguna output

nantinya. Banyak laporan diperlukan setiap hari, beberapa hanya bulanan, yang lain setiap tahun, dan lainnya hanya dengan

pengecualian. Menggunakan output berbasis Web yang dipublikasikan dengan baik dapat mengurangi beberapa masalah dengan

waktu distribusi output juga. Waktu output yang akurat dapat menjadi sangat penting untuk operasi bisnis.

Memilih Metode Output yang Tepat

Memilih metode keluaran yang tepat untuk setiap pengguna adalah tujuan lain dalam merancang keluaran. Banyak
keluaran sekarang muncul di layar tampilan, dan pengguna memiliki opsi untuk mencetaknya dengan
 Bab 11 • Merancang keluaran yang efektif 295

Perusahaan
Gambar 11.1
Pelanggan
logo dan na
ma menulis Dokumen turnaround untuk
sudah dice
tak sebelu
mnya jumlah dari pemrosesan data Minigasco.
pada tagiha
n pembayaran
di
penyataan. area ini.

Suatu daerah
adalah

disediakan
un tuk
1000 N St. pelanggan
untuk
Lincoln, NE 6850
1 masukkan
perub ahan
Nomor rekening Tolong Tunjukk
an
dari alamat Jumlah yang dibaya
rkan
. 640-056-175
Periksa di sini jika

dan tulis alamat

baru Anda di baw
ah ini.
Informasi
tentang
akunnya ad
alah
dicetak oleh
Jumlah yang harus
dibayar

komputer. $17.38

Alamat Layanan
Nomor rekening
Eckert Caryn S Tanggal tagihan
Pembayaran har
123 Oak Street 640-056-175 us
7/8/2012 diterima oleh ini
Lincoln, NE 6850 Bacaan Sebelumn tanggal untuk dikre
1 ya Pembacaan Met
ditkan pada
eran
1517
tagihan Anda berik
utnya

1547 5 Agustus 2012

pencetak sendiri. Seorang analis perlu mengenali trade-off yang terlibat dalam memilih metode output. Biaya
berbeda; bagi pengguna, ada juga perbedaan dalam aksesibilitas, fleksibilitas, daya tahan, distribusi, kemungkinan
penyimpanan dan pengambilan, kemudahan pengangkutan, dan dampak keseluruhan data. Pilihan metode
keluaran bukanlah hal yang sepele, juga bukan merupakan kesimpulan yang pasti.

Menghubungkan Konten Keluaran dengan Metode Keluaran

Isi keluaran dari sistem informasi harus dianggap saling terkait dengan metode keluaran. Setiap kali Anda
mendesain keluaran, Anda perlu memikirkan bagaimana fungsi memengaruhi bentuk dan bagaimana tujuan
yang dimaksudkan akan memengaruhi metode keluaran yang Anda pilih.
Keluaran harus dipikirkan secara umum sehingga setiap informasi yang dihasilkan oleh sistem
komputer yang berguna bagi orang dalam beberapa cara dapat dianggap sebagai keluaran. Hal ini
dimungkinkan untuk mengkonseptualisasikan keluaran baik sebagai eksternal (keluar bisnis), seperti
informasi yang muncul ke publik di Web, atau internal (tetap di dalam bisnis), seperti materi yang
tersedia di intranet.
Keluaran eksternal akrab bagi Anda melalui tagihan listrik, iklan, gaji, laporan tahunan, dan berbagai
komunikasi lain yang dimiliki organisasi dengan pelanggan, vendor, pemasok, industri, dan pesaing mereka.
Analis sistem terkadang merancang keluaran eksternal, seperti tagihan utilitas, untuk melayani tugas ganda
sebagai dokumen turnaround. Gambar 11.1 adalah tagihan gas yang merupakan dokumen turnaround
untuk pengolahan data perusahaan gas. Output untuk satu tahap pemrosesan menjadi input untuk tahap
berikutnya. Ketika pelanggan mengembalikan bagian dokumen yang ditentukan, dokumen tersebut dipindai
secara optik dan digunakan sebagai input komputer. Dengan munculnya TI hijau (juga disebut komputasi
hijau, atau keberlanjutan ICT), banyak organisasi mencoba mendorong pelanggan untuk memikirkan
penghematan lingkungan, kemudahan penggunaan, dan akses 24 jam ke akun sehingga mereka beralih dari
laporan kertas ke tagihan online. Transaksi elektronik kemudian akan mengurangi dampak lingkungan dari
keluaran kertas, dan selanjutnya akan mengkomputerisasi hubungan bisnis dengan konsumen.

Output eksternal berbeda dari output internal dalam distribusi, desain, dan penampilannya. Banyak dokumen
eksternal harus menyertakan instruksi kepada penerima jika ingin digunakan dengan benar. Banyak keluaran
eksternal ditempatkan pada formulir pracetak atau situs web yang memuat logo perusahaan dan warna perusahaan.
296 Bagian 4 • esensi Desain

Metode Keluaran Keuntungan Kekurangan

Pencetak • Terjangkau untuk sebagian besar organisasi
• Fleksibel dalam jenis output, lokasi, dan
kemampuan
• Menangani volume output yang besar
• Sangat andal dengan sedikit waktu henti
• Masih memerlukan beberapa intervensi operator
• Masalah kompatibilitas dengan perangkat lunak komputer
• Mungkin memerlukan persediaan khusus yang mahal
• Tergantung pada model, mungkin lambat
• Tidak ramah lingkungan

Tampilan layar • Interaktif • Mungkin memerlukan kabel dan ruang pengaturan

• Transmisi online dan real-time • Membutuhkan sistem untuk mengambil "snapshot" layar dan

• Diam menyimpannya untuk digunakan di masa mendatang

• Memanfaatkan kemampuan komputer untuk

pergerakan dalam database dan file
• Baik untuk pesan singkat yang sering
diakses

Keluaran audio • Baik untuk pengguna individu • Membutuhkan earbud yang outputnya akan
dan podcast • Baik untuk pesan sementara mengganggu tugas lain
• Baik di mana pekerja membutuhkan handsfree • Memiliki aplikasi terbatas
• Baik jika output perlu
didistribusikan secara luas

Perangkat seluler • Sangat portabel • Layar mungkin terlalu kecil untuk teks
• Sangat interaktif menggunakan gerakan • Ikon dan tombol mungkin membingungkan
• Zoom dimungkinkan • Mungkin lebih mudah hilang

Keluaran elektronik • Mengurangi kertas • Tidak kondusif untuk pemformatan (email)

(email, situs Web, blog, • Dapat diperbarui dengan sangat mudah • Sulit untuk menyampaikan konteks pesan (email)
dan umpan RSS) • Dapat "disiarkan" • Situs web membutuhkan perawatan yang rajin
• Dapat dibuat interaktif

Gambar 11.2
Perbandingan metode keluaran.

Keluaran internal mencakup berbagai laporan kepada pengambil keputusan. Mulai dari laporan ringkasan pendek
hingga laporan panjang dan terperinci. Contoh laporan ringkasan adalah laporan yang merangkum total penjualan bulanan.
Sebuah laporan rinci mungkin memberikan penjualan mingguan oleh tenaga penjualan.
Jenis laporan internal lainnya termasuk laporan historis dan laporan pengecualian yang dikeluarkan hanya
pada saat pengecualian terjadi. Contoh laporan pengecualian adalah daftar semua karyawan tanpa absen untuk
tahun ini, daftar semua tenaga penjualan yang melakukannyabukan memenuhi kuota penjualan bulanan mereka,
atau laporan keluhan konsumen yang dibuat dalam enam bulan terakhir.

Teknologi Keluaran
Memproduksi berbagai jenis output membutuhkan teknologi yang berbeda. Untuk hasil cetak, pilihannya
mencakup berbagai printer, termasuk printer dokumen standar, printer label khusus, dan printer 3-D. Untuk
output layar, opsinya mencakup tampilan yang terpasang atau berdiri sendiri serta layar sentuh yang sensitif
yang ditemukan di smartphone dan tablet. Output audio dapat diperkuat melalui pengeras suara atau
dirancang untuk mendengarkan individu di perangkat seluler. Keluaran elektronik meliputi halaman web,
email, umpan RSS (Real Simple Syndication), dan blog. Gambar 11.2 adalah perbandingan metode keluaran.

Faktor yang Perlu Dipertimbangkan Saat Memilih Teknologi Output

Ada beberapa faktor yang perlu dipertimbangkan ketika memilih teknologi keluaran. Meskipun teknologi berubah
dengan cepat, faktor penggunaan tertentu tetap cukup konstan dalam kaitannya dengan terobosan teknologi.
Faktor-faktor ini, beberapa di antaranya menghadirkan trade-off, harus dipertimbangkan. Mereka termasuk yang
berikut:

1. Siapa yang akan menggunakan (lihat) output (kualitas yang dipersyaratkan)?

2. Berapa banyak orang yang membutuhkan output?

3. Dimana output yang dibutuhkan (distribusi, logistik)?

 Bab 11 • Merancang keluaran yang efektif 297

4. Apa tujuan dari keluaran? Apa tugas pengguna dan organisasi yang didukung?
5. Berapa kecepatan output yang dibutuhkan?
6. Seberapa sering output akan diakses?
7. Berapa lama (atau harus) output disimpan?
8. Di bawah peraturan khusus apa output diproduksi, disimpan, dan didistribusikan?
9. Berapa biaya awal dan berkelanjutan untuk pemeliharaan dan persediaan?
10. Apa persyaratan manusia dan lingkungan (aksesibilitas, penyerapan kebisingan, suhu terkontrol,
ruang untuk peralatan, pemasangan kabel, dan kedekatan dengan pemancar Wi-Fi atau titik
akses—yaitu, hot spot) untuk teknologi keluaran?

Semakin, organisasi mengambil inisiatif TI hijau sebagai bagian dari upaya keberlanjutan. Inisiatif
ini dapat membatasi jumlah laporan kertas yang dicetak atau dapat mencegah karyawan mencetak
salinan pesan email dengan menambahkan pemberitahuan TI hijau ke bagian bawah setiap pesan
email perusahaan. Memeriksa setiap faktor output secara terpisah akan memungkinkan Anda untuk
melihat keterkaitan dan bagaimana mereka dapat ditukar satu sama lain dalam sistem tertentu.

Siapa yang Akan Menggunakan (lihat) OUTpUT? Menemukan siapa yang akan menggunakan output itu penting karena

persyaratan pekerjaan membantu menentukan metode output apa yang sesuai. Misalnya, ketika manajer distrik
harus berada jauh dari meja mereka untuk waktu yang lama, mereka membutuhkan hasil cetak yang dapat dibawa
bepergian bersama mereka atau teknologi yang dapat mengakses situs web dan database yang sesuai saat mereka
mengunjungi manajer di wilayah mereka. Output layar atau dokumen Web interaktif sangat baik untuk orang-orang
seperti petugas operator truk yang bekerja di meja untuk waktu yang lama.
Penerima eksternal output (klien dan pelanggan, vendor dan pemasok, pemegang saham, dan badan
pengatur) dan pengguna dalam bisnis akan memerlukan output yang berbeda. Klien, vendor, dan pemasok
dapat menjadi bagian dari beberapa ekstranet, yang merupakan jaringan komputer yang dibangun oleh
organisasi, menyediakan aplikasi, pemrosesan, dan informasi kepada pengguna di jaringan.
Periksa situs web yang ditunjukkan pada Gambar 11.3 untuk perusahaan e-niaga bernama Merchants
Bay. Perancang Web menyesuaikan diri dengan pengguna yang dituju dari situs hadiah grosir. Situs web
perusahaan e-niaga didukung oleh algoritme negosiasi yang dipatenkan di mana pengguna mengajukan
tawaran (untuk 1 item atau 400) pada serangkaian barang dagangan. Strategi perusahaan didasarkan pada
pengalaman pribadi presiden dengan pasar loak dan pengamatan bahwa orang sangat tertarik untuk
menawar kesepakatan.
Situs web dengan sengaja memunculkan kesan berantakan, mirip dengan apa yang didapat seseorang
saat berjalan-jalan di pasar loak. Situs ini ditujukan untuk pelanggan yang sering mengunjungi pasar loak:
Mereka dikenal sebagai kolektor, suka berteman, dan ingin tahu secara alami. Situs webnya berlimpah

gambar 11.3
Saat mendesain situs web, penting
untuk memilih metafora yang dapat
digunakan di seluruh situs. adalah
contoh dari Merchants Bay
ww.merchantsbay.com)
menggunakan tema autical.
(Screenshot situs web erchant Bay.
Hak Cipta 2000 oleh Merchants Bay
LLC. dicetak dengan izin dari Troy
ppas.)
298 Pa

KONSULTASI KESEMPATAN 11.1

Kandangmu atau Kandangku?

“A- hy tidak bisa mereka mendapatkan ini benar? Ini mendorong saya untuk
mengalihkan perhatian. Kebun binatang di Kolombia menulis kepada saya tentang seekor
harimau yang telah dipinjamkan dari tempat kami sejak 2008. Mereka seharusnya menulis
kepada Tulsa,” Ella Fant terompet, melambaikan surat di udara. Ella adalah kurator umum
yang bertanggung jawab atas program pemuliaan hewan di Kebun Binatang Gotham
nirlaba.
Dia sedang berbicara dengan anggota komite lima orang kebun binatang
tentang proposal di depan mereka. Komite bertemu setiap bulan untuk
memutuskan hewan mana yang akan dipinjamkan ke kebun binatang lain dan
hewan mana yang akan dipinjamkan untuk dikembangbiakkan. Panitia terdiri
dari Ella Fant, kurator umum; Ty Garr, direktur kebun binatang; dua karyawan
kebun binatang, Annie Malle dan Mona Key; dan orang awam, Rex Lyon, yang
berbisnis di komunitas.
Ty mondar-mandir di depan kelompok dan melanjutkan pertemuan, dengan
mengatakan, “Kami memiliki kemungkinan untuk meminjamkan dua tamarin emas
kami, dan kami memiliki kesempatan untuk bermain sebagai mak comblang untuk
dua panda yang lebih rendah. Karena kalian bertiga masih baru dalam komite, saya
akan membahas secara singkat tanggung jawab kalian. Seperti yang Anda tahu, Ella
dan saya akan menerkam setiap kesempatan untuk memikat hewan untuk program
pemuliaan. Tugas Anda adalah menilai sumber keuangan kebun binatang dan
melihat permintaan langsung kebun binatang kami. Anda juga harus
mempertimbangkan musim dan kemampuan pengiriman kami, serta kebun
binatang yang kami pertimbangkan. Kebun binatang lain tidak memungut biaya
apapun untuk pinjaman hewan mereka untuk program pengembangbiakan. Kami
membayar pengiriman untuk setiap hewan yang dipinjamkan kepada kami dan
kemudian memeliharanya, dan itu menjadi mahal.”
“Ada database khusus di Web tempat kami berlangganan yang mencakup
spesies terpilih dengan 164 kebun binatang lainnya,” kata Ella sambil
mengambil cerita dari Ty. “Saya memiliki kata sandi untuk database yang
tersimpan di komputer saya. Saya dapat mengakses catatan semua hewan
yang ditangkap dalam sistem, termasuk yang berasal dari dua kebun binatang
yang sedang kita negosiasikan sekarang.”
Saat anggota komite bekerja, mereka mulai mengajukan pertanyaan. “Saya perlu
membaca beberapa informasi, mendapatkan beberapa daging untuk menenggelamkan gigi
saya, sebelum saya siap untuk memutuskan apakah pinjaman panda yang lebih rendah
adalah ide yang bagus. Di mana data tentang hewan yang sedang kita pertimbangkan?”
geram Rex.
Annie menjawab, “Kita harus pergi ke kantor Ella untuk mengakses
database. Kebanyakan, karyawan lain yang perlu tahu hanya
menggunakan komputernya.”
Mona masuk ke dalam ayunan diskusi dan berkata, “Beberapa
informasi tentang keadaan anggaran saat ini juga sangat bagus. Saya
akan pisang dengan pengeluaran baru sampai kita setidaknya memiliki
ringkasan dari apa yang kita belanjakan. Saya yakin itu sekelompok. ”
Ty menjawab, “Kami tidak bermaksud main-main, tapi terus terang kami
merasa terjebak. Biaya untuk mereproduksi semua data keuangan tampak
tinggi bagi kami. Kami lebih suka menaruh uang kami untuk mereproduksi
spesies langka dan terancam punah! Dokumen berlipat ganda dengan
sendirinya. ”
Kelompok itu tertawa gugup bersama-sama, tetapi ada suasana
harapan di ruangan itu. Konsensusnya adalah bahwa anggota komite
membutuhkan lebih banyak informasi internal tentang status keuangan
kebun binatang dan hewan pinjaman prospektif.
Ella, yang sadar bahwa kelompoknya tidak bisa dijinakkan seperti
sebelumnya, mengatakan, “Panitia lama lebih suka mendapatkan
informasinya secara informal, melalui chatting dengan kami. Mari kita
habiskan pertemuan pertama ini untuk menemukan jenis informasi apa
yang menurut Anda perlu untuk melakukan pekerjaan Anda sebagai
komite. Data keuangan disimpan di laptop yang digunakan direktur
keuangan kami. Ini bayinya, tentu saja.”
Apa saja kendala terkait output yang dialami panitia? Saran apa
yang Anda miliki untuk meningkatkan output ke komite? Bagaimana
kendala anggaran kebun binatang dapat dipenuhi sambil tetap
membiarkan panitia menerima output yang dibutuhkan untuk
berfungsi? Berikan komentar tentang kecukupan teknologi keluaran
yang saat ini digunakan di kebun binatang. Sarankan alternatif atau
modifikasi pada teknologi keluaran dan keluaran yang akan
meningkatkan apa yang sedang dilakukan. (Petunjuk:
Pertimbangkan cara-cara di mana komite dapat memanfaatkan
penggunaan Web—untuk mendapatkan keluaran yang dibutuhkan
dan yang perlu dibagikan.) Menganalisis persyaratan keluaran
internal dan eksternal.

warna, termasuk berbagai tanda penjualan dalam campuran huruf, dan bahkan menggabungkan video yang
memberikan lapisan warna dan aksi baru. Bahasa sehari-hari digunakan di seluruh situs.
Perhatikan bahwa slogan perusahaan adalah "penyedia barang bagus". Perancang Web telah
melakukan metafora bahari di seluruh situs. Pengguna diundang untuk "mencari di Teluk" untuk
barang dagangan. Selain itu, logo perusahaan mencakup gelombang dan matahari di cakrawala, dan
ikon roda kemudi kapal ditempatkan di atas kolom yang mengundang pengguna untuk "menavigasi"
produk, layanan, dan layanan pelanggan.
Untuk menyelesaikan transaksi di situs, pelanggan memiliki kesempatan untuk menerima "Harga Kapten" seperti yang
diposting atau untuk mengajukan penawaran. Jika tawaran yang diajukan terlalu rendah menurut algoritme negosiasi yang
tersimpan, respons bahasa alami akan ditampilkan di jendela sembul yang menyatakan: “Terima kasih atas tawaran Anda,
sobat. Anda tidak suka berpisah dengan uang Anda jika tidak perlu, heh? Namun hei, aku suka ya, sobat. Silakan coba lagi
dengan menawarkan harga yang lebih baik atau dengan memesan dalam jumlah yang lebih besar.” Dengan cara ini, tawaran
ditolak dengan cara yang ramah, lucu, dan penawar bahkan diberikan dua petunjuk tentang bagaimana
 Bab 11 • Merancang keluaran yang efektif 299

untuk meningkatkan peluang bahwa tawaran mereka berikutnya akan berhasil. Perancang Web jelas memiliki profil
yang kuat dari pelanggan yang dituju dalam pikiran ketika merancang situs.

BAGAIMANA BANYAK ORANG YANG MEMBUTUHKAN OUTpUT? Pilihan teknologi output juga dipengaruhi oleh berapa banyak

pengguna yang membutuhkan output. Jika banyak orang membutuhkan keluaran, dokumen berbasis Web dengan opsi cetak
atau salinan cetak mungkin dibenarkan. Beberapa pelanggan eksternal mungkin menginginkan salinan dokumen tertentu
yang dicetak, seperti laporan pemegang saham atau laporan tagihan bulanan, tetapi yang lain mungkin lebih menyukai
dokumen berbasis web dengan pemberitahuan email. Jika hanya satu pengguna yang membutuhkan output, layar atau audio
mungkin lebih cocok.

Dimana OUTpUT dibutuhkan (disTribUTion, logisTics)? Pilihan teknologi keluaran adalah

dipengaruhi oleh tujuan fisik dari output. Informasi yang akan tetap dekat dengan titik asalnya, yang akan
digunakan oleh hanya beberapa pengguna dalam bisnis, dan yang dapat disimpan atau sering dirujuk dapat
dengan aman dicetak atau dipasang di intranet. Banyaknya informasi yang harus ditransmisikan ke
pengguna pada jarak yang jauh dalam operasi cabang mungkin lebih baik didistribusikan secara elektronik,
melalui Web atau ekstranet, dengan penerima yang menyesuaikannya.
Kadang-kadang peraturan federal atau negara bagian menentukan bahwa formulir tercetak tetap
tersimpan di arsip di lokasi tertentu untuk jangka waktu tertentu. Dalam kasus tersebut, adalah tanggung
jawab analis sistem untuk melihat bahwa regulasi dipatuhi untuk setiap keluaran yang dirancang.

APA TUJUAN OUTPUT? Apa tugas pengguna dan organisasi yang didukung? Pertimbangkan tujuan keluaran
ketika memilih teknologi keluaran. Jika laporan tersebut dimaksudkan untuk menjadi laporan yang dibuat
untuk menarik pemegang saham ke bisnis dengan memungkinkan mereka untuk membaca dengan teliti
keuangan perusahaan di waktu luang mereka, hasil cetak yang dirancang dengan baik seperti laporan
tahunan sangat diinginkan. Berbagai media juga dapat digunakan agar laporan tahunan tersedia di Web
maupun dalam bentuk cetak. Halaman web yang ditunjukkan pada Gambar 11.4 menyediakan serangkaian
enam klip video singkat untuk mendokumentasikan peristiwa aktual, Decision Sciences Institute (DSI)
Knowledge Bowl. Output video berguna di sini karena acara ini diadakan untuk memperingati hari jadi
penting dalam sejarah organisasi. Ini melayani tujuan sejarah.
Jika tujuan keluaran mungkin untuk memberikan pembaruan instan pada harga pasar saham, dan jika materi
sangat dikodekan dan dapat diubah, perayapan layar, halaman web, atau presentasi audio lebih disukai. Output
harus mendukung tugas pengguna, seperti melakukan analisis, atau menentukan rasio, sehingga perangkat lunak,
termasuk kalkulator dan rumus yang disematkan, dapat menjadi bagian dari output. Output juga harus mendukung
tugas-tugas organisasi seperti pelacakan, penjadwalan, dan pemantauan.

Berapa Kecepatannya Dengan OUTpUT mana yang dibutuhkan? Saat kita melewati tiga level
strategis, menengah, dan

gambar 11.4
eaming video dapat digunakan secara efektif

untuk menceritakan sebuah cerita atau

membunyikan sebuah acara. Halaman web ini

mengangkat sebuah acara yang disebut DSI

owledge Bowl.
300 Bagian 4 • esensi Desain

pada tingkat terendah manajemen operasi membutuhkan keluaran yang cepat sehingga mereka dapat dengan cepat menyesuaikan diri

dengan kejadian-kejadian seperti jalur perakitan yang terhenti, bahan baku yang tidak tiba tepat waktu, atau seorang pekerja yang tidak

hadir secara tiba-tiba. Output layar online mungkin berguna di sini.

Saat kami naik ke tingkat manajemen, kami mengamati bahwa manajer strategis lebih membutuhkan
output untuk periode waktu tertentu, yang membantu dalam meramalkan siklus dan tren bisnis.

SEBERAPA SERING OUTpUT akan diakses? Semakin sering output diakses,

yang lebih penting adalah kemampuan untuk melihatnya pada layar yang terhubung ke jaringan area lokal
atau Web. Output yang jarang diakses yang hanya dibutuhkan oleh beberapa pengguna sangat cocok untuk
arsip CD-ROM.
Output yang sering diakses adalah kandidat yang baik untuk dimasukkan ke dalam sistem atau jaringan online
berbasis Web atau lainnya dengan tampilan. Mengadopsi jenis teknologi ini memungkinkan pengguna mengakses
dengan mudah dan mengurangi keausan fisik yang menyebabkan hasil cetakan yang sering ditangani memburuk.

berapa lama (atau HARUS) OUTPUT akan disimpan? Output yang dicetak di atas kertas memburuk
pesat seiring bertambahnya usia. Output yang disimpan dalam bentuk mikro atau digital dalam arsip tidak
rentan terhadap gangguan lingkungan seperti cahaya, kelembaban, dan penanganan manusia. Namun, jika
perangkat keras untuk mengakses materi yang diarsipkan menjadi sulit diperoleh atau usang, metode
keluaran ini dapat menjadi masalah.
Sebuah bisnis mungkin tunduk pada peraturan pemerintah di tingkat lokal, negara bagian, atau federal yang
menentukan berapa lama output harus disimpan. Selama perusahaan bersedia untuk memeliharanya dan itu adalah
informasi arsip nonproprietary, itu dapat dipertahankan dalam dokumen Web sebagai bagian dari situs web
organisasi. Organisasi dapat memberlakukan kebijakan internal mereka sendiri tentang berapa lama output harus
dipertahankan.

Di bawah PERATURAN khusus APA OUTPUT Diproduksi, Disimpan, dan Didistribusikan?

Format yang sesuai untuk beberapa output sebenarnya diatur oleh pemerintah. Misalnya, di Amerika
Serikat, pernyataan gaji dan pemotongan pajak karyawan, yang disebut formulir W-2, harus dapat
dicetak, meskipun ada dalam sistem penggajian yang didukung ERP seperti Oracle. Setiap bisnis di
setiap negara ada dalam kompleks peraturan yang berbeda di mana ia menghasilkan output. Sejauh
itu, hukum dapat mendikte teknologi tepat guna untuk beberapa fungsi.
Namun, sebagian besar dari peraturan ini bergantung pada industri. Misalnya, di Amerika Serikat,
sistem darah regional diwajibkan oleh undang-undang federal untuk menyimpan riwayat medis pendonor
darah—serta namanya—dalam arsip. Bentuk keluaran yang tepat tidak ditentukan, tetapi isinya dijabarkan
dengan ketat.

APAKAH BIAYA PEMELIHARAAN DAN PERSEDIAAN DAN PERSEDIAAN AWAL dan berkesinambungan? Inisial
biaya pembelian atau sewa peralatan harus dipertimbangkan sebagai faktor lain yang masuk ke dalam
pilihan teknologi output. Sebagian besar vendor akan membantu Anda memperkirakan biaya pembelian atau
sewa awal perangkat keras komputer, termasuk biaya printer dan layar, biaya akses ke penyedia layanan
online (akses Web), atau biaya pembangunan intranet dan ekstranet. Namun, banyak vendor tidak
memberikan informasi tentang berapa biaya untuk menjaga agar printer atau teknologi lain tetap berfungsi.
Oleh karena itu, menjadi tanggung jawab analis untuk meneliti biaya pengoperasian teknologi keluaran yang
berbeda atau pemeliharaan situs web perusahaan dari waktu ke waktu.

APAKAH PERSYARATAN LINGKUNGAN MANUSIA UNTUK TEKNOLOGI OUTPUT? Analis

perlu mempertimbangkan keputusan keluaran mereka aksesibilitas, penyerapan kebisingan, suhu terkontrol, ruang untuk
peralatan, pemasangan kabel, dan kedekatan dengan pemancar Wi-Fi atau titik akses, yang disebut "hot spot." Ketika
manusia berinteraksi dengan teknologi, lingkungan tertentu membantu sistem berjalan lebih efektif dan efisien. Pengguna
membutuhkan aksesibilitas dan dukungan dalam mengakses halaman web serta output lainnya.
Printer memerlukan lingkungan yang kering dan sejuk untuk beroperasi dengan benar. Tampilan
membutuhkan ruang untuk penyiapan dan tampilan. Output audio dan video memerlukan lingkungan yang tenang
jika ingin didengar, dan hanya dapat didengar oleh karyawan (atau pelanggan) yang menggunakannya. Dengan
demikian, analis tidak boleh menentukan output audio untuk situasi kerja di mana banyak karyawan atau pelanggan
terlibat dalam berbagai tugas yang tidak terkait dengan output.
Untuk mengatur jaringan area lokal nirkabel sehingga pengguna dapat mengakses Web secara
nirkabel, titik akses Wi-Fi harus tersedia. Ini bekerja ketika komputer berada dalam jarak beberapa ratus kaki
dari pemancar tetapi dapat mengalami gangguan oleh perangkat lain.
 KESEMPATAN KONSULTASI 11.2

Jalan yang Benar, Jalan yang Salah, dan Kereta Bawah Tanah

"S o sejauh ini baik. Tentu, ada beberapa keluhan, tetapi setiap kereta bawah
tanah baru akan memilikinya. Gimmick 'perjalanan gratis' telah membantu menarik
beberapa orang yang tidak akan pernah berkuda sebaliknya. Saya pikir ada lebih
banyak orang daripada sebelumnya yang tertarik untuk naik kereta bawah tanah,”
kata Bart Rayl. “Yang kami butuhkan adalah perbaikan yang akurat tentang jumlah
penumpang sejauh ini sehingga kami dapat membuat beberapa penyesuaian pada
keputusan tarif dan penjadwalan kereta kami.”
Rayl adalah manajer operasi untuk SWIFT, kereta bawah tanah yang baru
dibangun untuk Western Ipswich dan Fremont Transport yang melayani kota
timur laut utama di Amerika Serikat. Dia berbicara dengan Benton Turnstile,
yang melapor kepadanya sebagai supervisor operasi SWIFT Sistem kereta
bawah tanah sedang beroperasi pada bulan pertama, menawarkan jalur
terbatas. Orang-orang pemasaran telah memberikan tumpangan gratis di
kereta bawah tanah untuk meningkatkan kesadaran publik tentang SWIFT
“Saya pikir itu ide yang bagus,” kata Turnstile. “Ini bukan hanya upaya token. Kami akan
menunjukkan kepada mereka bahwa kami benar-benar berada di jalur yang benar. Saya akan segera
menghubungi Anda kembali dengan informasi penumpang,” katanya.
Sebulan kemudian, Rayl dan Turnstile bertemu untuk membandingkan proyeksi
penumpang dengan data baru. Turnstile dengan bangga mempersembahkan
tumpukan cetakan komputer setinggi 2 inci kepada Rayl. Rayl terlihat sedikit terkejut
tetapi melanjutkan untuk melewatinya dengan Turnstile. "Apa semua yang ada di
sini?" Rayl bertanya, meraba halaman atas tumpukan dengan ragu-ragu.
“Yah,” kata Turnstile, melatih matanya pada hasil cetak, “ini adalah daftar
semua tiket yang dijual dari mesin penjual otomatis yang terkomputerisasi. Ini
memberitahu kita berapa banyak tiket yang dibeli dan jenis tiket apa yang
dibeli. Orang-orang dari Systems That Think, Inc., memberi tahu saya bahwa
laporan ini akan sangat membantu kami, seperti halnya bagi orang-orang
operasi di Buffalo dan Pittsburgh,” kata Turnstile, dengan cepat beralih ke
halaman berikutnya.
“Mungkin, tapi ingat sistem kereta bawah tanah itu dimulai dengan
layanan yang sangat terbatas. Kami lebih besar. Dan bagaimana dengan
penjualan dari tiga loket tiket berawak di Terminal Main Street?” tanya Rayl.
“Panitera di stan bisa mendapatkan informasi yang merangkum
penjualan tiket di layar kapan saja mereka mau, tapi itu tidak termasuk
di sini. Ingatlah bahwa kami memproyeksikan bahwa hanya 10 persen
dari penjualan kami akan berasal dari stan. Mari kita lanjutkan dengan
ide asli kita dan tambahkan itu ke hasil cetakan,” saran Turnstile.
Rayl menjawab, “Tapi saya telah mengamati pengendara. Setengah
dari mereka tampaknya takut dengan mesin penjual otomatis. Yang lain
mulai menggunakannya, merasa frustrasi membaca petunjuknya, atau
tidak tahu apa yang harus dilakukan dengan tiket yang keluar, dan
mereka berakhir di loket tiket dengan kehabisan tenaga. Selain itu,
mereka tidak dapat memahami informasi rutin yang diposting di kios,
yang semuanya dalam bentuk grafik. Mereka akhirnya bertanya kepada
juru tulis kereta apa yang pergi ke mana. ” Rayl mendorong cetakan yang
berisi penjualan tiket ke satu sisi meja konferensi dan berkata, “Saya
tidak terlalu percaya diri dengan laporan ini. Saya merasa seolah-olah
kita sedang duduk di sini mencoba mengoperasikan sistem kereta bawah
tanah paling canggih di Amerika Serikat dengan mengintip ke bawah
terowongan alih-alih informasi, seperti yang seharusnya. Saya pikir kita
perlu berpikir serius tentang menangkap informasi perjalanan pada
kartu yang dilucuti secara magnetis seperti yang dilakukan Otoritas
Transit New York. Setiap kali Anda memasukkan kartu untuk berkendara,
informasinya disimpan.”
Apa saja masalah spesifik dengan keluaran yang diberikan oleh
konsultan sistem dan Benton Turnstile kepada Bart Rayl? Evaluasi media
yang digunakan untuk keluaran serta waktu pendistribusiannya.
Mengomentari keluaran eksternal yang tampaknya diterima oleh
pengguna mesin tiket otomatis. Sarankan beberapa perubahan dalam
output untuk membantu Rayl mendapatkan informasi yang dia butuhkan
untuk membuat keputusan tentang tarif dan penjadwalan kereta, dan
untuk membantu pengguna sistem kereta bawah tanah mendapatkan
informasi yang mereka butuhkan. Apa saja keputusan yang dihadapi
organisasi seperti New York Transit Authority jika mereka
mengumpulkan dan menyimpan masukan mengenai tujuan individu
setiap kali perjalanan dilakukan? Perubahan apa yang harus dilakukan
SWIFT pada output dan tiketnya jika mengadopsi teknologi ini?

Beberapa teknologi keluaran dihargai karena sifatnya yang tidak mencolok. Perpustakaan dan rumah sakit,
yang menekankan keheningan di tempat kerja, banyak menggunakan tampilan untuk dokumen Web dan informasi
database jaringan lainnya, tetapi printer mungkin langka. Analis yang bekerja untuk perusahaan yang memiliki
keberlanjutan sebagai bagian dari misinya mungkin juga ingin memasukkan gagasan TI hijau dalam keputusan
keluaran mereka. Ini mungkin berarti menempatkan lebih banyak transaksi, laporan, dan dokumen secara online,
dan mengurangi pencetakan pesan email.

Menyadari Bagaimana Bias Output Mempengaruhi Pengguna

Output bukan sekedar produk netral yang selanjutnya dianalisis dan ditindaklanjuti oleh pengambil keputusan.
Output mempengaruhi pengguna dalam berbagai cara. Analis sistem harus menaruh pemikiran dan perhatian yang
besar dalam merancang keluaran untuk menghindari bias.

Mengenali Bias dalam Cara Output Digunakan

Ini adalah kesalahan umum untuk mengasumsikan bahwa setelah seorang analis sistem telah menandatangani
proyek sistem, dampaknya berakhir. Sebenarnya pengaruh analis itu tahan lama. Sebagian besar informasi
302 Bagian 4 • esensi Desain

di mana anggota organisasi mendasarkan keputusan mereka ditentukan oleh apa yang menurut
analis penting bagi bisnis.
Bias hadir dalam segala hal yang diciptakan manusia. Pernyataan ini bukan untuk menilai bias sebagai sesuatu yang
buruk, tetapi untuk menegaskan bahwa bias tidak dapat dipisahkan dari apa yang kita (dan akibatnya sistem kita) hasilkan.
Perhatian analis sistem adalah untuk menghindari bias keluaran yang tidak perlu dan untuk membuat pengguna menyadari
kemungkinan bias dalam keluaran yang mereka terima.
Presentasi output secara tidak sengaja bias dalam tiga cara utama:

1. Bagaimana informasi diurutkan

2. Pengaturan batas yang dapat diterima

3. Pilihan grafis

inTrodUcing bias Ketika informasi diurutkan. Bias diperkenalkan ke output ketika analis
dan pengguna membuat pilihan tentang bagaimana informasi diurutkan untuk laporan. Jenis umum
termasuk abjad, kronologis, dan biaya.
Informasi yang disajikan secara alfabetis mungkin terlalu menekankan item yang dimulai dengan huruf A dan B
karena pengguna cenderung lebih memperhatikan informasi yang disajikan terlebih dahulu. Misalnya, jika pemasok
sebelumnya terdaftar menurut abjad, perusahaan seperti Aardvark Printers, Advent Supplies, dan Barkley Office
Equipment akan ditunjukkan kepada manajer pembelian terlebih dahulu. Ketika maskapai tertentu membuat sistem
reservasi SABRE dan APOLLO, mereka mendaftarkan penerbangan mereka sendiri terlebih dahulu, sampai maskapai
lain mengeluh bahwa jenis penyortiran ini bias.

inTrodUcing bias dengan menetapkan batas. Sumber bias utama kedua dalam output adalah predefinisi batas
untuk nilai-nilai tertentu yang dilaporkan. Banyak laporan yang dihasilkan hanya berdasarkan pengecualian,
yang berarti bahwa ketika batas nilai ditetapkan sebelumnya, hanya pengecualian untuk nilai tersebut yang
akan dikeluarkan. Laporan pengecualian membuat pengambil keputusan menyadari penyimpangan dari nilai
yang memuaskan.
Misalnya, batas yang ditetapkan terlalu rendah untuk laporan pengecualian dapat membiaskan persepsi pengguna.
Sebuah perusahaan asuransi yang menghasilkan laporan pengecualian pada semua akun yang terlambat satu minggu telah
menetapkan batas pembayaran yang terlambat terlalu rendah. Pengambil keputusan yang menerima output akan kewalahan
dengan “pengecualian” yang sebenarnya tidak perlu dikhawatirkan. Laporan pengecualian jatuh tempo satu minggu
menyebabkan kesalahan persepsi pengguna bahwa ada banyak sekali akun yang lewat jatuh tempo. Batas yang lebih tepat
untuk menghasilkan laporan pengecualian adalah akun yang lewat jatuh tempo 30 hari atau lebih.

inTrodUcing bias Melalui grafis. Output tunduk pada jenis bias presentasi ketiga, yang disebabkan
oleh pilihan grafik analis (atau pengguna) untuk tampilan output. Bias dapat terjadi dalam
pemilihan ukuran grafik, warnanya, skala yang digunakan, bahkan jenis grafiknya.
Ukuran grafik harus proporsional agar pengguna tidak bias terhadap pentingnya variabel yang
disajikan. Misalnya, Gambar 11.5 memperlihatkan bagan kolom yang membandingkan jumlah
ketidakhadiran untuk pemesanan hotel pada tahun 2011 dengan ketidakhadiran untuk pemesanan hotel
pada tahun 2012. Perhatikan bahwa sumbu vertikal terputus, dan tampaknya jumlah ketidakhadiran untuk
2012 adalah dua kali lipat jumlah ketidakhadiran pada tahun 2011, meskipun jumlah ketidakhadiran
sebenarnya hanya meningkat sedikit.

Gambar 11.5 450

Grafik yang menyesatkan kemungkinan besar
440
akan membuat pengguna bias.
i
diagram in
430 beri
tidak mem
Jumlah
kebenaran
Tidak Hadir 420
gambar.

410

400

2011 2012
 KONSULTASI KESEMPATAN 11.3

Haruskah Bagan Ini Dibatasi?

"G ee, aku senang mereka mempekerjakan kalian. Saya tahu

Redwings akan lebih baik musim depan karena Anda. Pekerjaan saya
juga akan jauh lebih mudah,” kata Andy Skors, manajer tiket untuk tim
hoki Kitchener, Ontario, Kitchener Redwings. Andy telah bekerja dengan
tim analisis sistem Anda dalam menganalisis persyaratan sistem untuk
komputerisasi penjualan tiket.
Ingatlah bahwa ketika terakhir kali kami mendengar dari tim analisis
tahun. Bisa saja menjual kursi di papan skor jika mereka mengizinkan
saya. Sayangnya, penjualan tiket berada pada titik terendah sepanjang
masa di tahun 2012. Maksud saya, kita berbicara tentang bencana. Tiket
bergerak lebih lambat dari gletser. Saya harus meyakinkan para pemain
untuk memberikan tiket saat mereka tampil di pusat perbelanjaan. Wah,
lihat saja tabel ini, mengerikan.
“Saya pikir komputerisasi penjualan tiket akan membantu kami memilih

sistem, yang terdiri dari Hy Sticking (pemimpin Anda), Rip Shinpadd, Fiona siapa pendukung musim kami. Kita harus mencari tahu siapa mereka dan

Wrink, dan Anda, Anda sedang bergulat dengan apakah akan mempercepat mendapatkan mereka kembali. Buat mereka tetap bersama kami. Itu akan

proyek dan menetapkan sasaran produktivitas tim (dalam Peluang Konsultasi menjadi gol yang bagus untuk diperjuangkan,” tutup Andy.

3.5, “Penentuan Tujuan”).
Andy sedang berbicara dengan tim tentang apa yang harus dimasukkan
dalam proposal sistem untuk membuatnya semenarik mungkin bagi
manajemen Redwings. "Saya tahu mereka akan menyukai grafik ini," lanjut
Andy. “Ini adalah sesuatu yang aku buat setelah kamu menanyakan semua
pertanyaan tentang penjualan tiket sebelumnya, Rip.”
Andy menyerahkan diagram batang ke Rip, yang melihatnya dan menahan
senyum tipis. "Selama kami memilikimu di sini, Andy, mengapa kamu tidak
menjelaskannya kepada kami?"
Seperti pemain yang baru keluar dari kotak penalti, Andy meluncur mulus ke
dalam narasi grafiknya. “Yah, penjualan tiket kami mencapai titik tertinggi sepanjang
masa di tahun 2010. Kami benar-benar menyenangkan penonton yang
Saat presentasi Andy akhirnya berakhir, Hy tampak berpikir bahwa
periode 20 menit tidak akan pernah berakhir. Menerima sinyalnya, Fiona
berkata, “Terima kasih atas datanya, Andy. Kami akan berusaha
memasukkan mereka ke dalam laporan entah bagaimana. ”
Saat Fiona dan Rip keluar dari ruangan bersama Andy, Hy
menyadari bangku kosong, jadi dia meminta Anda, anggota tim
keempat, untuk melatih Andy di diagram batangnya dengan membuat
daftar masalah yang Anda lihat di dalamnya. Hy juga ingin Anda
membuat sketsa beberapa cara alternatif untuk membuat grafik data
penjualan tiket sehingga grafik penjualan tiket yang benar dan persuasif
dapat dimasukkan ke dalam proposal sistem. Gambarlah dua alternatif.

Gambar 11.C1
Grafik yang salah digambar.
5.000 6.000 7.
000 8.000 9.000 10
.000

2012
lah
2011 Apa yang sa
dengan ini
2008 bagan?
- Hy
2009

2010

11.000 12.000
13 .000 14.000
15.000

Rata-rata
Musim
tiket terjual
Status tiket terjual
Tahun per permainan
per musim
Tahun terba
ik 2010 15.643
2009 7,505
14.880
2008 6.808
14.100
2011 7.089
13.254
Tahun terbu
ruk 2012 6.735
12.690
6.351
304 Bagian 4 • esensi Desain

Menghindari Bias dalam Desain Keluaran

Analis sistem dapat menggunakan strategi khusus untuk menghindari bias pada output yang mereka dan orang lain rancang:

1. Waspadai sumber bias.

2. Buat desain keluaran interaktif selama pembuatan prototipe yang mencakup pengguna dan berbagai
sistem yang dikonfigurasi secara berbeda saat menguji tampilan dokumen Web.
3. Bekerja dengan pengguna sehingga mereka diberi tahu tentang bias keluaran dan dapat mengenali
implikasi dari menyesuaikan tampilan mereka.
4. Buat keluaran yang fleksibel dan memungkinkan pengguna untuk mengubah batasan dan rentang.
5. Latih pengguna untuk mengandalkan beberapa output untuk melakukan "tes realitas" pada output sistem.

Semua strategi ini kecuali fokus pertama pada hubungan antara analis sistem dan pengguna karena melibatkan
output. Analis sistem perlu mengenali dampak potensial dari keluaran dan menyadari kemungkinan cara di mana
keluaran menjadi bias secara tidak sengaja. Mereka kemudian harus proaktif dalam membantu pengguna
merancang keluaran dengan bias minimal, tetapi dapat diidentifikasi.

Merancang Hasil Cetakan

Sumber informasi yang akan disertakan dalam laporan adalah kamus data, yang kompilasinya
dibahas dalam Bab 8. Ingatlah bahwa kamus data mencakup nama elemen data serta panjang
bidang yang diperlukan untuk setiap entri.
Laporan jatuh ke dalam tiga kategori: rinci, pengecualian, dan ringkasan. Laporan rinci mencetak baris laporan
untuk setiap catatan pada file induk. Mereka digunakan untuk mengirim surat ke pelanggan, mengirim laporan nilai
siswa, mencetak katalog, dan sebagainya. Layar pertanyaan telah menggantikan banyak laporan terperinci.

Laporan pengecualian mencetak satu baris untuk semua catatan yang cocok dengan serangkaian kondisi,
seperti dekorasi liburan mana yang akan didiskon sehari setelah liburan atau siswa mana yang ada dalam daftar
dekan. Mereka biasanya digunakan untuk membantu manajer operasi dan staf administrasi menjalankan bisnis.
Laporan ringkasan mencetak satu baris untuk sekelompok catatan dan digunakan untuk membuat keputusan,
seperti item mana yang tidak laku dan mana yang laris.
Perancang sistem harus memahami bahwa beberapa pengunjung situs web mungkin lebih suka mencetak
konten. Pertimbangkan untuk memasukkan file PDF yang dapat diunduh dan coba cetak setiap halaman di browser
yang berbeda untuk memastikan mereka akan terlihat profesional jika pengguna mencetaknya.

Merancang Output untuk Tampilan

Bab 12 mencakup mendesain tampilan untuk input manusia atau komputer, dan pedoman yang sama juga
berlaku untuk mendesain output, meskipun isinya akan berubah. Perhatikan bahwa output untuk tampilan
berbeda dari output tercetak dalam beberapa hal. Ini bersifat sementara (yaitu, tampilan tidak permanen
seperti hasil cetakan), dapat lebih spesifik ditujukan kepada pengguna, tersedia pada jadwal yang lebih
fleksibel,bukan portabel dengan cara yang sama, dan terkadang dapat diubah melalui interaksi langsung.

Selain itu, pengguna harus diinstruksikan tentang tombol mana yang harus ditekan, tautan mana yang harus
diklik, dan cara menggulir ketika mereka ingin melanjutkan membaca tampilan tambahan, kapan mereka ingin
mengetahui cara mengakhiri tampilan, dan kapan mereka ingin mengetahui caranya. berinteraksi dengan tampilan
(jika memungkinkan). Akses pengguna ke tampilan dapat dikontrol melalui kata sandi, sedangkan distribusi hasil
cetak dikontrol dengan cara lain.

Pedoman untuk Desain Tampilan

Empat pedoman memfasilitasi desain tampilan:

1. Jaga agar tampilan tetap sederhana.

2. Jaga agar presentasi tetap konsisten.

3. Memfasilitasi pergerakan pengguna di antara output yang ditampilkan.

4. Ciptakan tampilan yang menarik dan menyenangkan.

Sama seperti hasil cetak, tampilan yang bagus tidak dibuat secara terpisah. Analis sistem membutuhkan umpan balik dari
pengguna untuk merancang tampilan yang bermanfaat. Setelah disetujui oleh pengguna setelah prototipe dan
penyempurnaan berturut-turut, tata letak tampilan dapat diselesaikan.
 Bab 11 • Merancang keluaran yang efektif 305

Gambar 11.6
Status Pesanan Kebun Binatang Baru
Layar tampilan keluaran Kebun
Pengecer Memesan # Tanggal pemesanan Status pemesanan Binatang Baru rapi dan mengarahkan
Hewan Tidak Terbatas 933401 09/05/2012 Dikirim pada 29/09 pengguna dengan baik. (Tiga
934567 09/11/2012 Dikirim pada 21/09
tangkapan layar dari aplikasi App
934613 13/09/2012 Dikirim pada 21/09
934691 14/09/2012 Dikirim pada 21/09 Cooker. Hak Cipta © 2011 oleh Hot
Beruang Aneh 933603 09/02/2012 Sebagian Dikirim Apps Factory SARL. Dicetak ulang
933668 09/08/2012 Dijadwalkan Untuk 10/03
dengan izin.)
934552 18/09/2012 Dijadwalkan Untuk 10/03
934683 18/09/2012 Dikirim pada 28/09
Cuddle Co. 933414 09/12/2012 Dikirim pada 09/18
933422 14/09/2012 Dikirim pada 21/09
934339 16/09/2012 Dikirim pada 26/09
934387 18/09/2012 Dikirim pada 21/09
934476 25/09/2012 dipesan ulang
Boneka 934341 14/09/2012 Dikirim pada 26/09
934591 18/09/2012 Sebagian Dikirim
934633 26/09/2012 dipesan ulang
934664 29/09/2012 Sebagian Dikirim

Tekan tombol apa saja untuk melihat daftar lainnya; ESC untuk mengakhiri; ? untuk bantuan.

Untuk lebih detail tempatkan kursor di atas nomor pesanan dan tekan tombol Enter.

Output yang dihasilkan dari tampilan desain digambarkan pada Gambar 11.6. Perhatikan bahwa itu tidak
berantakan, tetapi masih memberikan ringkasan dasar tentang status pengiriman. Tampilan mengarahkan
pengguna pada apa yang mereka lihat dengan menggunakan heading. Petunjuk di bagian bawah tampilan memberi
pengguna beberapa opsi, termasuk melanjutkan tampilan saat ini, mengakhiri tampilan, mendapatkan bantuan,
atau mendapatkan lebih banyak detail. Tampilan ini memberikan konteks bagi pengguna yang mencoba
menyelesaikan tugas seperti memeriksa status pesanan.
Tampilan output dalam sebuah aplikasi harus menampilkan informasi secara konsisten dari halaman ke
halaman. Gambar 11.7 menunjukkan tampilan yang dihasilkan ketika pengguna menempatkan kursor di atas
nomor pesanan untuk pengecer tertentu. Tampilan baru menyajikan lebih banyak detail tentang Bear
Bizarre. Di badan layar, pengguna dapat melihat nomor pesanan pengecer, alamat lengkap, tanggal
pemesanan, dan statusnya. Selain itu, rincian pengiriman dan status terperinci dari setiap bagian pengiriman
juga diberikan. Nama kontak dan nomor telepon disediakan, bersama dengan saldo akun, peringkat kredit,
dan riwayat pengiriman. Perhatikan bahwa bagian bawah tampilan memberi tahu pengguna opsi, termasuk
detail lebih lanjut, mengakhiri tampilan, atau mendapatkan bantuan. Pengguna diberikan kontrol atas apa
yang mungkin mereka lakukan selanjutnya saat melihat tampilan.

Gambar 11.7
Jika pengguna menginginkan detail lebih lanjut
Memesan # Pengecer Tanggal pemesanan Status pemesanan
mengenai status pengiriman, mereka dapat
933603 Beruang Aneh 09/02/2011 Sebagian Dikirim
memanggil layar terpisah.
1001 Jalur Karhu
Bern, Virginia 22024

Satuan Pkg Keterangan Harga Jumlah Status terperinci

12 Setiap Beruang Floppy 20.00 240.00 Backordered Jatuh Tempo 10/15

6 Setiap penumbuh 25.00 150.00 Backordered Jatuh Tempo 10/15

2 Setiap Edisi khusus 70.00 140.00 Dikirim 09/02

1 Kotak Campuran Selebriti 150.00 150.00 Dikirim 09/02
12 Setiap Santa Beruang 10.00 120.00 Backordered Jatuh Tempo 10/30

800,00

Kontak Saldo rekening Peringkat kredit Perintah terakhir Dikirim

Ibu Ursula Major 0.00 Bagus sekali 21/08/2011 Tepat waktu

703-484-2327

Tekan tombol apa saja untuk melihat daftar lainnya; ESC untuk mengakhiri; ? untuk bantuan.
306 Bagian 4 • esensi Desain

Gambar 11.8
Tampilan diagram batang untuk pemeriksaan

di layar atas respons waktu pasukan. Waktu Respons Rata-rata per Area Pasukan
Patroli Negara Bagian Nebraska

50
45
40
35
30
Waktu di
menit) 25
20
15
10
5
0
markas besar A B C D E Negara

Tenaga Kerja Area Pasukan

Saat ini Diramalkan Minimum

Daripada mengumpulkan semua informasi pengecer ke dalam satu halaman, analis telah memungkinkan
pengguna untuk membuka pengecer tertentu jika masalah atau pertanyaan muncul. Jika, misalnya, ringkasan
menunjukkan bahwa pesanan hanya dikirim sebagian, pengguna dapat memeriksa pesanan lebih lanjut dengan
memanggil tampilan pengecer terperinci dan kemudian menindaklanjuti dengan tindakan yang sesuai.

Menggunakan Output Grafis dalam Desain Layar

Output grafis bisa menjadi kuat. Jauh lebih mudah untuk mengidentifikasi tren atau melihat pola ketika
grafik yang tepat ditampilkan. Kebanyakan orang melihat perbedaan dalam grafik lebih mudah daripada
perbedaan dalam tabel. Penting untuk berkolaborasi dengan pengguna dalam memilih gaya grafik yang
tepat untuk mengomunikasikan makna Anda.
Seperti halnya penyajian keluaran tabel, keluaran grafis harus akurat dan mudah dipahami dan
digunakan jika ingin efektif dalam mengkomunikasikan informasi kepada pengguna. Pengambil
keputusan yang menggunakan grafik perlu mengetahui asumsi (bias) di mana grafik sedang dibangun
sehingga mereka dapat menyesuaikan atau mengimbanginya.
Dalam merancang keluaran grafis, seorang analis sistem dan setiap pengguna yang terlibat
dalam pembuatan prototipe desain harus menentukan (1) tujuan grafik, (2) jenis data yang perlu
ditampilkan, (3) audiensnya, dan (4) efek pada penonton dari berbagai jenis output grafis. Dalam
contoh sistem pendukung keputusan, tujuan tampilan grafis adalah untuk mendukung salah satu dari
tiga fase pemecahan masalah yang dialami pengguna: kecerdasan, desain, atau pilihan. Contoh dari
DSS perencanaan tenaga kerja Patroli Negara Bagian Nebraska ditunjukkan pada Gambar 11.8. Di sini,
waktu respons saat ini, perkiraan waktu respons, dan persyaratan minimum digambarkan sebagai
batang berarsir berbeda.

Dasbor
Pengambil keputusan membutuhkan keluaran yang membantu mereka membuat keputusan secara efektif dan
cepat. Ini membantu eksekutif dan pengambil keputusan lainnya jika semua informasi yang mereka butuhkan untuk
membuat keputusan ditampilkan di depan mereka. Ketika diberikan laporan tertulis, pengambil keputusan akan
lebih memilih semua informasi yang terkandung dalam satu laporan daripada mencari informasi di tempat lain.
Prinsip yang sama berlaku untuk desain layar.
Dasbor, mirip dengan dasbor di mobil, memiliki banyak pengukur yang berbeda. Setiap pengukur dapat
menampilkan grafik (mirip dengan kecepatan dalam mil atau kilometer per jam), lampu masalah (mirip dengan
lampu yang menunjukkan bahwa sistem pengereman otomatis tidak berfungsi), atau bahkan teks (seperti odometer
yang hanya menghitung mil berwisata).
Seorang eksekutif dapat menemukan dasbor sangat berguna dalam membuat keputusan, tetapi
hanya jika dasbor dirancang dengan benar. Dasbor pada Gambar 11.9 menunjukkan bahwa sejumlah
besar informasi dapat dimasukkan pada satu layar.
 g keluaran yang efektif 307

lihat 11.9
dashboard memiliki berbagai cara

yang menggambarkan jaminan

kinerja untuk membantu membuat

sion.

Dasbor adalah tentang mengkomunikasikan pengukuran kepada pengguna. Seorang eksekutif

menggunakan dasbor untuk meninjau ukuran kinerja dan mengambil tindakan jika informasi di layar
memintanya. Berikut adalah beberapa aturan praktis yang dapat membantu Anda membuat dasbor yang
Anda desain lebih menarik dan lebih efektif:

1. Pastikan data memiliki konteks. Jika Anda mendesain layar yang menyatakan bahwa penjualan bulan lalu
adalah $851.235, apa artinya? Apakah penjualan di atas atau di bawah rata-rata?
2. Menampilkan jumlah peringkasan dan presisi yang tepat. Ini akan mengacaukan layar jika Anda menampilkan
penjualan bulan lalu sebagai $851.235,32 bukannya $851.235 atau bahkan $851K.
3. Pilih ukuran kinerja yang sesuai untuk tampilan. Misalnya, memplot perbedaan dalam penjualan aktual versus penjualan
yang diharapkan dalam bagan deviasi jauh lebih bermakna daripada menggunakan bagan garis untuk memplot
penjualan aktual dan yang diharapkan.
4. Menyajikan data secara wajar. Jika Anda memasukkan bias ke dalam dasbor, itu akan menghambat daripada
mendukung keputusan yang baik.
5. Pilih gaya grafik atau bagan yang benar untuk ditampilkan. Menggunakan grafik yang benar adalah penting. Meskipun
diagram lingkaran mungkin merupakan grafik yang bagus untuk membujuk seseorang, misalnya, mungkin bukan
cara yang baik bagi seorang eksekutif untuk memantau kinerja kantor regional.
6. Gunakan media tampilan yang dirancang dengan baik. Bahkan jika Anda memilih jenis grafik terbaik, Anda masih perlu

menggambar, mengukur, mewarnai, dan memberi label pada grafik dengan cara yang bermakna dan menyenangkan.

7. Batasi variasi jenis barang. Pertahankan jumlah grafik, bagan, dan gaya tabel seminimal mungkin
sehingga informasi dapat dikomunikasikan dengan cepat dan akurat.
8. Sorot data penting. Gunakan warna cerah dan font tebal hanya untuk data penting. Anda dapat
menyoroti ukuran kinerja utama atau pengecualian penting yang terjadi tetapi tidak keduanya. Pilih
apa yang akan ditekankan.
9. Susunlah data dalam kelompok-kelompok yang bermakna. Ukuran kinerja hampir selalu
dikaitkan dengan ukuran kinerja lainnya karena data yang ditampilkan atau jenis grafiknya.
Pelajari cara mengelompokkan item terkait.
10. Jaga agar layar tetap rapi. Hindari foto, logo hiasan, atau tema yang dapat mengalihkan perhatian
pengguna dari data.
11. Simpan seluruh dasbor pada satu layar. Semua ukuran kinerja dimaksudkan untuk berada di layar
yang sama. Jika dipaksa untuk beralih layar, pengguna tidak akan melihat dua tindakan yang relevan
secara bersamaan.
12. Memungkinkan fleksibilitas. Jika seorang eksekutif menginginkan grafik atau bagan yang berbeda, pertimbangkan untuk

menggantinya. Membuat prototipe dasbor dan menyempurnakannya berdasarkan umpan balik pengguna masuk akal.

Pengambil keputusan sering kali tahu yang terbaik dalam hal mendapatkan informasi yang tepat dalam bentuk yang paling

tepat untuk gaya keputusan mereka.

308 Bagian 4 • esensi Desain

Widget dan Gadget—Mengubah Metafora Desktop

Terkait dengan dasbor adalah desktop baru yang dirancang pengguna. Perancang sistem yang mengembangkan
perangkat lunak untuk komputer pribadi harus menyadari tren untuk mendorong pengguna mempersonalisasi
desktop mereka dengan widget dan gadget. Item ini adalah program kecil, biasanya ditulis dalam JavaScript dan
VBScript, yang berada baik di sidebar yang terpasang pada browser atau program atau bahkan berada di lapisan
khusus pada desktop itu sendiri.
Apa Yahoo! widget panggilan Apple widget dasbor panggilan dan gadget panggilan Google dan Microsoft. Apa
pun namanya, widget dapat berupa program apa pun yang mungkin berguna bagi siapa saja yang berinteraksi
dengan komputer. Jam, kalkulator, pembantu bookmark, penerjemah, mesin pencari, akses mudah ke utilitas, panel
peluncuran cepat, dan catatan tempel adalah widget produktivitas yang populer.
ticker saham, laporan cuaca, dan RSS feed juga widget yang berguna. Gadget memungkinkan pengguna untuk melacak
paket dan memeriksa jadwal. Pengguna juga dapat menempatkan hiburan seperti game, podcast musik, dan hobi di desktop
mereka. Widget dan gadget memiliki sifat ganda, hampir paradoks. Mereka dapat memberdayakan pengguna untuk
mengambil bagian dalam desain desktop mereka sendiri, dan desainer yang jeli dapat belajar banyak tentang apa yang
disukai pengguna ketika mereka mempelajari desktop yang dirancang pengguna. Tetapi widget dan gadget juga dapat
mengalihkan perhatian orang dari tugas yang didukung sistem. Desainer perlu bekerja dengan pengguna untuk mendukung
mereka dalam mencapai keseimbangan. Salah satu kemungkinannya adalah menambahkan ukuran kinerja khusus pengguna
sebagai widget dan gadget yang berguna bagi pengambil keputusan.

Mendesain Situs Web

Anda dapat meminjam beberapa prinsip desain dari tampilan lain saat Anda mendesain situs web. Namun,
ingatlah bahwa kata kuncinya di sini adalahlokasi. Dokumen pertama yang ditampilkan di Internet
menggunakan protokol HTTP disebut halaman rumah, tetapi menjadi jelas dengan sangat cepat bahwa
perusahaan, universitas, pemerintah, dan orang-orang tidak akan menampilkan hanya satu halaman. Syarat
situs web diganti halaman rumah, menunjukkan bahwa susunan halaman harus diatur, dikoordinasikan,
dirancang, dikembangkan, dan dipelihara dalam proses yang teratur.
Pencetakan adalah media yang sangat terkontrol, dan analis memiliki gagasan yang sangat baik tentang
seperti apa keluarannya nantinya. Layar GUI dan CHUI (antarmuka pengguna berbasis karakter) juga sangat
terkontrol. Web, bagaimanapun, adalah lingkungan yang sangat tidak terkendali untuk output.
Browser yang berbeda menampilkan gambar secara berbeda, dan resolusi layar memiliki dampak besar pada
tampilan dan nuansa situs web. Tidak ada lagi resolusi “standar”. Selama bertahun-tahun tampilan memiliki rasio
aspek 4:3 dan resolusi umum adalah 1024 × 768 piksel atau 1600 × 1200 piksel. Sekarang tampilan dibuat untuk HD
dan memiliki rasio aspek 16:9. Masalah ini semakin rumit dengan penggunaan perangkat genggam, seperti
smartphone dan tablet, yang digunakan untuk menelusuri Web. Kompleksitas semakin dalam ketika Anda menyadari
bahwa setiap orang dapat mengatur browser untuk menggunakan font yang berbeda dan dapat menonaktifkan
penggunaan JavaScript, cookie, dan elemen pemrograman Web lainnya. Analis dan pengguna menghadapi banyak
keputusan saat mendesain situs web.

Pedoman Umum untuk Merancang Situs Web

Selain elemen desain umum yang dibahas sebelumnya dalam bab ini, ada pedoman
khusus yang sesuai untuk desain situs web berkualitas profesional.

Gunakan Alat profesional. Pertimbangkan untuk menggunakan perangkat lunak editor Web seperti Adobe

Dreamweaver (untuk Windows) atau Freeway Pro (untuk Mac OS). Alat-alat ini pasti sepadan dengan harganya. Anda
akan menjadi lebih kreatif dan situs web Anda akan selesai lebih cepat daripada jika Anda bekerja langsung dengan
HTML (Hypertext Markup Language).

mempelajari Situs Web lain. Lihat situs web yang menurut Anda dan pengguna lain menarik. Analisis elemen
desain apa yang digunakan dan lihat bagaimana fungsinya, lalu coba tiru apa yang Anda lihat dengan
membuat halaman prototipe. (Tidak etis atau legal untuk memotong dan menempelkan gambar atau kode,
tetapi Anda tetap dapat belajar dari situs lain.)
Firefox, yang merupakan bagian dari gerakan perangkat lunak sumber terbuka, adalah peramban yang
berguna untuk mempelajari situs web lain. Ini memiliki sejumlah ekstensi yang dibuat oleh pengembang pihak
ketiga yang tersedia sebagai unduhan gratis. Jalankan Firefox dan klik “Tools/Extensions” dan “Get More Extensions.”
Ada halaman ekstensi, tetapi yang disebut Pengembang Web sangat berguna bagi desainer dan Webmaster. Hal ini
memungkinkan Anda untuk menguraikan tabel dan gaya dan untuk melihat JavaScript dan cookie; itu memberikan
informasi formulir serta banyak item berguna lainnya untuk dipilih. Palette Grabber adalah
 KONSULTASI KESEMPATAN 11.4

Apakah Pekerjaan Anda Gila?

"SAYAmenginginkan semua yang bisa saya dapatkan, dan semakin rapat “Benda ini terlihat mengerikan. Itu terlihat seperti bekas. Anak TK saya

informasinya, semakin baik. Lupakan hal-hal yang Anda dengar tentang membuat laporan yang lebih baik dengan krayon. Lihat itu. Ini semua

informasi yang berlebihan. Itu tidak ada dalam kamus saya. Saya ditumbuk bersama-sama. Saya tidak dapat menemukan apa pun. Di mana

menginginkan semuanya, dan tidak dalam banyak laporan setengah halaman ringkasan jumlah item daging sapi yang dijual di setiap outlet? Di mana total

yang tampak cantik. Saya ingin semuanya bersama-sama, dikemas dalam satu volume barang yang dijual?semua outlet? Bagaimana dengan informasi

lembar yang dapat saya bawa ke rapat jika saya perlu mencari sesuatu. Dan tentang toko kita sendiri di pusat kota?” kata Links, mengiris laporan itu.

saya membutuhkannya setiap minggu,” kata Stephen Links, wakil presiden Laporan ini jelas perlu didesain ulang. Rancang laporan (atau laporan)

perusahaan sosis besar milik keluarga. yang lebih sesuai dengan Stephen Links. Pendekatan apa yang dapat diambil

Selama wawancara, Links telah menginterogasi Paul Plishka, yang analis dalam menyarankan lebih banyak laporan dengan format yang tidak

merupakan bagian dari tim analisis sistem yang sibuk merancang sistem terlalu ramai? Komentari kesulitan dalam menerapkan saran pengguna yang

informasi untuk Links Meats. Meskipun Paul ragu-ragu tentang apa yang bertentangan dengan pelatihan desain Anda. Apa pengorbanan yang terlibat

dikatakan Links kepadanya, dia melanjutkan untuk merancang laporan (sejauh terjadi kelebihan informasi) dalam menghasilkan banyak laporan

tercetak yang mencakup semua item penting yang telah diselesaikan tim dibandingkan dengan menghasilkan satu laporan besar yang berisi semua

selama fase analisis. informasi yang diinginkan Stephen? Rancang heuristik mengenai tampilan

Namun, ketika sebuah prototipe laporan baru, yang dirancang untuk informasi laporan pada satu laporan berbeda dengan pembuatan banyak

spesifikasinya, diserahkan kepada Stephen, tampaknya ada perubahan pikiran. Links laporan. Pertimbangkan untuk menganjurkan solusi berbasis Web atau dasbor

mengatakan dengan tegas bahwa dia tidak dapat menemukan apa yang dia yang memungkinkan hyperlink ke semua informasi yang diinginkan Stephen.

butuhkan. Seberapa layak itu?

ekstensi lain yang memungkinkan pengembang Web untuk melihat tampilan kode warna hanya dengan
memilih warna apa pun di situs web. Ada juga alat untuk bekerja dengan XML. Gambar 11.10 adalah contoh
toolbar Web Developer yang digunakan untuk menyorot sel tabel. Perhatikan batas merah di sekitar setiap
sel individu.

memeriksa Situs web desainer profesional. Seperti yang Anda lihat dirancang secara profesional
halaman, tanyakan pada diri Anda, “Apa yang berhasil? Apa yang tidak berhasil? Dengan cara apa pengguna dapat
berinteraksi dengan situs?” Misalnya, apakah situs memiliki tautan panas ke alamat email, formulir interaktif untuk diisi,
survei konsumen, permainan, kuis, ruang obrolan, blog, dan sebagainya? Bagaimana dengan skema warna dan metafora
yang meresap?

gambar 11.10
Pengembang web dapat menguraikan tabel

ls saat mendesain halaman web, yang

ditunjukkan dalam contoh ini.

310 Bagian 4 • esensi Desain

Gambar 11.11
Formulir evaluasi situs web.
Kritik Situs
Web

Tanggal Diku
njungi:
Nama Analis
Waktu Dikunj
ungi:

URL yang Diku

njungi

DESAIN
Kebutuhan

Peningkatan
Penampilan
keselu ruhan
Bagus sekali
Penggunaan
Grafik
1 2
Penggunaan 3 4
Warna
1 2 5
Penggunaan
Suara/Video 3 4
(Multimedia) 1 2 5
Penggunaan
Teknologi da 3 4
n Produk Ba
ru 1 2 5
3 4
1 2 5
KONTEN & IN 3 4
TERAKTIFITA
S
5

Isi
Kemampuan
1
navigasi

Manajemen 2 3
Sit us dan Komun 1 4 5
ikasi 2 3
1 4 5
2 3 4 5
SKOR

KOMENTAR: /40

Lihat juga situs web yang memberikan petunjuk tentang desain. Salah satu situs tersebut adalah useit.com.

Gunakan Alat yang telah Anda pelajari. Gambar 11.11 menyediakan formulir yang telah berhasil digunakan oleh desainer Web

untuk mengevaluasi halaman web secara sistematis. Anda mungkin ingin menggunakan salinan formulir untuk membantu
membandingkan dan membedakan banyak situs web yang akan Anda kunjungi saat mempelajari desain halaman web.

Gunakan sToryboarding, WirefraMing, dan MockUps. Merancang untuk Web dibawa kembali a
praktek yang dikenal di industri film sebagai storyboard. Pada tahun 1930-an di studio Disney, setiap adegan
digambar di selembar kertas dan kemudian ditempelkan ke papan buletin dalam urutan episode.
Dalam mengembangkan situs web (atau aplikasi apa pun, dalam hal ini), storyboard dapat digunakan untuk
menunjukkan perbedaan antar layar. Ini dapat menunjukkan bagaimana pengunjung situs akan menavigasi situs
web untuk menemukan informasi yang diinginkan. Sekarang storyboard dapat dikembangkan di Microsoft
PowerPoint atau Apple's Keynote dengan mengklik pengatur slide, tetapi juga dapat digambar di Microsoft Visio atau
OmniGraffle.
Desain halaman dapat dicapai dengan menggunakan proses yang disebut wireframing. Disebut wireframing
karena hanya menampilkan dasar-dasarnya. Tidak ada warna, tidak ada tipe gaya. Grafik ditampilkan sebagai kotak
sederhana dengan X yang digambar. Dengan cara ini, setiap item bertindak sebagai placeholder.
Wireframing memungkinkan desainer untuk merencanakan:

1. Desain keseluruhan, menunjukkan elemen apa yang muncul di setiap posisi di halaman
2. Desain navigasi, menunjukkan cara berpindah dari satu halaman ke halaman berikutnya menggunakan
tombol, tab, tautan, dan menu tarik-turun
3. Desain antarmuka, menunjukkan cara berinteraksi dengan situs web dengan memasukkan data atau
menanggapi pertanyaan

Hari ini istilah bingkai gambar sebagian besar telah diganti dengan istilah maket. Maket
menunjukkan seperti apa output dan input sebelum memprogram kode yang mendasarinya untuk
membuat program atau aplikasi berfungsi.
Perangkat lunak yang membantu perancang sistem mengembangkan mockup berlimpah. Dibangun ke
dalam perangkat lunak adalah objek yang dapat diseret dan dijatuhkan ke layar. Template tersedia untuk
semua jenis tampilan termasuk desktop, notebook, smartphone, dan tablet. Saat mendesain untuk ponsel
cerdas dan tablet, kedua orientasi layar disertakan.
 Bab 11 • Merancang keluaran yang efektif 311

KONSULTASIKAN Buku-buku. Sesuatu yang dapat menambah keahlian Anda di bidang baru ini adalah membaca

tentang desain Web. Berikut ini adalah beberapa buku tentang desain website:

Eckerson, WW Dasbor Kinerja: Mengukur, Memantau, dan Mengelola Anda

Bisnis, edisi ke-2. New York: John Wiley & Sons, Inc., 2010.
Sedikit, S Desain Dasbor Informasi: Komunikasi Visual Data yang Efektif.
Sebastopol, CA: O'Reilly Media, Incorporated, 2006.
Flanders, V., dan D. Peters. Putra Halaman Web yang Menyebalkan: Pelajari Desain yang Baik dengan Melihat
Desain Buruk. Alameda, CA: Sybex, 2002.
McNeil, P. Buku Ide Desainer Web, Vol. 2: Lebih Banyak Tema, Tren & Gaya Terbaik di
Desain Situs Web. New York: F+W Media, 2010.

Lihat juga beberapa contoh halaman Web yang buruk. Kamu bisa belajar dari kesalahan orang lain dengan
mengkritik halaman web yang buruk dan mengingat untuk menghindari kesalahan tersebut. Periksa situs web yang ditemukan di

www.webpagesthatsuck.com. Terlepas dari namanya "counterculture", ini adalah situs luar biasa yang menyediakan tautan ke banyak

situs yang dirancang dengan buruk dan menunjukkan kesalahan yang dibuat oleh desainer pada situs tersebut.

BUAT TEMPLAT ANDA SENDIRI. Jika Anda mengadopsi halaman yang tampak standar untuk sebagian besar halaman yang Anda

buat, Anda akan membuat situs web aktif dan berjalan dengan cepat, dan secara konsisten akan terlihat bagus. Situs web
dapat dibuat menggunakan Cascading Style Sheets (CSS), bahasa yang memungkinkan seorang desainer untuk menentukan
warna, ukuran font, jenis font, dan banyak atribut lainnya hanya sekali. Atribut ini disimpan dalam file style sheet dan
kemudian diterapkan ke banyak halaman web. Jika seorang desainer mengubah spesifikasi dalam file style sheet, semua
halaman web yang menggunakan style sheet tersebut akan diperbarui untuk mencerminkan gaya baru.

Gunakan plugin, audio, dan video dengan sangat hemat. Sungguh luar biasa memiliki fitur yang
halaman profesional memiliki, tetapi ingat bahwa setiap orang yang melihat situs Anda tidak memiliki setiap plugin
baru. Jangan putus asa pengunjung ke halaman Anda.

Pedoman Khusus untuk Desain Situs Web

Situs web yang baik dipikirkan dengan baik. Perhatikan hal-hal berikut:

1. Struktur
2. Konten
3. Teks
4. Grafik
5. Gaya presentasi
6. Navigasi
7. Promosi

struktur. Merencanakan struktur situs web adalah salah satu langkah terpenting dalam
mengembangkan situs web profesional. Pikirkan tentang tujuan dan sasaran Anda. Setiap halaman
dalam keseluruhan struktur Web harus memiliki pesan yang berbeda atau informasi terkait lainnya.
Terkadang berguna untuk memeriksa situs profesional untuk menganalisis konten dan fiturnya.
Gambar 11.12 adalah tangkapan layar dari situs web DinoTech. Tujuan situs dan media Web bekerja
sama dengan baik. Perhatikan bahwa ada perhatian besar untuk mendukung pengguna di situs. Ada
kata-kata, grafik, gambar JPEG, dan ikon. Selain itu, ada banyak jenis tautan: ke umpan RSS, video, sub-
Web, ruang obrolan, mesin pencari, dan banyak fitur lainnya.
Untuk membantu merencanakan dan memelihara struktur yang kokoh, Webmaster dapat memanfaatkan salah
satu dari banyak alat pembuatan diagram dan pemetaan situs web yang tersedia. Banyak paket perangkat lunak,
termasuk Microsoft Visio, memiliki opsi pembuatan bagan Web di dalam perangkat lunak. Meskipun berguna untuk
pengembangan, alat ini menjadi lebih penting saat memelihara situs web. Mengingat sifat dinamis dari Web, situs
yang ditautkan ke situs Anda dapat berpindah kapan saja, mengharuskan Anda atau Webmaster Anda untuk
memperbarui tautan.
Pada Gambar 11.13, peta bagian situs web penulis ditampilkan di jendela Microsoft Visio. Dalam contoh
ini, kami menjelajahi situs web hingga ke semua level yang ada. Perhatikan tautan ke halaman HTML,
dokumen, gambar (file JPEG, GIF, atau PNG), dan mail-tos (cara mengirim email ke orang yang ditunjuk).
Tautan dapat berupa internal atau eksternal. Jika tautan rusak, tanda X merah muncul, dan analis dapat
menyelidiki lebih lanjut. File Visio ini dapat dicetak dalam beberapa bagian dan dipasang di dinding untuk
mendapatkan gambaran keseluruhan situs web.
312 Bagian 4 • esensi Desain

Logo situs web gambar jpeg Cerita fitur

Mesin pencari Iklan spanduk

Tautan ke
sub-Web

Umpan RSS

Video
berlangganan

Iklan Tautan langsung Utama Ruang obrolan Tautan kontak email

cerita

Gambar 11.12
Situs web DinoTech memanfaatkan sebagian besar tautan, umpan RSS, langganan video, dan iklan spanduk.

isi. Berikan sesuatu yang penting bagi pengguna situs web. Animasi, film, dan suara yang menarik memang

menyenangkan, tetapi Anda harus menyertakan konten yang sesuai agar pengguna tetap tertarik. Berikan beberapa
saran tepat waktu, informasi penting, penawaran gratis, daftar sepuluh tips teratas tentang topik halaman, atau
aktivitas apa pun yang dapat Anda berikan yang interaktif dan mengalihkan pengguna dari mode penjelajahan ke
mode interaktif.
"Kelengketan" adalah kualitas yang dapat dimiliki situs web. Jika pengguna tinggal di situs Anda untuk jangka waktu yang lama,

situs Anda memiliki tingkat kelengketan yang tinggi. Itulah sebabnya pedagang menyertakan banyak item yang menarik di sebuah situs.

Seorang pedagang anggur, misalnya, dapat memposting pelajaran tentang cara membuka tutup botol, mencicipi anggur, atau memilih

gelas yang tepat.

Gunakan metafora atau gambar yang memberikan metafora untuk situs Anda. Anda dapat menggunakan tema, seperti
etalase, dengan halaman tambahan yang memiliki berbagai metafora yang terkait dengan etalase, seperti deli. Hindari
penggunaan kartun yang berlebihan, dan jangan berulang-ulang.
Setiap situs web harus menyertakan halaman FAQ (pertanyaan yang sering diajukan). Seringkali ini dibuat
berdasarkan pengalaman pengguna dan orang-orang dukungan teknis yang mengidentifikasi topik yang terus
menjadi perhatian. Delapan puluh persen pertanyaan akan masuk dalam kategori FAQ. Dengan memiliki jawaban
yang tersedia, 24 jam sehari, Anda akan menghemat waktu karyawan yang berharga dan juga menghemat waktu
pengguna. Halaman FAQ juga menunjukkan kepada pengguna situs Anda bahwa Anda setuju dengan mereka dan
memiliki gagasan bagus tentang apa yang ingin mereka ketahui.
Di Web, perangkat lunak COTS memiliki arti lain. Sebuah situs web dapat memanfaatkan perangkat lunak yang
telah ditulis sebelumnya. Contohnya termasuk mesin pencari (seperti pencarian Google, Bing, atau Yahoo!),
perangkat lunak pemetaan (seperti Google Maps atau MapQuest), informasi cuaca, dan ticker berita dan saham.
Perancang situs web menghargai paket-paket ini karena mereka dapat meningkatkan fungsionalitas situs, dan fitur
tambahan mendorong pengguna untuk menandai situs web klien mereka karena mereka menyediakan konten
bonus yang berharga.
 ng output yang efektif 313

gambar 11.13
website dapat dievaluasi untuk link
oken dengan menggunakan paket ch
seperti Microsoft Visio.

Teks. Ingatlah bahwa teks juga penting. Setiap halaman web harus memiliki judul. Tempatkan kata-kata bermakna

dalam kalimat pertama yang muncul di halaman web Anda. Beri tahu orang-orang bahwa mereka memang telah
membuka situs web yang tepat. Tulisan yang jelas sangat penting.
Konten di situs e-niaga perlu terus diperbarui. Sistem manajemen konten (CMS) adalah alat perangkat
lunak yang kuat yang dapat memungkinkan analis untuk mengembangkan dan memelihara situs web dan
aplikasi online lainnya. CMS yang semakin populer adalah Joomla!, yang dapat ditemukan di
www.joomla.org/about-joomla.html. Ini didasarkan pada PHP dan MySQL. Tidak seperti CMS berpemilik,
yang mahal dan tidak tersedia secara luas, Joomla! adalah solusi open source yang tersedia secara bebas
untuk pengembang mana pun di bawah Lisensi Publik Umum (GPL).

grafis. Daftar berikut memberikan detail tentang membuat grafik yang efektif untuk situs web:

1. Gunakan salah satu format gambar yang paling umum digunakan: JPEG, GIF, atau PNG. JPEG paling baik
untuk foto, dan GIF paling baik untuk gambar karya seni. GIF dibatasi hingga 256 warna tetapi dapat
menyertakan latar belakang transparan, piksel yang memungkinkan latar belakang ditampilkan melalui
gambar GIF. Gambar GIF juga dapat saling terkait, artinya browser Web akan menampilkan gambar
secara berurutan, menyajikan gambar yang lebih jelas di setiap tahap. File PNG (grafik jaringan
portabel) memiliki kedalaman warna yang lebih besar daripada file GIF dan dapat memiliki latar
belakang transparan.
2. Jaga agar latar belakang tetap sederhana dan pastikan pengguna dapat membaca teks dengan jelas. Saat
menggunakan pola latar belakang, pastikan Anda dapat melihat teks dengan jelas di atasnya.
3. Buat beberapa grafik yang terlihat profesional untuk digunakan pada halaman Anda.
4. Pertahankan gambar grafik kecil, dan gunakan kembali peluru atau tombol navigasi seperti BACK, TOP,
EMAIL, dan NEXT. Gambar-gambar ini disimpan dalam cache, area di hard drive komputer penjelajahan.
Setelah gambar diterima, itu akan diambil dari cache setiap kali digunakan lagi. Menggunakan gambar
yang di-cache meningkatkan kecepatan browser untuk memuat halaman web.
5. Sertakan teks dalam apa yang disebut atribut judul untuk gambar dan hot spot gambar. Teks ditampilkan saat
pengguna menggerakkan mouse di atas gambar. Atribut alt menyediakan teks untuk pembaca layar dan
penting untuk mendukung aksesibilitas Web bagi pengunjung situs dengan gangguan penglihatan.
6. Periksa situs web Anda pada berbagai tampilan dan resolusi layar serta smartphone dan tablet. Adegan
dan teks yang terlihat bagus pada tampilan video kelas atas mungkin tidak terlihat bagus untuk orang lain
dengan peralatan berkualitas lebih rendah.

gaya penyajian. Daftar berikut memberikan detail tambahan tentang cara mendesain tampilan entri yang
menarik untuk situs web:
314 Bagian 4 • esensi Desain

banding Mac

Ada banyak pendekatan berbeda untuk membuat situs web. Para pembuat kode menginginkan kendali sebanyak mungkin atas
kode HTML, tetapi banyak desainer tidak terlalu tertarik untuk mengubah kode tersebut. Desainer yang baik ingin dapat
memasukkan banyak item berbeda dalam grafik dan teks, memutar dan menyempurnakan gambar, memformatnya dalam
desain yang dipikirkan dengan cermat, dan membuatnya tampak tepat di browser apa pun dan dalam resolusi apa pun. Ada
banyak paket WYSIWYG (apa yang Anda lihat adalah apa yang Anda dapatkan) tersedia yang memungkinkan desainer untuk
melakukan ini, baik di Mac dan PC. Beberapa dari paket ini bekerja dengan baik, tetapi yang lain tidak.

Softpress Systems, pengembang Freeway Pro, telah menciptakan perangkat lunak desain Web yang memiliki pendekatan
berbeda. Tidak seperti perangkat lunak lain, Freeway Pro tidak membuat kode saat seorang desainer bekerja. Setelah seorang
desainer puas dengan desainnya, Freeway Pro menghasilkan kodenya. Oleh karena itu, kode ini sangat efisien. Ini juga
merupakan alat yang sangat berguna untuk membuat prototipe. Freeway Pro mengasumsikan bahwa ketika standar berubah

menggunakan pembaruan

Gambar 11.MAC
Freeway Pro, dari Softpress Systems, menawarkan pendekatan unik untuk perancang situs
web. (Tangkapan layar dari FREEWAY PRO. Hak Cipta © oleh Softpress Systems, Inc. Dicetak
ulang dengan izin; Tangkapan layar dari www.thekendalls.org. Hak Cipta © oleh Kenneth dan
Julie Kendall. Dicetak ulang dengan izin.)

1. Sediakan halaman beranda yang memperkenalkan pengunjung ke situs web. Halaman harus dirancang untuk memuat
dengan cepat. Aturan praktis yang berguna adalah mendesain halaman yang akan dimuat dalam 14 detik. (Meskipun
Anda mungkin mendesain halaman pada workstation di universitas, pengunjung situs web Anda mungkin
mengaksesnya dari rumah, menggunakan koneksi Internet yang lebih lambat.) Tampilan entri ini harus berukuran
100 kilobyte atau kurang, termasuk semua grafik.
Halaman beranda harus berisi sejumlah pilihan, seperti menu. Cara mudah untuk melakukannya adalah
dengan mendesain serangkaian tautan atau tombol dan memposisikannya di sisi kiri atau atas layar. Tautan
ini dapat ditautkan ke halaman lain di situs web yang sama atau ditautkan ke situs web yang berbeda.
Contohnya ditunjukkan pada Gambar 11.14, halaman entri yang berisi gambar dan konten tetapi
mengarahkan pengunjung untuk melakukan perjalanan ke tempat lain di situs. Halaman ini dibuat
menggunakan aplikasi Web berbasis template yang disebut Weebly. Desain terutama dilakukan dengan
menyeret dan menjatuhkan item untuk membuat halaman web, tetapi Weebly
 ng output yang efektif 315

gambar 11.14
menyanyikan editor HTML visual (dalam
contoh, Halaman Visual), perancang
situs web dapat melihat seperti apa
halaman di browser dan kode HTML
(lihat bagian bawah
layar) secara bersamaan.
Tangkapan layar dari Weebly.com.
hak cipta © 2012 oleh Weebly, c.
Dicetak ulang dengan izin. op
foto: Oleg Gekman /
hutterstock.com; Foto bawah:
hin Kit Sen / Shutterstock.com)

memungkinkan desainer mengontrol lebih langsung dengan mengizinkan desainer melihat kode HTML (di
bagian atas layar) pada saat yang sama mereka melihat seperti apa tampilan halaman di browser.
2. Pertahankan jumlah grafik seminimal mungkin. Dibutuhkan waktu download tambahan untuk
mentransfer situs grafis-intensif.
3. Gunakan font yang besar dan berwarna-warni untuk heading.

4. Gunakan gambar dan tombol yang menarik untuk tautan. Sekelompok gambar digabungkan menjadi satu
gambar disebut peta gambar, yang berisi berbagai hot spot yang bertindak sebagai link ke halaman lain.
5. Gunakan Cascading Style Sheets (CSS) untuk mengontrol pemformatan dan tata letak halaman
web. CSS memisahkan konten (teks dan gambar) dari tampilannya (presentasi). Informasi
Cascading Style Sheets biasanya disimpan dalam file eksternal ke halaman web, dan satu style
sheet dapat mengontrol pemformatan banyak halaman. Keuntungan menggunakan style sheet
eksternal adalah membuat perubahan pada style sheet; misalnya, mengubah warna teks tebal
akan mengubah format semua halaman web yang menggunakan style sheet. Cascading Style
Sheets juga dapat digunakan dalam satu halaman web, dan setiap gaya duplikat akan menimpa
style sheet eksternal jika digunakan. Hal ini memungkinkan seorang desainer untuk bervariasi
dari tampilan standar dan nuansa situs web, mungkin untuk halaman web "penjualan khusus"
atau pengecualian lainnya.
6. Gunakan pembagian dan gaya berjenjang atau tabel untuk menyempurnakan tata letak. Tabel
mudah digunakan dan menyediakan tata letak yang memadai. Namun, meja tidak cocok untuk
pengunjung tunanetra. Perangkat lunak pembaca layar membaca di seluruh halaman, tidak
harus dalam kolom tabel. Divisi mengontrol tata letak dengan menyediakan blok teks pada
halaman web. Setiap blok dapat ditentukan dengan posisi dari atas dan kiri layar atau blok yang
lebih besar, dan mungkin memiliki lebar dan tinggi, serta gaya batas dan warna latar belakang.
Divisi menghilangkan kebutuhan akan tabel di dalam tabel dan menyederhanakan desain;
perangkat lunak membaca layar akan membaca semua teks di divisi, membuat situs dapat
diakses oleh pemirsa tunanetra. Desainer dapat menggunakan divisi untuk mengontrol tampilan
halaman jika pemirsa memiliki tampilan layar lebar,
7. Gunakan gambar grafis yang sama pada beberapa halaman web. Konsistensi akan ditingkatkan, dan
halaman akan dimuat lebih cepat karena komputer menyimpan gambar dalam cache dan tidak
perlu memuatnya lagi.
8. Gunakan JavaScript untuk menyempurnakan tata letak halaman web dengan memiliki gambar yang berubah
saat mouse digerakkan di atasnya, menu yang diperluas, dan sebagainya. JavaScript dapat digunakan untuk
memformat ulang halaman web berdasarkan tinggi dan lebar layar. Jika situs web multinasional, JavaScript
dapat mendeteksi bahasa yang digunakan (pengaturan browser) dan mengarahkan pengunjung ke halaman
web yang berbeda dalam bahasa yang berbeda.
9. Hindari penggunaan animasi, suara, dan elemen lainnya secara berlebihan.
316 Bagian 4 • esensi Desain

navigasi. Apakah menyenangkan bagi Anda untuk mengikuti tautan di Web? Jawabannya kemungkinan besar tergantung. Ketika Anda

menemukan situs web yang dimuat dengan mudah, memiliki tautan yang bermakna, dan memungkinkan Anda untuk kembali dengan

mudah ke tempat yang ingin Anda kunjungi kembali, kemungkinan besar Anda menganggapnya menyenangkan. Kesenangan bukan

hanya bermain; itu bisa menjadi bagian penting dari pekerjaan juga. Penelitian terbaru menunjukkan bahwa kesenangan dapat memiliki

efek yang kuat untuk membuat pelatihan komputer menjadi efektif.

Sebaliknya, jika Anda tidak dapat memutuskan tombol atau hot spot mana yang akan diklik, dan Anda takut untuk
memilih yang salah karena Anda mungkin masuk ke halaman yang salah yang membutuhkan waktu lama untuk memuat,
navigasi lebih menyakitkan. daripada menyenangkan. Contohnya adalah mengunjungi halaman perusahaan perangkat lunak
untuk mencari informasi tentang fitur-fitur versi terbaru suatu produk. Anda memiliki pilihan seperti produk, unduhan, FAQ,
dan dukungan teknis. Tombol mana yang akan mengarah ke jawaban yang Anda cari?
Pastikan Anda menyertakan bilah navigasi dan tautan ke halaman beranda di setiap halaman di situs web.
Pengunjung situs mungkin telah menemukan halaman tertentu menggunakan mesin pencari, dan penting agar
pengunjung dapat dengan mudah menemukan jalan ke halaman beranda.
Yang terpenting, perhatikan aturan tiga klik: Pengguna harus dapat berpindah dari halaman yang
sedang mereka buka ke halaman yang berisi informasi yang mereka inginkan dalam tiga klik tombol
mouse.

promosi. Promosikan situs Anda. Jangan berasumsi bahwa mesin pencari akan segera menemukan Anda. Kirimkan situs Anda

setiap beberapa bulan ke berbagai mesin pencari. Sertakan kata kunci, yang disebut metatag, yang akan digunakan mesin
telusur untuk menautkan permintaan penelusuran ke situs Anda. Anda dapat menemukan informasi umum tentang metatag
di searchenginewatch.com/showPage.html?page=2167931. Selain itu, Anda dapat mengunduh perangkat lunak penghasil
metatag gratis dari www.siteup.com/meta.html dan pembuat metatag dari vancouver-webpages.com/META/mk-metas.html.
Anda juga dapat membeli perangkat lunak untuk mempermudah proses ini. Jika Anda mencoba menggunakan email untuk
mempromosikan situs Anda, orang lain akan menganggapnya sebagai email sampah atau spam.

Dorong pembaca Anda untuk menandai situs web Anda. Jika Anda menautkan dan menyarankan agar mereka
membuka situs web afiliasi yang menampilkan “halaman ulasan film terbaik di dunia” atau ke situs web “dapatkan musik
gratis”, jangan berasumsi bahwa mereka akan kembali ke situs Anda di masa depan yang dekat. Anda akan mendorong
mereka untuk mengunjungi kembali jika mereka mem-bookmark situs Anda (bookmark disebut "favorit" di Microsoft Internet
Explorer). Anda dapat menambahkanKlik disini untuk menandai halaman ini link ke halaman web Anda untuk
mengotomatisasi proses. Anda mungkin juga ingin mendesain “favicon”, atau ikon favorit, sehingga pengguna dapat
mengidentifikasi situs Anda dalam daftar favorit mereka.

Teknologi Web 2.0 dan Desain Media Sosial

Yang semakin penting bagi seorang analis yang bekerja di situs web organisasi adalah penyertaan strategis
teknologi Web 2.0 yang berfokus pada mengaktifkan dan memfasilitasi konten dan kolaborasi yang dibuat
pengguna melalui Web. Jenis teknologi familiar yang harus Anda pikirkan untuk disertakan pada situs web
publik dan situs web internal yang Anda desain termasuk blog, wiki, tautan ke jejaring sosial tempat
perusahaan tersebut hadir, dan penandaan (juga disebut bookmark sosial) yang memberikan petunjuk
berguna untuk online sumber daya seperti situs web, konten di intranet perusahaan, dokumen perusahaan,
atau foto yang relevan dengan organisasi dan pengguna. Perhatikan bahwa teknologi Web 2.0 dapat
dihadapi secara eksternal ke klien, pelanggan, vendor, atau pemasok, atau secara internal dihadapi intranet
perusahaan.
Untuk teknologi Web yang menghadap ke luar, alasan untuk menambahkan alat kolaboratif penting ini ke situs
web organisasi sudah jelas. Perusahaan menggunakan alat kolaboratif untuk mengomunikasikan strategi branding
dan pengiriman pesan yang terintegrasi di berbagai platform, untuk mengukur opini konsumen, untuk
mengumpulkan umpan balik, untuk membuat komunitas pengguna, dan sebagainya. Teknologi Web yang
menghadap ke dalam dapat berguna dalam membangun hubungan karyawan, memelihara kepercayaan, berbagi
pengetahuan, berinovasi di antara karyawan dan kelompok karyawan, menemukan sumber daya perusahaan
dengan lebih mudah, dan memelihara budaya dan subkultur perusahaan di dalam organisasi.
Fase penentuan kebutuhan Anda memberi tahu Anda tentang preferensi pengguna. Saat Anda membuat
prototipe, Anda mungkin juga ingin menambahkan teknologi Web 2.0 ke halaman web internal dan eksternal jika
ada alasan strategis yang dipikirkan dengan matang untuk melakukannya. Bagian dari solusi desain yang Anda
rekomendasikan mungkin termasuk menambahkan alat kolaboratif. Dari penelitian dan praktik kami dengan
organisasi nirlaba dan nirlaba yang mencoba menggunakan teknologi Web 2.0, kami menemukan bahwa ada lima
aspek yang harus dipertimbangkan oleh seorang analis:
 KONSULTASI KESEMPATAN 11.5

Hari Lapangan

"T masalahnya adalah, saya menjadi tidak sabar,” kata Seymour Fields,
pemilik jaringan 15 toko bunga/pasar bunga dalam ruangan yang sangat
sukses bernama Fields yang berlokasi di tiga kota di barat tengah. "Lihat
benda ini di sini?" Dia mengetuk layar komputernya dengan kesal. “Kami
melakukan semua penggajian dan semua akuntansi dengan hal-hal ini, tetapi
saya tidak menggunakannya seperti yang seharusnya. Sebenarnya aku merasa
sedikit bersalah tentang itu. Lihat?" katanya, sambil membuat coretan di layar
dengan jarinya. “Bahkan ada debu di atasnya. Aku orang yang praktis,
meskipun. Jika itu duduk di sini, mengambil ruang, saya ingin
Seymour melanjutkan, “Saya dapat memberi tahu Anda apa yang tidak
kami sukai dari laporan yang saya kerjakan. Ada terlalu banyak lapisan, terlalu
banyak dedaunan, atau apa pun sebutannya, untuk dilalui. Bahkan dengan
layar di depan saya, itu seperti membuka halaman laporan yang tebal. Apa
yang kamu sebut itu?”
“Menu?” Potts menyarankan membantu. “Poin utamanya adalah
Anda tidak suka harus melalui banyak informasi untuk mendapatkan
tampilan yang Anda butuhkan.”
Seymour Fields memandang Potts dengan gembira dan berkata, “Anda

menggunakannya. Atau menciumnya, atau setidaknya senang melihatnya, mengerti. Saya ingin melihat lebih banyak bidang di setiap layar.”

seperti bunga, bukan? Atau singkirkan, itulah yang saya katakan. Satu kali saya
mencoba sesuatu dengan itu, itu benar-benar bencana. Nah, dengar, saya bisa
tunjukkan jika saya masih ingat caranya.
Clay Potts, seorang analis sistem, telah mengerjakan proyek sistem untuk
seluruh rantai Fields. Bagian dari proposal awal adalah untuk memberikan
Seymour dan wakil presidennya sistem pendukung keputusan yang akan
membantu mereka menyusun strategi untuk menentukan pasar Eropa mana
yang akan dikunjungi untuk mengatur perjanjian pembelian bunga segar,
outlet mana yang akan mengirimkan jenis bunga tertentu. , dan berapa
banyak barang dagangan umum, seperti penanam, vas bunga, kartu catatan,
dan pernak-pernik, untuk disimpan di setiap outlet.
Bagaimana seharusnya Potts mendesain output layar sehingga Fields dan
kelompoknya bisa mendapatkan apa yang mereka inginkan di setiap layar
sambil mengamati panduan untuk desain tampilan yang baik? Ingatlah bahwa
anggota grup sedang sibuk dan meskipun mereka tidak akan ketahuan tanpa
ponsel cerdas mereka, mereka tidak terlalu sering menggunakan sistem
desktop mereka. Rancang halaman hyperlink yang akan bekerja dengan baik di
DSS untuk wakil presiden. Apa yang harus disertakan dalam tampilan pertama,
dan apa yang harus disimpan dalam hyperlink? Buat daftar elemen untuk
masing-masing dan jelaskan dalam sebuah paragraf mengapa Anda
memutuskan strategi ini.

1. Menyadari perbedaan antara tujuan perusahaan dan tujuan pemangku kepentingan utama. Akan ada
perbedaan mengapa setiap kelompok menghargai teknologi kolaboratif yang Anda temukan dalam
pandangan kedua kelompok.
2. Melayani sebagai suara pelanggan untuk organisasi klien Anda. Dalam merekomendasikan
penyertaan teknologi Web 2.0 untuk situs web eksternal, Anda harus mampu mengartikulasikan
kebutuhan pelanggan kepada organisasi.
3. Mengenali pentingnya desain halaman visual untuk menampilkan alat kolaboratif secara efektif. Setiap
kali pengguna memiliki harapan penempatan di halaman web (untuk tautan Facebook, ikon Twitter,
kemampuan penandaan, dan sebagainya), Anda harus mematuhi konvensi, atau setidaknya
memperkuat konvensi yang muncul. Jadi pengguna akan berharap untuk dapat “Membuat Komentar”,
“Menyukai kami di Facebook”, atau menekan tombol “di bagikan” untuk berbagi konten di LinkedIn,
atau menyentuh ikon “g+ 1” untuk membagikan komentar atau konten di Google +, klik tombol
berlabel burung untuk menciak, atau klik tombol yang menunjukkan ikon amplop untuk mengirim
email cerita atau konten ke teman, atau berlangganan konten RSS dengan hyperlink berwarna yang
diberi label RSS. Seringkali opsi ini muncul di bagian atas halaman web atau dalam format tab di bagian
atas halaman dan kemudian diulang di bagian bawah halaman. Konvensi tampilan populer lainnya
untuk menyediakan alat kolaboratif adalah di sepanjang sisi kiri halaman. Pengguna semakin terbiasa
melihat rangkaian opsi interaktif ini ditampilkan dalam pola yang dapat diprediksi di situs web
perusahaan. Lihat Gambar 11.15 sebagai contoh.
4. Merevisi dan memperbarui teknologi Web 2.0 yang sering ditawarkan. Kembangkan rencana (dan
seperangkat alat) untuk merevisi dan memperbarui alat kolaboratif yang ditawarkan di situs web
internal dan eksternal ketika gaya, kebiasaan, dan alat berubah.
5. Bekerja untuk mengintegrasikan teknologi Web 2.0 dengan branding yang ada. Pastikan bahwa pesan
konsisten di seluruh situs web yang menghadap ke luar dan dalam semua komunikasi yang terbuka
untuk umum.
318 Bagian 4 • esensi Desain

Gambar 11.15 Nama dari Desainer atau

Facebook LinkedIn Umpan RSS Indonesia Youtube
Halaman yang berisi banyak fitur Web Set Ikon pemasok
2.0 yang berbeda.
Sosial
Jaringan lebah madu

Ikon Pro

Bundar
Sosial BlogPerfume.com
Media

Sosial Gratis
ikon media Tema Elegan
Mengatur

3D yang luar biasa

pinkmoustache.net
ikon sosial

Antik
Ikon untuk Nikola Lazarevic
Blogger

Akhirnya, satu tujuan yang Anda miliki untuk mengembangkan strategi untuk menangani standar dan konvensi
pengguna yang berkembang adalah dengan menggunakan perangkat lunak analitik teks (TA) untuk menafsirkan data
kualitatif yang diambil di blog, wiki, dan melalui media sosial lainnya. Memang, ini adalah pendekatan yang dapat Anda
rekomendasikan kepada organisasi klien Anda saat Anda menutup loop umpan balik yang dibuat dengan menetapkan
teknologi Web 2.0 untuk konsumen dan karyawan.

Merancang Aplikasi untuk Ponsel Cerdas dan Tablet

Ketika smartphone dan tablet menjadi lebih kuat dan ada di mana-mana dalam organisasi, analis sistem
perlu mengonsep perangkat lunak mereka sebagai aplikasi. Pada hari-hari awal komputasi, perangkat lunak
disebut "program." Apple lebih suka istilah "aplikasi." Ketika perangkat lunak dirancang untuk iPhone dan
iPod, perangkat lunak hanya disebut "aplikasi". kataaplikasi menjadi arus utama dengan diperkenalkannya
iPhone dan iPad yang dapat menjalankan program kecil ini. Apple menjual aplikasi ini di iTunes dengan cara
yang sama seperti menjual musik. Anda dapat mengunduh aplikasi dan menginstalnya di iPhone atau iPad
Anda.
Membuat aplikasi untuk ponsel atau perangkat yang lebih besar seperti iPad melibatkan brainstorming,
imajinasi, desain layar awal, keputusan antarmuka pengguna, dan desain layar terperinci. Banyak desainer suka
bekerja di Adobe Illustrator, tetapi yang lain lebih suka Adobe Photoshop. Tetapi bahkan sebelum seseorang
mencoba menggunakan salah satu paket ini, menggunakan papan tulis besar dengan spidol bisa menjadi cara
terbaik untuk mulai mendesain aplikasi. Nanti di bab ini kita akan memeriksa aplikasi yang digunakan untuk
membuat mockup, nama yang disukai untuk prototipe smartphone dan tablet.
Sangat menarik untuk mengetahui bahwa seorang analis yang mengembangkan aplikasi akan mencoba untuk mengisi
atau menciptakan kebutuhan pengguna dengan cara yang unik. Motivasi untuk membuat aplikasi sering muncul dari
pengembang, dan biasanya bukan dari analisis persyaratan formal yang dilakukan untuk suatu organisasi. Namun, ada
banyak pendekatan dan alat yang telah Anda pelajari untuk tampilan dan desain Web yang berlaku untuk pengembangan
aplikasi serta proyek sistem yang lebih besar.
Di bagian ini, kita akan berbicara tentang mendesain untuk layar kecil smartphone dan tablet. Menarik
untuk dicatat, bagaimanapun, bahwa Apple mengharuskan pengembang untuk mengirimkan ikon 512 × 512-
piksel untuk App Store. Ketika Anda memikirkan fakta bahwa persyaratan untuk komputer Macintosh asli
hanya memerlukan layar 512 × 342-piksel, Anda menganggap serius desain keluaran untuk ponsel cerdas
dan tablet.
Sepanjang bagian ini, kami membahas konsep yang berguna dalam sistem operasi apa pun, baik untuk
Apple, Android, atau Microsoft. Kami menggunakan contoh dari iPad Apple, yang merupakan tablet
dominan, dan iPhone, ponsel pintar yang dominan, pada saat penulisan bagian ini.

1. Siapkan akun pengembang.

2. Pilih proses pengembangan.
 keluaran tive 319

banding Mac

Membuat Blog

Blog sedang ditulis oleh pengguna korporat untuk komunikasi internal dan eksternal. Blog bersifat informal dan
pribadi, dan sering kali mengundang komentar dan umpan balik. Mereka mudah dibuat dan diperbarui dan dirancang
untuk berubah setiap hari. Perusahaan menggunakan blog untuk iklan dan untuk membangun jaringan sosial bagi
konsumen, klien, dan vendor di sekitar produk mereka, membangun kepercayaan dan hubungan pelanggan.

Blog perusahaan dipantau karena rasa tanggung jawab peserta. Pedoman, kebijakan, dan undang-undang yang
membentuk praktik pemantauan mencakup nilai budaya, etika, dan hukum bersama seperti menghormati karyawan
dan pelanggan lain; tidak mempublikasikan informasi sensitif atau rahasia perusahaan atau apapun yang dilindungi
oleh hak cipta (tanpa izin); dan mengecualikan apa pun yang penuh kebencian atau tidak senonoh atau yang
melanggar privasi siapa pun.
Bahkan dengan semua pedoman sebelumnya, Anda masih perlu memastikan bahwa posting blog ditulis
dengan suara manusia, tidak tenggelam dalam bahasa hukum. Entri terbaru harus di awal blog. Itu harus
mengandung unsur-unsur berikut:

1. Tautan permanen, atau tautan permanen, khusus untuk posting blog, yang tidak boleh berubah
2. Judul atau judul postingan
3. Tautan utama, yang menghubungkan pembaca dengan topik yang sedang dibahas
4. Ringkasan opsional, sering muncul setelah tautan
5. Teks atau komentar blog
6. Gambar opsional
7. Kutipan blok yang berisi kutipan atau bahan lain dari sumber lain yang berkontribusi pada diskusi (seringkali
menjorok atau dengan font yang berbeda untuk membedakannya dari teks utama)
8. Tautan untuk komentar oleh orang lain
9. Fitur software blog lainnya, seperti kalender, form pencarian, dan fitur universal lainnya.

Salah satu editor blogging desktop yang sangat terkenal untuk Mac adalah MarsEdit oleh Red Sweater. Ini
kompatibel dengan WordPress, Blogger, Tumblr, dan banyak platform penerbitan blog lainnya.

3. Jadilah yang asli.

4. Tentukan bagaimana Anda akan menentukan harga aplikasi.

5. Ikuti aturan untuk desain keluaran.

6. Rancang ikon Anda.
7. Pilih nama yang sesuai untuk aplikasi.
8. Desain untuk berbagai perangkat.
9. Rancang output untuk aplikasi.
10. Rancang output untuk kedua kalinya untuk orientasi yang berbeda.
11. Rancang logikanya.
12. Buat antarmuka pengguna menggunakan gerakan.
13. Lindungi properti Anda.
14. Pasarkan aplikasi Anda.

Kami akan berkonsentrasi pada langkah-langkah yang berorientasi pada desain dalam bab ini.

Siapkan Akun Pengembang

Apple membebankan biaya $99 kepada pengembang perangkat lunak untuk mengembangkan dan mendaftarkan aplikasi di
App Store dan kemudian mengambil komisi 30 persen untuk semua yang dijualnya. Penulis menerima 70 persen. Beberapa
orang berpikir ini terlalu kecil untuk penulis, tetapi itu tergantung pada perspektif Anda.
Apple bersikeras untuk menyetujui semua yang dijual di App Store-nya. Ini berarti ada beberapa batasan yang
membuat pengembang perangkat lunak frustrasi dan, terkadang, konsumen. Di sinilah taman bertembok (dalam hal
ini istilah mengacu pada serangkaian aplikasi yang telah disetujui sebelumnya, yang tertutup untuk pengembang
luar) masuk: Anda tidak akan menemukan aplikasi apa pun dengan konten yang tidak pantas di App Store. Dan Anda
tidak akan menemukan aplikasi hebat yang memungkinkan Anda memprogram ulang tombol mute di iPhone agar
berfungsi sebagai rana kamera.
320 Bagian 4 • esensi Desain

Pilih Proses Pengembangan

Kecuali Anda mengembangkan aplikasi khusus yang akan menelan biaya lebih dari $19,95, membuat prototipe
kemungkinan besar adalah cara terbaik untuk mengembangkan aplikasi Anda. Rilis cepat itu penting, dan ada
keuntungan besar untuk menjadi yang pertama memperkenalkan jenis aplikasi tertentu. Anda dapat memanfaatkan
banyak prinsip dan nilai pengembangan tangkas dalam mendesain aplikasi.
Kualitas tidak boleh dikorbankan, tetapi dimungkinkan untuk memperkenalkan aplikasi dan kemudian menambahkan
fitur di rilis berikutnya. Banyak pengembang aplikasi telah mengadopsi strategi ini. Ini memiliki sejumlah keunggulan. Ini
memungkinkan Anda untuk mendapatkan keuntungan dengan menjadi yang pertama memperkenalkan aplikasi tertentu. Ini
juga memungkinkan Anda untuk merevisi aplikasi dengan menambahkan fitur baru dan pengguna menyetujui dengan
sepenuh hati saat perbaikan dilakukan. Dan itu meningkatkan visibilitas karena aplikasi muncul di daftar aplikasi yang telah
diperbarui.

Jadilah yang Asli

Jangan pernah menyalin perangkat lunak pengembang lain. Melakukannya adalah ilegal dan tidak etis. Pastikan
aplikasi Anda memiliki fungsi yang berbeda dan terlihat sangat berbeda dari aplikasi lain di pasar. Patuhi semua
batasan lisensi.
Ini mungkin tampak jelas, tetapi beberapa pengembang tidak menyadari bahwa Anda tidak dapat menggunakan merek dagang

Apple di aplikasi Anda. Anda harus menghindari penggunaan kata-kata seperti iPod, iPad, dan iPhone di aplikasi Anda dan bahkan

menghindari nama Apple, dalam hal ini.

Tentukan Bagaimana Anda Akan Memberi Harga Aplikasi

Keputusan harga yang Anda buat akan memengaruhi desain aplikasi. Jika aplikasi Anda akan berisi iklan, iklan akan
menghabiskan ruang berharga di layar Anda dan dapat mengalihkan perhatian pengguna. Jika Anda mengadopsi strategi
penetapan harga yang memungkinkan peningkatan fitur, Anda perlu mempertimbangkan antarmuka yang meminta
pengguna untuk meningkatkan versi.
Ada enam opsi dasar untuk penetapan harga:

1. Pilih strategi berbiaya rendah.

2. Memperkenalkan aplikasi sebagai aplikasi "premium".

3. Mengadopsi model “freemium”.

4. Tawarkan aplikasi gratis.
5. Promosikan aplikasi dengan mengurangi harganya.

6. Terima iklan.

memilih STRATEGI berbiaya rendah. Sejumlah besar aplikasi iPhone berharga $0,99. Untuk iPad, $
1,99 daripada $ 0,99 adalah standar.
Strategi ini sering digunakan ketika menawarkan versi perangkat lunak "porting", atau diadaptasi
dari versi sebelumnya di platform lain. Productivity Suite Apple seharga $99,00 dijual di toko Mac
dengan harga $19,95 masing-masing untuk Pages, Keynote, dan Numbers. Versi aplikasi ini tersedia
untuk iPhone dan iPad seharga $9,95.

inTrodUcing aplikasi sebagai aplikasi "preMiUM". Aplikasi premium berharga $19,95 dan lebih tinggi. Aplikasi ini ditujukan untuk para

profesional dan sering kali merupakan perangkat lunak desktop versi iPad. Grup Omni menawarkan rangkaian aplikasi yang

menyelesaikan banyak fungsi aplikasi Mac. Jika Anda memberi harga aplikasi Anda dengan cara ini, Anda akan memiliki lebih sedikit

pengguna yang mengadopsi aplikasi, tetapi mereka akan menjadi pengguna yang serius. Mereka akan menuntut Anda untuk

menambahkan fitur dan secara fungsional dan memberikan dukungan yang memadai.

Tim Hot Apps Factory memperkenalkan aplikasi untuk mengembangkan aplikasi sebagai versi .983 dengan
harga perkenalan $19,95. Mereka berencana untuk menambahkan enam fitur tambahan dan secara bertahap
menaikkan harga sebesar $5,00 setiap kali fitur ditambahkan. Versi 1.0.0 akan berharga $49,99 saat diperkenalkan.

mengadopsi Model “freeMiUM”. Aplikasi yang ditawarkan tanpa biaya untuk fitur dasar tetapi memungkinkan pembelian dalam

aplikasi untuk fitur dan fungsionalitas premium disebut aplikasi freemium panggilan. Pada hari-hari awal pengembangan
aplikasi, penulis akan memperkenalkan versi "lite" dan versi reguler dari aplikasi yang sama, tetapi pembelian dalam aplikasi
memungkinkan pengguna untuk menambahkan fitur sesuka hati. Ada sedikit reaksi terhadap pendekatan ini, karena banyak
pengguna merasa mereka terpaksa membayar untuk setiap fitur secara terpisah. Jadi pertimbangkan semua opsi sebelum
memilih model bisnis ini.
 Bab 11 • Merancang keluaran yang efektif 321

menawarkan aplikasi gratis. Terkadang disarankan untuk menawarkan aplikasi tanpa biaya kepada pengguna. Jika kamu adalah

norang yang menulis aplikasi untuk situasi ini, itu mungkin satu-satunya cara agar pengguna mengadopsi aplikasi Anda.
Mungkin berguna jika Anda memiliki aplikasi lain untuk dijual. Pengadopsi mungkin menghargai pekerjaan Anda dan
membeli sesuatu yang lain yang telah Anda kembangkan.

mempromosikan aplikasi dengan menurunkan harga IT. Strategi campuran terkadang adalah yang terbaik. Terkadang Anda dapat

mengurangi harga aplikasi untuk waktu yang singkat atau bahkan menawarkannya secara gratis. Apple iTunes sekarang
menampilkan aplikasi gratis minggu ini, dan situs lain menampilkan penawaran gratis setiap hari. Idealnya, Anda ingin
berada di salah satu daftar teratas Apple, dan menawarkan aplikasi gratis dapat mencapai hal ini.

menerima iklan. Jika Anda memiliki aplikasi yang sangat berguna yang sering dibuka (aplikasi cuaca, aplikasi
pasar saham, atau bahkan game populer, misalnya), mungkin menguntungkan untuk memiliki aplikasi gratis
dengan iklan. Jika Anda membaca komentar pengguna tentang aplikasi cuaca tertentu di halaman App Store,
Anda akan melihat bahwa pelanggan terus meminta opsi bebas iklan. Gunakan iklan dengan hati-hati.

Ikuti aturan
Ikuti aturan desain yang ditetapkan oleh pengembang sistem operasi. Apple menolak banyak aplikasi
yang dirancang untuk iOS Apple karena melanggar Pedoman Antarmuka Manusia (HIG). Antarmuka
dibahas secara rinci dalam Bab 14.

Desain Ikon Anda

Pada ponsel cerdas atau tablet, ikonnya sama impornya dengan nama aplikasi. Cobalah untuk mendesain ikon yang sederhana, mudah

dikenali, dan mudah diingat. Gambar 11.16 menunjukkan contoh dari App Cooker, yang dikembangkan oleh Hot Apps Factory. Ini

memungkinkan Anda untuk melihat bagaimana ikon Anda akan terlihat dalam berbagai format berbeda.

Pilih Nama yang Sesuai untuk Aplikasi

Pertahankan nama aplikasi Anda hingga 12 karakter atau kurang. Itu akan muncul di bawah ikon di layar
beranda, dan jika lebih dari 12 huruf, beberapa huruf akan dihilangkan saat ikon ditampilkan di layar.

Desain untuk Berbagai Perangkat

Bahkan tetap berada dalam rangkaian iPad, iPhone, dan iPod Apple mungkin berarti Anda perlu merancang
aplikasi yang fleksibel. Beberapa perbedaan antara tampilan ditunjukkan pada Gambar 11.17. Anda perlu
memberi Apple sejumlah ukuran ikon yang berbeda, jadi pertimbangkan itu saat Anda mengembangkan
ikon. Ikon akan terlihat berbeda dari satu perangkat ke perangkat lainnya jika terlalu rumit. Kesederhanaan
adalah kebajikan saat mendesain ikon.

gambar 11.16
pp Cooker (oleh aktor Hot Apps) memungkinkan

seorang desainer untuk melihat bagaimana ikon

aplikasi akan muncul dalam bentuk apapun.

322 Bagian 4 • esensi Desain

Gambar 11.17
Ukuran untuk Yang Lebih Tua Ukuran untuk Tinggi- Ukuran untuk Tinggi-
Ukuran untuk Yang Lebih Tua
Smartphone dan tablet Apple hadir Ikon Diperlukan iPhone di Resolusi Resolusi iPad
iPad (piksel)
dalam berbagai ukuran. (piksel) iPhone (piksel) (piksel)

Ukuran layar 320 × 480 640 × 1136 1024 × 768 2048 × 1536

Aplikasi
ikon (Beranda 57 × 57 114 × 114 72 × 72 144 × 144
ikon layar)

Ikon aplikasi untuk 1024 × 1024 1024 × 1024

512 × 512 512 × 512
toko aplikasi direkomendasikan direkomendasikan

768 × 1004 dan 1536 × 2008 dan

Luncurkan gambar 320 × 480 640 × 960
1024 × 748 2048 × 1496

Menyoroti
29 × 29 58 × 58 50 × 50 100 × 100
ikon pencarian

Ikon pengaturan 29 × 29 58 × 58 29 × 29 58 × 58

Dokumen 64 × 64 dan 128 × 128 dan

22 × 29 44 × 58
ikon 320 × 320 640 × 640

Anda harus membuat ikon dalam program grafis berbasis vektor seperti Adobe Illustrator. Jika Anda
menggunakan grafik berbasis vektor, Anda dapat menskalakan ikon Anda daripada membuat gambar bitmap dalam
berbagai ukuran. Mulailah dengan desain 1024 × 1024, dan Anda dapat mengecilkan grafik ke ukuran yang lebih
kecil. Jika Anda membuat desain 1024 × 1024, itu akan dicetak sebagai item 3,5 × 3,5 inci pada resolusi 300 titik per
inci yang diperlukan untuk majalah.

Rancang Output untuk Aplikasi

Meskipun dimungkinkan untuk menggunakan Adobe Illustrator, Visio (di PC), atau OmniGraffle (di Mac), Anda mungkin
mempertimbangkan untuk menggunakan salah satu dari banyak aplikasi yang dirancang khusus untuk membuat aplikasi di
perangkat genggam. Beberapa aplikasi yang sangat berguna untuk mendesain Apple iPhone dan iPad adalah AppCraftHD,
iMockups, dan App Cooker.
Gambar 11.18 menunjukkan bagaimana aplikasi App Cooker memungkinkan seorang desainer untuk memilih dari
serangkaian widget. Aplikasi ini, serta banyak aplikasi lainnya, menyediakan template untuk iPhone dan iPad sehingga
seorang desainer dapat merencanakan dengan tepat apa yang akan muncul di layar saat aplikasi berjalan. Prinsip-prinsip
untuk mendesain layar smartphone dan tablet serupa dengan yang disebutkan sebelumnya dalam bab ini.
Program mockup berguna dalam alur kerja serta memahami halaman mana yang terhubung ke
halaman lain. Contoh aliran ini ditunjukkan pada Gambar 1.19. Di sini, aplikasi App Cooker
memfasilitasi desain dengan menyoroti hubungan antar halaman.

Rancang Output untuk Kedua Kalinya untuk Orientasi yang Berbeda

Setelah Anda mendesain semua layar untuk suatu aplikasi, Anda harus melakukannya lagi, tetapi kali ini putar
perangkat 90 derajat. Jika Anda mendesain aplikasi dalam mode lanskap, putar perangkat dan desain dalam mode
potret.
Mari kita hadapi itu. Beberapa aplikasi terlihat lebih baik dalam satu mode daripada yang lain. Jika Anda
membaca satu halaman penuh teks pada ponsel cerdas di browser seperti Safari, Anda mungkin terbiasa melihatnya
dalam mode potret. Namun, pada tablet, teks mungkin tampak lebih baik dalam mode lanskap, meskipun jumlah
kata sama persis.
Itu karena ketika teks diluruskan, jarak antar kata tampak lebih besar dalam mode potret,
sehingga lebih sulit dibaca. Pada perangkat seperti Kindle, mengubah orientasi mengubah
jumlah kata pada halaman dan juga mengubah struktur kolom. Pengguna suka memilih
orientasi layar mereka.
Pengembang dapat menggunakan orientasi yang berbeda untuk keuntungan mereka. Dalam mode potret, aplikasi kalkulator

dapat menampilkan kalkulator yang sangat sederhana, tetapi menempatkannya dalam mode lanskap dapat mengubahnya menjadi

kalkulator ilmiah yang hebat. Memberikan opsi mudah ini kepada pelanggan biasanya disambut baik.
 ng output yang efektif 323

gambar 11.18
App Cooker aplikasi mockup sebagai kotak

peralatan widget yang dapat Anda gunakan

untuk mendesain layar. (Tiga

reenshots dari aplikasi App

Cooker. Hak Cipta © 2011 y
Hot Apps Factory SARL.
dicetak dengan izin.)

Rancang Logika Aplikasi

Tablet dan smartphone sangat cocok dengan metode pengembangan prototipe, tetapi terkadang cara terbaik untuk
mendekati aplikasi adalah dengan membuat sketsa logika menggunakan beberapa prinsip yang dibahas dalam Bab
9 tentang pembuatan spesifikasi proses dan pembuatan diagram keputusan terstruktur.

Buat Antarmuka Pengguna Menggunakan Gerakan

Ponsel cerdas dan tablet memiliki antarmuka pengguna yang inovatif (secara teknis disebut penginderaan kapasitif layar
sentuh), dan Anda perlu merancang aplikasi Anda dengan asumsi bahwa pengguna akan menuntut antarmuka sensitif
sentuhan yang menggunakan gerakan seperti gesekan, cubitan, tarikan, dan goyangan. Mereka akan mengharapkan
berbagai jenis umpan balik dan akan menuntut kemampuan untuk memilih keluar dari beberapa fitur.
Gestur dan umpan balik untuk tablet dan smartphone dibahas secara lebih rinci di Bab 14,
dalam konteks HCI (interaksi manusia-komputer), memberikan umpan balik pengguna, dan
kegunaan.

gambar 11.19
pp Cooker memungkinkan Anda untuk merencanakan

bagaimana aplikasi berjalan dari satu layar

selanjutnya. (Tiga tangkapan

layar dari aplikasi App Cooker.
hak cipta © 2011 oleh Hot Apps
actory SARL. Dicetak ulang
dengan izin.)
324 Bagian 4 • esensi Desain

Lindungi Kekayaan Intelektual Anda

Jika Anda berusaha keras dalam desain, Anda perlu melindunginya. Merek dagang ikon dan logo Anda. Baru-
baru ini ada pesaing yang memperkenalkan aplikasi dengan logo atau ikon satu kali yang sangat mirip
dengan yang sudah populer. Anda mungkin juga ingin hak cipta aplikasi Anda. Melakukannya tidak terlalu
mahal.
Anda juga disarankan untuk membuat perjanjian lisensi pengguna akhir (EULA) Anda sendiri. Perjanjian lisensi pengguna akhir

Anda memberi orang lain hak untuk menggunakan aplikasi Anda dan membatasi apa yang dapat dilakukan pengguna dengan aplikasi

tersebut.

Saat Anda menulis EULA, pertimbangkan untuk menyertakan penafian garansi. Beberapa pengguna tidak akan
menyukai aplikasi dan menginginkan pengembalian dana. Ini sering tidak masuk akal, terutama ketika pengguna mungkin
hanya membayar 99 sen untuk membeli aplikasi. Namun, harapan pengguna tidak selalu selaras dengan harapan Anda, jadi
lindungi diri Anda. Apple memiliki EULA default, tetapi saran kami adalah mempertimbangkan EULA khusus.
Pasar smartphone dan pasar tablet terus berkembang. Sistem operasi baru akan
mengubah cara aplikasi dirancang di masa mendatang.

Pasarkan Aplikasi Anda

Jika Anda cukup beruntung mendapatkan calon pengguna untuk mengunjungi halaman produk aplikasi Anda, Anda
perlu meyakinkan orang tersebut untuk membayar dan mengunduh aplikasi Anda. Perhatikan konten di App Store
Apple, yang terbagi menjadi banyak bagian. Untuk memasarkan aplikasi Anda, Anda memerlukan ikon besar,
deskripsi, bagian yang menjelaskan apa yang baru dalam versi saat ini, dan kumpulan contoh tangkapan layar.
Tangkapan layar yang dipilih sangat penting. Semua ini disebutkan di sini karena desain aplikasi yang baik sangat
penting untuk mengedepankan wajah terbaik Anda.
Ada banyak cara lain untuk memasarkan aplikasi Anda, tetapi diskusi itu berada di luar cakupan buku
ini. Ada banyak buku dan situs web yang dikhususkan untuk aplikasi pemasaran.

Produksi Keluaran dan XML

Output produksi bervariasi tergantung pada platform yang digunakan. Ada banyak cara berbeda untuk
membuat keluaran, mulai dari perangkat lunak basis data seperti Microsoft Access dan FileMaker Pro, hingga
paket statistik seperti SAS, hingga pembuat dokumen seperti Adobe Acrobat.
Kita telah membahas XML pada Bab 8. Salah satu keuntungan menggunakan XML adalah dokumen XML
dapat diubah menjadi tipe media keluaran yang berbeda. Ini dilakukan dengan menggunakan Cascading
Style Sheets (CSSs) atau Extensible Stylesheet Language Transformations (XSLT). Metode ini memperkuat
gagasan bahwa data dapat didefinisikan sekali dan digunakan berkali-kali dalam format yang berbeda.

Menggunakan Cascading Style Sheets adalah cara mudah untuk mengubah dokumen XML. Lembar
gaya menyediakan serangkaian gaya, seperti jenis font, ukuran, warna, batas, dan seterusnya, yang
ditautkan ke elemen dokumen XML. Gaya ini dapat bervariasi untuk media yang berbeda, seperti layar, hasil
cetak, atau perangkat genggam. Perangkat lunak transformasi mendeteksi jenis perangkat dan menerapkan
gaya yang benar untuk mengontrol output.
Misalnya, gaya yang digunakan untuk tampilan panel datar mungkin menggunakan palet warna yang kaya dan font
sans serif, yang lebih mudah dibaca di layar. Gaya berbeda menggunakan font serif dan warna hitam atau abu-abu dapat
digunakan untuk menentukan laporan tercetak untuk data yang sama. Ukuran font yang lebih kecil mungkin digunakan
untuk perangkat genggam atau ponsel.
Kelemahan menggunakan Cascading Style Sheets adalah tidak memungkinkan analis untuk memanipulasi
data, seperti mengatur ulang urutan elemen atau pengurutan, dan hanya sejumlah teks pengidentifikasi yang
terbatas, seperti keterangan, yang dapat ditambahkan. CSS pada dasarnya digunakan untuk memformat.
Menggunakan Extensible Stylesheet Language Transformations (XSLT) adalah cara yang lebih
ampuh untuk mengubah dokumen XML. XSLT memungkinkan seorang analis untuk memilih elemen
dan memasukkannya ke dalam halaman web atau media keluaran lainnya. Gambar 11.20
mengilustrasikan proses transformasi. XSLT bukan bahasa pemrograman tetapi menggunakan
serangkaian pernyataan untuk menentukan elemen mana yang harus dikeluarkan, urutan
pengurutan, pemilihan data, dan sebagainya. Contoh transformasi XML diilustrasikan pada Gambar
11.21. XML ditampilkan di sebelah kiri, dan hasil transformasi ditampilkan di sebelah kanan.
Perhatikan bahwa hanya data antara tag (yang terkandung dalam simbol kurang dari [<] dan lebih
besar dari [>]) yang disertakan dalam output.
 bab keluaran yang efektif 325

kembali 11.20

Perangkat lunak Stylesheet

Language ormations (XSLT)
dapat digunakan untuk membuat
dokumen XML dan mengubahnya
Halaman web menjadi berbagai format untuk
berbagai platform.

<?xml versio
n=“1.0”?>
<pelanggan> Keluaran Kertas
<nama>
<telepon>
<pelanggan>

Dokumen XML Desktop

Ponsel Pintar

<?xml version
=“1.0”?>
<pelanggan>
<nama>
<telepon>
<pelanggan>

Dokumen XML Baru

Ajax
Ajax adalah teknik yang menggunakan JavaScript dan XML untuk mendapatkan sejumlah kecil data, baik teks biasa
atau XML, dari server tanpa meninggalkan halaman web. Ini adalah keuntungan besar karena itu berarti seluruh
halaman web tidak perlu dimuat ulang. Ini bekerja dengan mengizinkan halaman web untuk memformat ulang
dirinya sendiri berdasarkan pilihan yang dimasukkan pengguna. Karena Ajax juga terkait dengan input pengguna,
lihat detail tambahan di Bab 12.
Ajax dibahas di sini karena implikasi keluaran juga penting. Terserah analis dan desainer untuk
menentukan kapan data harus ditambahkan atau diubah pada halaman web dan untuk
mengidentifikasi kondisi yang menyebabkan perubahan. Urutan pertanyaan yang diajukan juga
berperan dalam desain ini.
Contoh halaman web yang menggunakan Ajax ditunjukkan pada Gambar 11.22, yang menunjukkan bahwa Ajax
memungkinkan untuk menampilkan lebih sedikit data pada halaman, sehingga membuat output tidak terlalu berantakan dan
tidak membingungkan. Dalam contoh ini, pengguna memasukkan salah satu dari empat cara untuk mempersempit pencarian
untuk melihat daftar pelanggan saat ini. Pilihan yang tersedia bagi pengguna adalah (1) masukkan tiga digit pertama kode
pos (kode pos), (2) masukkan kode area telepon, (3) pilih negara bagian, atau (4) pilih negara. Pengguna mungkin tidak
mengetahui kode pos atau kode area dan karena itu mungkin perlu mencari berdasarkan negara bagian atau negara,
sehingga opsi ini sangat berguna.
Setelah memasukkan salah satu pilihan lokasi—dalam hal ini, tiga digit pertama kode pos—pengguna
mengklik Dapatkan Pelanggan tombol. Nilai kode pos dikirim ke server, bersama dengan data yang
menunjukkan bahwa itu adalah kode pos. Server kemudian menemukan semua catatan pelanggan untuk
lokasi yang dipilih, membuat dokumen XML, dan mengirimkannya ke halaman web yang sama.
Saat merancang keluaran, seorang analis sistem memiliki banyak pilihan berbeda mengenai cara menampilkan
data ini di halaman web. Dalam hal ini, analis menentukan bahwa dokumen XML akan digunakan untuk membuat
daftar drop-down yang berisi semua pelanggan saat ini untuk lokasi yang diinginkan. Setelah pengguna memilih
pelanggan dari daftar drop-down, informasi lebih lanjut tentang pelanggan tertentu akan ditampilkan, seperti yang
ditunjukkan pada contoh.
Keuntungan menggunakan Ajax untuk menampilkan data adalah pengguna tidak perlu menunggu halaman
web baru ditampilkan setelah melakukan pemilihan. Filosofi Ajax adalah untuk menampilkan pertanyaan terbatas
bagi pengguna untuk menjawab secara bertahap. Ini menghilangkan kekacauan layar. Setelah pengguna
menanggapi pertanyaan dengan membuat pilihan, pertanyaan baru dapat dibuat.
326 Bagian 4 • esensi Desain

Gambar 11.21
Transformasi XML, dengan XML di
<?xml version
=“1.0” standalo
sebelah kiri dan hasil transformasi di stylesheet ty ne=“tidak”?>
<?xml–
pe=“text/xsl”
href=“cust02.x
sebelah kanan. Hanya data di antara > sl” ?><pela informasi pe
tag yang disertakan dalam output di <judul>Infor
masi Pelangg
nggan
ngguna
an </judul> <
sebelah kanan. pelanggan> Nomor:
<nomor>092 09288
88</nomor> Nama depan:
nama> < George
Nama kelua
rga:
<nama kelua Hijau
rga>Hijau</na
ma keluarga Jalan:
<nama depa > 123 Oak Stre
n>George</na
ma depan> < Apartemen: et
nama tengah> Kamar 16
L</nama ten
gah> </nama> Kota:
madison
<alamat> Negara:
saya
<jalan>123 Jal
an Oak</jalan Ritsleting:

>Suite 16</A
> <Aparteme
n 53704
partemen> <k Negara:
ota>Madiun</ Amerika Serik
kota> <negara at
>WI</negara> Saldo saat in
>53704</rits
<ritsleting i: 123.45
leting>
Nomor:
<negara>Am 15008
erika Serikat Nama depan:
</alamat> </negara> Sally
Nama kelua
<saldo saat in rga:
cokelat
i>123,45</sa
pelanggan> ldo saat ini>
</ Jalan:
123 Elm Stre
<pelanggan> Apartemen: et
Tepat. 1
<nomor>150 Kota:
08</nomor> Camden
nama> <
Negara:
<nama kelua NJ
rga>coklat</n Ritsleting:
ama keluarga 08102
<nama depa >
n>Sally</nama
depan> < Negara:
nama tengah> Amerika Serik
S</nama ten
gah> </nama> Saldo saat in at
i: 9.876,54
<alamat>
<jalan>123 Jal
an Elm</jala
n> <
Apartemen>
Tepat 1</Apart
emen> <
kota>Kamar</
kota> <negara
>NJ</
negara> <ritsl
eting>08102
</ritsleting>

<negara>Am
erika Serikat
</alamat> </negara>
<saldo saat in
i>9,876,54</
pelanggan> saldo saat in
i> </
</pelanggan
>

Gambar 11.22
Halaman web yang menggunakan Ajax

memungkinkan untuk menampilkan lebih

sedikit data pada halaman, memungkinkan

tampilan yang rapi.

 HyperRCase® pengalaman 11

"SAYA
akan mengatakan penerimaan yang Anda terima, atau haruskah saya katakan Laporan unit yang akan merangkum informasi berikut untuk
tim Anda menerima, untuk presentasi proposal Anda cukup hangat. Bagaimana Anda Snowden:
senang bertemu dengan Tuan Hyatt? Apa? Dia tidak datang? Oh [tertawa], dia
Jumlah proyek yang diterima di Unit Pelatihan.
orangnya sendiri. Bagaimanapun, jangan terlalu khawatir tentang itu. Laporan yang
Jumlah proyek yang sedang dievaluasi ulang.
saya dapatkan dari Snowden sangat menggembirakan. Bahkan, sekarang dia ingin
Bidang subjek pelatihan yang membutuhkan konsultan.
melihat beberapa desain awal dari kalian semua. Bisakah Anda memiliki sesuatu di
3. Rancang tampilan keluaran tambahan yang menurut Anda akan
mejanya atau mengirimkannya sebagai lampiran ke emailnya dalam dua minggu?
mendukung Snowden dalam jenis pengambilan keputusan yang sering
Dia akan berada di Singapura untuk urusan bisnis minggu depan, tetapi kemudian
dilakukannya.
ketika dia pulih dari jet lag, dia akan mencari desain itu. Terima kasih."
4. Tunjukkan desainmu kepada tiga teman sekelas. Dapatkan umpan balik tertulis
dari mereka tentang cara meningkatkan tampilan keluaran yang telah Anda
rancang.
pertanyaan hypercase
5. Rancang ulang tampilan untuk menangkap peningkatan yang disarankan oleh
1. Pertimbangkan laporan dari Unit Pelatihan. Apa keluhan
teman sekelas Anda. Dalam sebuah paragraf, jelaskan bagaimana Anda
Snowden tentang laporan ini? Jelaskan dalam sebuah
mengatasi setiap kekhawatiran mereka.
paragraf.
2. Menggunakan formulir kertas tata letak, alat M,
merancang tampilan keluaran prototipe

Gambar 11.HC1
Anda memiliki kemampuan untuk melihat dan mengkritik layar keluaran di HyperCase.

Ringkasan
Output adalah setiap informasi atau data yang berguna yang disampaikan oleh sistem informasi, sistem pendukung
keputusan, Web, atau smartphone atau tablet kepada pengguna. Output dapat mengambil hampir semua bentuk, termasuk
cetak, komputer, smartphone, dan tampilan tablet, audio, mikroform, dan dokumen berbasis Web.
Seorang analis sistem memiliki enam tujuan utama dalam merancang keluaran. Mereka harus merancang output untuk melayani tujuan
manusia dan organisasi yang dimaksudkan, agar sesuai dengan pengguna, untuk memberikan jumlah output yang tepat, untuk mengirimkannya ke
tempat yang tepat, untuk menyediakan output tepat waktu, dan untuk memilih metode output yang tepat.
Bagian 4 • esensi Desain

Analis harus menyadari bahwa konten keluaran terkait dengan metode keluaran. Output dari teknologi yang berbeda mempengaruhi
pengguna dengan cara yang berbeda. Teknologi keluaran juga berbeda dalam kecepatan, biaya, portabilitas, fleksibilitas, aksesibilitas,
penyimpanan, dan kemungkinan pengambilan. Semua faktor ini harus dipertimbangkan ketika memutuskan di antara opsi keluaran.
Penyajian keluaran dapat membiaskan pengguna dalam interpretasinya. Analis dan pengguna harus menyadari sumber bias. Analis harus
berinteraksi dengan pengguna untuk merancang dan menyesuaikan keluaran, memberi tahu pengguna tentang kemungkinan bias dalam keluaran,
membuat keluaran yang fleksibel dan dapat dimodifikasi, dan melatih pengguna untuk menggunakan beberapa keluaran untuk membantu
memverifikasi keakuratan laporan tertentu.
Merancang output untuk tampilan pengguna adalah penting, terutama untuk DSS, Web, serta smartphone dan tablet.
Teknologi Web 2.0 (termasuk media sosial) harus dimasukkan ke dalam halaman web yang terbuka untuk umum dan
halaman web internal untuk memungkinkan komunikasi dan kolaborasi pengguna.
Estetika dan kegunaan sangat penting saat membuat output yang dirancang dengan baik untuk tampilan. Penting untuk
menghasilkan prototipe layar dan dokumen Web yang mendorong pengguna untuk berinteraksi dengan mereka dan membuat
perubahan jika diinginkan.
Mengembangkan aplikasi, atau "aplikasi", yang merupakan program yang menyenangkan atau berguna untuk ponsel cerdas dan
tablet memiliki proses pengembangannya sendiri yang berbeda, tetapi banyak aspek pengembangan tangkas, seperti rilis cepat atau
fitur terbatas, serta pembuatan prototipe, dapat diperluas ke aplikasi perkembangan. Desainer aplikasi yang mendesain aplikasi untuk
smartphone dan tablet Apple yang mendominasi pasar harus mempertimbangkan opsi harga untuk aplikasi, mengembangkan aplikasi
untuk gerakan pengguna tertentu, mendesain untuk orientasi layar yang berbeda pada perangkat yang berbeda, dan secara hukum
melindungi kekayaan intelektual yang mereka buat.

Kata kunci dan Frasa

aplikasi TI hijau
Ajax Jawa
keluaran audio maket
blog orientasi
penanda buku bias keluaran
peramban desain keluaran
Cascading Style Sheets (CSS) plug-in
dasbor sistem manajemen konten podcasting
(CMS) teknologi kolaboratif Umpan RSS
media sosial
tampilan layar keadaan lengket

keluaran elektronik papan cerita

surel taman bertembok

perjanjian lisensi pengguna akhir (EULA) Transformasi Teknologi Web 2.0

Bahasa Stylesheet yang Dapat Diperluas Webmaster
(XSLT) halaman web

pertanyaan yang sering diajukan wiki

(FAQ) gerakan Lisensi Publik Umum wireframing
(GPL)

Tinjau Pertanyaan
1. Sebutkan enam tujuan yang dicapai seorang analis dalam merancang keluaran sistem.
2. Bandingkan output eksternal dengan output internal yang dihasilkan oleh suatu sistem. Ingatlah untuk mempertimbangkan
perbedaan pengguna eksternal dan internal.
3. Buat daftar metode keluaran elektronik potensial bagi pengguna.
4. Apa kekurangan dari keluaran elektronik dan berbasis web?
5. Sebutkan 10 faktor yang harus dipertimbangkan ketika memilih teknologi keluaran.
6. Jenis keluaran apa yang terbaik jika pembaruan sering diperlukan?
7. Output seperti apa yang diinginkan jika banyak pembaca akan membaca, menyimpan, dan meninjau output selama
beberapa tahun?
8. Apa dua kelemahan output audio?
9. Sebutkan tiga cara utama di mana presentasi hasil menjadi bias secara tidak sengaja.
10. Apa lima cara seorang analis dapat menghindari biasing output?
11. Mengapa penting untuk menunjukkan kepada pengguna laporan atau tampilan keluaran prototipe?
12. Sebutkan tiga kategori laporan tercetak.
13. Berikan satu perbedaan antara laporan pengecualian dan ringkasan.
 Bab 11 • Merancang keluaran yang efektif 329

14. Dalam hal apa tampilan, hasil cetak, dan dokumen berbasis web berbeda?
15. Sebutkan empat pedoman untuk memudahkan desain tampilan output yang baik.
16. Apa yang membedakan keluaran untuk DSS dari MIS yang lebih tradisional?
17. Apa empat pertimbangan utama seorang analis dalam merancang output grafis untuk sistem pendukung
keputusan?
18. Tentukan keadaan lengket.

19. Sebutkan tujuh pedoman untuk membuat situs web yang baik.
20. Sebutkan lima pedoman untuk menggunakan grafik dalam mendesain situs web.
21. Buat daftar tujuh ide untuk meningkatkan presentasi situs web perusahaan yang Anda desain.
22. Apa aturan "tiga klik"?
23. Dengan cara apa Anda dapat mendorong perusahaan untuk mempromosikan situs web mereka yang telah Anda kembangkan?
24. Apa itu teknologi Web 2.0? Sebutkan empat dari banyak yang ada.
25. Sebutkan lima faktor yang harus dipertimbangkan analis ketika memasukkan teknologi Web 2.0 di halaman web
organisasi.
26. Apa kata lain dari aplikasi?
27. Sebutkan 7 dari 14 langkah pengembangan aplikasi yang berhubungan dengan desain.

28. Sebutkan dua program yang dapat membantu Anda merancang keluaran untuk aplikasi smartphone atau tablet.
29. Prinsip pengembangan tangkas apa yang berlaku untuk mengembangkan aplikasi?
30. Mengapa penting untuk mendesain aplikasi untuk orientasi yang berbeda (potret dan lanskap)?
31. Buat daftar enam opsi dasar untuk menentukan harga aplikasi yang Anda kembangkan.

32. Apa itu? gerak tubuh dalam mendesain smartphone dan tablet?
33. Apa tiga cara untuk melindungi aplikasi Anda sebagai kekayaan intelektual?
34. Bagaimana Cascading Style Sheets memungkinkan seorang analis untuk menghasilkan output?
35. Apa keuntungan menggunakan XSLT daripada Cascading Style Sheets?
36. Apa itu RSS feed?
37. Untuk apa dasbor terutama digunakan?
38. Apa itu widget (atau gadget)?
39. Mengapa perancang sistem harus menyadari popularitas widget (atau gadget)?
40. Bagaimana Cascading Style Sheets memungkinkan seorang analis untuk menghasilkan output?
41. Apa keuntungan menggunakan Transformasi Bahasa Extensible Stylesheet daripada
Cascading Style Sheets?
42. Bagaimana Ajax membantu membangun halaman web yang efektif?

Masalah
1. “Saya yakin mereka tidak akan keberatan jika kita mulai mengirimi mereka laporan di lembar komputer besar ini. Selama ini kami
telah memadatkannya, mengetik ulang, dan mengirimkannya ke akun terbesar kami, tetapi kami tidak bisa sekarang. Kami
sangat kekurangan staf, kami tidak punya waktu,” kata Otto Breth. “Saya hanya akan menulis komentar di sini untuk memberi
tahu mereka bagaimana menanggapi laporan ini, dan kemudian kami dapat mengirimkannya.”
A. Masalah potensial apa yang Anda lihat dalam mengubah output eksternal dengan santai? Daftar mereka.
B. Diskusikan dalam sebuah paragraf bagaimana output internal dan eksternal dapat berbeda dalam penampilan dan fungsi.
2. “Saya tidak perlu sering melihatnya, tetapi ketika saya melakukannya, saya harus bisa mendapatkannya dengan cepat.
Saya pikir kami kehilangan kontrak terakhir karena informasi yang saya butuhkan terkubur di tumpukan kertas di meja
seseorang di suatu tempat,” kata Luke Alover, seorang arsitek yang menjelaskan masalah perusahaan kepada salah
satu analis yang ditugaskan untuk proyek sistem baru. “Yang saya butuhkan adalah informasi instan tentang berapa
biaya bangunan seluas itu terakhir kali kami menawar; berapa harga bahan dasar seperti baja, kaca, dan beton
sekarang dari tiga pemasok utama kami; siapa kemungkinan pesaing kita pada jenis bangunan ini; dan siapa yang
terdiri dari komite yang akan membuat keputusan akhir tentang siapa yang mendapatkan penawaran. Saat ini,
meskipun, itu dalam seratus laporan di suatu tempat. Aku harus mencarinya ke mana-mana.”
A. Mengingat detail terbatas yang Anda miliki di sini, tulis sebuah paragraf untuk menyarankan metode keluaran untuk penggunaan Luke
yang akan menyelesaikan beberapa masalahnya saat ini. Di paragraf kedua, jelaskan alasan Anda memilih metode keluaran yang Anda
lakukan. (Petunjuk: Pastikan untuk menghubungkan metode keluaran dengan konten keluaran dalam jawaban Anda.)

B. Pemikiran Luke saat ini adalah bahwa tidak ada catatan kertas tentang keluaran yang dibahas yang perlu disimpan. Dalam sebuah
paragraf, diskusikan faktor-faktor apa yang harus dipertimbangkan sebelum output yang ditampilkan digunakan untuk
mengesampingkan laporan tercetak.
C. Buatlah daftar lima sampai tujuh pertanyaan mengenai fungsi keluaran dalam organisasi yang akan Anda tanyakan
kepada Luke dan yang lainnya sebelum memutuskan untuk menghapus laporan tercetak yang sedang digunakan.

3. Berikut adalah beberapa situasi yang memerlukan keputusan tentang konten keluaran, metodologi keluaran, distribusi, dan
sebagainya. Untuk setiap situasi, perhatikan keputusan keluaran yang sesuai.
Bagian 4 • esensi Desain

A. Pemasok bahan baku utama yang besar dan dianggap baik untuk proses produksi perusahaan Anda
memerlukan laporan ringkasan akhir tahun dari total yang dibeli darinya.
B. Memo curah pendapat internal diedarkan melalui staf mengenai rencana piknik perusahaan dan
penggalangan dana.
C. Laporan ringkasan situasi keuangan perusahaan diperlukan oleh pengambil keputusan utama, yang akan
menggunakannya saat mempresentasikan proposal kepada calon pendukung eksternal.
D. Daftar reservasi kamar hotel malam ini diperlukan untuk petugas meja depan.
e. Daftar reservasi kamar hotel malam ini diperlukan oleh polisi setempat.
F. Hitungan real-time orang yang melewati gerbang Wallaby World (taman hiburan Australia) akan
digunakan oleh patroli tempat parkir.
G. Sistem inventaris harus mendaftarkan item setiap kali item tersebut dipindai oleh tongkat sihir.
H. Ringkasan laporan kenaikan gaji berdasarkan prestasi yang diberikan kepada masing-masing 120 karyawan akan
digunakan oleh 22 penyelia selama rapat gabungan penyelia, dan selanjutnya ketika menjelaskan kenaikan gaji
berdasarkan prestasi kepada karyawan departemen penyelia itu sendiri.
Saya. Informasi kompetitif dibutuhkan oleh tiga perencana strategis dalam organisasi, tetapi informasi ini sensitif secara industri
jika didistribusikan secara luas.
J. Gaya percakapan santai diperlukan untuk memberi tahu pelanggan tentang fitur produk yang kuat tetapi
jarang digunakan.
k. Distrik bersejarah kota ingin memberi tahu pengunjung tentang bangunan dan peristiwa bersejarah.
l. Peringatan badai harus dikirimkan ke pelanggan di wilayah geografis yang luas.
4. “Saya rasa saya sekarang mengerti dari mana orang itu berasal, tetapi dia menyuruh saya pergi sebentar ke sana,” kata Miss
deLimit. Dia sedang mendiskusikan prototipe output tampilan, yang dirancang oleh analis sistem, yang baru saja dia lihat.
“Maksud saya, saya tidak pernah menganggapnya sebagai masalah sebelumnya jika 20 persen dari total ukuran kelas tidak dapat
masuk ke dalam satu kelas,” katanya. “Kami tahu kelas kami diminati, dan karena kami tidak dapat mempekerjakan lebih banyak
fakultas untuk memenuhi bidang yang kami butuhkan, penyesuaian harus dilakukan sesuai permintaan siswa. Dia menyorotinya
sebagai masalah jika hanya 5 persen siswa yang menginginkan kelas tidak bisa masuk, tapi tidak apa-apa. Sekarang saya tahu
apa yang dia maksud, saya akan mengabaikannya ketika komputer berbunyi bip.”

A. Dalam satu atau dua kalimat, jelaskan masalah yang dialami Miss deLimit dengan output tampilan.
B. Apakah solusi untuk "mengabaikan bunyi bip" adalah solusi yang masuk akal mengingat keluarannya masih dalam tahap prototipe?
C. Dalam sebuah paragraf, jelaskan bagaimana output tampilan untuk masalah khusus ini dapat diubah sehingga lebih
mencerminkan aturan sistem yang digunakan Miss deLimit.
5. Berikut ini adalah log sheet untuk sistem informasi pasien yang digunakan oleh perawat di rumah pemulihan untuk mencatat
pengunjung dan aktivitas pasien selama shift mereka. Rancang laporan tercetak menggunakan perangkat lunak desain
formulir yang memberikan ringkasan untuk perawat penanggung jawab setiap shift dan laporan untuk koordinator kegiatan
pada akhir minggu. Pastikan untuk menggunakan konvensi yang tepat untuk menunjukkan data konstan, data variabel, dan
sebagainya. Laporan-laporan ini akan digunakan untuk menentukan pola kepegawaian dan penawaran kegiatan di masa
depan.

Tanggal Sabar Hubungan Pengunjung Kegiatan

14/2 Clarke 2 Ayah ibu Berjalan-jalan di aula, menghadiri

kapel, makan di kafetaria, Bermain
kopi 6 Rekan kerja game, berpesta di kamar
Martine 0 — Makan di kamar
Laury 4 Suami dan teman Permainan di ruang berjemur,
Finney 2 Orang tua menonton Percakapan TV, makan di
Tukang reparasi kereta 1 Saudari kantin Percakapan, ruang kerajinan
Goldstein 2 Kakak adik Percakapan, permainan di luar ruangan,
pusaran air

6. Desain tampilan output untuk Soal 5 menggunakan software desain form. Buat asumsi apa pun tentang kemampuan
sistem yang diperlukan dan ikuti konvensi desain tampilan untuk petunjuk di layar. (Petunjuk: Anda dapat
menggunakan lebih dari satu layar tampilan jika diinginkan.)
A. Dalam sebuah paragraf, diskusikan mengapa Anda merancang setiap laporan seperti yang Anda lakukan dalam masalah ini dan Masalah
5. Apa perbedaan utama dalam pendekatan Anda terhadap masing-masing laporan? Bisakah laporan yang dicetak berhasil
ditransplantasikan ke tampilan tanpa perubahan? Mengapa atau mengapa tidak?
B. Beberapa perawat tertarik dengan sistem berbasis web yang dapat diakses oleh keluarga pasien dari
rumah dengan kata sandi. Rancang layar keluaran untuk Web. Dalam sebuah paragraf, jelaskan
bagaimana laporan Anda harus diubah sehingga dapat dilihat oleh satu keluarga pasien.
 Bab 11 • Merancang keluaran yang efektif 331

7. Clancy Corporation memproduksi seragam untuk departemen kepolisian di seluruh dunia. Seragamnya dipilih oleh
banyak kalangan karena harganya yang murah dan desainnya yang sederhana namun berwibawa. Anda membantu
merancang DSS untuk Clancy Corporation, dan DSS telah meminta keluaran tabel yang akan membantunya dalam
membuat berbagai keputusan tentang desainer apa yang akan digunakan, di mana memasarkan seragamnya, dan
perubahan apa yang harus dilakukan pada seragam agar mereka tetap melihat ke atas -hingga saat ini. Tabel berikut
mencantumkan beberapa data yang ingin dilihat perusahaan dalam tabel, termasuk nama gaya seragam, contoh grup
pembeli untuk setiap gaya, dan desainer mana yang mendesain gaya seragam. Siapkan contoh output tabel untuk
tampilan yang menggabungkan data ini tentang Clancy. Ikuti konvensi yang tepat untuk tampilan output tabel.
Gunakan kode dan kunci, jika perlu.

Nama Gaya Contoh Pembeli desainer

Militer penuh NYPD Claudio, Rialtto, Tambang Melvin

Setengah militer LAPD Rialtto, Calvetti, Duran, Tambang
Melvin
Pakaian formal Angkatan Bersenjata Australia Claudio, Dundee, Melvin
Mine
Gaun kasual “Wakil Miami” Johnson, Melvin Mine

8. Clancy tertarik pada output grafis untuk DSS-nya. Ia ingin melihat perbandingan grafis dari berapa
banyak setiap gaya seragam yang dijual setiap tahun.
A. Pilih gaya grafik yang sesuai dan rancang grafik untuk tampilan yang menggabungkan data berikut:

Militer Penuh (persen dari total) Setengah Militer Pakaian formal Gaun Kasual

2008 50 20 20 10
2009 55 15 20 10
2010 60 15 15 10
2011 62 15 15 8
2012 65 10 15 10

Pastikan untuk mengikuti konvensi desain yang tepat untuk tampilan. Gunakan kode dan kunci, jika perlu.
B. Pilih metode grafik kedua yang memungkinkan pengambil keputusan di Clancy's untuk melihat tren dalam
pembelian gaya seragam tertentu dari waktu ke waktu. Gambarlah grafik untuk ditampilkan sebagai bagian dari
output untuk DSS Clancy. Pastikan untuk mengikuti konvensi desain yang tepat untuk tampilan. Gunakan kode dan
kunci jika perlu.
C. Dalam sebuah paragraf, diskusikan perbedaan dalam dua grafik di layar yang telah Anda pilih. Pertahankan pilihan
Anda.
9. Michael Cerveris memiliki sejumlah mobil yang digunakan untuk balapan. Ukuran kinerja apa yang
perlu dia kembangkan untuk melacak kinerja pengemudi, kru pit, dan staf pendukungnya (belum lagi
ban botak yang dialami mobilnya)?
10. Rancang dasbor DSS untuk Michael dari Soal 9. Gunakan jenis bagan dan grafik yang sesuai untuk
menggambarkan kinerja.
11. Rancang dasbor untuk melacak stok dan portofolio seseorang. Pikirkan tentang bagaimana dasbor dapat digunakan
untuk membuat keputusan tentang membeli dan menjual saham. Ingatlah bahwa klien dapat memiliki lebih dari
satu pialang saham.
12. Gabriel Shanks menjalankan teater nirlaba yang menghasilkan tujuh drama per tahun di tiga teater. Setiap pertunjukan
berlangsung selama delapan minggu tetapi dapat diperpanjang empat minggu jika pertunjukannya sukses. Rancang
dasbor untuk Gabriel, dengan mempertimbangkan berbagai fase pertunjukan serta kebutuhan untuk menjual tiket
sebanyak mungkin. Jangan lupa bahwa Gabriel terlibat dalam teater dan sangat visual. Namun, dia tidak suka meja.

13. Sementara Gabriel dari Soal 12 mengurus berbagai detail selama hari biasa, dia ingin mengikuti berita teater di
Manhattan, pada saat yang sama memiliki beberapa alat sederhana untuk membantunya dengan aktivitas yang
berhubungan dengan komputer. Jenis widget dan gadget apa yang Gabriel perlukan untuk melakukan pekerjaannya
sambil memiliki beberapa alat berbasis komputer sederhana yang selalu tersedia?
14. Jelajahi Web untuk melihat situs web yang dirancang dengan baik dan yang dirancang dengan buruk. Pilih tiga contoh masing-masing. Beri
komentar tentang apa yang membuat situs tersebut unggul atau buruk, dengan menggunakan formulir kritik yang disajikan sebelumnya di
bab ini untuk membandingkan dan membedakannya.
15. Usulkan situs web untuk Clancy's, perusahaan seragam yang dijelaskan dalam Soal 7 dan 8. Buat sketsa dengan tangan atau
gunakan perangkat lunak desain formulir untuk membuat prototipe beranda Clancy. Tunjukkan hyperlink, dan
Bagian 4 • esensi Desain

menyertakan sketsa satu dokumen hyperlink. Ingatlah untuk menyertakan grafik, ikon, dan bahkan
suara atau media lain jika sesuai. Dalam sebuah paragraf, jelaskan siapa pengguna situs web yang
dimaksud dan nyatakan mengapa Clancy's bisa hadir di Web.
16. Department Store Elonzo adalah jaringan sekitar 50 toko ritel, yang mengkhususkan diri pada dapur, kamar mandi, dan barang-
barang rumah tangga lainnya, termasuk banyak barang dekoratif dan modis. Baru-baru ini Elonzo's memutuskan untuk
mengotomatiskan daftar hadiahnya untuk memungkinkan tamu pernikahan dan acara lainnya dapat menelusuri item yang
dipilih oleh pasangan pengantin atau orang lain.
A. Rancang halaman web yang memungkinkan pelanggan memasukkan kode pos (kode pos) dan menemukan toko
terdekat.
B. Rancang halaman web bagi pelanggan untuk menelusuri hadiah dan memesannya secara online. Jangan sertakan formulir
pemesanan yang sebenarnya, cukup produk saja. Pilihan seperti apa yang harus tersedia untuk pelanggan?
Sertakan tombol atau tautan untuk mengubah urutan pengurutan dalam desain Anda.
C. Rancang daftar tercetak yang dapat diminta pelanggan saat mereka pergi ke salah satu toko. Urutan apa yang
optimal bagi pelanggan yang mencoba menemukan barang? Apakah semua barang yang diminta oleh pasangan
pengantin akan dimasukkan dalam daftar? (Petunjuk: Beberapa mungkin sudah dibeli.)
17. Rancang garis besar podcast untuk seseorang yang sedang tur ke universitas, perguruan tinggi, atau bisnis Anda. Di
urutan apa Anda akan menempatkan topik? Berapa banyak waktu yang Anda berikan untuk setiap lokasi kampus
atau gedung? Asumsikan bahwa pesta akan tiba di pagi hari dan mengurutkan makan siang ke dalam podcast.

18. Gambarlah diagram yang membandingkan alur pengembangan aplikasi melalui 14 langkah
dengan tujuh fase SDLC.
19. Tulislah dua paragraf yang membandingkan dan membedakan proses pengembangan aplikasi dan SDLC seperti
yang Anda gambarkan dalam Soal 18.
20. Rancang layar pengingat penerbangan maskapai untuk smartphone menggunakan orientasi potret.
21. Rancang layar pengingat penerbangan maskapai untuk tablet menggunakan orientasi lanskap.
22. Rancang halaman web bergaya Ajax yang memungkinkan seorang dekan di community college memilih
instruktur paruh waktu. Dekan harus dapat memilih disiplin atau kursus dan meminta server mengirimkan
dokumen XML yang berisi semua calon instruktur paruh waktu untuk seleksi. Dokumen XML harus digunakan
untuk mengisi daftar drop-down nama instruktur. Mengklik nama instruktur akan menampilkan informasi
tentang instruktur potensial. Putuskan informasi apa yang akan disertakan yang akan membantu dekan
membuat keputusan tentang siapa yang akan dipekerjakan. (Petunjuk: Instruktur paruh waktu mungkin
hanya dapat mengajar pada hari-hari tertentu atau hanya pada pagi, siang, atau malam hari.)

Proyek Grup
1. Lakukan brainstorming dengan anggota tim Anda tentang jenis keluaran apa yang paling sesuai untuk berbagai
eksekutif dan manajer tingkat tinggi Dizzyland, sebuah taman hiburan besar di Florida. Sertakan daftar lingkungan
atau situasi pengambilan keputusan dan jenis keluaran. Dalam sebuah paragraf, diskusikan mengapa kelompok
menyarankan opsi-opsi tertentu untuk keluaran.
2. Minta setiap anggota grup mendesain tampilan atau formulir keluaran untuk situasi keluaran yang Anda daftarkan di Proyek
Grup 1. (Gunakan Microsoft Visio, alat CASE, atau formulir tata letak kertas untuk melengkapi setiap tampilan atau formulir.)

3. Buat dasbor untuk manajer Dizzyland di Proyek Grup 1.

4. Rancang situs web, baik di atas kertas atau menggunakan perangkat lunak yang Anda kenal, untuk Dizzyland di Proyek
Grup 1. Meskipun Anda dapat membuat sketsa dokumen atau grafik untuk tiga tingkat halaman dan hyperlink yang
diperlukan di atas kertas, buatlah prototipe beranda untuk Dizzyland , menunjukkan hyperlink jika sesuai. Dapatkan
umpan balik dari kelompok lain di kelas Anda dan ubah desain Anda sesuai dengan itu. Dalam sebuah paragraf,
diskusikan bagaimana mendesain situs web berbeda dengan mendesain tampilan untuk sistem online lainnya.

5. Tanpa melihat ponsel atau tablet Anda, rancang tiga halaman contoh untuk aplikasi berikut. Anda tidak perlu menggunakan
aplikasi tiruan untuk tugas ini. Hanya menggambar mereka di atas kertas. (Perhatikan bahwa setiap grup mungkin diberi
aplikasi yang berbeda untuk dilakukan).
A. Pembantu daftar belanjaan
B. Pencari hotel dan kamar
C. Aplikasi untuk membantu Anda tidur
D. Daftar manajemen tugas (yang harus dilakukan)

e. Pencari apartemen
F. Aplikasi cuaca
 Bab 11 • Merancang keluaran yang efektif 333

6. Jelajahi Joomla! situs web, di www.joomla.org. Bagaimana aplikasi open source ini dapat membantu dalam mengimplementasikan
desain Anda dari Group Project 4? Ringkaslah temuan Anda dalam sebuah paragraf. Temukan CMS lain di Web dan tulis paragraf
yang membandingkannya dengan Joomla!. Pastikan untuk mengatasi biaya, kemudahan penggunaan, dukungan, dan
ketersediaan dalam perbandingan Anda.
7. Gunakan brainstorming untuk mengembangkan seperangkat widget (gadget) baru agar lebih produktif. Buat daftar
lima ide cemerlang teratas Anda untuk widget baru.

Daftar Pustaka yang Dipilih

Davenport, TH “Menyelamatkan Jiwa TI: Manajemen Informasi yang Berpusat pada Manusia.” Bisnis Harvard
Tinjauan, Maret–April 1994, hlm. 119–131.
Davis, GB, dan HM Olson. Sistem Informasi Manajemen, Pondasi Konseptual, Struktur,
dan pengembangan, edisi ke-2. New York: McGraw-Hill, 1985.
Kendall, KE, dan JE Kendall. “Analisis dan Desain Sistem DSS: Peran Analis sebagai Perubahan
Agen dari DSS Awal hingga Mashup,” in Buku Pegangan Sistem Pendukung Keputusan 2, diedit oleh F.
Burstein dan CW Holsapple, hlm. 293–312. Berlin: Springer, 2008.
Kendall, JE, KE Kendall, dan H. Mirakula. “Pertimbangan Desain Sistem untuk Web 2.0
Teknologi,” presentasi penelitian, Pertemuan Tahunan Institut Ilmu Keputusan, Boston,
November 2011.
Nevo, D., I. Benbasat, dan Y. Wand. “Memahami Dukungan Teknologi untuk Transaktif Organisasi
Memori: Persyaratan, Aplikasi, dan Kustomisasi.” Jurnal Sistem Informasi Manajemen,
Jil. 28, No. 4, 2012, hlm. 69–98.
Souders, S. "Situs Web Berkinerja Tinggi." Komunikasi ACM, Jil. 51, No. 12, Desember
2008, hlm. 36–41.

CPU Case Episode dan file siswa yang menyertainya tersedia online di www.pearsonhighered.com/
kendall.