alami dari user, konten dan konteksnya. Rosenfeld dan Morville menyebut ini sebagai “information ecology” dan mereka memvisualisasikannya dengan diagram venn. Setiap lingkaran yang ada, mengacu pada : a. Context : tujuan bisnis, funding, politik, budaya, teknologi, sumber daya dan kendala yang ada. b. Content : content objectives, dokumen dan tipe datanya, volume, struktur yang ada, pemerintahan dan ownership. c. Users : audience, task, kebutuhan, kebiasaan mencari informasi dan experience.
konsep informasi yang digunakan dalam suatu kegiatan yang memerlukan rincian eksplisit dari sistem yang kompleks” • ”Informasi Arsitektur adalah seni dan ilmu mengatur dan pelabelan situs web, intranet, komunitas online, dan perangkat lunak untuk mendukung kegunaan (usabilitas)”.
anda memerlukan pemahaman yang beragam tentang standar industri untuk menciptakan, menyimpan, mengakses dan menyajikan informasi. Lou Rosenfeld dan Peter Morville menyebutkan di buku mereka “Information Architecture for the World Wide Web” beberapa komponen utama IA : 1. Organization Schemes and Structures : Bagaimana anda mengkategorikan dan menyusun sebuah informasi 2. Labeling Systems: Bagaimana anda mewakili sebuah informasi 3. Navigation Systems: Bagaimana user browse atau mengabaikan sebuah informasi 4. Search Systems: Bagaimana user mencari/menelusuri sebuah informasi
website (target pengunjung) lebih penting daripada keinginan kustomer atau pengembang dalam merancang struktur informasi situs web Tim Arsitektur Informasi dapat terdiri dari perwakilan pemilik sistem (kustomer) dan pihak pengembang. Calon pengguna dianggap sebagai bagian dari tim
organisasi, tujuan jangka pendek dan panjang, siapa audiens diharapkan, mengapa orang mengunjungi situs Anda. • Saring jawaban dan tentukan tujuan-tujuan situs darinya Tahap ini menghasilkan dokumen rancangan: Daftar Tujuan Situs dan ringkasan
Sistem ini bisa berupa sebuah situs web, aplikasi web atau perangkat lunak desktop dan, dalam konteks modern, umumnya dinyatakan dengan beberapa bentuk interaksi manusia- komputer (HCI). Definisi
pengguna mengartikannya. "Apakah situs web ini memberikan nilai? Apakah mudah untuk digunakan? Apakah menyenangkan untuk menggunakannya? “ Ini adalah pertanyaan-pertanyaan yang ada dalam benak seorang pengunjung ketika berinteraksi dengan sebuah situs web Persepsi Pengguna
–Buat daftar audiens dan cocokkan dengan tujuan situs • Buat skenario –Skenario berisi cerita. –Membantu memvisualisasi situs dan pengguna –Cara: kelompokkan audiens, buat skenario untuk setiap kelompok. Mulai skenario dengan memberi nama, latar belakang, dan tugas pada kelompok spt dunia nyata
kriteria untuk mengevaluasi, dimulai dengan tujuan situs. Kriteria lainnya spt waktu donwload, ukuran halaman, layout, tampilan situs. –Buat grid untuk membantu analisis –Tulis kelebihan dan kekurangan setiap situs Dokumen hasil: Audiens, Skenario, Analisa Pesaing Langkah-langkah
struktur dan organisasi situs. Yang perlu ditetapkan disini adalah konten dan fungsi-fungsi situs. •Buat daftar konten dan fungsi yang diperlukan. Browsing situs pesaing untuk kemungkinan halaman yang belum ada dalam daftar.
dalam langkah ini akan menghasilkan “Content Inventory” atau Gudang konten • Berdasarkan gudang konten diatas, revisi daftar kebutuhan fungsional. Misal, jika terdapat halaman pembatalan pemesanan, mestinya situs punya prosedur untuk membatalkan pesanan.
ini mengorganisasikan konten dan menentukan dasar untuk struktur situs. –Tulis setiap elemen dari Gudang Konten ke kartu indeks. –Kelompokkan kartu indeks. –Namai setiap kelompok –Catat nama setiap kelompok dan item didalamnya
sebagai dasar untuk menentukan bagian utama dari situs dan nama-nama dari setiap bagian. Ini adalah dasar untuk struktur situs. Dokumen hasil: Konten dan persyaratan fungsional
melihat sesuatu berdasarkan hal lain. Contoh, jika Anda membuat situs penjualan, buatlah suasana situs seperti suatu toko. Jenis-jenis metafora: –Organizational metaphora: metafora situs penjualan berupa supermarket, dimana produk dikelompokkan berdasarkan jenis.
meniru perilaku gunting dan lem – Visual Metaphora: berdasarkan elemen grafis yang familiar bagi banyak orang. Contoh: link home pada situs web dilambangkan dengan ikon rumah
Membuat peta hirarki situs yg disebut “Site Structure Listing”. Pertama, buat root dari struktur lalu petakan setiap bagian dengan item dari Gudang Konten. Buat sampai tingkat terdalam. – Visualkan daftar “Site Structure Listing”
Bagaimana mereka akan pergi dari satu halaman ke halaman lain? Bagaimana Anda mencegah mereka tersesat? Mendefinisikan sistem navigasi untuk situs memecahkan masalah ini. –Lihat Site Structure Listing, bagian utama pada daftar merupakan kandidat utama menjadi sistem navigasi global yang tampil disetiap halaman. Jika mungkin batasi jumlah navigasi global 5-7 saja.
pertama, susun kisi-kisi layout (layout grids) sebagai template yang menjelaskan struktur dan organisasi situs pada tingkat halaman, berisi pengaturan al.: – Lokasi navigasi lokal dan global, logo perusahaan, sponsor dan iklan serta aspek- aspek lain
tampilan dan nuansa situs • Terakhir, menyatukan kisi-kisi layout dengan sketsa desain untuk membuat halaman mock- ups, halaman-halaman contoh, yang menggambarkan situs yang sebenarnya dengan fungsi-fungsi yang belum lengkap. Halaman mock ups ini menjadi basis pembuatan prototipe. • Dokumentasi: rancangan visual yang terdiri dari layout grids, sketsa desain, dan halaman mockup
https://www.usability.gov/what-and-why/interaction-design.html • https://www.usability.gov/how-to-and- tools/methods/wireframing.html • https://www.usability.gov/how-to-and- tools/methods/prototyping.html • https://www.usability.gov/how-to-and- tools/methods/organization-schemes.html • https://www.usability.gov/how-to-and- tools/methods/organization-structures.html • Information Architecture for the World Wide Web , Peter Morville & Louis Rosenfeld
yysofiyan
signer
ruribou
mfcabrera
uranoken
akiraasano
matsu0228
yasulab
georgeorge
datarian
akasan
iamctodd
leimatthew05
baasie
helmedeiros
quramy
mayunak
afnizarnur
chrislema
tammyeverts
jeffersonlam
skipperchong
