Maca-Ngaca-Karya

Inspirasi-Inovasi untuk negeri

Take Home Test UAS-IMK Ganjil 2012-2013

leave a comment »

1. Sebutkan dan jelaskan minimal 10 prinsip desain user interface yang anda ketahui beserta contoh implementasinya ?

2. Kerjakan instruksi dibawah ini satu per satu (lakukan dengan menggunakan laptop atau PC-desktop)

  • Jika anda memiliki akun gmail silahkan log out dari akun tersebut terlebih dahulu. Silahkan kunjungi http://www.google.com/ig , situs igoogle yang akan di matikan layanannya pada bulan november 2013.
  • Akan tampak tampilan awal seperti gambar 1 di bawah ini:
Start up Page Igoogle

Start up Page Igoogle

  • Catatan : Jika tidak berhasil menemukan tampilan awal seperti gambar diatas , silahkan hapus semua history di browser anda setelah itu kunjungi ulang alamat http://www.google.com/ig
  • Finding : what’s Right ? – What’s Wrong ?                                                  Centang semua pilihan interest yang disajikan. Lengkapi berbagai macam pilihan yang disediakan (theme, Location). Fokuskan perhatian anda pada startup page tersebut (create your own homepage in under 30 second). JANGAN DULU MENEKAN TOMBOL “See your page ” atau “Sign in”. Eksplorasi dan analisis start up page tersebut serta berikan penilaian anda dengan menggunakan prinsip desain user interface yang relevan yang telah anda tuliskan di soal no 1, jangan lupa untuk menyertakan bukti yang relevan (bisa berupa focused-screeenshoot). Sajikan hasil analisis anda, apakah start up page tersebut memenuhi prinsip-prinsip desain user interface? Jika YA, tuliskan justifikasi dan buktinya? Jika TIDAK , tuliskan justifikasi dan buktinya?
  • Selanjutnya silahkan tekan tombol “See your page”

3. Kerjakan instruksi dibawah ini satu-persatu:

  • Anda saat ini seharusnya berada di halaman awal igoogle dengan tampilan kurang lebih seperti gambar 2 di bawah ini :
Tampilan page iGoogle

Tampilan page iGoogle

  • Finding : what’s Right ? – What’s Wrong ?                                           

    Perhatikan warning message yang muncul di halaman awal igoogle. Tertulis “iGoogle will not be available after November 1, 2013. Learn More”. Berikan penilaian anda terhadap warning message tersebut (buka kembali konsep Clear text and messages). Apakah penulisan warning message tersebut memenuhi prinsip dan aturan dalam pembuatan Clear text and messages? Jika YA, tuliskan justifikasi dan buktinya? Jika TIDAK , tuliskan justifikasi dan buktinya?

  • Perhatikan keseluruhan penyajian informasi melalui gadget yang dimiliki oleh iGoogle tersebut. Eksplorasi dari atas hingga bawah. Berikan penilaian anda terhadap konsep penyajian gadget tersebut berdasarkan teori di bab Organize and Layout Windows and Page! Apakah penyajian gadget tersebut memenuhi prinsip dan aturan Organize and Layout Windows and Page? Jika YA, tuliskan justifikasi dan buktinya? Jika TIDAK , tuliskan justifikasi dan buktinya?
  • Finding : what’s Right ? – What’s Wrong?                                Perhatikan desain menu – navigasi di bagian atas igoogle.
Tampilan menu-navigasi igoogle

Tampilan menu-navigasi igoogle

  • Silahkan anda eksplorasi berbagai menu dan navigasi tersebut. Analisis dan berikan penilaian anda terhadap konsep menu yang dimiliki iGoogle tersebut. Apakah konsep menu-navigasi Igoogle tersebut memenuhi prinsip dan aturan dalam pembuatan menu-navigasi? Jika YA, tuliskan justifikasi dan buktinya? Jika TIDAK , tuliskan justifikasi dan buktinya?
  • Finding : what’s Right ? – What’s Wrong?                                       Silahkan eksplor salah satu Gadget yang anda temui dalam page igoogle (contohnya seperti konten Date & time dibawah ini). Analisis dan berikan penilaian anda terhadap konsep penyajian gadget tersebut!
Tampilan salah satu gadget

Tampilan salah satu gadget

4. Design Makeover & Creating Solution

Setelah melakukan eksplorasi dan analisis terhadap iGoogle, sekarang saatnya untuk menuangkan ide dan kreatifitas anda dalam memberikan solusi untuk perbaikan interface yang dimiliki oleh igoogle. Perbaikan bisa mencakup keseluruhan komponen atau hanya mencakup beberapa komponennya saja.

  • Dalam menyajikan perbaikan, berikan screenshoot before makeover dan screenshoot after makeover. Untuk membuat gambar desain anda dapat menggunakan tools gambar seperti paint, photosopp, corel draw atau tools lain yang relevan.
  • Berikan juga justifikasi atau landasan teori yang mendukung yang melatarbelakangi makeover yang anda lakukan

Written by Erda Guslinar

January 14, 2013 at 6:52 am

Posted in IT Room

Follow

Get every new post delivered to your Inbox.