Langsung ke konten utama

Desain Website untuk Mobile


Jika seseorang ingin membuat sebuah website, tentunya website tersebut tidak hanya bisa dioperasikan di web saja, melainkan juga dapat dioperasikan dan diakses pada perangkat mobile. Website yang baik ialah website yang responsif terhadap perangkat mobile. 

Apa itu Web Responsif ?

Web Responsif adalah sebuah website yang bisa menampilkan tampilan yang optimal untuk pengguna perangkat mobile. Desain website yang responsif terhadap perangkat mobile akan memudahkan pengguna dalam berbagi dan menghubungkan ke konten-konten yang ada pada website tersebut hanya dengan satu URL. Dengan adanya Desain Website yang responsif ini, akan membuat tampilan situs pada perangkat mobile mengikuti ukuran jendela browser dan menyesuaikan layar perangkat mobile secara otomatis, 

Mengapa Desain Website yang Responsif penting?

Saat ini, dengan kemudahannya internet, mendorong orang-orang yang lebih memilih mengakses internet melalui perangkat mobile, smartphone atau tablet karena lebih simpel dan praktis ketika mengaksesnya. Sehingga, hal tersebut mengharuskan orang-orang yang ingin membuat web memberikan pengalaman terbaik kepada user mobile dalam menjelajah website tersebut. 

Hal-Hal yang perlu diperhatikan dalam desain website untuk mobile

1. Navigasi

Navigasi pada website tersebut haruslah jelas dan sederhana serta mudah digunakan. Letak navigasi juga harus jelas dan konsisten pada posisinya.

2. Desain yang responsif

Seperti yang dibahas diatas, desain responsif adalah hal penting dalam desain website untuk mobile. Hal ini bertujuan agar desain website tersebut dapat bekerja dengan baik pada berbagai perangkat. baik itu smartphone ataupun tablet. 

3. Area sentuh yang luas

Banyak user yang sering secara tidak sengaja mengetuk area yang salah atau mengakses halaman yang tidak diinginkan akibat area sentuh yang kecil. Sehingga, ketika ingin membuat website hendaklah menyediakan area sentuh yang ideal untuk ketukan jari. Desain lah ukuran tombol dan icon sesuai ukuran sentuh yang cukup sehingga pengguna tidak akan mengklik area yang tidak diinginkan. 

4. Buatlah teks yang mudah dibaca

Tipografi dalam sebuah desain website juga sangatlah penting. Kunci tipografi dalam sebuah website adalah keterbacaan, karena konteks utama dari sebuah website adalah situs untuk membaca jadi hendaklah tampilan nya mudah dibaca. Gunakanlah font yang jelas dan mudah dibaca. 

5. Pilihan Warna

Selain font, warna juga merupakan hal penting dalam desain web. Pemilihan warna akan memberika kesan menarik bagi pembaca serta dapat menciptakan mood. Sebaiknya gunakan warna lembut untuk latar dan warna tua untuk teks agar dapat mempertegas informasi yang ingin disampaikan.

6. Susunan Layout

Elemen penting lainnya dalam desain web mobile yaitu susunan layout. Website yang baik hendaklah memiliki susunan layout yang rapi dan memperhatikan keseimbangan serta keselarasan layout secara keseluruhan. Buatlah susunan yang mudah untuk diikuti oleh mata pembaca.

Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Evaluasi UI (Usability & User Experience)

Apa itu Usability? Jacob Nielson, usability didefinisikan sebagai kemampuan sistem untuk memenuhi kebutuhan pengguna dengan 5 atribut penilaian, yaitu learnability, efficiency, memorability, errors, dan satisfaction. Pressman, usability merupakan tingkatan kemampuan antarmuka aplikasi dapat digunakan untuk mempermudah hidup pengguna. Santoso, usability merupakan derajat kemampuan sebuah aplikasi untuk membantu pengguna menyelesaikan sebuah tugas. ISO 9241-11 (Bevan, 1995), mendefinisikan usability merupakan sejauh mana suatu produk dapat digunakan oleh pengguna tertentu untuk mencapai target yang ditetapkan dengan effectiveness, efficiency dan satisfaction. Kenapa sih Usability itu Penting? Memudahkan pengguna Aplikasi mudah dipelajari Aplikasi harus berjalan sesuai fungsinya Berdampak Pada Faktor Kesuksesan Menarik minat penggunanya Alat Uji Usability SUS (System Usability Scale) : SUS merupakan kuesioner yang sederhana dan paling dapat diandalkan. QUIS (Questionnaire for User Int...
Posting Komentar
Baca selengkapnya

Implementasi HTML Bootstrap Design Web ke WordPress

Kemunculan WordPress lebih memudahkan proses perancangan blog. Sebelum adanya WordPress, banyak developer Website yang menggunakan HTML statis bagi merancang blog. Namun, kini para developer sudah mulai beralih menggunakan tampilan yang terdapat di WordPress. Meskipun saat ini tak masalah jika tetap menggunakan HTML statis, tetapi tak ada salahnya bukan jika mempertimbangkan pindah ke WordPress. Kenapa? Karena dengan WordPress, Kamu dapat merancang dan mengelola blog lebih gampang. WordPress menyediakan tema, plugin, widget, dan beragam fitur lainnya yang mempermudah Kamu mengelola blog tanpa berurusan dengan coding. Bagi kamu selaku pemilik blog yang masih menggunakan HTML statis telah seharusnya disarankan sebaiknya Kamu mulai mempertimbangkan untuk melakukan convert HTML ke WordPress. Selain mempermudah Kamu bagi mengelola, WordPress pun mempunyai banyak fitur yang lebih fleksibel ditambah maupun dikurangi diperbandingkan dengan HTML statis. Ada tiga macam cara convert HTML ke WordP...
Posting Komentar
Baca selengkapnya

Logika Fuzzy (Model Sugeno dan Tsukamoto)

Logika Fuzzy adalah metodologi sistem kontrol pemecahan masalah yang cocok digunakan untuk diimplementasikan pada berbagai sistem, mulai dari sistem yang sederhana, sistem kecil, embedded system, jaringan PC, multichannel atau workstation berbasis akuisisi data dan sistem kontrol. Logika ini  merupakan suatu logika yang memiliki nilai kekaburan atau kesamaran antara benar atau salah. Logika Fuzzy sering digunakan dalam bidang elektronika. Konsep logika ini pertama kali diperkenalkan oleh Prof. Lotfi Astor Zadeh pada tahun 1962. A. Model Sugeno Model Sugeno adalah metode interfensi fuzzy untuk aturan yang dipresentasikan dalam bentuk IF-THEN, output yang dihasilkan sistem tidak berupa himpunan fuzzy, tetapi berupa konstanta atau persamaan linear. Sebagai fungsi keanggotaan dari konsekuen, Michio Sugeno mengusulkan penggunaan singleton. Singleton adalah sebuah himpunan fuzzy dengan fungsi keanggotaan yang pada titik tertentu mempunyai sebuah nilai dan 0 diluar titik tersebut. Du...
Posting Komentar
Baca selengkapnya