Interaksi Manusia Dan KomputerTugas Final

Kajian Situs :www.apple.com

Disusun oleh :52012001 Alex Pratama Wibowo52012025 Iswandi C Tansil52012032 Michael Anggawijaya52012021 Hanif Suherlan

STMIK Kharisma MakassarTeknik InformatikaJaringan Dan TelekomunikasiContents table

1.Pendahuluan31.1Latar Belakang31.2Website Apple32.tinjauan pustaka52.1Interaksi Manusia Dan Komputer52.2Web Usablility52.3User Experiece62.4User Interface73.Analisa Web Apple83.1Halaman Utama83.2Halaman Store93.3Halaman Support124.Penutup144.1Kesimpulan144.2Saran14Daftar Pustaka154.3Buku154.4Online15

Pendahuluan

Latar Belakang

Web telah menjadi sesuatu yang common dikalangan masyarakat pada saat ini. Hampir setiap kalangan menggunakan web sebagai media informasi di kehidupan sehari-hari mereka. Banyak pula yang menggunakan web sebagai jalan dalam mengembangkan bisnis mereka. Web dibangun dengan berbagai fungsi dan tujuan sesuai dengan kepentingan organisasi/ pribadi yang membuatnya. Web menjanjikan prospek yang bagus kepada setiap penggunanya.

Karena peranan web yang sangat penting ini maka web yang dibangun haruslah memperhatikanbeberapa faktor yaitu : usability, user experience, dan user interface. Ketiga faktor inilah yangmenentukan apakah tujuan pembuatan suatu website tercapai atau tidak. Saat ini banyak web yang dikatakan gagal dalam pencapaian tujuannya dikarenakan sang pengembang web tidak memperhatikan ketiga faktor crucial tersebut.

Pada kesempatan kali ini, dengan memperhatikan ketiga faktor tersebut, akan dilakukan analisis terhadap situs www.apple.com.Website Apple

Apple Inc. (sebelumnya bernama Apple Computer, Inc.) adalah sebuah perusahaan multinasional yang berpusat di Silicon Valley, Cupertino, California dan bergerak dalam bidang perancangan, pengembangan, dan penjualan barang-barang yang meliputi elektronik konsumen, perangkat lunak komputer, serta komputer pribadi. Apple Inc. didirikan pada tanggal 1 April, 1976 dan di inkonporasikan menjadi Apple Computer, Inc. pada tanggal 3 Januari, 1977. Pada 9 Januari, 2007, kata "Computer" dihapus untuk mencerminkan fokus Apple terhadap bidang elektronik konsumen pasca peluncuran iPhone. Apple dikenal akan jajaran produk perangkat lunak di antaranya sistem operasi OS X dan iOS, pemutar musik iTunes, serta peramban web Safari, dan perangkat keras di antaranya komputer meja iMac, komputer jinjing MacBook Pro, pemutar lagu iPod, serta telepon genggam iPhone.

Website Apple yang beralamat pada www.apple.com secara garis besar dibangun sebagai sistem informasi dan komunikasi komersial yang berisi produk-produk dari apple. Web ini berisikan berita informasi tentang inovasi inovasi baru dari perusahaan apple mulai dari komputer, perangkat telepon, toko lagu, tablet, dan aksesoris dari perangkat apple dan di website ini apple juga menyediakan support atau dukungan terhadap produknya.

Berikut beberapa jenis halaman web pada website apple.com yang akan dibahas, yaitu :1. Halaman utama2. Halaman Store3. Halaman SupportSedangkan untuk halaman website yang lain akan dibahas sebagian saja dan disertai dengan penjelasan singkat.

Berikut screenshoot halaman apple.com yang merupakan tampilan keseluruhan pada halaman utama.

Menu navigasi Utama

Menu Search

Informasi terbaru

Inovasi dan informasi

Gambar Halaman Utama www.apple.com

tinjauan pustaka

Interaksi Manusia Dan KomputerInteraksi manusia dan komputer adalah sebuah disiplin ilmu yang mempelajari perancangan, implementasi dan evaluasi sistem komputasi interaksi dan berbagai aspek terkait.(hewett, et al., 1992 ,1996).

Prinsip prinsip dalam merancang user interface agar lebih Berikut ini prinsip-prinsip User Interface Design: User familiarity / Mudah dikenali : gunakan istilah, konsep dan kebiasaan user bukan computer (misal: sistem perkantoran gunakan istilah letters, documents, folders bukan directories, file, identifiers. -- jenis document open office Consistency/ selalu begitu : Konsisten dalam operasi dan istilah di seluruh sistem sehingga tidak membingungkan. -- layout menu di open office mirip dgn layout menu di MS office. Minimal surprise / Tidak buat kaget user : Operasi bisa diduga prosesnya berdasarkan perintah yang disediakan. Recoverability/pemulihan : Recoverability ada dua macam: Confirmation of destructive action (konfirmasi terhadap aksi yang merusak) dan ketersediaan fasilitas pembatalan (undo). User guidance/ bantuan : Sistem manual online, menu help, caption pada icon khusus tersedia. User diversity/keberagaman : Fasilitas interaksi untuk tipe user yang berbeda disediakan. Misalnya ukuran huruf bisa diperbesar.

Web UsablilityWeb usability merupakan salah satu faktor yang sangat penting dalam mengembangkan sebuah web. Sebagian besar proses pengembangan web hanya akan terfokus di konsep usability. Usability merupakan atribut kualitas yang menunjukkan seberapa mudahnya user interface di gunakan. Usability juga mengacu pada metode untuk mengimprove kemudahan penggunaan selama proses perancangan. Sebuah web dengan usability yang buruk akan ditinggalkan oleh penggunanya.

Web Usability digunakan agar:A. Web menjadi lebih efektif dan efisien digunakan.B. Web juga menjadi lebih aman.C. Mempunyai utility yang baik.D. Pengguna tidak perlu mempelajari web terlebih dahulu.E. Dan pengguna dapat mudah mengingat bagaimana cara penggunaannya.F. Menghindari kebingungan yang akan dialami pengguna.

Usability didefenisikan melalui lima komponen, yaitu :A. Learnability menjelaskan tingkat kemudahan pengguna untuk memenuhi task-task dasar ketika pertama kali mereka melihat/menggunakan hasil perancangan.B. Efficiency menjelaskan tingkat kecepatan pengguna dalam menyelesaikan task-task setelah mereka mempelajari hasil perancangan.C. Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan rancangan dengan baik, setelah beberapa lama tidak menggunakannya.D. Errors menjelaskan jumlah error yang dilakukan oleh pengguna, tingkat kejengkelan terhadap error dan cara memperbaiki error.E. Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan rancangan.

Menurut Jakob Nielsen dalam bukunya Prioritizing Web Usability terdapat dua belas halyang harus diperhatikan dalam membangun sebuah website, yakni :1. Nothing to Hide2. The Web User Experience3. Revisiting Early Web Usability Findings4. Prioritizing Your Usability Problems5. Search6. Navigation and Information Architecture7. Readability & Legibility8. Writing for the Web9. Providing Good Product Information10. Presenting Page Elements11. Balancing Technology with People's Needs12. Design That WorksUser ExperieceUser Experience pada dasarnya istilah pengalaman pengguna merasakan suatu barang dan jasa yang efektif dan efisien. Dalam kaitannya dengan IMK yaitu bagaimana pengguna merasakan kemudahan dan efisiensi dari sebuah sistem (User experience 2012). Indikator dari user experience adalah seberapa cepat pengguna menggunakan dan terbiasa dengan interface (Larasati 2010). Menurut Larasati (2010), terdapat beberapa faktor yang mempengaruhi user experience :

a) Bagaimana sebuah situs didesain sesuai dengan keinginan/tujuan awal

Dari contoh kasus, dimana untuk tampilan website Univ. Indonesia didesain sangat sederhana atau simple serta letak menu informasi yang tertata rapi . Hal tersebut dimaksudkan untuk memudahkan pengguna baru atau mengguna lama dalam mengkases untuk mencari suatu informasi. Akan tetapi, pada kenyataannya terlalu banyak link sehingga cukup lama untuk mendapatkan suatu informasi. Sedangkan untuk website ITS, dimana beberapa informasi ditampilkan semua, baik dalam sebuah gambar maupun sebuah tulisan informasi terbaru ditampilkan pada tampilan awal. Sehingga terkesan tampilan tersebut kurang rapi. Dengan banyaknya informasi yang ditampilkan, Hal tersebut damaksudkan untuk mengurangi banyaknya link website untuk suatu informasi sehingga dapat memudahkan pengguna. Pada kenyataanya akan menyulitkan pengguna pertama karena harus mencari satu persatu link informasi yang dibutuhkan. Tetapi, hal tersebut akan memudahkan pengguna lama saat mengakses lagi karena tidak terlalu banyak link untuk mengetahui suatu informasi.

b) Kemampuan dan keterbatasan situs

Pada kasus website Univ. Indonesia, memiliki kemampuan akses sangat mudah untuk mengetahui letak informasi yang dibutuhkan karena tertata dengan rapi, sehingga pengguna cepat paham. Akan tetapi, memiliki kelemahan pada segi pencarian informasi karena terlalu banyak link untuk memperoleh informasi yang dibutuhkan. Sedangkan pada kasus website ITS, pengguna pertama cukup lama karena harus melihat satu persatu isi website. Hal tersebut karena letaknya beberapa informasi kurang rapi. Akan tetapi saat pengguna sudah terbiasa, maka akan sangat mudah karena tidak banyak link untuk sebuah informasi.

c) Isi dan Tampilan situs

Pada kasus website Univ. Indonesia isi dari informasi sangat lengkap, sehingga pengguna merasa mudah dalam mengetahui informasi yang dibutuhkan. Selain itu tampilan juga sangat sederhana, sehingga memudahkan pengguna dalam memahami isi dari informasi tersebut. Sedangkan pada kasus website ITS, isi dari website sangat lengkap juga. Akan tetapi, tampilan kurang rapi karena banyak gambar dan informasi seperti agenda dan pengumuman letaknaya tidak mengelompok pada satu tempat. Ketidakrapian tersebut karena ingin menampilkan semua informasi yang ada tanpa melalui beberapa link yang yang cukup banyak. Hal tersebut untuk memudahkan pengguna baru dan memudahkan daya ingat untuk mengakses website bagi pengguna lama.

d) Fungsionalitas situs

Pada kasus website Univ. Indonesia dan ITS dari aspek fungsionalitas cukup baik, dimana website mampu merespon dengan baik setiap perintah pengguna dengan cara memberikan informasi yang lengkap pada setiap menu yang ditampilkan.User Interface Beberapa User Interface (UI) merupakan suatu sistem yang merupakan bagian terpenting dari setiap program, karena menentukan seberapa mudah program tersebut menberikan respon atau timbal balik dari yang diperintahkan pengguna (User interface 2012). Selain itu UI merupakan sistem yang komplek karena dikendalikan oleh pengguna dan merupakan tahap persiapan rancang bangun dari implementasi (Sabariah n.d.). Sedangkan tujuan dari UI membuat interaksi yang baik dan menyenangkan (Larasati 2010).

Berdasarkan Susanto (2011), desain UI yang baik memiliki karakteristik standarisasi terhadap sifat interface yang berbeda, integrasi antara aplikasi dan software, konsistensi terhadap suatu aplikasi dan portabilitas yang merupakan dimungkinkanya data dikonversi pada berbagai hardware dan software. User Interface sendiri selalu dikaitkan dengan tampilan layar, sebab desain yang baik menjadi indikator terpenting untuk membuat pengguna merasa tertarik menggunakan website tersebut (Larasati 2010). Selain itu juga faktor estetika perangkat, waktu respon dan konten menjadi bagian terpenting untuk terciptanya UI yang baik.Analisa Web Apple

Halaman UtamaHalaman utama merupakan halaman yang akan pertama kali dilihat oleh pengunjung ketika mereka masuk kedalam suatu website. Biasanya halaman utama berisikan tentang hal apa yang paling ingin diberitahukan oleh pengembang web kepada pengunjung mengenai web mereka. Serta menjadi panduan kepada pengunjung dalam pencarian informasi yang mereka butuhkan.Ada beberapa hal yang sangat menarik dari penampilan website apple.com yang perlu diperhatikan :a. Pada halaman utama apple.com terdapat banyak informasi mengenai inovasi terbaru dari produk apple dan pemilihan warna background hitam dan putih cukuplah bagus sehingga tampilan dari halaman utama kelihatan rapi dan bersih. Ada pula tampilan gambar slide pada halaman utama yang berisi informasi terbaru dari perusahaan apple. Dan apabila kita memilih gambar dari salah satu slide diatas maka website akan langsung mengarahkan kita kepada informasi yang bersangkutan. Website ini akan lebih baik apabila browser anda menggunakan safari dan juga menggunakan plugins quicktime.

b. Penggunaan font apple pada tampilan web disini cukuplah bagus sehingga memperlihatkan ciri khas dari produk apple sendiri. Font yang digunakan tidaklah terlalu bermacam- macam kelihatan sederhana dan elegan.

c. di samping itu juga website ini tidak menggunakan celah sehingga tidak terjadi kekosongan pada website mereka sehingga dimana saja kita mengklik maka hanya terarah pada informasi yang sedang di klik. d. Interface pada menu header juga menggunakan html5, dimana ketika kita mendekatkan kursor mouse kita pada salah satu menu maka terjadi perubahan warna pada tampilan dari warna putih ke warna biru gelap.

e. Pada web apple terdapat Icon search yang sangat interaktif ketika kita mengklik icon search maka secara otomatis header langsung membukakan textbox sehingga kita dapat mengetik kata kunci pencaharian pada kotak tersebut.

f. Dan pada akhir halaman juga terdapat footer yang menyatakan bahwa website apple telah dipatenkan sampai dengan tahun 2015. Dan juga berisi alamat alamat dan link kontak apple.

Halaman StoreHalaman store merupakan halaman web yang digunakan oleh apple untuk melakukan pemasaran terhadap produknya. Biasanya halaman ini berisi penjelasan tentang hal-hal produk apple beserta penjelasan teknikal nya disertai dengan harga dan perbandingan antar produk mulai dari laptop, handphone, mp3, dan berbagai aksesoris keperluan untuk produk apple. Ada beberapa hal yang sangat menarik dari penampilan website store.apple.com yang perlu diperhatikan :A. Pada halaman store apple terdapat pula indikator pengkategorian produk yang memperlihatkan bagian bagian produk apple namun dipisahkan secara individual untuk jenis produknya, sehingga apabila konsumen ingin memilih handphone cukup mengklik gambar shop iphone dan apabila ingin laptop cukup juga mengklik shop mac.

B. Pada tampilan utama web store apple terdapat promo untuk produk terbaru dari apple sendiri. Contohnya tampilan promo produk terbaru dari apple yaitu iwatch dan disini apple menampilkan tiga jenis apple iwatch yang merupakan keunikkan dari produknya sehingga pada tampilan utama store sudah langsung memperlihatkan langsung secara detail bahwa iwatch sendiri terdiri dari tiga macam edisi dan user dapat memilih dari tiap edisi pada link dibawahnya.

C. Pada tampilan utama web store apple yang kedua terdapat promo untuk produk terbaru lagi dari apple yaitu new macbook dan iphone 6 disertai link selengkapnya di bawah. Pada tampilan interaktif halaman laptop pengguna dapat memilih warna komputer pada pilihan warnanya sehingga tidak ada perpindahan halaman lagi untuk user apabila hanya ingin memilih warna komputer.

D. Pada halaman berikut pada layanan store web apple adalah apple menyediakan sebuah web yang digunakan untuk menjadi ruang pamer hasil foto dari sebuah iphone beserta software yang digunakan dan pada halaman tersebut disertai alamat link untuk menuju web pameran halaman tersebut.

Link pada gambar di atas.

Halaman SupportHalaman support atau dukungan merupakan halaman web yang digunakan oleh apple untuk melakukan penjelasan atau manual terhadap produknya. Biasanya halaman ini berisi penjelasan tentang hal-hal produk apple beserta pertanyaan pertanyaan teknikal nya disertai dengan solusi dari pertanyaan tersebut mulai dari laptop, handphone, mp3, itunes, dan berbagai aksesoris keperluan untuk produk apple.

Ada beberapa hal juga yang sangat menarik dari penampilan website dukungan apple yang perlu diperhatikan :1. Pada halaman web apple sendiri perpindahan atau transisi web tidaklah begitu terlihat hanya instruksi kata kata yang membedakan dan isi kontennya.2. Pada tampilan web dukungan terdapat sebuah instruksi yang menandakan bahwa web ini ada web dukungan untuk produk apple sendiri.

3. Pada web dukungan sendiri para pengunjung tidak perlu melakukan scrool pada halaman ini di karenakan pada web dukungan ini telah mendesain agar tampilan hanya di geser kiri dan kanan tergantung jenis produk yang anda punya.

4. Pada halaman dukungan pada posisi dibawah terdapat layanan komunitas para pengguna apple dan layanan contact us yang berguna untuk menyatukan para pengguna apple hingga membentuk suatu forum diskusi khusus pengguna apple dan pada pilihan contact us berguna untuk melakukan konsultasi produk yang bersangkutan.

Penutup

KesimpulanTolak ukur Web dikatakan berhasil adalah sebagaimana besar tujuan dari pembuatan website tersebut terpenuhi. Dalam hal ini peranan web usability sangatlah besar. Jika usability web tersebut bagus maka pengunjung pun akan merasa nyaman dan menyukai web tersebut. Jika website tersebut telah disukai banyak orang maka tujuan dari pembuatan website tersebut akan tercapai. Seorang pengembang desain suatu website harus mempelajari web usability dan mengimplementasikannya pada web yang dikembangkan jika dia ingin dikatakan sebagai pengembang yang berhasil.

Pada pengembangan web apple.com , pengembang bisa dikatakan masih kurang memperhatikan kapasitas gambar pada websitenya , Ini dapat dilihat dari kesalahan-kesalahan yang dilakukan pengembang karena tidak memperhatikan faktor content yang dimana setiap kali menampilkan website perlunya pemrosesan data foto atau grafik , website ini sendiri apabila di hitung sangat banyak memakan quota data setiap melakukan perpindahan halaman website maka dengan ini kami rasa perlunya memperbaiki desain agar tidak terlalu banyak menampilkan foto beresolusi tinggi.

SaranMakalah ini diharapkan menjadi bahan masukan bagi pengembang untuk mengembangkan web apple.com dengan lebih memperhatikan faktor-faktor content data foto . Dengan demikian, para pengguna dan pengunjung website ini akan lebih mudah mengakses website ini dan menyukai web ini. Akhir kata tujuan dari pembuatan penelitian ini pun dapat lebih berguna.Daftar Pustaka

Buku Johnson, Jeff. 2003. Web Bloopers: 60 Common Web Design Mistakes and How to Avoid Them. SanFransisco: Morgan Kaufmann Publishers.Galitz, Wilbert O. 2007. The Essential Guide to User Interface Design: An Introduction to GUI DesignPrinciples and Techniques, Third Edition. Indianapolis : Wiley Publishing, Inc.Cooper, Alan, Robert Reimann, dan Dave Cronin. 2007. About Face 3: The Essentials of InteractionDesign. Indianapolis : Wiley Publishing, Inc.Nielsen J & Loranger H. 2006. Prioritizing Web Usability. Berkeley : New Riders.Onlinehttps://www.apple.com/http://store.apple.com/ushttp://www.apple.com/support/

15