Jumat, 11 November 2016

UI-PATTERNS.COM

1.        POLA DESAIN ARSIP

Ringkasan Permasalahan
Seluruh item dalam suatu kumpulan perlu disusun berdasarkan suatu urutan kronologis.

Contoh :


Penggunaan :
·       Digunakan ketika terdapat lebih dari 10 hingga 20 item yang ditampilkan
·      Digunakan ketika terdapat satu set data yang menjangkau lebih dari satu time frame panjang  dan ingin membiarkan user menelusuri item pada dataset dengan urutan yang kronologis.
·  Digunakan ketika menampilkan semua item dalam dataset yang membingungkan user  dibandingkan memberi suatu gambaran
            ·        Digunakan ketika hal tersebut bisa dipertimbangkan untuk mengurutkan item pada dataset                    berdasarkan tanggal
         ·      Digunakan ketika ingin memberikan cara mudah untuk menelusuri seluruh database dari artikel.

Solusi
Daftarkan item kedalam dataset Anda secara kronologis dan berikan berita yang sesuai untuk mencocokkan jumlah item. Jika Anda misalnya memiliki 10 item per tahun, itu tidak berarti memisahkan 10 item tersebut kedalam bulan. Jika Anda memiliki 100 item setahun, tetapi juga memiliki bulan tanpa banyak item, mungkin tidak berarti untuk memasukkan semua bulan.

Entah Anda dapat memberikan link ke halaman yang menampilkan semua item per periode waktu, ataupun hanya membuat daftar link ke setiap item langsung di halaman arsip utama.

Dasar Pemikiran
Gunakan pola arsip ketika berarti untuk mendaftarkan item dalam urutan kronologis. Daftarkan item kedalam format arsip, memudahkan pengguna untuk menjelajahi bagaimana sebuah situs web telah berkembang dari waktu ke waktu dan apa yang telah dipengaruhi item yang paling mutakhir saat ini.


2.        POLA DESAIN AUTOSAVE

Ringkasan Permasalahan
Pengguna ingin menyimpan data mereka dengan aman dan tersimpan sambil fokus bekerja tanpa harus mengingat untuk melakukannya

Contoh


Penggunaan :
·     Gunakan ketika Anda ingin membantu pengguna untuk fokus memproduksi konten yang besar tanpa perlu khawatir apakah data mereka aman dan tersimpan.

Solusi
Mencegah kehilangan data disengaja dengan otomatis menyimpan input pengguna pada interval tetap atau di acara-acara yang menarik.

Pertimbangkan apa frekuensi masuk akal untuk otomatis menyimpan konten yang diinput untuk aplikasi Anda, dan peristiwa apa yang masuk akal untuk memicu auto-save. Acara yang paling jelas adalah mengklik tombol save, tetapi acara pindah fokus ke bidang lain juga yang mungkin menarik untuk disimak.

Tombol save
Untuk panduan pengguna yang lebih baik seperti apa yang dinyatakan dalam dokumen tersebut, coba ubah label dari tombol simpan dari "Simpan", ketika form terisi netral diubah menjadi "Tersimpan" ketika bentuk terkini mewakili apa yang telah disimpan dalam penyimpanan.

Dasar Pemikiran
Biarkan pengguna khawatir tentang menciptakan konten yang besar daripada tentang kehilangan tersebut. Melepaskan tombol simpan seluruhnya dapat menciptakan rasa takut, jadi pertimbangkan untuk menjaga sekitar hal itu untuk membuat pengguna merasa aman. Tinggalkan jejak yang mengganggu tindakan yang pengguna lakukan dan pertimbangkan pelengkap dengan pola Undo.

Diskusi
Ketika menerapkan fungsi dari auto-save, pertimbangkan untuk tidak menghapus tombol "Simpan". Pengguna cenderung untuk panik, ketika tidak ada tombol "Simpan dan tutup". Meskipun tombol "Simpan" tidak apa-apa atau hanya untuk menutup jendela, itu menyediakan keyakinan dan kepastian di pengguna bahwa data mereka aman. Ini masalah kepercayaan. Apakah sistem mendengarku? Apakah saya yakin bahwa saya yakin?


3.        POLA DESAIN TABLE FILTER

       Ringkasan Permasalahan
Kebutuhan user untuk menyaring kategori data yang ditampilkan di dalam tabel dengan kolom.

 Contoh


Penggunaan
·       Digunakan apabila kita memiliki hasil data set yang sangat besar untuk ditampilkan dalam satu halaman.
·       Digunakan apabila satu atau lebih kolom tabel dapat diringkas dengan mudah ke dalam kategori untuk difilter.

Solusi
Memberikan masukan dropdown yang menyajikan kategori dimana user dapat menyaring data set. Setelah user memilih kategori dan klik "Filter" hanya baris yang termasuk ke dalam kategori yang dipilih yang akan ditampilkan.
Secara opsional beberapa filter dapat ditambahkan. Jika solusi ini dipilih, kita harus memperbarui kategori setiap kotak dropdown ketika satu kategori dipilih.

Manfaat
Menambahkan filter untuk tabel kita memungkinkan user mengurangi jumlah item yang ditampilkan. Filter membantu mempersempit hasil pencarian, membiarkan user menemukan hasil yang lebih akurat.



Sumber:
http://ui-patterns.com/patterns/Archive
http://ui-patterns.com/patterns/autosave
http://ui-patterns.com/patterns/TableFilter

SLOGAN LG


Pada tugas mata kuliah Desain Pemodelan Grafis kali ini saya memilih untuk membahas mengenai banner dari LG. Karena saya menilai logo dan banner LG ini unik, menarik, dan mengandung arti yang bermakna dan dapat menggambarkan citra dari sebuah perusahaan elektronik.
LG adalah perusahaan elektronik terkenal di dunia. Dulu LG lebih dikenal dengan Luckily Goldstar. Huruf G menggambarkan wajah dan senyumnya, sedangkan huruf L menggambarkan hidungnya.
Slogan LG yang disampaikan saat ini adalah ‘Life’s Good’ untuk lebih mengenalkan huruf L dan G daripada menggunakan kata ‘Luckily Goldstar’. Life’s Good berarti kehidupan yang baik, makna dari slogan ini yang saya artikan adalah seseorang akan hidup lebih baik jika mengenal dan dapat menggunakan teknologi (elektronik). Karena dengan menggunakan teknologi yang lebih maju, segala permasalahan dapat terbantu dan terasa ringan.
Alasan saya menilai slogan dan logo pada produk ini menarik yaitu saling berkesinambungan antara logo dan slogannya. Slogan Life’s Good ini merupakan sebuah kepanjangan dari merek produk ini yaitu LG. Pada logo terdapat bentuk muka orang yang terlihat seperti sedang tersenyum ini melambangkan adanya sebuah kebahagiaan, dimana wajah tersenyum tersebut dilambangkan sebagai seseorang yang bahagia (hidup yang bahagia dengan LG atau hidup yang lebih banyak arti). Secara keseluruhan, banner LG ini mewakili 
dunia, masa depan, pemuda, kemanusiaan, dan teknologi.
Seperti yang sudah terjadi di kehidupan ini, manusia sangatlah bergantung dengan teknologi. Perusahaan ini dapat menggambarkan citranya melalui slogan Life’s Good yaitu kehidupan akan menjadi lebih baik jika kita lebih mengenal teknologi bersama dengan LG untuk membantu kehidupan manusia.


Sumber:

SEJARAH DAN PERKEMBANGAN LOGO PT KAI

Logo adalah suatu identitas yang dipergunakan untuk menggambarkan citra dan karakter suatu lembaga / perusahaan / organisasi. Logo didesign untuk menggambarkan citra positif dari suatu perusahaan, serta memiliki peran penting dalam proses brand building. Sebuah logo dapat berkomunikasi dengan target konsumen, sehingga perubahan logo seringkali merupakan sebuah keputusan besar yang harus dipertimbangkan dengan seksama. Langkah tersebut juga dilakukan oleh perusahaan perkeretaapian Indonesia, PT KAI.
Pada tugas mata kuliah Desain Pemodelan Grafis kali ini saya memilih untuk membahas mengenai logo PT Kereta Api Indonesia. Karena saya menilai logo ini unik dan simple, namun mengandung arti yang bermakna dan dapat menggambarkan citra dari sebuah perusahaan transportasi kereta api. Berikut merupakan sejarah perkembangan logo PT KAI.
Logo PT KAI telah mengalami beberapa kali perubahan. Perubahan logo dilakukan untuk menandai perubahan layanan Kereta Api untuk menjadi lebih baik. Logo pertama dari PT KAI dimulai setelah kemerdekaan saat Angkatan Moeda Kereta Api (AMKA) mengambil alih kekuasaan perkeretaapian dari Jepang hingga dibentuknya Djawatan Kereta Api Repoeblik Indonesia (DKARI).

Nama DKARI kemudian diubah menjadi Perusahaan Negara Kereta Api (PNKA) kemudian diubah lagi menjadi Perusahaan Jawatan Kereta Api (PJKA). Logo yang digunakan DKARI, PNKA dan PJKA didominasi warna background kuning dengan simbol garis hijau bebentuk menyerupai sayap burung. Logo ini terdiri dari sebuah gambar roda kereta yang dihimpit oleh 2 buah sayap yang mengembang yang terdiri dari lima helai bulu setiap sayap. Logo ini memiliki kesan gagah dan militeristik dan digunakan pada tahun 1953 hingga 1988. Sekarang kita dapat melihat logo ini hanya di beberapa aset kereta api Indonesia yang bersejarah atau yang sudah langka (seperti lokomotif CC  200 yang hanya tersisa satu yang masih hidup).

PJKA kembali mengalami perubahan nama menjadi Perusahaan Umum Kereta Api (Perumka). Perubahan tersebut diikuti perubahan logo menjadi berbentuk segilima warna biru. Logo ini digunakan pada tahun 1988 hingga 1990.

Logo Perumka dan PT Kereta Api kembali mengalami perubahan pada tahun 1991. Logo ini menggunakan warna orange berupa gambar mirip dengan angka 2, dengan kemiringan 70 derajat dengan warna dasar putih yang menampakkan bagian depan kereta api kecepatan tinggi dengan arah yang saling berlawanan. Logo ini memberikan kesan sifat tegas, tajam, juga menggambarkan arah bolak-balik perjalanan kereta api serta melambangkan pelayanan (memberi dan menerima).

Pada tanggal 28 September 2011, PT KAI meluncurkan logo baru bertepatan dengan peringatan ulang tahunya yang ke-66. Logo tersebut diharapkan membawa semangat perbaikan bagi kinerja operator transportasi massal di Indonesia.
Logo baru ini terlihat lebih mobile dibandingkan dengan logo lama yang cenderung kokoh dan stabil. Bentuk logo yang dibuat miring memperlihatkan adanya progresivitas. Berikut adalah makna atau arti dari logo baru PT Kereta Api Indonesia.
·       3 Garis melengkung melambangkan gerakan yang dinamis PT KAI dalam mencapai Visi dan Misinya.
·    2 Garis warna orange melambangkan proses Pelayanan Prima (Kepuasan Pelanggan) yang ditujukan kepada pelanggan internal dan eksternal. Anak panah berwarna putih melambangkan Nilai Integritas, yang harus dimiliki insan PT KAI dalam mewujudkan Pelayanan Prima.
·      1 Garis lengkung berwarna biru melambangkan semangat Inovasi yang harus dilakukan dalam memberikan nilai tambah ke stakeholders. (Inovasi dilakukan dengan semangat sinergi di semua bidang dan dimulai dari hal yang paling kecil sehingga dapat melesat).

Dari perbedaan makna dalam logo PT KAI yang lama dan yang baru, terlihat bahwa PT KAI menunjukkan bahwa PT KAI ingin bertransformasi menjadi perusahaan yang mandiri. PT KAI akan bergerak lebih dinamis. Berbeda dengan makna pada logo yang lama, yang menunjukkan kesan teknis. Hal ini menunjukkan bahwa perubahan logo PT KAI memberikan efek yang positif, di mana PT KAI memberikan citra yang lebih segar.
             
Sumber: