Bagaimana menu navigasi di situs, menu profil pengguna dll. dapat disembunyikan dan akan muncul saat diklik dan diarahkan. Beberapa orang mungkin mengatakan bahwa ini mempengaruhi kegunaan halaman. Saya rasa tidak, karena halaman menjadi lebih bersih, yang berarti lebih mudah dinavigasi. Seseorang tidak menjadi bingung dalam segunung tautan.
Hari ini saya menyiapkan koleksi panel geser, yang disembunyikan di halaman secara default. Untuk menelepon menu, Anda perlu mengeklik atau mengarahkan kursor ke ikon yang sesuai. Teknik ini datang ke desain web dari aplikasi seluler, di mana tidak mungkin untuk menata banyak elemen dalam satu layar. Seiring waktu, panel tersebut bermigrasi ke situs web. Koleksi ini pertama-tama akan berguna bagi pengembang seluler. Pada resolusi kecil layar akan muncul persis seperti ini navigasi keluar, dan pada yang normal, monitor besar dapat dilakukan menu biasa, yang sudah biasa dilakukan semua orang. Dengan cara ini, seseorang yang memiliki perangkat seluler tidak akan bingung dengan situs Anda, karena dia sudah lama terbiasa menggunakannya panel geser, karena semua aplikasi di smartphone-nya bekerja dengan prinsip yang sama.
Saya ingin mencatat bahwa koleksi ini termasuk plugin, yang diasah hanya untuk situs seluler dan pada monitor lebar penggunaannya tidak tepat. Meskipun ada juga panel universal yang cocok untuk situs web apa pun. Tonton demonya dan pilih yang sesuai dengan kebutuhan Anda.
Panel tarik-turun berfungsi. Menerapkan menu seperti itu ke situs web Anda tidak akan sulit, termasuk situs web pengembangnya instruksi rinci tentang penggunaan produk mereka.
Kami akan segera merencanakan desain ulang situs web Postovoy dan akan menggunakan salah satunya plugin jQuery yang disajikan di bawah ini.
Jadi. Kami memberikan kepada Anda koleksi 20 plugin panel geser dropdown jquery untuk situs web Anda. Jangan lupa untuk meninggalkan komentar.

Menu Samping yang Dapat Digeser

Transisi untuk Navigasi di Luar Kanvas

jPanelMenu

Buat ulang Google Perhubungan Menu

bigSlide - bilah navigasi slide di Jquery

Menu Dorong Bertingkat

Menu Utama Kotak

Menu Perbatasan Animasi

Snap.js

Menu Geser dan Tekan

Begitu

mb.jquery

Dermaga Android

Panel geser dengan konten

Menu adalah modul penting dari situs web Joomla, yang tanpanya situs tersebut tidak dapat dianggap lengkap. Tanpa menu, pengguna tidak akan dapat menavigasi sumber daya dan tidak tahu cara menuju ke bagian lain. Menu navigasinya seperti peta situs yang ditata rapi di halaman. Terjadi menu yang berbeda: horizontal, vertikal, pop-up, dll.

Pada artikel ini kita akan melihat cara membuat satu atau beberapa jenis navigasi dan menambahkannya ke situs web Joomla Anda.

Bagaimana cara menambahkan item menu baru

Anda harus mulai menguasai pengaturan mesin Joomla dari dasar. Membuat barang baru menu navigasi hanyalah salah satu yang paling banyak tugas-tugas sederhana, yang sangat mudah diterapkan. Untuk mengubah menu dan modul lainnya (menyembunyikan, mengaktifkan atau menghapusnya), Anda harus pergi ke panel admin mesin. Untuk melakukan ini, masuk nama domain situs Anda, dan tambahkan /administrator di akhir. Kemudian masukkan informasi login yang Anda berikan saat menginstal Joomla.

Setelah login, Anda akan melihat bahwa panel admin memiliki menu tersendiri. Dan itu memiliki bagian yang disebut "Menu". Pergi ke sana. Jendela pop-up akan muncul di depan Anda setelah mengarahkan kursor ke “Manajer Menu”. Klik Buat Menu. Poin ini perlu ditambahkan bagian baru navigasi. Anda perlu menentukan nama item menu baru, serta jenisnya. Harap dicatat bahwa tipe adalah nama arbitrer yang lebih dibutuhkan untuk Anda daripada mesin itu sendiri. Setelah menentukan data, simpan pengaturannya.

Menu Joomla yang baru dibuat akan kosong untuk saat ini. Anda perlu menambahkan setidaknya satu item untuk mengisi modul dengan konten. Untuk melakukan ini, buka menu yang Anda buat dan klik “Buat” untuk menghasilkan item baru. Sama seperti saat membuat menu itu sendiri, Anda perlu menentukan nama dan jenis item. Jangan lupa pilih jenis bahannya. Lalu simpan perubahan yang dilakukan dan item tersebut ditetapkan ke menu yang dipilih untuk Joomla. Sekarang, ketika Anda mengarahkan kursor ke bagian “Menu”, nama lain akan muncul di jendela pop-up - ini adalah navigasi yang baru saja Anda buat.
https://www.youtube.com/watch?v=mL7apoU_rgY

Cara membuat menu vertikal atau horizontal

Intinya horizontal dan menu vertikal untuk Joomla sudah terinstall di setting. Elemen-elemen ini disebut berbeda. Yang horizontal disebut yang utama, dan yang vertikal disebut menu teratas. Jadi untuk menambahkan hal yang sama menu horisontal, Anda hanya perlu mengisi modul ini dengan materi dan mempublikasikannya di website. Harap dicatat bahwa nama menu mungkin berbeda di beberapa versi. Biasanya menu horizontal selalu diindikasikan sebagai menu utama, tetapi menu vertikal dapat disebut menu pengguna.
https://www.youtube.com/watch?v=Dm8_V_GCOfw&spfreload=10

Cara membuat menu tarik-turun

Untuk mengaktifkan menu drop-down di website Anda, Anda hanya perlu mengubah pengaturan di panel admin. Untuk melakukan ini, buka modul menu, yang memiliki sub-item. Biasanya, item drop-down diaktifkan dengan menu utama horizontal. Jadi, pastikan menu yang dipilih memiliki sub-itemnya sendiri. Sekarang masuk ke pengaturan dan klik "Ya" di sebelah "Tampilkan sub-item menu". Tindakan ini cukup bagi modul untuk mulai menampilkan konten drop-down dalam bentuk sub-item yang dapat diklik. Menu dropdown dapat diubah jika Anda mendownload modul lain, atau mencoba melakukannya sendiri menggunakan pengeditan CSS.
https://www.youtube.com/watch?v=_Aye2xPDKvg&spfreload=10

Cara menyembunyikan menu

Terkadang menu Joomla perlu disembunyikan. Kebutuhan untuk menyembunyikan item apa pun atau seluruh kategori muncul ketika Anda belum selesai mengerjakan suatu bagian. Beberapa menggunakan opsi untuk menyembunyikan menu yang disediakan akses berbayar hanya untuk inisiat. Secara umum, tujuan setiap orang mungkin berbeda, namun cara mencapai tugas tersebut sama.

Untuk menyembunyikan seluruh menu atau sub-item individual, Anda harus membuatnya terlebih dahulu. Ini dapat dilakukan melalui bagian “Menu” yang disebutkan di panel admin. Yang harus Anda lakukan untuk menyembunyikan konten menu adalah mengaktifkannya, tetapi jangan mempublikasikannya. Artinya, kategori dan item yang dibuat secara virtual sudah berfungsi, tetapi karena Anda belum menempatkan modul di situs, modul tersebut tidak akan ditampilkan. Inilah cara sederhana untuk menyembunyikan menu!

Cara mengubah font menu

Font sangat menentukan desain keseluruhan situs. Jika menu memiliki font berkualitas rendah, tidak terbaca, atau tidak sedap dipandang, pengguna jelas tidak akan menghargainya. Banyak orang bertanya-tanya bagaimana cara mengganti font di Joomla, namun tidak banyak yang menemukan solusinya. Dan semua itu karena Anda tidak akan menemukan fungsi seperti itu di panel admin. Anda harus menggali lebih dalam template itu sendiri.

Tema situsnya pasti penampilan, karena ini tertulis dalam kode file komponen. Gayanya ditentukan oleh file berformat CSS. Di situlah font ditulis, dan dengan bantuan itulah Anda dapat mengeditnya. Pertama, Anda harus mendapatkan elemen yang diperlukan dalam kode. Disarankan untuk memasang ekstensi di browser Anda yang memungkinkan Anda melihat kode halaman. Di Google Chrome, fitur ini diinstal secara default.
https://www.youtube.com/watch?v=1eN2KKjwZ2A&spfreload=10
Jadi, temukan kode item menu terlebih dahulu menggunakan browser Anda. Selanjutnya, buka panel admin Joomla di bagian “Ekstensi” dan “Manajer Templat”. Melalui tab ini Anda dapat mengubah CSS diinstal tema desain. Temukan area yang bertanggung jawab atas font tersebut dan tulis nilai Anda di sebelah parameter ukuran, jenis, transparansi, warna, dll. Ini adalah satu-satunya cara Anda dapat mengubah font di Joomla untuk elemen individu. Seiring waktu, Anda akan belajar, dan itu tidak akan terasa sulit bagi Anda.

Cara membuat menu dengan gambar

Menu yang tidak biasa selalu menarik perhatian pengguna karena mereka sudah bosan dengan menu-menu stereotip yang umum. Cara yang bagus untuk menonjol dari yang lain adalah dengan membuat menu dengan kategori berupa gambar. Kedengarannya bagus, tetapi Anda masih harus berjuang dengan ini.

Pertama, Anda harus pandai membuat gambar untuk menu. Anda tidak dapat mengambil gambar sembarangan dari mesin pencari. Navigasinya harus terlihat kohesif dan memiliki gaya yang sama, jika tidak, desainer akan mulai "bercinta" dan meremehkan saat memasuki situs Anda. Buatlah desain umum dan atur item ke ukuran tertentu.

Untuk menambahkan gambar ke item menu, Anda perlu membuka pengaturan navigasi di panel admin. Temukan item "Opsi Tampilan Tautan" di sana untuk setiap item. Dan alih-alih memunculkan judul, di samping formulir “Tautan Gambar”, klik “Pilih” dan muat gambar yang sebelumnya ditambahkan ke manajer media. Dan pastikan untuk mencentang “Tidak” di sebelah item “Buat judul”. Lakukan hal yang sama untuk setiap kategori. Itu saja, sekarang Anda memiliki menu gambar lengkap!
https://www.youtube.com/watch?v=a0IAS3H9wyE

Kemampuan laman landas Anda untuk ditemukan hampir berkurang setengahnya navigasi utama tersembunyi. Hal ini juga meningkatkan waktu yang diperlukan untuk menyelesaikan tugas, sehingga berdampak negatif pada persepsi tingkat kesulitannya.

Pengujian kualitatif menu tersembunyi (seperti) dan terlihat (link di bagian atas halaman) menunjukkan:

• Pengguna mengalami kesulitan besar dalam menemukannya menu tersembunyi versus terlihat sebagian atau seluruhnya. Masyarakat kurang bersedia untuk melakukan hal tersebut. atau apakah itu terjadi nanti dalam tugas dibandingkan dengan menu yang terlihat.
• Navigasi Tersembunyi adalah alasan memburuknya pengalaman pengguna, seperti pada ponsel, dan pada antarmuka desktop. Data yang diperoleh valid untuk berbagai metrik UX (metrik untuk mengukur pengalaman pengguna, pengalaman pengguna), termasuk peringkat pengguna mengenai kesulitan tugas, waktu yang dibutuhkan untuk menyelesaikannya, dan keberhasilan dalam penyelesaian. Pada saat yang sama, aktif komputer desktop navigasi tersembunyi memburuk pengalaman pengguna dan kejelasan menu lebih baik dibandingkan pada ponsel.

Menyembunyikan navigasi paling memengaruhi konten yang tidak dapat diakses langsung melalui link di halaman.

Mengapa mempelajari navigasi tersembunyi dan terlihat?

Desain responsif memiliki banyak manfaat. Namun, salah satu perwujudannya yang kurang diminati adalah popularitas konsep “Mobile First” ( Seluler Pertama), yang berdampak negatif pada tampilan konten di layar desktop besar. Ini bahkan bukan tentang konsep itu sendiri. Bahkan desain seluler yang cukup sukses dibawa ke versi layar penuh, yang tidak berfungsi dengan baik. “Mobile first” tidak boleh berubah menjadi “ Hanya seluler».

(Jelas, ini berlaku prinsip umum: Jika teknik desain dimaksudkan untuk mencakup platform X dan Y, maka pendekatan “X First” tanpa kompromi akan menyebabkan Y menjadi hal sekunder dan berdampak negatif pada pengguna Y. Untuk mendesain X dan Y, Anda harus memperhitungkan kekuatan dan kebutuhan keduanya serta mengadaptasi kedua versi laman landas sesuai dengan fitur ini.)

Navigasi tersembunyi, seperti menu hamburger, adalah salah satu dari banyak templat yang dihasilkan desain seluler. Ruang layar adalah sumber daya berharga pada gadget. Dalam perjuangan berat untuk memprioritaskan konten sambil mempertahankan menu yang dapat diakses, desainer sering kali mengandalkan navigasi tersembunyi dengan menu yang ditunjukkan oleh ikon terkenal. “Hamburger” tidak kalah membuat ketagihan di kalangan desainer dibandingkan hidangan yang menjadi asal muasal namanya di kalangan pecinta makanan cepat saji: praktis, dan karena itu melayani jutaan orang saat ini, baik perangkat seluler, dan di komputer desktop.

Namun, pengujian opini pengguna secara konsisten menunjukkan bahwa navigasi yang tersembunyi di bawah menu dropdown kurang dapat ditemukan di desktop. Sebuah studi kualitatif baru dari Nielsen Norman Group berupaya untuk menentukan seberapa kuat efek ini, serta dampak relatif dari navigasi tersembunyi di desktop versus seluler. Diwawancarai 179 peserta yang menyelesaikan tugas di 6 situs berbeda, baik di smartphone maupun PC desktop. Hasilnya ditunjukkan di bawah ini.

Kriteria: penggunaan navigasi, kejelasan konten, waktu, kompleksitas tugas

Untuk menentukan efektivitas dan kegunaan berbagai jenis menu, desktop dan versi seluler 6 situs web berbeda menggunakan berbagai jenis desain navigasi. Dipertimbangkan jenis berikut navigasi:

1. Navigasi tersembunyi: tautan navigasi utama ditempatkan di bawah ikon (“hamburger”) atau tombol dan memerlukan tindakan pengguna yang tepat (mengklik ikon untuk memperluas).
2. Navigasi yang terlihat: Tautan navigasi utama ditempatkan pada bilah navigasi yang terlihat dan dapat dilihat sekilas, tanpa memerlukan tindakan apa pun sebelumnya.
3. Navigasi gabungan: Beberapa tautan navigasi utama terlihat, yang lainnya tersembunyi di bawah menu.

Perhatikan bahwa hanya ada sedikit penelitian mengenai navigasi terlihat pada perangkat seluler. (Ini kurang umum terjadi pada ponsel cerdas dan, karena batasan tertentu studi, jenis ini tidak dapat dimasukkan.) Namun, fungsi navigasi tersembunyi dan gabungan pada perangkat seluler diperiksa.

Untuk setiap situs kami menulis 2 tugas-tugas sederhana. Jenis tugas pertama dapat dilakukan tanpa menggunakan navigasi umum, sedangkan jenis kedua memerlukan penggunaan navigasi (atau pencarian). Berikut adalah contoh latihan pengujian: “Kunjungi //www.bbc.com dan lihat apakah ada informasi tentang satwa liar yang menarik minat Anda. Jika Anda menemukan artikel seperti itu, tandai untuk kami.”

Untuk mengukur efektivitas desain, para peneliti berfokus pada 5 metrik:

1. Penggunaan navigasi: apakah tautan digunakan atau tidak.
2. Waktu yang diperlukan untuk navigasi: periode dari awal tugas hingga penggunaan navigasi pertama.
3. Kesulitan tugas: penilaian peserta.
4. Pemahaman Konten: Apakah peserta tes dapat mendeteksi lokasi konten yang relevan di situs.
5. Waktu yang diperlukan untuk menyelesaikan tugas.

2 metrik pertama berkaitan dengan penggunaan navigasi, dan 3 metrik terakhir berkaitan dengan kualitas pengalaman pengguna.

Navigasi tersembunyi lebih jarang digunakan dalam tugas

Untuk mengukur interaksi dengan navigasi, eksperimen mengamati: (1) apakah navigasi digunakan atau tidak saat mengerjakan suatu aktivitas, dan (2) waktu navigasi—periode dari awal tugas hingga pertama kali menu diakses.

Metrik ini memungkinkan untuk memahami apakah navigasi bermanfaat dan mudah ditemukan. Diharapkan, navigasi yang mencolok lebih sering digunakan daripada navigasi yang sulit ditemukan.

Tugas tersebut tidak memberikan instruksi langsung untuk berinteraksi dengan menu, pencarian, tautan, atau fungsi antarmuka lainnya. Orang dapat melakukan apa pun yang mereka inginkan. Asumsinya adalah jika navigasi terlihat dan bermanfaat, pengguna akan mengkliknya. DI DALAM jika tidak mereka akan menggunakan elemen lain. Fakta bahwa menu dihindari mencerminkan bahwa pengguna, melihat menu dan menyadari fungsinya, menganggap pilihan lain lebih nyaman.

Misalnya pada halaman tertentu tautan sebaris dapat memiliki kesan yang nyata (Aroma Informasi). Bayangkan Anda sedang mencari informasi tentang sebuah film di situs majalah online: jika judul pertama di halaman yang muncul adalah tentang film tersebut, kemungkinan besar Anda akan mengkliknya tanpa menggunakan navigasi atau pencarian.

Hasil percobaan menunjukkan bahwa berdasarkan semua kriteria, navigasi tersembunyi kurang dapat dipahami dibandingkan navigasi terlihat atau gabungan:

1. Baik di ponsel maupun PC, orang lebih bersedia menggunakan navigasi ketika semua atau beberapa fiturnya terlihat.

Diagram menunjukkan persentase sesi yang menggunakan navigasi sebagai fungsi jenis perangkat tertentu (desktop, seluler) dan jenis navigasi (tersembunyi - biru, gabungan - abu-abu, terlihat - merah)

• Di desktop, orang hanya menggunakan menu tersembunyi sebanyak 27%, sedangkan menu terlihat atau menu gabungan digunakan hampir dua kali lebih sering (masing-masing 48% dan 50%).
• Pada perangkat seluler, penggunaan navigasi tersembunyi diamati pada 57% kasus, jika digabungkan - pada 86%, atau 1,5 kali lebih sering.

Dengan menggunakan regresi logistik efek campuran, para peneliti menemukan bahwa perbedaan-perbedaan ini signifikan secara statistik. Hasilnya tidak mengejutkan: ketika semua atau beberapa opsi navigasi terlihat, maka akan lebih nyaman bagi pengguna.

2. Orang-orang lebih bersedia menggunakan navigasi—baik yang tersembunyi maupun yang terlihat sebagian—di perangkat seluler dibandingkan dengan PC.

Ada beberapa penjelasan potensial untuk fakta ini:

• Navigasi pada perangkat seluler (tersembunyi di bawah menu atau terlihat sebagian) memerlukan lebih banyak ruang layar dibandingkan navigasi pada PC - hanya karena layar ponsel lebih kecil. Itu sebabnya orang lebih sering memperhatikan dan menggunakan menu-menu di smartphone. Di desktop, ada banyak sesi di mana orang tidak memperhatikan ikon menu. Beberapa peserta bahkan menyatakan bahwa situs dengan navigasi tersembunyi tidak memiliki menu.
• Karena navigasi tersembunyi lebih umum dilakukan di gadget, orang-orang menjadi terbiasa dengan gaya ini dan lebih bersedia menggunakannya di perangkat seluler.
• Laman seluler melibatkan lebih banyak pengguliran, memiliki lebih sedikit konten yang terlihat di Paro Atas, dan terkadang lebih lambat untuk dimuat, sehingga menyebabkan orang mencari menu alih-alih menggulir untuk menentukan apakah ada konten yang sesuai dengan kebutuhan mereka. Pada komputer pribadi kecepatan memuat halaman lebih tinggi, dan menawarkan layar diagonal besar ulasan terbaik isi. (Dengan kata lain, Biaya Interaksi yang diperlukan untuk memperoleh informasi lebih tinggi di perangkat seluler.)

Mengetik teks di ponsel lebih sulit dan kemungkinan kesalahan lebih tinggi. Orang lebih memilih navigasi daripada mencari jika tersedia.

3. Baik di seluler maupun desktop, menyembunyikan navigasi mengharuskan pengguna menghabiskan lebih banyak waktu pada suatu tugas dibandingkan dengan opsi menu yang terlihat atau terlihat sebagian. Model efek campuran yang digeneralisasi menunjukkan bahwa hasil ini memiliki signifikansi yang terbatas (hal<0,1).

Waktu navigasi dalam hitungan detik. Di desktop, peserta menghabiskan 5-7 detik lebih banyak menggunakan navigasi tersembunyi. Untuk perangkat seluler, angka ini lebih sedikit (sekitar 2 detik). (Situs dengan navigasi yang terlihat secara eksklusif pada versi seluler tidak diuji.)

Meskipun angka-angka tersebut menunjukkan apa yang disebut “efek perangkat” (yaitu, peserta lebih cepat dalam menggunakan navigasi tersembunyi di perangkat seluler dibandingkan di PC) serta efek interaksi (dampak navigasi tersembunyi lebih besar di desktop), data ini tidak signifikan secara statistik.

Detik-detik ekstra yang dihabiskan mungkin tampak seperti waktu yang sangat kecil, dan orang mungkin berasumsi bahwa itu tidak akan membuat banyak perbedaan antara UX yang bagus dan yang buruk. Namun pada detik-detik inilah pengguna bisa mengalami kekecewaan dan ketidakpastian. Berikan waktu beberapa detik lagi dan orang tersebut mungkin berhenti melakukan tugasnya, atau setidaknya meninggalkan menu.

Navigasi tersembunyi menyebabkan pengalaman pengguna yang buruk

3 metrik berikut berfokus pada kualitas pengalaman pengguna:

• Semua tugasnya mudah, memberikan kebebasan yang cukup kepada pengguna (misalnya: “Temukan artikel tentang teknologi yang menarik minat Anda”), sehingga orang dapat menyelesaikan sebagian besar tugas tersebut. Namun, mengingat tujuan penelitian, kriteria keberhasilan yang lebih spesifik (pemahaman konten) digunakan, yang tidak hanya mempertimbangkan fakta penyelesaian tugas, tetapi juga cara penyelesaiannya. Oleh karena itu, pemahaman menentukan apakah pengguna dapat menemukan konten yang mereka cari menggunakan navigasi (bukan pencarian) jika link ke konten tidak ditempatkan langsung di halaman beranda.
• Tingkat kesulitan tugas. Di akhir tes, peserta memberikan penilaian kesulitan/kemudahan dalam skala 1 sampai 7 (1 - mudah, 7 - sulit). Metrik ini, yang mencerminkan persepsi peserta tes terhadap tugas tersebut, bersifat subjektif. Ini menunjukkan bagaimana pengalaman keseluruhan saat menggunakan situs. Tingkat kompleksitas yang tinggi secara tidak langsung akan menunjukkan masalah nyata dalam pencarian navigasi dan pergerakan lebih lanjut melalui sumber daya.
• Waktu memimpin. Metrik ini mewakili waktu yang dibutuhkan peserta untuk menyelesaikan suatu tugas, terlepas dari keberhasilannya. Sebuah menu dapat menambah atau mengurangi nilainya tergantung pada mudah atau sulitnya menemukan, membuka, atau menggunakan. Waktu eksekusi yang lama mencerminkan penurunan biaya interaksi karena navigasi yang kurang dapat digunakan.

Untuk ketiga metrik tersebut, navigasi tersembunyi menurun secara signifikan pada versi seluler dan desktop.

1. Pada kedua versi, kejelasan konten jauh lebih rendah ketika navigasi disembunyikan. Yang terakhir menunjukkan penurunan lebih dari 20% dalam pemahaman situs dibandingkan dengan navigasi terlihat/gabungan. Kedua jenis ini berkontribusi pada keberhasilan penyelesaian tugas tanpa harus mencari.

Kejelasan konten untuk navigasi tersembunyi lebih buruk dibandingkan jenis menu lainnya, baik di ponsel cerdas maupun komputer. (Situs dengan navigasi yang terlihat secara eksklusif pada versi ponsel tidak diuji.) Meskipun kejelasannya sedikit lebih tinggi pada perangkat seluler dibandingkan pada desktop, perbedaannya tidak signifikan secara statistik

2. Navigasi tersembunyi menyebabkan peningkatan tajam pada tingkat kesulitan tugas: meningkat sebesar 21% dibandingkan dengan menu yang terlihat dan sebesar 11% jika dibandingkan dengan menu gabungan. Temuan ini benar sepanjang penelitian dan memperkuat kesimpulan itu Navigasi tersembunyi mempersulit pengguna menyelesaikan tugas. Navigasi yang terlihat diberi tingkat kesulitan terendah, kemungkinan besar karena mudah ditemukan, langsung menelusuri opsi menu, dan pilih yang Anda perlukan. Jenis navigasi lainnya menyembunyikan opsi dan meningkatkan biaya interaksi.

Kesulitan tugas yang dicatat oleh peserta tes adalah 21% lebih tinggi dalam kondisi navigasi tersembunyi. Peningkatan kesulitan dengan navigasi gabungan hanya 11%. (Angka-angka ini menunjukkan nilai gabungan data seluler dan desktop.) Dalam grafik ini, angka yang lebih rendah menunjukkan UX yang lebih baik

3. Pengguna menghabiskan waktu lebih lama untuk mengerjakan tugas di situs dengan navigasi tersembunyi dibandingkan dengan opsi yang terlihat atau gabungan di ponsel dan komputer.

Di komputer orang menunjukkan produktivitas 39% lebih lambat saat navigasi disembunyikan (dibandingkan terlihat atau kombinasi).

Di ponsel dalam kondisi yang sama, peserta menyelesaikan tugas 15% lebih lambat.

Waktu penyelesaian tugas rata-rata (dalam detik) lebih tinggi untuk navigasi tersembunyi di perangkat seluler dan desktop. (Situs dengan navigasi yang terlihat secara eksklusif pada versi ponsel tidak diuji.)

Perbedaan antara pengalaman pengguna desktop dan seluler

Pada bagian pertama artikel disebutkan bahwa pengguna seluler lebih cenderung menggunakan navigasi dibandingkan pengguna desktop (lihat Gambar 1). Di bawah ini kami akan menyoroti perbedaan antara ponsel dan komputer mengenai metrik UX.

1. Navigasi tersembunyi lebih mengurangi kejelasan konten di desktop dibandingkan di perangkat seluler. Dengan kata lain, ketika pengguna membutuhkan konten yang memerlukan navigasi, kemungkinan besar mereka akan gagal di PC. Selain itu, kemungkinan hasil negatif lebih tinggi dengan navigasi tersembunyi. Fenomena ini dapat dijelaskan oleh meningkatnya kecenderungan pengguna desktop untuk menggunakan bilah pencarian: di desktop, bilah pencarian umumnya lebih terlihat, dan pengunjung situs dapat memilih untuk mencari jika jalur ke konten tidak jelas.

2. Pengguna desktop lebih cepat dibandingkan pengguna seluler (untuk semua jenis navigasi). Rata-rata, pengguna ponsel membutuhkan waktu 12% lebih lama untuk menyelesaikan suatu tugas. Hasil ini cukup diharapkan: karena layar kecil dan sempitnya Saluran Komunikasi antara pengguna dan perangkat, menerima konten yang sama di ponsel biasanya melibatkan lebih banyak interaksi.

Mengapa navigasi tersembunyi kurang efektif?

Untuk alasan apa navigasi tersembunyi memiliki semua fitur ini? Artikel tersebut telah mencoba menjelaskan:

1. Visibilitas yang buruk. Ikon kecil lebih sulit dilihat di layar yang lebih besar (dan bahkan di layar ponsel).

2. Jalur informasi yang lemah. Ikon menu atau pintasan biasanya tidak memberi tahu orang-orang apa yang ada di baliknya, sehingga pengguna tidak tahu apa yang akan mereka temukan ketika mengekliknya.

3. Upaya ekstra. Untuk memahami isi menu, orang perlu memperluasnya. Hal ini meningkatkan biaya interaksi dan mengurangi keinginan untuk melakukan suatu tindakan, dan jika tindakan tersebut tetap dilakukan, akan memakan waktu terlalu lama.

4. Kurangnya standar. Navigasi tersembunyi diterapkan oleh situs dengan cara yang berbeda. Beberapa orang menggunakannya, yang lain tidak. Di perangkat seluler, pola tertentu muncul, tetapi di PC, variasi desain sangat bervariasi dan terdapat ketidakkonsistenan dalam penempatan dan pelabelan navigasi tersembunyi.

5. Kurangnya kesadaran. Di desktop, menyembunyikan navigasi bukanlah pola yang umum, dan orang tidak berharap menemukan navigasi global di bawah menu tarik-turun. Ada yang belum familiar dengan ikon hamburger yang sering digunakan untuk menu tersebut. Rendahnya tingkat kesadaran diperburuk oleh kurangnya standar, sehingga mengurangi pembelajaran jangka panjang (Learnability), karena penguasaan materi difasilitasi dengan demonstrasi berulang-ulang dari pola yang sama.

Dari 5 argumen yang menentang navigasi tersembunyi, hanya argumen terakhir yang mungkin cenderung melemah di tahun-tahun mendatang. Secara hipotetis, standardisasi desain dapat meningkat (yang juga akan mengarah pada kesadaran yang lebih baik), namun semua pengalaman sebelumnya dalam pengembangan desain web tidak memberikan harapan optimis ke arah ini dalam waktu dekat. 3 poin terpenting - visibilitas yang buruk, jejak informasi yang lemah, dan upaya tambahan - akan selamanya menjadi kutukan bagi navigasi tersembunyi, sehingga menurunkan kegunaannya.

Kesimpulan apa dari analisis ini yang harus Anda pertimbangkan dalam proyek desain Anda berikutnya?

Komputer. Ada banyak ruang layar untuk menampilkan opsi navigasi, maka tips berikut ini:

• Jangan gunakan navigasi tersembunyi (seperti ikon hamburger) di antarmuka desktop.
• Sebagai gantinya, tambahkan link menu utama ke halaman, sebagian besar di bagian atas atau tepat di bawah di sisi kiri.

Perangkat seluler. Tidak ada aturan tunggal di sini. Namun inilah pedoman utamanya:

• Jika laman landas Anda memiliki 4 (atau kurang) tautan navigasi utama, tampilkan tautan tersebut dalam bentuk yang terlihat.
• Jika laman landas memiliki lebih dari 4 tautan, satu-satunya solusi yang masuk akal adalah menyembunyikan beberapa tautan. Ditemukan bahwa aspek negatif dari navigasi tersembunyi juga terjadi pada ponsel, namun pada tingkat yang lebih rendah dibandingkan pada komputer. Disarankan untuk membuat semacam kompromi desain karena kegunaan menu navigasi dropdown jauh lebih baik daripada alternatif lain.

Seorang pemula yang pernah membeli smartphone atau tablet berbasis sistem operasi Android, lama kelamaan merasa perlu untuk mengkonfigurasi ulang sesuatu di dalamnya atau menyesuaikannya dengan lebih tepat. Masuk ke menu teknik Android itu sederhana: Anda hanya perlu mengetahui perintah khusus.

Menu teknik tersembunyi di perangkat Android memungkinkan Anda mengelola pengaturan sistem ponsel cerdas atau tablet Anda yang tidak tersedia di menu standar. Misalnya, mereka memungkinkan Anda untuk meningkatkan volume speaker selama panggilan, secara paksa memilih rentang frekuensi jaringan yang digunakan, mengaktifkan format foto atau video yang tidak ada dalam pengaturan kamera utama, dll.

Parameter dikonfigurasikan di menu teknik

Menggunakan menu teknik Anda dapat mengakses fungsi-fungsi seperti:

• volume speaker atau headphone;
• peningkatan pengenalan suara;
• sensitivitas mikrofon;
• kualitas suara saat melakukan panggilan;
• mode pemilihan jaringan seluler paksa: “Hanya GSM”, “Hanya WCDMA”, “Hanya LTE” (beberapa mode jaringan mungkin tidak tersedia dalam pengaturan standar);
• mengikat satu stasiun pangkalan, frekuensi atau nomor saluran;
• pilihan teknologi dan kecepatan data seluler;
• menguji dan melakukan overclocking prosesor;
• mengaktifkan/menonaktifkan mode tidur;
• menguji modul radio Wi-Fi dan Bluetooth;
• peralihan otomatis 2G/3G/4G dalam mode tidur;
• uji coba kamera;
• mengubah format foto (defaultnya adalah JPEG atau PNG);
• menyempurnakan kecerahan layar dan responsnya terhadap pencahayaan;
• mengunci/membuka kunci pengaturan jawab otomatis untuk panggilan masuk;
• peningkatan kinerja GPS;
• "reset" penuh, termasuk pemformatan pabrik pada ponsel cerdas;
• pengujian dan pengaturan sensor gerak;
• menguji rendering warna pada layar;
• menguji dan mengatur peringatan getaran;
• cadangan file multimedia;
• penentuan tingkat radiasi berbahaya (SAR) pada satu perangkat;
• Pengaturan dan perilaku radio FM.

Video: opsi untuk menyesuaikan ponsel cerdas melalui menu teknik

Perintah untuk mengakses menu

Perintah untuk mengakses menu teknik berbeda-beda tergantung pabrikannya. Ada juga perintah umum untuk semua versi Android yang memungkinkan Anda mengonfigurasi fungsi perangkat individual.

Kode utama untuk masuk ke menu teknik

Perintah yang Anda masukkan berbeda-beda untuk berbagai merek perangkat - pilih yang sesuai untuk Anda. Tidak dilarang untuk memeriksa semuanya - perintah yang tidak sesuai dengan pabrikan tertentu tidak akan berfungsi.

Tabel: perintah untuk mengakses menu teknik dari berbagai produsen

Perintah Google untuk OS Android

Kode layanan Android pabrik, yang menampilkan informasi teknis tentang perangkat, sering kali tidak dikaitkan dengan pabrikan. Pada dasarnya, semuanya sudah ada di Android secara default. Kisaran “penomoran” perintah telah disepakati oleh Google – sebagai pencipta sistem operasi Android – dengan produsen tablet dan smartphone.

Tabel: Kode layanan pabrik Android

Kode layanan paling populer dari menu teknik

Kode terpopuler yang memungkinkan Anda mengubah pengaturan ponsel cerdas melalui menu teknik tidak bergantung pada merek ponsel atau versi Android.

Tabel: kode layanan untuk mengubah pengaturan telepon

Saat menggunakan perintah, ingatlah hal berikut:

• Dengan memperbarui firmware kamera melalui menu teknik, Anda dapat mengetahui versi firmware ini dan jumlah pembaruannya - serta menyimpan pembaruan ini ke gambar di memori internal dan di kartu SD. Tidak disarankan untuk melakukan reflash kamera lagi - jika gagal, Anda hanya akan merusaknya;
• Saat Anda menyetel ulang sistem Android dan menghapus semua data pengguna Google, sebuah pesan yang meminta Anda mengonfirmasi penyetelan ulang akan muncul di layar.

Cara masuk ke menu teknik

Untuk masuk ke menu teknik, ikuti langkah-langkah berikut.

Video: cara membuka menu teknik di Android

Apa yang harus dilakukan jika Anda tidak bisa masuk ke menu

Kebetulan tidak ada perintah yang ditujukan untuk merek perangkat tertentu yang cocok - beginilah cara pabrikan melindungi pengguna yang tidak berpengalaman dari tindakan yang tidak dipikirkan sepenuhnya. Beberapa produsen, setelah melakukan debug perangkat lunak pada ponsel cerdas, menghapus sepenuhnya menu teknik, dan semua perintah di atas tidak berfungsi.

Misalnya, Samsung melakukan ini. Beberapa perintah yang Anda masukkan dapat membahayakan perangkat lunak Android dan perangkat itu sendiri.

Seringkali, alih-alih perintah layanan umum, perintah yang lebih spesifik dipicu. Jika, terlepas dari semua upaya Anda untuk "menjangkau" menu teknik, tidak ada kode layanan yang berfungsi, Anda memerlukan aplikasi khusus.

Instal aplikasi Mobileuncle Tools gratis - ini akan membedakan antara pengaturan perangkat keras dan sistem. Anda mungkin perlu mendapatkan akses Root di Android. Ada aplikasi lain: EngModeMtkShortcut, BetterCut, dll.

Bagaimana cara menyimpan pengaturan

Tidak disarankan untuk menetapkan nilai pengaturan apa pun dan mengonfirmasinya dengan tombol Set, mematikan atau mem-boot ulang ponsel cerdas dengan menekan tombol daya, melepas baterai dari perangkat, dll. Keluar dari menu teknik mungkin memerlukan penekanan - terkadang menahan selama beberapa detik - tombol "Kembali" yang sama di bawah layar. Saat Anda keluar dari menu teknik, sebuah pesan akan muncul di layar ponsel cerdas yang meminta Anda untuk menyimpan pengaturan yang telah Anda buat - konfirmasikan. Ada tip di beberapa bagian menu teknik:

Alasan mengapa menu teknik masih tidak menyimpan pengaturan mungkin karena firmware "mentah". Cari tahu versi dan build Android mana yang tepat untuk perangkat Anda. Jika Anda memiliki ponsel cerdas bermerek dengan versi Android yang memiliki program dan komponen pra-instal dari Beeline, MTS, MegaFon atau Tele2, jangan ragu untuk menginstal versi "khusus", misalnya, perakitan CyanogenMod yang terkenal. Versi Android sebelumnya - atau, sebaliknya, terbaru - mungkin cocok.

Dalam beberapa kasus, tidak mungkin masuk ke menu teknik tanpa mendapatkan hak Root. Tugasnya adalah membuat smartphone Android “root”. Dengan kata lain, dapatkan kemampuan “pengguna super” pada ponsel cerdas Anda, yang memungkinkan Anda mengendalikan ponsel cerdas dengan paling jelas dan paling lengkap. Hal ini dicapai dengan cara-cara berikut, gunakan salah satu dari mereka.

1. Instal versi Android khusus (yang dimodifikasi) di ponsel cerdas Anda. Ini sudah mencakup komponen perangkat lunak Pengguna Super, yang menyediakan akses tidak hanya ke menu teknik, tetapi juga ke folder sistem.
2. Unduh dari Android Market aplikasi apa pun yang dapat meretas Android tanpa menggunakan komputer. Berbagai program cocok di sini: Universal AndRoot, Unlock Root, z4root, Revolutionary, dll. Tidak semuanya dapat membantu - Anda harus menguji semuanya hingga berhasil.
3. Anda juga dapat mencoba aplikasi untuk Windows yang melakukan semua manipulasi dengan akses Root pada smartphone langsung dari PC - misalnya program VRoot. Anda juga memerlukan kabel USB-microUSB - tidak mungkin meretas Android di ponsel cerdas melalui Wi-Fi.

Setelah mendapat hak Root, smartphone siap mengaktifkan menu teknik menggunakan aplikasi Android pihak ketiga.

Semakin baru versinya, semakin banyak pengaturan di menu teknik dalam bahasa Rusia. Pada versi Android paling awal (1.x, 2.x), semua pengaturan layanan menggunakan bahasa Inggris. Setelah mempelajari sedikit bahasa Inggris teknis, Anda dapat dengan mudah mengingat tujuan dari setiap pengaturan dan, jika perlu, Anda dapat mengubah semuanya dalam beberapa menit.

Ketersediaan menu teknik - seluruhnya atau sebagian - ditentukan bukan oleh versi Android, tetapi oleh merek dan model ponsel cerdas. Cobalah kombinasi dan program yang berbeda, tapi jangan terlalu terbawa suasana.

Jika Anda melakukan tindakan yang tidak tepat atau lupa kode yang dimasukkan, ada risiko ponsel cerdas Anda menjadi perangkat mati, dan hanya pusat layanan yang dapat memulihkannya untuk Anda.

Dan karena jika Anda melakukan "root" perangkat, Anda secara otomatis kehilangan garansi.

Menjadi relevan untuk memasang panel navigasi atau menu yang dapat ditarik di situs, di mana ketika Anda mengarahkannya, itu akan terbuka dan Anda dapat memilih bagian mana pun. Dalam kasus kami, ada panel yang berfungsi sepenuhnya pada gaya murni. Secara default, skema warnanya berwarna terang; ikon font terpasang padanya, yang sangat bagus untuk navigasi situs. Karena Anda dapat menulis banyak materi di dalamnya, Anda bahkan dapat melakukan transisi ke modul yang sama sekali berbeda jika Anda memiliki beberapa materi di sumber daya Anda.

Keuntungannya adalah mudah untuk diedit; jika Anda perlu menyesuaikannya dengan palet sumber daya Anda, maka semuanya dapat dilakukan dalam gaya, misalnya dalam warna gelap.

Sebelumnya, saya memposting yang serupa di situs, di mana ada lebih banyak fungsi, tetapi Anda harus memasukkan jQuery di sana, di mana itu juga diuji dan semuanya ditampilkan dengan sempurna dan berfungsi dengan benar.

Ini adalah standarnya;

Di sini pengguna meminta pembukaan;

Di bagian paling bawah ada satu fungsi yang dapat Anda sambungkan ke format berbeda, tetapi di sini fungsi tersebut dinonaktifkan, atau lebih tepatnya ikon dipasang di dalamnya.

Mari kita mulai instalasi:

Saat memeriksa fungsionalitas, saya menulis kode di header paling bawah.

Fa-2x (
ukuran font: 2,7em;
}
.fa (
posisi: relatif;
tampilan: sel tabel;
lebar: 59,7 piksel;
tinggi: 32 piksel;
perataan teks: tengah;
perataan vertikal: tengah;
ukuran font:19.5px;
}

Lunderarumsa:hover,nav.lunderarumsa.expanded (lebar: 247.5px;overflow:visible;)

Lunderarumsa (latar belakang: #f3f1f1;border-right: 1px solid #cac4c4;position:absolute;top:0;bottom:0;height:100%;left:0;width:59.3px;overflow:hidden;-webkit-transition : lebar .05s kubik-bezier(0, 0, 0.78, 1.01);transisi: lebar .05s kubik-bezier(0, 0, 0.75, 1);-webkit-transform:translateZ(0) skala(1,1) ;z-indeks:1000;)

Lunderarumsa>ul (
margin:7 piksel 0;
}

Lunderarumsa li (
posisi:relatif;
tampilan:blok;
lebar:249 piksel;
}

Lunderarumsa li>a (
posisi:relatif;
tampilan:meja;
keruntuhan perbatasan: keruntuhan;
spasi batas:0;
warna:#405169;
font-family: arial;
ukuran font: 13,9 piksel;
dekorasi teks: tidak ada;
-webkit-transform:translateZ(0) skala(1,1);
-webkit-transition:all .1s kubik-bezier(0, 0, 0.8, 1.01);
transisi:semua .1s kubik-bezier(0, 0, 0.85, 0.99);

Lunderarumsa .nav-icon (
posisi:relatif;
tampilan: sel tabel;
lebar:59.3 piksel;
tinggi:38px;
perataan teks:tengah;
perataan vertikal:tengah;
ukuran font:19.5px;
}

Lunderarumsa.urewuhise_koltunkers (
posisi:relatif;
tampilan: sel tabel;
perataan vertikal:tengah;
lebar:187.3px;
keluarga font: "Titillium Web", sans-serif;
}

Lunderarumsa>ul.site_gseran (
posisi:mutlak;
kiri:0;
bawah:0;
}

Tanpa sentuhan.dapat digulir.hover (
overflow-y:tersembunyi;
}

Tanpa sentuhan .scrollable.hover:hover (
overflow-y:otomatis;
meluap:terlihat;
}

A: arahkan kursor, a: fokus (
dekorasi teks: tidak ada;
}

Navigasi (
-webkit-pengguna-pilih: tidak ada;
-moz-pengguna-pilih: tidak ada;
-ms-pilih-pengguna: tidak ada;
-o-pilih-pengguna: tidak ada;
pilih pengguna: tidak ada;
}

Nav ul, nav li (
garis besar:0;
margin:0;
bantalan:0;
}
.lunderarumsa li:hover>a,nav.lunderarumsa li.active>a,.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-menu>.active>a,. menu-dropdown>.aktif>a:hover,.menu-dropdown>.aktif>a:fokus,.no-touch .dashboard-halaman nav.dashboard-menu ul li:hover a,.dashboard-halaman nav.dashboard- menu ul li.aktif a (
warna:#efe5e5;
warna latar:#355f84;
}
.raforehe_adymikanacta (
mengapung: kiri;
latar belakang: #e2dbdb;
lebar: 99%;
tinggi: 98%;
}

Tapi Anda bisa mendownloadnya sepenuhnya dokumen teks, di mana semuanya disajikan dalam perakitan penuh.