USER INTERFACE DESIGN PATTERNS

Pada penulisan ini, saya akan membahas tentang user interface design. Mungkin utnuk kalangan IT, user interface sudah tidak asing lagi didengar. User interface itu sendiri adalah cara program dan user berkomunikasi. Semuanya yang terlhat dilayar, membaca dalam dokumentasi dan dimanipulasi dengan keyboard atau mousemerupakan bagian dari user interface.

User Interface berfungsi untuk menghubungkan atau penterjemah informasi antara pengguna dengan system operasi, sehingga computer dapat digunakan.. Use interface dari sisi software bisa berbentuk Graphical User Interface (GUI) atau Command Line Interfae (CLI), sedangkan dari sisi hardware bisa berbentuk Aplle Desktop Bus (ADB), USB, dan firewire.

Agar user mengerti apa yang dimaksud oleh program, programeer harus mendesign User interface yang mudah dipahami oleh user. Design Interface ini sangat penting karena akan sangat berpengaruh pada user dalam menggunakan atau berkomunikasi dengan komputer. Apabila suatu program sulit untuk digunakan, maka hal ini akan memaksa user untuk melakukan suatu kesalahan saat menggunakan program tersebut.

Sebagai referensi, kita dapat kunjungi situs http://ui-patterns.com/patterns.

Didalam situs ui-pattern.com , ada beberapa kategori user interface design yaitu getting input, navigation, dealing with data, onboarding, social, dan miscellaneous. Saya hanya akan membahas 3 bagian yaitu Undo, Tagging, dan Search Filters. Baik kita masuk ke pembahasan pertama :

1.      Undo

a.      Kegunaan

Undo sudah tidak asing lagi bagi para user. Undo itu sendiri adalah perintah untuk membatalkan suatu perintah yang sudah dilakukan sebelumnya. Adapun beberapa fungsinya lainnya yaitu :

·         Memberikan kemudahan bagi user untuk mengakses bolak-balik suatu situs.

·         Data itu sangat mahal, tapi lebih penting menyediakan undo.

·         Ketika kita kehilangan suatu data pekerjaan, kita dapat membatalkannya dengan undo.

·         Meningkatkan kepercayaan diri.

b.      Solusi

Terkadang ketika kita mengolah suatu data terjadi kesalahan. Dan hal tersebut akan membuat kita stress jika data tersebut tak dapat dikembalikan. Apalagi jik data itu jumlahnya sangat banyak. Dengan adanya Undo, memungkinkan untuk pengguna dapat mengembalikkan tindakan kembali jika terjadi kesalahan.  

c.       Manfaat

Adapun alasan dengan adanya Undo ini. Manusia bukanlah makhluk yang sempurna. Manusia pasti pernah melakukan kesalahan, terutama ketika mereka yang sedang bekerja dengan menggunakan komputer maupun laptop yang berkaitan dengan pengolahan data.   Hal ini tidak menutup kemungkinan manusia atau pengguna tidak melakukan kesalahan. Apalagi jika pengguna mengolah data yang jumlahnya tidak sedikit, seperti database. Karena data adalah sesuatu yan sangat berharga dan tak ternilai.

Undo tidak hanya memberikan kemudahan bagi user dalam mengatasi kesalahan, namun juga dapat meningkatkan kepercayaan diri penggunanya.

2.      Tagging

a.      Kegunaan

Selanjutnya adalah Tagging. Tagging sudah tak asing lagi bagi mereka yang sering menggunakan Sosial media, seperti membagikan foto atau video ke teman-teman yang bersangkutan.

Kegunaan lainnya yaitu :

·         Dengan tagging itu seorang admin blog  akan mudah mengelompokkan tulisan-tulisan yang cukup banyak jumlahnya dengan tag sama

·         Digunakan ketika kita ingin memberikan pengguna berkontribusi data ke website yang kita memiliki

·         Memberikan pengguna untuk berkontribusi mengatur data mereka sendiri.

·         Memudahkan pengunjung mencari suatu tulisan  dengan adanya tag tertentu.

·         Penggunaan tag yang tepat akan menaikkan posisi suatu tulisan di mata mesin pencari

b.      Solusi

Tagging memberikan solusi baik kepada pemilik situs, maupun pengguna atau pengunjung. Dari segi pemilik situs admin, dengan penanda itu seorang admin blog  akan mudah mengelompokkan tulisan-tulisan yang cukup banyak jumlahnya dengan tag sama. Misalkan anda membuat tulisan tentang Ilmu pengetahuan berbeda-beda kategorinya. Ada tulisan di kategori SD, SMP, SMA, maupun perguruan tinggi. Namun dengan tag “Ilmu Pengetahuan” maka tulisan-tulisan yang tersebar itu mengelompok dalam kumpulan tulisan ber-tag “Ilmu Pengetahuan”.  Sehingga ketika di blog tersebut sudah terdapat ratusan bahkan ribuan tulisan, kita akan mudah mencari tulisan yang dibuat berdasar tag yang telah dibuat.

Dari segi pengguna atau pengunjung, memudahkan pengunjung mencari suatu tulisan  dengan adanya tag tertentu. Kadang-kadang, bila suatu blog sudah banyak postingannya, dan seorang pengunjung akan mencari suatu tulisan tertentu, dia akan kesulitan mendapatkan hasil yang diinginkannya. Berdasarkan tag yang telah dibuat, tatkala seorang pengunjung blog yang akan mencari suatu tulisan  tertentu.di search atau pencarian internal blog dengan tag yang akan dicari, maka akan ditunjukkan hasil tulisan-tulisan ber-tag tersebut yang ada di blog tersebut.

c.       Manfaat

Tagging memberikan kemudahan bagi admin maupun pengguna atau pengunjung. Pegguna dapat menemukan konten-konten yang ingin dicari secara cepat dan tepat. Tag ini dapat dijadikan sebagai kata kunci dari tulisan/informasi yang kita buat tanpa harus memberikan informasi yang panjang.

Tidak hanya itu saja, tag digunakan untuk membiarkan pengguna mengatur dan mengkategorikan data mereka sendiri di ruang publik. Dengan cara ini, tag dapat dilihat sebagai kategorisasi bottom-up data daripada kategorisasi top-down data, di mana pencipta situs mendefinisikan data hirarki yang disampaikan kepadanya.

3.      Search Filters

a.      Kegunaan

Dari artinya, kita sudah tahu apa sih kegunaan user interface ini. User interface ini banyak digunakan di situs-situs web, terlebih lagi Google yang memiliki data wajib menggunakan user interface ini. Untuk lebih jelasnya, kegunaan Search Filters sebagai berikut :

·         Memberikan pengguna untuk mencari atau memilah informasi dalam waktu yang singkat.

·         Digunakan saat informasi dikategorikan sesuai kelompoknya.

·         Memberikan ketepatan pencarian informasi bagi pengguna.

·         Bagi sebuah perusahaan, dapat dijadikan sebagai ajang promosi dan persaingan antar perusahaan lainnya.

b.      Solusi

Di dunia ini, terdapat data yang tak terhingga, tak terkecuali pada dunia maya. Di dunia maya data tersbut ada berbagai macam kategori. Bahkan dalam kategori yang sama, dapat dibagi lagi kedalam sub kategori. Hal ini justru akan mempersulit pengguna dalam mendapatkan informasi yang dia inginnkan.

Dengan adanya Search Filters, informasi yang ingin dicari user akan dipersempit berdasarkan kategorinya. Hal ini pengguna akan dibiarkan mengatur informasi apa yang mereka ingin dapatkan. Dapat dengan mengisi teks dalam kotak, kotak centang atau bahkan tombol radio. Hanya dengan menggunakan pola ini akan menyederhanakan pencarian pengguna.

c.       Manfaat

Dengan adanya search filters ini, pengguna akan diberikan kemudahan dalam menyaring informasi yang dia inginkan. Mudah didapatkan, hanya memakan waktu yang singkat, dan pastinya tepat. Sebab, informasi yang pengguna inginkan sudah termanage dengan mengkategorikan informasi-informasi yang jenisnya sama.

Sekian tulisan dari saya. Semoga informasi yang saya berikan bermanfaat bagi yang membacanya. Thanks.

Referensi :

 http://ui-patterns.com/

SLOGAN AQUA YANG MENGINSPIRASI

Okeh pada penulisan ini saya akan menjelaskan  tentang slogan atau banner suatu produk. Disini saya akan menjelaskan tentang slogan atau produk Aqua. Sebelum kita masuk ke penjelasan slogan Aqua, apa sih slogan itu ???

Slogan adalah kata-kata atau kalimat yang relatif pendek yang umumnya begitu menarik dan mudah untuk diingat yang digunakan untuk memberitahukan atau menyampaikan suatu informasi. Slogan juga dapat diartikan sebagai sebuah kata-kata atau kalimat yang pendek yang biasanya begitu menarik, mencolok, dan juga mudah diingat yang digunaka untuk menjelaskan suatu ideologi organisasi tertentu misalnya perusahaan atau partai politik.

Sama halnya dengan sesuatu yang lain, slogan pun memiliki ciri-ciri tertentu yang membedakannya dengan yang lain. Adapun ciri-ciri slogan adalah sebagai berikut:

a. Umumnya adalah sebuah perkataan yang menarik dan mudah diingat.

2. Slogan juga bisa berupa frase, klausa, kalimat ataupun motto
3. Slogan juga bisa berupa semboyan sebuah organisasi atau masyarakat.

Pembuatan slogan tentu ada maksud dan tujuan tertentu, dan dibawah ini adalah beberapa maksud dan tujuan dari dibuatnya sebuah poster yang umum kita lihat:

• Menyampaikan informasi.
• Mempengaruhi orang lain.
• Menghimbau orang lain.
• Memotivasi orang lain.
• Menyadarkan masyarakat.

Baik kita masuk ke penjelasan tentang slogan Aqua. Sebelumnya kita ulas sedikit terlebih dahulu tentang Aqua. Aqua adalah sebuah merk air minum dalam kemasan (AMDK) yang diproduksi oleh PT. Aqua Golden Mississippi di Indonesia sejak tahun 1973. Selain di Indonesia, Aqua juga dijual di Singapura. Aqua adalah merk AMDK dengan penjualan terbesar di Indonesia dan merupakan salah satu merk AMDK yang paling terkenal di Indonesia, sehingga telah menjadi seperti merk generik untuk AMDK. Di Indonesia, terdapat 14 pabrik yang memroduksi Aqua. Sejak tahun 1998, Aqua sudah dimiliki pula oleh perusahaan multinasional dari Perancis, Danone, hasil dari penggabungan Aqua Golden Mississippi dengan Danone.

Setiap perusahaan memiliki strategi pemasarannya untuk membuat para konsumen. Dan yang terpentng adalah slogan dari perusahaan tersebut agar dapat membuat konsumen tertarik. Aqua selalu menghadirkan slogan-slogan yang mengajak masyarakat untuk mencitai lingkungan. Salah satuhnya seperti berikut :

Saya tertarik dengan slogan dari Aqua tersebut. Memang singkat dari slogan tersebut, namun maknanya sangat berarti. Yang dimaksud pada slogan tersebut bahwasannya semuanya berawal dari kita sendiri dalam melakukan tindakan yang positif. Aqua mengajak masyarakat untuk menjaga lingkungan dengan cara meremukkan botol minum setelah kita menghabiskannya dan membuangnya ke tempat sampah. Manfaat dari tindakan yang dilakukan oleh kita, akan kita rasakan sendiri. Lingkungan menjadi bersih, nyaman, dan yang pastinya dapat mencegah terjadinya bencana banjir. Slogan ini sangat memberikan inspirasi pada diri saya sendiri danpastinya orang lain juga sangat terinspirasi.

Tidak hanya itu saja, saya juga tertarik dengan slogan Aqua dibawah ini :

Slogan tersbut memberitahukan pada masyrakat untuk berhemat dalam menggunakan air. Beberapa masyarakat masih ada yang mandi dengan cara berendam. Padahal hal tersebut sama aja melakukan pemborosan air bersih. Jika kita lihat baik-baik, masih banyak saudara-saudara kita yang sulit dalam mendapatkan air bersih. Jangankan untuk mandi, untuk minum saja mereka membutuhkan perjuangan yang besar. Ada sebagan dari saudara kita yang harus berjalan kaki jauh untuk ke sumber-sumber air bersih, seperti sungai. ada juga beberapa ddari saudara kita harus menunggu hujan turun dan ditampungnya ataupun menunggu pemerintah memberikan bantuan air bersih ke daerah-daerah tersebut. Seharusnya kita bersyukur dengan keadaan kita yang lebih beruntung daripada saudara-saudara kita yang sulit mendapatkan air bersih. Cukup dengan menghemat air bersih yang kita gunakan setiap hari.

Sekian penulisan saya. Semoga bermanfaat bagi yang membacanya. Thanks.

Referensi :

http://manajemenmerk.blogspot.co.id/p/aqua.html

http://nindrianto.blogspot.com/2016/01/Efek-tagline-iklan-Kapal-Api-Aqua.html

http://widyaross.blogspot.com/2014/08/mari-berpartisipasi-dalam-mewujudkan.html

SEJARAH LOGO YAMAHA

Pada penulisan kali ini, saya akan membahas tentang logo. Apa sih itu logo? Kata itu mungkin sudah tidak asing ditelinga kita. Mati kita baik-baik pembahasan lebih detainya.

Logo adalah tanda, lambang, ataupun simbol yang mengandung makna dan digunakan sebagai identitas sebuah organisasi, perusahaan atau individu agar mudah diingat oleh orang lain. Logo juga dapat memberi gambaran ciri ataupun identitas perusahaan, sehingga logo bisa dikatakan sebuah lambang ataupun ciri untuk memudahkan pengenalan sebuah perusahaan dan juga corporate identity atau identitas perusahaan yang mewakili citra perusahaan.

Identitas perusahaan diakui sebagai faktor penting bagi perusahaan itu sendiri. Identitas perusahaan meliputi semua aspek fisik dari perusahaan yang dapat memperlihatkan citra perusahaan tersebut. Pembentukan identitas perusahaan agar dapat dikenal oleh masyarakat luas tak bisa dilepaskan dari logo. Sebagai bagian dari identitas perusahaan, logo ibarat bagian tubuh yang mampu mempresentasikan citra perusahaan. Meski terlihat sederhana namun logo sangat berperan penting karena logo harus dapat merepresentasikan citra perusahaan, organisasi, individu tersebut. Selain itu juga logo dapat membantu sebuah perusahaan sebagai media promosi. Maka tidak heran jika dalam rancangannya, logo dibuat sedemikian rupa dengan harapan citra positif.

Sebagai media promosi, logo membantu konsumen mengenali produk dari sebuah perusahaan. Sehingga dengan adanya logo, konsumen diharapkan akan lebih mudah mengingat kembali sebuah produk ketika produk tersebut ditawarkan kepadanya.

Beberapa logo ada yang mengalami perubahan seiring berjalannya waktu, baik dari tulisannya, gambar, maupun warnanya. Hal ini dilakukan untuk memikat daya tarik para konsumen. Dan logo-logo tersebut diganti atau diubah agar para konsumen dapat mengingat logo tersebut secara cepat. Bahkan sebuah perusahaan dapatmengeluarkan uang milyaran bahkan triliyunan hanya untuk sebuah logo.

Disini saya akan menjelaskan salah satu perusahaan yang logonya mengalami perubahan yaitu Yamaha. Yamaha Corporation adalah sebuah perusahaan Jepang dengan jumlah produk yang banyak. Penjualannya termasuk sepeda motor,alat  instrumen musik, sirkuit terpadu, dan elektronik rumah tangga. Perusahaan ini didirikan oleh Torakusu Yamaha sebagai Nippon Gakki Co., Ltd. di Hamamatsu, prefektur Shizuoka. Yamaha mengambil alih Korg pada 1989 dan Steinberg pada 2004.

Produk-produknya yaitu seperti Sepeda motor (Yamaha Motor Corporation), ATV,Kart, Snowmobile, Perahu Motor dan Jetski, Mobil, Piano,Workstation, Digital Piano, Elekton organ elektronik, Synthesizer, Gitar, Drum kit, Band dan instrumen orkestra, Music sequencer, Sound chips, Pro Audio, dan Home Electronics.

Logo garputala disana ada 3 garpu, Jadi masing-masing warna itu melambangkan 1 garpu tala, jadi logo yamaha itu bukan huruf “Y”, roda, atau yang lainnya. Nah arti garpu tala itu apaan ? Garpu tala adalah alat yang berbentuk seperti garpu bergigi dua (atau berbentuk huruf Y) dan beresonansi pada frekuensi tertentu bila dihentakkan pada suatu benda. Garpu tala hanya bergetar pada satu frekuens. Karena frekuensi ini tetap, garpu tala biasanya digunakan untuk menala alat musik lain, seperti gitar dan piano.

Dari penjelasan tersebut, sebenarnya tidak salah jika Yamaha menggunakan logo berbentuk garpu tala karena awalnya perusahaan Yamaha memproduksi alat-alat musik seperti gitar, drum, piano, dan lain-lain. Seiring bejalannya waktu, Yamaha mulai meproduksi kendaraan seperti motor dan mobil. Seperti halnya alat music, diharapkan produksi kendaraan motornya seakurat dan sedetail penyetelan alat musik secara presisi.

Perusahaan Yamaha sudah berganti logo beberapa kali. namun, seiring pergantian logo tersebut Yamaha selalu konsisten dengan menyertakan logo garpu tala di setiap perkembangannya. Logo Yamaha pertama kali adalah sebagai berikut.

         Phoenix

Gambar diatas adalah lambang pertama Nippon Gakki yaitu phoenix Cina memegang dalam paruh garpu tala. Disebut Ho-Oh dalam bahasa Jepang, ini simbol burung legendaris kebajikan dan rahmat juga mengekspresikan penyatuan yin dan yang. Filosofi menggunakan logo itu, Yamaha ingin membuat produk bermanfaat bagu umat manusia.Tampaknya pada organ kualitas yang sangat tinggi, simbol kehendak Torakusu Yamaha untuk menciptakan produk kelas dunia.

Pada tahun Pada 1927, Yamaha mengganti logo. Mereka menggunakan lambang tiga buah garpu tala dengan tulisan di atasnya Yamaha Vener, lalu dibingkai bentuk segi tiga. Logonya seperti gambar berikut :

Yamaha Veener

"Yamaha veneer", dibaca dari kanan ke kiri, yang kemudian diterjemahkan menjadi "veneer kayu" atau "plywood" bahan yang digunakan dalam kemewahan kabinet  Tiga garpu tala mewakili tiga arah yaitu manufaktur, pemasaran dan teknologi. Selain itu juga melambangkan tiga unsur penting musik: melodi, harmoni, dan ritme.

Pada 1934, Nippon Gakki ingin diakui sebagai produsen piano berkualitas tinggi. Perusahaan itu membuat laboratorium akustik pertama di dunia untuk melakukan uji coba. Sehingga pada era itu, logo Yamaha kembali diubah dengan menggabungkan tiga garpu tala dengan sebuah piano.

Pada tahun 1937, tahun yang menandai awal Perang Sino-Jepang Kedua, Nippon Gakki mengalikan perubahan ditempelkan organ lambang nya, piano dan instrumen lainnya.

Logo pada organ

 Pada tahun 1955, Yamaha kembali mengganti logonya seperti gambar berikut :

Logo tersebut sudah digunakan oleh sepeda motor pertama Yamaha, dimana logo tersebut yang sudah kita kenal sekarang, tetapi dalam warna yang berbeda Ada tiga warna berbeda pada lingkaran yakni merah, hitam, dan biru. Sedangkan garpunya berwarna putih. Logo tersebut memegang prinsip filosofi Kando atau artinya menyentuh hati konsumen.

Pada tahun 1956, Yamaha kembali berganti logo yang paling kompleks menunjukkan kata “Nichigaku Tokusen” yang diterjemahkan sebagai “pilihan khusus Nippon Gakki” seperti dibawah ini :

Logo 1956

Pada tahun 1959, Yamaha berganti logo lagi. Ini lambang 1959 terkait dengan instrumen musik istirahat sepenuhnya dengan masa lalu. Sulit untuk menjelaskan hari ini.

Logo (1959)

Pada tahun 1960, Nippon Gakki Yamaha International Corporation menciptakan YIC) di Los Angeles yang akan bertanggung jawab untuk mendistribusikan sepeda motor Yamaha. Lambang, yang ditemukan pada gambar dari upacara pembukaan, adalah arus Yamaha Corporation, jika seseorang mengabaikan warna. Logonya seperti berikut :

Logo 1960

Pada tahun 1987, Yamaha mengganti logo lagi. Desain dari tiga garpu yang terkandung dalam lingkaran adalah standar dan dikombinasikan lagi dalam nama pendirinya pada tahun 1967. Lambang Perusahaan Yamaha berubah lagi pada tahun 1980 (lingkaran adalah garis melawan dua sebelumnya), kemudian pada tahun 1987. Pada tanggal 1 Oktober, Nippon Gakki Co, Ltd. merayakan 100 tahun melakukan distribusi alat musik dan membayar upeti kepada pendiri. Ini menjadi Yamaha Corporation Ltd. tiga garpu dan kemudian menghilang meninggalkan tempat nama itu.

Yamaha Corporation

Pada tahun 1998, Yamaha mengantikan logo yang baru, seperti berikut :

Yamaha Corp.

Pada tahun 1998, Yamaha menggantikan logonya seperti yang kita kenal sekarang ini

Yamaha Motor (1998)

Lambang Yamaha Motor Co, Ltd. diakui oleh tiga garpu di luar lingkaran pertama dan warna merah. Lambang tersebut banyak kita lihat di kendaraan bermotor.

Sekian tulisan saya. semoga bermanfaat bagi yang membacanya. Terima Kasih.

Referensi :

http://indrapratama124.blogspot.co.id/2013/05/sejarah-emblem-yamaha.html

https://pasarkaki5.blogspot.co.id/2015/10/taukah-kamu-arti-di-balik-logo-tala.html

Tutorial Pembelian Produk Web E-Commerce Opencart

Hasil Akhir Web Belanja Online Pada Kelompok Toko Online Bucex Store.

Tulisan ini adalah hasil akhir tugas saya yaitu mata kuliah Web Sciences dalam pembuatan website E-Commerce dengan menggunakan CMS OpenCart. Disini saya akan memberikan beberapa tutorial dalam pemnbelian produk di web belanaja saya. Baik, kita langsung simak saja beberapa langkahnya di bawah ini..

Ø  Langkah 1

Setelah mengakses toko online Bucex Store pilih barang yang akan di beli dengan cara mengklik button yang bertuliskan add to cart pada bagian bawah gambar barang yang ingin di beli seperti pada gambar 1.

Gambar 1.

Ø  Langkah 2

Setelah menekan button add to cart kemudian pembeli akan diarahkan ke jendela selanjutnya yaitu jendela untuk pemilihan warna barang dan memilih banyaknya jumlah barang yang akan dibeli contoh seperti gambar 2.

Gambar 2.

Setelah memilih warna dan memasukkan banyaknya jumlah barang yang kita beli klik add to cart. Maka jumlah item yang ada di sudut kanan atas pada toko online tersebut bertambah seperti pada gambar 3.

Gambar 3.

Ø  Langkah 3

Klik item yang berada di sudut kanan atas tersebut maka akan muncul jendela kecil dibagian item tersebut seperti pada gambar 4.

Gambar 4.

Ø  Langkah 4

Kemudian klik Checkout untuk mengisi data alamat tujuan pengiriman barang. Kemudian akan muncul 6 step pada checkout seperti pada gambar 5.

Gambar 5.

Pada step 1 pilih Guest Checkout bagi pembeli yang tidak memiliki akun, lalu klik continue.

Gambar 6.

Pada gambar 6 step 2 isi form data pembeli sesuai dengan yang ada, kemudian klik continue.

Gambar 7.

Kemudian pada gambar 7. step 3 hanya mengkonfirmasi apakah data yang anda isi sudah benar. jika sudah klik continue.

Gambar 8.

Pada gambar 8 step 4 pembeli memberi komentar tentang barang yang akan di antar setelah komentar di berikan klik continue.

Gambar 9.

Pada gambar 9 step 5 pembeli mencontreng bagian pernyataan bahwa pembeli sudah membaca dan setuju dengan semua masalah dan kondisi barang lalu klik continue.

Gambar 10.

Pada gambar 10 step yang terakhir pembeli mengkonfirmasi barang yang di beli dengan mengklik confirm order.

Gambar 11.

Selesai sudah tutorial pembelian produk di web belanja saya. Semoga bermanfaat bagi yang membacanya. Terima kasih J