Untuk posting saya yang kedua ini, saya akan membagikan sebuah inspirasi atau arahan bagi para mahasiswa atau bahkan orang yang ingin membuat aplikasi berbasis website. Isi dari posting ini merupakan penjelasan dan terjemahan dari artikel yang saya temukan melalui googling, yang berjudul "User Interface Design for Web Application". Klik selengkapnya.
Berdasarkan berbagai pengalaman dan pelajaran yang diterima dalam membuat sebuah website, mungkin para pembaca sekalian masih memiliki cara pandang yang sama, antara "membuat website" dan "membuat aplikasi berbasis website". Cara pandang yang dimaksud adalah bahwa kedua hal tersebut sama dalam proses pembangunannya, khususnya pada saat implementasi desain website dan content-nya, dengan kata lain membuat aplikasi berbasis website sama dengan membuat website. Ternyata, setelah saya membaca artikel "User Interface Design for Application Website" ini, saya menyadari bahwa kedua hal tersebut adalah berbeda. "Membuat website" yang selama ini kita lakukan adalah membuat sebuah web yang fokus kepada konten yang ingin ditampilkan kepada pengunjungnya. Hal ini mungkin ditujukan untuk mengenalkan sebuah produk, profil perusahaan, dll. Tentu untuk mendapatkan target dari pembaca, website yang dibuat haruslah menarik dan pastinya mengandung banyak text, gambar, atau bahkan animasi untuk menampilkan apa yang ingin kita perlihatkan kepada pengunjung.
Berbeda dengan aplikasi berbasis website, walaupun ada kata website yang terkandung di dalamnya, namun konteks dan target dari aplikasi berbasis website tentunya berbeda dengan website pada umumnya. Analoginya adalah seperti kita menggunakan sebuah aplikasi berbasis desktop. Aplikasi berbasis web sama dengan aplikasi/software pada umumnya, yaitu dibuat untuk menyelesaikan sebuah tugas atau pekerjaan tertentu, yang dalam hal ini dilakukan pada jaringan intranet atau internet dalam menyelesaikan tugas tersebut. Jika kita melihat perbandingan ini, tentu saja kita dapat melihat bahwa untuk desain aplikasi berbasis website akan berbeda dengan website pada umumnya. Aplikasi berbasis website tidak akan banyak mengandung text, gambar, ataupun animasi, namun akan banyak mengandung form-form input untuk menyelesaikan sebuah tugas/pekerjaan.
Jadi, dapat disimpulkan bahwa, fokus dari pembuatan sebuah website adalah kontennya, sedangkan fokus dari pembuatan sebuah aplikasi berbasis website adalah task-based interface, yaitu dalam bentuk form-form yang nantinya akan diisi oleh penggunanya.
Melihat dari perbedaan ini, maka dalam proses analisis pengguna dan konten dalam pembuatan website dan aplikasi berbasis website tentu saja akan berbeda. Berdasarkan artikel tersebut, proses analisis untuk website berbasis konten (website), biasanya mengacu pada pertanyaan-pertanyaan berikut:
Selengkapnya...
Berdasarkan berbagai pengalaman dan pelajaran yang diterima dalam membuat sebuah website, mungkin para pembaca sekalian masih memiliki cara pandang yang sama, antara "membuat website" dan "membuat aplikasi berbasis website". Cara pandang yang dimaksud adalah bahwa kedua hal tersebut sama dalam proses pembangunannya, khususnya pada saat implementasi desain website dan content-nya, dengan kata lain membuat aplikasi berbasis website sama dengan membuat website. Ternyata, setelah saya membaca artikel "User Interface Design for Application Website" ini, saya menyadari bahwa kedua hal tersebut adalah berbeda. "Membuat website" yang selama ini kita lakukan adalah membuat sebuah web yang fokus kepada konten yang ingin ditampilkan kepada pengunjungnya. Hal ini mungkin ditujukan untuk mengenalkan sebuah produk, profil perusahaan, dll. Tentu untuk mendapatkan target dari pembaca, website yang dibuat haruslah menarik dan pastinya mengandung banyak text, gambar, atau bahkan animasi untuk menampilkan apa yang ingin kita perlihatkan kepada pengunjung.
Berbeda dengan aplikasi berbasis website, walaupun ada kata website yang terkandung di dalamnya, namun konteks dan target dari aplikasi berbasis website tentunya berbeda dengan website pada umumnya. Analoginya adalah seperti kita menggunakan sebuah aplikasi berbasis desktop. Aplikasi berbasis web sama dengan aplikasi/software pada umumnya, yaitu dibuat untuk menyelesaikan sebuah tugas atau pekerjaan tertentu, yang dalam hal ini dilakukan pada jaringan intranet atau internet dalam menyelesaikan tugas tersebut. Jika kita melihat perbandingan ini, tentu saja kita dapat melihat bahwa untuk desain aplikasi berbasis website akan berbeda dengan website pada umumnya. Aplikasi berbasis website tidak akan banyak mengandung text, gambar, ataupun animasi, namun akan banyak mengandung form-form input untuk menyelesaikan sebuah tugas/pekerjaan.
Jadi, dapat disimpulkan bahwa, fokus dari pembuatan sebuah website adalah kontennya, sedangkan fokus dari pembuatan sebuah aplikasi berbasis website adalah task-based interface, yaitu dalam bentuk form-form yang nantinya akan diisi oleh penggunanya.
Melihat dari perbedaan ini, maka dalam proses analisis pengguna dan konten dalam pembuatan website dan aplikasi berbasis website tentu saja akan berbeda. Berdasarkan artikel tersebut, proses analisis untuk website berbasis konten (website), biasanya mengacu pada pertanyaan-pertanyaan berikut:
- Informasi apa yang dibutuhkan atau kira-kira dibutuhkan oleh pengunjung? (Pertanyaan ini akan menjurus kepada daftar topik dari website)
- Informasi apa yang paling penting untuk ditampilkan? (pertanyaan ini akan menjurus kepada halaman utama atau Home dalam website yang akan dibangun)
- Apa topik utama dan apa saja sub-sub topiknya? (pertanyaan ini akan menjurus kepada link/navigasi utama dan sub navigasinya)
- Apa tugas/pekerjaan utama yang akan dilakukan oleh pengguna dalam aplikasi tersebut?
- Tugas mana saja yang merupakan bagian dari sebuah tugas (bagian-bagian tugas)
- Tugas apa saja yang dilakukan secara linear atau berkelanjutan?
- Tugas apa yang dilakukan berulang pada session yang sama?
- Dll.
- Visited Link (link yang sudah dikunjungi): website pada umumnya menggunakan metode ini untuk mengingatkan atau memperlihatkan kepada pengunjungnya link-link yang sudah dikunjunginya, sehingga mudah untuk dibedakan atau diidentikasi. Namun, aplikasi berbasis website yang isinya didominasi oleh form, memberi arti bahwa kita tidak benar-benar mengunjungi halaman tersebut, namun kita hanya melakukan suatu input dalam sebuah form dan biasanya juga dilakukan berulang-ulang pada halaman yang sama. Jadi, visited link untuk aplikasi berbasis website, menurut artikel ini tidak diperlukan atau tidak terlalu penting.
- Frame: Dalam website pada umumnya, frame digunakan untuk menampilkan halaman yang berbeda dalam satu halaman yang sama, biasanya digunakan dalam navigasi website. Namun, untuk aplikasi berbasis website, sepertinya masih menjadi perdebatan oleh banyak web developer oleh karena fungsinya yang tidak efektif.
- Page Titles (judul halaman): Website pada umumnya akan lebih baik jika menggunakan sebuah judul halaman yang bersifat dinamis, untuk memudahkan bookmarking, sehingga judul dari halaman mudah untuk dikenali. Namun untuk aplikasi berbasis website, sepertinya bookmarking dan pemberian judul ini tidak terlalu diutamakan, karena yang utama adalah membedakan antara suatu tugas dengan tugas lainnya.
- Home Page (halaman utama): Halaman ini biasanya ditemukan pada saat pertama kali kita mengunjungi sebuah website. Halaman utama dalam website pada umumnya, biasanya akan menjelaskan informasi terbaru dari website tersebut, promosi produk ata perkenalan produk yang ditawarkan, dll. Untuk aplikasi berbasis website: berikut ini beberapa pilihan yang dapat diaplikasikan dalam halaman Home aplikasi anda menurut artikel.
- Main menu seperti aplikasi tradisional: bentuknya dapat berupa tombol-tombol yang dimodifikasi dengan icon-icon yang sesuai dengan task/pekerjaan yang dapat dilakukan pada saat mengunjungi link tersebut.
- Overview produk: hal ini biasanya berguna untuk mengingatkan kembali ata memperingatkan penggunanya akan produk-produk yang ditampilkan (seperti amazon.com)
- System statistic, live data: menampilkan data yang ter-update secara otomatis untuk memberikan keputusan bagi pengguna dalam melakukan aksi-aksi yang dapat dilakukannya
- Help: bagi pengguna baru, hal ini akan sangat bermanfaat, yaitu dengan menampilkan konten dari aplikasi dan hal-hal yang dapat dan tidak dapat dilakukan juga bantuan dalam mengerjakan sebuah pekerjaan dalam sebuah form.