Aesthetic and Minimalist Design - Dominos for iOS

Posted by : Putri Indo Pertiwi | 8.57 pm

Setelah menganalisa 3 prinsip Heuristic Evaluation atau HE oleh Jakob Nielsen yang belum sepenuhnya diimplementasikan oleh aplikasi order online Dominos (Domino's Pizza Indonesia) berbasis iOS, di postingan ini saya akan melanjutkan prinsip ke -4 yaitu Aesthetic and Minimalist Design.

Di prinsip ini, aplikasi diharapkan memiliki tampilan yang tidak rumit dan nyaman dilihat oleh mata manusia. Penggunaan warna, penempatan menu, text, button dan segala atribut terkait sangat mempengaruhi penilaian dari prinsip ini. Dari hasil analisa saya, untuk warna dan text, aplikasi ini sudah cukup baik dan konsisten. Namun, ada beberapa masalah tampilan dan penempatan yang saya rasa masih belum sempurna, yaitu :

1. Penempatan navigation bar yang memicu keambiguan.

Pada halaman Home, aplikasi menyediakan navigation bar yang berisi Promotions, Value Deals, Pizza, dan navigation lainnya. Masing-masing navigation tersebut dapat di swipe ke kanan atau ke kiri. Di screenshot layar awal, tampilan navigation Promotions berisi beberapa gambar berbentuk poster promosi Domino's Pizza Indonesia pada saat ini. Masalahnya adalah, pada saat saya mencoba swipe layar ke kiri, lalu muncul navigation Value Deal, tampilan dibawah navigation tetap berada di Promotions. Padalah sebenarnya, navigation Value Deal tersebut harus di tekan terlebih dahulu lalu muncullah isi Value Deals yang sebenarnya jauh berbeda dengan isi dari navigation Promotions. Tetapi dengan adanya swipe ke kanan atau ke kiri, tanpa memikirkan navigation tersebut adalah button yang dapat ditekan, tentu mindset pengguna adalah, isi dari navigation juga akan ikut berubah jika navigation diatasnya berubah.

Rekomendasi perbaikan : Jika memang desain nya memungkinkan pengguna untuk swipe layar ke kanan atau ke kiri, seharusnya isi dari masing masing navigation juga harus mengikuti posisi navigation pada saat itu dan nama navigation tidak perlu ditampilkan dengan menggunakan button. Atau lebih efektif lagi jika navigation ditampilkan disamping kiri dalam bentuk list navigation yang disertai icon untuk mencirikan masing masing navigation.

Severity Rating : 3 = Major Usability Problem (penting untuk diperbaiki sehingga harus diberikan prioritas tinggi dalam perbaikannya)

-----------------------------------------------------------------------------------------

2. Menu Cart dibawah ?

Di aplikasi Dominos, setelah memilih menu yang akan saya pesan, saya harus mengecek daftar pesanan saya di cart untuk mengetahui berapa menu yang telah saya pesan dan berapa total uang yang harus saya bayar. Namun, jika dibandingkan dengan tampilan salah satu online shop yang sering saya kunjungi, jelas saya lebih prefer tampilan adanya cart di kanan atas halaman beserta jumlah item yang telah saya pilih dan total uang yang harus saya bayar. Jadi saya tidak perlu repot-repot ke halaman cart terlebih dahulu lalu melanjutkan memilih pesanan saya lagi di halaman lain.

Rekomendasi perbaikan : Sebaiknya Cart tidak perlu dimasukkan sebagai salah satu menu di menu bar. Cukup dengan meletakkan suatu icon seperti keranjang dikanan halaman beserta jumlah item yang sudah saya pilih dan total uang yang harus saya bayar untuk pilihan item tersebut.

Severity Rating : 2 = Minor Usability Problem (diperbaiki dan diberikan prioritas rendah dalam perbaikannya)

Sumber :

http://www.nngroup.com/articles/how-to-rate-the-severity-of-usability-problems/

http://www.nngroup.com/articles/ten-usability-heuristics/

http://adorableprojects.com/

Dominos for iOS

Ulasan Blog

Posted by : Putri Indo Pertiwi | 1:05 AM

Awalnya niat banget ngebuat blog pake student.ipb.ac.id -nya kampus, cuma berhubung belum bisa login pake akun LMS ipb (atau emang gue yang terlalu bego) jadilah blogspot ini sebagai alternatif. Masih pemula dalam dunia blog, harap maklum aja ama beberapa gadget atau ukuran font, color, atau penempatan template yang masih (sangat) amburadul ini :")

Agak aneh sih sebenernya curhat pake blog begini, tapi serius, paragraf diatas cuma kata penghantar kok. Niat gue sebenernya buat postingan ini emang buat ngomentarin beberapa blog demi tugas kampus gue, cuma tetep aja harus diceritain dulu dari awal kenapa dan bagaimana hingga blog ini tercipta sampe gue ngetik postingan ini di depan laptop sekarang :D

Tadi, pas pusing banget karna akun LMS yang gabisa nyambung ke student.ipb.ac.id gue nemu di halaman home satu blog mahasiswi IPB yang menurut gue desain template nya bagus. Mungkin doi jago html nya, atau emang karena efek doi itu cewe dan gue cewe (apasih indo...) jadi kerasa gitu sentuhan seninya :"))) ini nih tampilan blog nya ....

Bagus kan? iya bagus!!! dari pemilihan warna background yang menurut gue pas banget ama bunga bunga di header nya, simple tapi sungguh menarik. Tampilan beberapa menu tab seperti 'Home', 'About', dan 'Archives' di atas lengkap dengan 'Search' yang memudahkan pengguna awam seperti gue buat ngeliat postingan doi yang lain. Kemudian ada 'Recent Posts' juga yang memudahkan gue untuk ngepoin lebih jauh lagi postingan doi sebelumnya. Kemudian ada 'Categories' juga yang ngebuat gue lebih mudah lagi cari postingan doi yang sudah dikelompokkan jadi beberapa kategori. Untuk ukuran dan pemilihan jenis font juga lagi lagi menurut gue, ga ribet dan jelas. Overall, doi bisa dengan sangat bijak nyusun penempatan postingan dan tema template nya.....gue suka banget! Ohiya, kalian bisa lihat sendiri di http://risa_seftianingrum12u.student.ipb.ac.id/

Terlepas dari blog nya mba mba yang jago html, gue nemu lagi ama blog-nya mba mba juga dan nemunya masih di student.ipb.ac.id  

kenapaaaaaaa....kenapa yang hitam dan putih itu selalu terlihat classic dan ga neko-neko... suka juga dengan pemilihan tema dan penempatan arsip blog nya. Tapi, ada yang aneh disini...disaat gue perhatiin buat kesekian kalinya, baru gue sadar kalo diatas nama doi "Nursyahidah's...." ada search box nya! hmmm...terlalu kecil mungkin ukuran font nya sampe sampe gue harus lihat beberapa kali dulu baru bisa merhatiin kalo ada search box di bawah header-nya. Untuk menu tab nya juga menurut gue udah oke, cuma lagi lagi, mungkin ukuran font nya kurang gede. Untuk ukuran manusia dengan mata minus satu kaya gue masih kebaca sih, cuma ga ngerti kalo misalnya yang ngeliat manusia dengan mata yang minusnya melebihin gue :(

Coba aja deh liat nih http://nur_syahid12t.student.ipb.ac.id/

Dan blog terakhir yang bakal gue komentarin malem ini (udah pagi belum sih?), blog mba mba(lagi?) dan masih nemu di student.ipb.ac.id ((lagi)).

Untuk header dan pemilihan warna background-nya sih gue suka, beberapa gadget di sebelah kiri juga menurut gue cukup dan tidak berlebihan. Untuk tab menu nya juga sangat jelas di bawah header seperti pada umumnya. Tapi..........disaat gue perhatiin bagian postingan-nya, gue rada susah ngebaca setiap tulisannya. Mungkin, pewarnaan di font nya yang kurang tepat dengan main background nya :") kalo dikasih box dengan warna white mendekati transparan di belakang postingannya mungkin isi dari postingan nya bakal kebaca dengan jelas kali ya:) ohya, kalian bisa cek sendiri blog nya doi di http://aulia_dwioktavia.student.ipb.ac.id/

Udahan deh komentar sok expert nya, maaf maaf nih mba mas, mba mba yang punya blog ((kalo kalo aja juga visit blog gue)) kalo ada salah salah kata atau salah salah ketik, gue juga manusia kok sama seperti kalian:)

Selamat Pagi! :D