More Related Content
Similar to Analisa Antarmuka website tugas Universitas BSI (20)
Recently uploaded (14)
Analisa Antarmuka website tugas Universitas BSI
- 1. ANALISA ANTARMUKA WEBSITE Inixindojogja.co.id Kelompok 2 Kelas 2C Singgih Avriyanto : 12166220 Mansur : 12161905 Galih Setiawan : 12163613
- 2. IMK Istilah human-computer interaction (HCI) atau interaksi manusia dan computer mulai muncul pertengahan tahun 1980-an sebagai bidang studi yang baru. Definisi Interaksi Manusia dan Komputer adalah Sebuah hubungan antara manusia dan computer yang mempunyai karakteristik tertentu untuk mencapai suatu tujuan tertentu dengan menjalankan sebuah sistem yang menggunakan antarmuka (interface).. Sedangkan Bidang Ilmu Interaksi Manusia dan Komputer dapat difenisikan sebagai Ilmu yang mempelajari bagaimana mendesain, mengevaluasi dan mengimplementasikan sistem komputer yang interaktif sehingga dapat digunakan oleh manusia dengan mudah
- 3. Antar Muka (User Interface/UI) Pada tahun 1970 mulai dikenal istilah antarmuka pengguna (user interface), Karakteristik : Standadisasi : yaitu keseragaman sifat-sifat antarmuka pemakai pada aplikasi yang berbeda. Integrasi : keterpaduan antara paket aplikasi dan software tools. Konsistensi: keseragaman dalam suatu program aplikasi. Portabilitas: dimungkinkannya data dikonversi pada berbagai hardware dan software.
- 4. Usabilitas (Usability) usabilitas adalah sebuah atribut yang merujuk kepada seberapa mudah sesuatu digunakan. Lebih spesifik lagi, merujuk kepada seberapa cepat seseorang belajar untuk menggunakan sesuatu, seberapa efisien penggunaannya, seberapa lama dapat diingat, berapa kesalahan yang dilakukan, dan berapa lama seseorang suka untuk menggunakannya.
- 5. Komponen usabilitas 損 Learnability menjelaskan tingkat kemudahan pengguna untuk memenuhi task-task dasar ketika pertama kali mereka melihat/menggunakan hasil perancangan. 損 Efficiency menjelaskan tingkat kecepatan pengguna dalam menyelesaikan tugas-tugas setelah mereka mempelajari hasil perancangan. 損 Memorability menjelaskan tingkat kemudahan pengguna dalam menggunakan rancangan dengan baik, setelah beberapa lama tidak menggunakannya.
- 6. Errors menjelaskan jumlah error yang dilakukan oleh pengguna, tingkat kejengkelan terhadap error dan cara memperbaiki error. Satisfaction menjelaskan tingkat kepuasan pengguna dalam menggunakan rancangan. Sebuah web dengan usability yang buruk akan ditinggalkan oleh penggunanya.
- 7. User Experience (UX) Menurut ISO 9241-210 (2009), User Experience adalah persepsi dan respon dari pengguna sebagai reaksi dari penggunaan sebuah produk sistem atau service.
- 8. Website Website atau situs web merupakan dokumen yang tersimpan dalam web server yang memiliki jenis dan topik tertentu. Webpage atau yang lebih kita dengar sebagai homepage, adalah suatu halaman khusus dari situs web tertentu yang tersimpan dalam bentuk file.
- 9. Fungsi-fungsi website Fungsi komunikasi mempunyai fungsi komunikasi pada umumnya adalah situs web dinamis Karena dibuat menggunakan pemrograman web maka dilengkapi fasilitas yang memberikan fungsifungsi komunikasi, seperti web mail, form contact, chatting, forum, dan yang lainnya
- 10. Fungsi informasi Situs web yang memiliki fungsi informasi pada umumnya lebih menekankan pada kualaitas bagian content atau isinya karena tujuan situs tersebut adalah menyampaikan isinya Fungsi entertainment Web dikatakan memiliki fungsi entertainment ketika digunakan sebagai sarana hiburan Fungsi transaksi Situs web dapat dijadikan sarana transaksi bisnis
- 11. PT Inixindo Widya Iswara Nusantara PT Inixindo Widya Iswara Nusantara adalah perusahaan yang bergerak di bidang IT (Information Technology) Untuk lebih mengenalkan produknya ke masyarakat, perusahaan ini membuat Website dengan alamat https://inixindojogja.co.id. Dan web ini dibuat dengan CMS wordpress Posisi 39.309 untuk ranking Indonesia, dan 1.552.595 untuk global, alexa.com
- 12. Home page simpel dan minimalis dengan top-menu dan logo di bagian atas, dan slideshow banner promosi yang sedang dilakukan perusahaan, menggunakan konsep single page desain dan menggunakan bootstrap inf o Metode Warna homepage ini berisi profil singkat (berupa text dan video), kelebihan/keunggulan perusahaan, testimonial customer (video), portofolio perusahaan), penjelasan singkat produk perusahaan, highlight event, knowlegde center, partner perusahaan, lokasi, dan footer yang berisi informasi kontak perusahaan inixindojogja.co.id menggunakan metode Responsive Web Design (RWD), yaitu dimana tampilannya akan cocok, rapi dan tetap enak dilihat jika diakses dari perangkat apapun dengan resolusi layar yang berbeda website inixindojogja.co.id menggunakan warna netral yang minimalis, Warna-warna ini dipilih karena merupakan warna yang sama dengan warna logo perusahaan, sehingga membuat website menjadi konsisten
- 13. Icon dan gambar yang digunakan menggunakan konsep flat desain, mengutamakan desain minimalis yang menekankan kegunaan, karena gaya ini tidak memiliki desain yang mencolok bukan berarti gaya ini akan membosankan. Cerah, warna- warna kontras membuat ilustrasi dan memunculkan tombol dari background, akan dengan mudah menarik perhatian dan memandu mata pengguna. Dialog berbentuk pesan atau informasi pada suatu gambar atau link yang tampil ketika pengguna melakukan suatu aktifitas. Misalnya seperti kotak dialog, tombol-tombol, list box, combo box, scroll, dll.
- 14. Top-menu, ada beberapa menu yang memiliki submenu dan ditampilan secara dropdown. Contohnya adalah seluruh products & services menjadi satu menu dropdown dimaksudkan agar pengunjung website yang belum tau produk produk Inixindo Jogja dapat dengan mudah memahami apa saja product & services Inixindo Search box dimana kita bisa menuliskan keyword yang ingin dicari. Hyperlink, atau tombol/text yang bisa diklik untuk menuju suatu halaman/konten, link banyak yang berupa gambar atau ikon yang jika dihover akan muncul keterangan link tersebut, atapun berubah size dan detailnya
- 15. Di Homepage juga ada beberapa media foto video, yaitu berupa foto kegiatan perusahaan dan video yang diembed dari youtube tentang profil singkat perusahaan dan testimoni dari customer Gambar-gambar ilustrasi dan ikon juga menghiasi konten-konten dan artikel untuk memperjelas informasi, seperti gambar infografis dan gambar statistik yang colorfull sehingga menarik minat pengguna website
- 16. A Font yang dipakai di website inixindojogja.co.id adalah font jenis serif Konten Untuk menumbuhkan minat pengguna, beberapa konten dan lain juga ditambahkan, seperti Promo & Event
- 17. Produk dan Services Yang ditawarkan perusahaan yaitu berupa trainingsertifikasi, konsultan, assesmen, jadwal training, dan diklat Instructor Halaman tentang informasi profil para instruktur/trainer yang dimiliki perusahaan Knowledge Center Berisi artikel orisinil yang ditulis oleh para karyawan/praktisi perusahaan yang ditulis dengan bahasa Indonesia dan diberi ilustrasi yang menarik Konten
- 18. About us Konten tentang profil perusahaan, fasilitas yang ditawarkan perusahaan kepada customernya, infografis informasi tentang perusahaan, dan partner dari perusahaan.
- 19. ! Member Area Para customer perusahaan dapat memasuki member area pada website inixindojogja.co.id dengan login menggunakan email dan password yang didaftarkan. Di dalam member area, kita bisa mengatur profil, saling berkomunikasi via forum, melihat informasi training dan sertifikasi apa saja yang sudah pernah diambil di perusahaan, serta sertifikat digital yang dikeluarkan perusahaan untuk para customer peserta training, mengechek point reward, dan lain-lain.
- 20. Kecepatan Akses Kecepatan Akses Mobile Friendly Kecepatan akses ke website inixindojogja.co.id tidak terlalu cepat, Kemungkinan karena di homepagenya terdapat beberapa video yang diembed dari youtube dan gambar- gambar di web dan pemilihan web hosting service yang kurang tepat. Agar suatu informasi bisa berguna haruslah memiliki beberapa ciri-ciri atau karakteristik berikut ini : . Reliable (dapat dipercaya) . Relevan (cocok atau sesuai) . Timely (tepat waktu) . Complete (lengkap) . Understandable (dimengerti) Mobile friendly secara umum bisa dikatakan sebuah website yang bisa diakses dari Desktop dan Mobile agar mudah dilihat dan dibaca tanpa harus memiliki website lain yang dikhususkan untuk Mobile
- 21. Responsive Web Design (RWD) sehinga menjadi website yang mobile friendly Informasi yang diberikan website antara lain informasi tentang perusahaa n dan produknya, yang tentu sangat reliable dan relevan dengan tujuan dibuatnya website, yaitu mengenalkan perusahaan dan produknya kepada pengguna Informasinya juga complete dan understandable Namun untuk timely, website masih belum bisa dibilang sempurna, walau ada beberapa artikel yang dipublish tepat waktu saat ada kejadian yang viral di dunia teknologi informasi (contoh : artikel tentang ransomware), tapi justru di bagian portofolio kebanyakan masih merupakan portofilio lama tahun 2016.
- 22. Struktur Navigasi Homepage Promo & Event Product & Services Training IT Training Produk Diklat Pemerintahan Produk Jadwal & Registrasi Training Sertifikasi IT Solution Consulting Produk Application Development Produk Monitoring & Evaluate Produk Smart City Solution Produk Portofolio Assessment Center Academy About Us Profile Fasilitas Team Infografis Partner Instructor Knowledge Center Artikel Member Area Reward Login Edit Akun Riwayat Order Training Download Area Verifikasi Pembayaran Poin
- 23. Kelebihan Desain yang minimalis dengan warna netral dan icon yang simple dan sederhana membuat website terlihat professional Simple Website inixindo jogja menggunakan web desain responsif adalah metodologi yang menyarankan bahwa desain dan pengembangan harus membalas perilaku dan situasi pengguna berdasarkan ukuran layar, Platform dan orientasi. Responsif Konten yang lengkap mulai profil perusahaan, produk yang dihasilkan, artikel yang bemanfaat, sampai member area yang sangat berguna bagi pengguna. Lengkap Merupakan website yang mobile friendly, sehingga walau dibuka menggunakan mobile browser, website masih tetap bisa terbuka dengan baik, baik dari segi desain ataupun performa website. Mobile friendly Top menu yang mencakup semua konten di website menggunakan bootstrap, sehingga jika di scroll ke bawah top menu masih terlihat dan pengguna bisa langsung menggunakannya untuk berpindah ke halaman/konten yang lain. Single page design
- 24. Kekurangan bahasa Penggunaan Bahasa yang kurang konsisten, menu menggunakan Bahasa Inggris, sedangkan konten menggunakan Bahasa Indonesia ikon Ikon tombol untuk membantu mencari informasi training terlalu besar yang seharusnya membantu malah jadi menggangu dalam membaca menu training. slideshow 際際滷show banner promosi di halaman depan yang terlalu besar, dan menggunakan repeat-image membuat website terlihat tidak rapi dalam pemotongan bannernya size Website tidak cukup cepat untuk diakses, homepage terlalu besar ukurannya, yaitu 4.03mb artikel Artikel teknologi informasi yang dipublish oleh website ini masih sedikit. Live chat Fitur live chat masih sering offline.
- 25. Kesimpulan Web Usability,User experience dan User Interface merupakan hal - hal penting dalam membangun sebuah website, ketiga hal inilah yang akan menentukan apakah web yang dibuat telah efektif dan efisien dalam penyampaian tujuan yang diharapkan. Web merupakan salah satu media perusahaan untuk mempromosikan perusahaannya. Pada pengembangan website perusahaan Inixindo Jogja yang beralamatkan di http://inixindojogja.co.id, mempunyai beberapa kelebihan dan kekurangan.