Awal desain yang bagus dimulai dengan konten. Untuk memanfaatkan UX seluler terbaik, konten mungkin perlu menjalani beberapa penyesuaian dan perubahan.

Tapi dari mana Anda memulai? Bagaimana seharusnya konten diadaptasi agar berfungsi dengan mulus di perangkat seluler? Ini dimulai dengan memikirkan cara pengguna berinteraksi dengan layar yang lebih kecil, dan bagaimana hal itu memengaruhi apa (dan berapa banyak!) Yang ingin mereka baca.

1. Satu Pemikiran Per Layar

Saat menciutkan konten untuk perangkat seluler, coba rencanakan elemen sehingga ada satu per satu layar. Bahkan ketika ponsel tampaknya menjadi tren ke ukuran yang lebih besar lagi, jangan tergoda untuk menjejalkan banyak informasi di layar!

Satu pemikiran per layar sudah cukup. Lagi dan Anda berisiko membebani pengguna.

Pengguna perangkat seluler cenderung multi-tugas. Mereka melihat situs web Anda saat berbicara dengan seorang teman saat menghadiri pertandingan bisbol. Dengan menjaga pesan dan konten tetap sederhana dan langsung , Anda memiliki peluang yang lebih baik untuk satu pemikiran dikomunikasikan.

Tapi seperti apa satu pemikiran itu? Ini adalah blok teks, gambar, dan elemen yang dapat ditindaklanjuti yang semuanya terikat bersama. Grup konten harus meminta pengguna untuk membuat satu pilihan: apakah Anda ingin melakukan ini?

2. Prioritaskan Navigasi

Seharusnya ada beberapa hal yang cenderung dilakukan pengguna, atau yang Anda inginkan, ketika mereka mengunjungi versi seluler (responsif) situs web Anda. Pastikan ada navigasi yang mudah diikuti yang membawa pengguna ke elemen-elemen itu dengan cepat.

Sementara menu sepuluh opsi navigasi dengan beberapa level mungkin berfungsi di situs desktop Anda, pengguna seluler sering kali lebih terdesak waktu. Mereka tidak punya niat untuk melihat-lihat situs sampai mereka menemukan sesuatu.

Navigasi harus sederhana dan efisien. Jika Anda tidak yakin harus mulai dari mana, lihat analitik pengguna seluler Anda. Apa tiga atau empat halaman teratas yang dikunjungi? Apakah halaman ini sesuai dengan yang Anda harapkan? Anda telah menemukan elemen navigasi utama sehingga Anda dapat menyesuaikan konten seluler sesuai.

3. Berpikir Seperti Mesin Pencari

Jangan mainkan algoritme. Buat konten berkualitas yang ingin dibaca pengguna.

Baik Anda mendapatkan sepuluh tampilan halaman sehari, atau jutaan, Anda ingin berpikir seperti mesin pencari dalam hal konten di perangkat seluler. Setiap kata, gambar, dan sedikit konten harus cepat dan dapat dicari. Tapi jangan mainkan algoritma. Buat konten berkualitas yang ingin dibaca pengguna.

Ketika datang ke ponsel, ini mungkin berarti mengurangi beberapa elemen konten. Daripada tiga gambar di halaman rumah, misalnya, pilih satu foto yang paling penting. Jangan membebani situs seluler Anda; kecepatan web dan Wi-Fi semakin baik setiap saat, tetapi beberapa pengguna akan kesulitan dengan koneksi dan situs web Anda masih harus dapat diakses.

Anda dapat memeriksa kecepatan halaman seluler dengan alat yang bagus ini dari Google , yang membantu Anda menjaga semuanya dioptimalkan dengan baik.

4. Jadikan Teks Lebih Besar

Layar yang lebih kecil seharusnya tidak berarti teks yang lebih kecil . Anda harus benar-benar meningkatkan ukuran titik untuk membuat konten lebih mudah dibaca dan dicerna. Lihatlah salinan tubuh Anda dan pilih ukuran yang memungkinkan untuk 30 hingga 40 karakter per baris. (Ini sekitar setengah dari yang direkomendasikan untuk layar desktop.)

Ada trik lain untuk membuat teks lebih mudah dibaca di layar kecil juga. Anda dapat menemukannya di artikel Desain Shack sebelumnya tentang kiat untuk merancang tipografi seluler yang lebih baik .

5. Tuliskan Mikroskopi yang Bermakna

Mikroskopi yang bagus – teks di dalam elemen seperti tombol – dapat membuat atau menghancurkan desain. Mikroskopi dapat menambah kepribadian dan percikan pada desain. Ini juga menyampaikan banyak informasi dan membantu pengguna menemukan jalan mereka di sekitar desain.

Pada perangkat seluler, khususnya, pertimbangkan untuk membuat salinan mikro sedikit lebih besar dari biasanya dan selalu menggunakannya dalam bentuk untuk membantu pengguna tahu persis apa yang harus dilakukan.

Pikirkan tentang masalah umum yang Anda hadapi ketika membayar sesuatu di ponsel Anda, misalnya. Formulir dapat menjangkau beberapa layar atau gulir; membimbing mikrokopi dapat membuatnya jauh lebih mudah untuk mengisi semuanya dengan benar saat pertama kali. (Komponen utama dalam mengonversi tindakan dari pengguna seluler.)

6. Hapus Efek Yang Tidak Perlu untuk Ponsel

Hapus semua yang tidak Anda butuhkan untuk desain ponsel.

Animasi berputar dan fitur gulir paralaks terlihat luar biasa di situs web desktop, tetapi dapat meruntuhkan versi seluler. Hapus semua yang tidak Anda butuhkan untuk desain ponsel. Anda ingin semuanya dimuat dengan cepat dan mulus; animasi yang mungkin atau mungkin tidak berfungsi menghalangi koneksi dengan pengguna dengan segera.

Efek lain yang bisa Anda hapus? Hover efek. Tidak ada keadaan melayang untuk tindakan sentuhan.

Sederhanakan pengalaman pengguna seluler dengan fungsionalitas ketuk yang mudah dipahami (untuk mengganti klik) yang memiliki sedikit umpan balik. Anda tidak ingin pengguna mempertanyakan apakah suatu tindakan terjadi; itu harus selalu jelas.

7. Beradaptasi dengan Skala

Tidak ada yang lebih membuat frustrasi daripada mendarat di situs responsif seluler di mana semuanya kecil. Maksud dari memiliki desain seluler adalah membuat situs web lebih mudah diakses oleh pengguna pada perangkat yang lebih kecil. Anda harus menyesuaikan konten dengan skala itu.

Terkadang mengadaptasi konten hanyalah pengaturan ulang bagian.

• Kotak yang berbaris di layar pada desktop mungkin ditumpuk secara vertikal di perangkat seluler.
• Foto dipangkas lebih persegi atau vertikal berdasarkan orientasi dominan penggunaan ponsel (vertikal).
• Teks diedit dan dipotong untuk singkatnya.
• Navigasi dirancang ulang dan ditempatkan di lokasi yang berbeda.
• Panggilan untuk bertindak dibuat menjadi elemen yang lebih besar hampir berukuran layar.
• Semua tombol dan elemen ketuk ditempatkan di lokasi yang mudah dijangkau, berdasarkan cara pengguna memegang ponsel mereka .

Kesimpulan

Apakah Anda siap untuk memikirkan kembali beberapa konten di situs web Anda? Jika Anda membangun situs web yang responsif dan hanya menganggap semuanya akan mengonversi pengguna seluler, maka sekarang saatnya untuk mengevaluasi bagian seluler dari desain. Kemungkinannya adalah ada ruang untuk perubahan konten kecil yang benar-benar dapat mengubah cara pengguna berinteraksi dengan desain.

Ini adalah bagian penting dari proses desain. Lihatlah analitik Anda. Berapa persentase basis pengguna Anda mengakses desain pada perangkat seluler? Jika Anda tidak melakukan penyesuaian untuk memenuhi kebutuhan mereka, Anda bisa mengasingkan sebagian besar basis pengguna Anda tanpa bermaksud menyinggung mereka.

sumber: designshack.net