UI-Pattern

Friday, November 11, 2016

Keyboard shortcuts
Ringkasan
Pengguna ingin melakukan tugas-tugas yang berulang lebih cepat. pada bagian ini, pengguna bisa mengatur settingan keyboard untuk memudahkan penggunaan, sehingga dapat lebih cepat dan mudah
Contoh :

Penggunaan
1. Gunakan ketika aplikasi Anda berisi tugas berulang yang melibatkan beralih mode dari keyboard untuk mouse. jadi pada saat kita membuka tugas yang berisi suatu hal yang dilakukan berulang-ulang maka kita bisa merubah settingan dari keyboard ke mouse, ataupun sebaliknya.

Solusi
  • Memungkinkan pengguna untuk memicu tindakan cepat dengan keyboard perintah. maksudnya pengguna dapat dengan mudah menekan tombol-tombol tertentu yang di seting sesuai keinginan pengguna, untuk membuat perintah lebih cepat.
  • Biasanya cara pintas keyboard yang dibuat untuk perintah yang merupakan bagian dari tugas-tugas pengguna sering atau berulang. pengguna dapat merubah setingan keyboard agar pada saat melakukan pekerjaan yang berulang-ulang dapat dilakukan dengan cepat, sehingga tidak memakan waktu.
  • Ketika menambahkan cara pintas ke aplikasi Anda, Jauhkan dari menggunakan yang ada sistem pintas atau cara pintas yang sudah digunakan di tempat lain dalam konteks lain di aplikasi yang sama. Hindari repurposing pintas yang pengguna sudah disesuaikan ke dalam workflow1 mereka. dapat merubah setingan asalkan setingan pada keyboard tidak boleh sama dengan setingan keyboard pada aplikasi yang sama. 
  • Anda mungkin ingin mempertimbangkan menambahkan informasi cara pintas keyboard untuk item menu dan tombol dan ikon tooltips, jika tersedia. pengguna dapat menggunakan tombol keyboard yang sudah tersedia pada aplikasi.

Manfaat

Kemudahan akses ke tugas-tugas yang berulang ulang dengan menyediakan pengguna terampil dengan shortcut keyboard untuk tindakan mereka terkait. Mengurangi total waktu, langkah-langkah yang  diperlukan, dan menyia-nyiakan energi mental menyelesaikan tugas tanpa membuat lebih sulit pada pengguna pemula. jadi dengan adanya shortcut keyboard dapat memberikan kemudahan dalam mengerjakan tugas yang dilakukan secara berulang-ulang. sehingga dalam mengerjakan tugas tersebut lebih cepat.

Cara pintas keyboard mempercepat fungsi program untuk menyelesaikan tugas dengan adanya keyexpress maka pengguna tidak perlu meng klik pada mouse. cukup menggukan keyboard.

Diskusi

Strategi pintas keyboard

Hapalan
Membantu pengguna ingat memori dengan menciptakan asoned asosiasi dengan huruf-huruf yang digunakan dalam kombinasi tombol. Namun, tombol yang tersedia pada, strategi umum adalah menggunakan tengah atau akhir pada huruf awal.

Pada Mac, O digunakan untuk "Buka File" sementara L digunakan untuk "Terbuka lokasi".

Kecepatan
dan yang terakhir, menempatkan tombol perintah yang berdekatan, meskipun ada Asosiasi
 asoned tidak masuk akal. C sering digunakan untuk "Copy"sementara V digunakan untuk paste.


Beberapa contoh dari Keyboard Shortcut.



Image Zoom
Ringkasan
Pengguna ingin memperbesar gambar untuk melihat rincian gambar resolusi yang lebih tinggi. agar tampak lebih detail gambar produk yang ingin dilihat.

Contoh
Penggunaan
1. Gunakan ketika ukuran normal gambar ditampilkan tidak dalam resolusi tinggi cukup 
        bagi penguna untuk memahami detail dalam gambar.
2. Gunakan ketika men-download versi berukuran penuh dan rinci semua  gambar memakan
        lebih banyak bandwidth dari pada membaginya.
3. Gunakan ketika menampilkan versi berukuran penuh dan rinci dari suatu gambar yang tidak               cocok dengan website.
4. Gunakan ketika menampilkan berukuran penuh dan rinci versi gambar akan mencegah
        pengguna menampilkan gambar yang pecah.
5. Gunakan ketika men-download versi berukuran penuh dan rinci dari setiap gambar akan diambil        dengan ukuran yang besar serta waktu yang lama. tampilkan gambar dengan resolusi tinggi agar          lebih baik.

Solusi
  • Menyediakan mekanisme yang memungkinkan pengguna untuk memperbesar gambar  untuk melihat rinciannya. agar gambar dapat dilihat dengan jelas.
  • Agar menghemat bandwith, dari server menyarankan agar tidak meminta gambar dengan            resolusi tinggi sebelum di izinkan oleh server.
  • cara untuk melihat gambar agar lebih jelas maka cukup mengklik gambar yang ingin dilihat        kemudian gambar akan tampil denganresolusi yang tinggi. sehingga jelas untuk dilihat dari        dekat.
  • Menyediakan teks atau simbol untuk zooming pada gambar, agar pengguna tau bahwa gambar    itu bisa di lihat lebih jelas atau zoom.
Manfaat

Memungkinkan pengguna untuk memperbesar gambar dan melihat gambar lebih detail.
Tergantung pada faktor zoom, menampilkan gambar resolusi tinggi tidak bisa memberikan gambar yang lengkap. hanya pada bagian yang ingin di lihat dengan jelas saja.

Dengan menyediakan fungsi zoom, pengguna dapat memperbesar hanya ke gambar yang ingin dia lihat lebih jelas saja.

Beberapa ontoh dari Image Zoom



Follow
Ringkasan
Pengguna tidak hanya melacak dan mengikuti orang-orang yang ada di web, tetapi bisa juga mengikuti aktivitas dan perkembangan terbaru yang ada didalam web.
Penggunaan
Gunakan ketika kita ingin membiarkan pengguna menggunakan aplikasi kita untuk topik tertentu, tema ataupun orang

Solusi
  • Memungkinkan pengguna untuk memilih item yang mereka inginkan agar tetap up to date dengan mengikuti topik, tema, saluran, peristiwa, atau orang-orang dan menunjukkan update dalam arus aktivitas pengguna. Bertentangan dengan teman desain pola, pengguna tidak perlu khawatir tentang berapa banyak dari teman mereka menggunakan layanan yang sama atau jika teman mereka berbagi.

  • Pengguna dapat memilih item (objects) yang mereka inginkan untuk tetap up to date, dengan Objek yangpaling umum untuk diikuti orang lain (teman).Sebagaikonsekuensi, pengguna dapat melacak dan menerima pembaruan dari objek. Biasanya, update  ditampilkan dalam aktivitas pengguna atau digunakan untuk menyarankan pembaruan.


Manfaat
Pengguna dapat memperoleh akses ke banyak konten yang bervariasi oleh "mengikuti" kegiatan dan rekomendasi dari pengguna lain dan pola ini memungkinkan mereka untuk melakukannya tanpa harus khawatir tentang berapa banyak dari teman mereka sebenarnya menggunakan aplikasi ini.
Konten bersama dengan pengikut di situs seperti Google+ dan Pinterest memungkinkan masyarakat mengikuti konten serta pengguna dapat memilih untuk mengikuti topik, peristiwa, tema atau bahkan untuk mendapatkan konten baru yang dibangun oleh web yang kita ikuti. sehingga alasan
daftar teman akan menjadi semakin penting desain pola UI, akan mengikuti pola.

Diskusi
Bertentangan dengan desain pola, pengguna tidak perlu khawatir tentang berapa banyak
dari teman mereka menggunakan layanan yang sama atau jika teman mereka berbagi
rasa yang sama.


Link Terkait : http://ui-patterns.com

Perkembangan Logo HONDA MOTOR

HONDA MOTOR
Honda merupakan sebuah perusahaan yang bergerak dibidang otomotif yang berasal dari jepang, diamana nama honda sendiri tercetus dari nama seseorang yaitu "soichiro honda", pada tahun 1938 sekaligus membuat hak paten terhadap logo honda. karena pada awalnya honda hanya menciptakan mesin motor. seiring berkembangnya jaman dan kebutuhan akan kendaraan, honda mulai menciptakan kendaraan roda dua. kemudian selang beberapa tahun honda mulai menciptakan logo sendiri.


1948
 gambar diatas, merupakan logo perusahaan honda tahun 1948, yaitu logo pertama honda. pada logo ini terdapat warna biru dan emas serta dengan jenis tulisan honda motor yang tenar pada masanya. logo ini digunakan pada motor honda type-A.  

honda berganti logo lagi sekaligus mendulang kesuksesan pada tahun yang sama yaitu 1948, karena motor yang berjenis type-A laku di pasaran. akhirnya honda pun merilis motor type-B, dengan kapasitas mesin yang lebih besar pada masa itu. di logo ini lebih menonjolkan dewi nike dengna kibaran sayap yang berwarna emas, dan tulisan honda berwarna merah.

1953
ditahun 1953 honda kembali merilis keluaran motor terbarunya, dengan kapasitas mesin 90cc 4-stroke yang diberi merk bently. pada tahun ini honda merubah total logonya. hanya yang masih digunakan ialah logo sayapnya. sayap pada logo ini menjadi dua dan mengepak lebar. yang di artikan bahwa honda motor semakin jaya.




1968-1969
pada kedua logo ini, honda motor kembali merubah logonya, dengan kepakan sayap hanya menjadi satu dan menyamping serta terdapat singkatan dari honda motor yaitu "HM". kemudian saat peluncuran logo baru ini, honda motor juga merilis seri motor superbike dengan kapasitas mesin yang besar. dan pada tahun berikutnya honda menyempurnakan logo dengan menambahkan lingkaran.



1973
singkatan "HM" pada logo ini dihilangkan, digantikan dengan tulisan honda dan kepakan sayap yang berwarna kuning keemasan. logo ini bertahan selama 12 tahun.


1985
di tahun ini, honda hanya merubah warna logo dari logo sebelumnya. warna yang digunakan logo pada tahun ini lebih berwarna dengan paduan warna merah, putih, dan biru.




Link Terkait : http://sepeda-motor.info/perubahan-logo-lambang-motor-honda-sejak-1948-sekarang.htm

Banner Pegadaian Indonesia

PEGADAIAN INDONESIA



       Saya memilih slogan pegadaian indonesia melihat bahwa kebutuhan seseorang akan uang tunai terkadang menjadi kebutuhan yang sangat mendesak pada waktu-waktu tertentu. Dengan pola pikir masyarakat yang cenderung berfikir bahwa melakukan pinjaman adalah hal yang sulit dilakukan, slogan "Mengatasi Masalah Tanpa Masalah" mencoba untuk menyampaikan kemudahan jasa yang ditawarkan oleh Pegadaian. Slogan ini juga lebih terfokus kepada masalah yang dihadapi oleh konsumen mereka dan juga membantu pendekatan marketing atau sosialisasi yang dilakukan. sehingga masyarakat yang ingin/butuh uang pada saat terdesak bisa dengan mudah melakukan pinjaman kepada pegadaian indonesia. tanpa harus melakukan syarata-syarat yang cukup rumit.

pada gambar banner tersebut terdapat timbangan, dimana maksud dari timbangan pada logo tersbut ialah bahwa pegadaian indonesia memberikan pinjaman kepada nasabah sesuai dengan barang yang akan digadaikan. dalam hal ini pegadaian indonesia berlaku adil.






Link terkait : http://blog.iscreativeworks.com/idealist/12-best-indonesian-brand-slogans