Butang Navigasi LuckyTemplates

Lebih kerap daripada tidak, ikon juga digunakan bersama dengan butang navigasi LuckyTemplates semasa membuat laporan LuckyTemplates. Jika anda melihat ikon rumah, mengklik padanya akan membawa anda pulang ke halaman pendaratan.

Ikon maklumat akan memberi anda lebih banyak konteks tentang graf atau halaman tertentu. Ikon LinkedIn atau Twitter akan mengarahkan anda ke akaun pereka bentuk.

Kami ingin menggunakan ikon yang mudah dikenal pasti, tetapi ini tidak mencukupi, itulah sebabnya kami harus sentiasa memberikan pengguna kami konteks tambahan .

Dari sudut pandangan cerita data, kita perlu mengawal pengalaman pengguna.

Sebagai pereka bentuk, kami bertanggungjawab ke atas perkara yang perlu ditunjukkan kepada pengguna, masa untuk menunjukkannya kepada pengguna, menjangkakan soalan, menyediakan interaksi dan navigasi yang jelas serta menyediakan konteks tambahan.

Kita harus sentiasa mempunyai tujuan untuk laporan kita, seperti mendorong perubahan, memberikan pengesyoran dan banyak lagi. Jika kami menggunakan ikon dengan interaksi tertentu atau butang navigasi LuckyTemplates dan pengguna tidak melihat atau memahaminya, cerita kami akan hilang.

Pengguna akhir tidak akan melihat sebahagian daripada analisis anda yang membawa kepada kesimpulan tertentu. Sekali lagi, konteks adalah sangat penting. Anda tidak sekali-kali mahu menambah ikon hanya untuk menambahnya pada skrin.

Anda mahukannya untuk tujuan tertentu dan jika tujuan itu tidak jelas kepada pengguna akhir, pastikan anda menambah konteks.

Apabila menggunakan ikon rumah sebagai butang, beritahu pengguna anda untuk mengklik padanya untuk kembali ke halaman pendaratan. Jika ia adalah butang maklumat, nyatakan kepada pengguna anda untuk menuding ke atas untuk mendapatkan maklumat penerangan papan pemuka.

Jika anda menggunakan butang ikon Twitter atau LinkedIn, tambahkan penerangan ini juga. Perlu diingat bahawa kita perlu menyediakan konteks untuk kawasan yang memerlukan interaksi pengguna.

Isi kandungan

• Laporan LuckyTemplates Dengan Butang Navigasi
• Menggunakan Petua Alat Dalam Laporan LuckyTemplates
• Butang Navigasi LuckyTemplates Dihalakan Ke Tapak Web
• Menambah Ikon Di Sebelah KPI
• Menambah Band Sebagai KPI
• Kesimpulan

Laporan LuckyTemplates Dengan Butang Navigasi

Sekarang mari kita masuk ke dalam LuckyTemplates dan lihat beberapa contoh kehidupan sebenar.

Untuk laporan ini, saya meletakkan ikon berdekatan dengan butang navigasi. Saya mengaitkannya mengikut prinsip persamaan untuk gaya item dan jarak antara butang.

Kedudukan pada halaman, ruang negatif dan warna pada garis besar item pertama menarik perhatian dan ini menunjukkan bahawa ini adalah butang navigasi LuckyTemplates.

Tiada label di dalam atau berhampiran butang untuk bertindak sebagai pengecam; oleh itu, meletakkan konteks tambahan akan membantu pengguna supaya mereka tahu halaman mana mereka akan diarahkan .

Menggunakan Petua Alat Dalam Laporan LuckyTemplates

Maklumat yang dipaparkan dalam petua alat apabila menuding pada butang adalah fungsi yang baik semasa membina laporan.

Jika anda tidak menggunakan fungsi ini, jangan lupa untuk melumpuhkan pilihan ini kerana ia memberikan rupa yang tidak digilap pada laporan semasa menerbitkan pada perkhidmatan.

Untuk menggambarkan betapa mudahnya untuk memastikan petua alat diaktifkan dan dinyahaktifkan, mari tambah butang kosong pada halaman.

Di bawah butang Tindakan , pilihan Tiada petua alat tidak aktif secara lalai.

Ini bermakna apabila anda menuding pada butang ini, anda akan melihat mesej " CTRL+klik di sini untuk pergi ke halaman sebelumnya dalam laporan ini ," yang tidak bagus.

Oleh itu, kita perlu mengaktifkannya untuk hilang. Petua saya ialah memastikan petua alat didayakan jika anda menggunakannya; jika tidak, lumpuhkan sahaja.

Butang Navigasi LuckyTemplates Dihalakan Ke Tapak Web

Satu lagi cara kita boleh menggunakan ikon adalah untuk mengarahkan pengguna ke halaman tapak tertentu. Sebagai contoh, mengklik logo syarikat akan membawa terus ke tapak web.

Dalam laporan ini, saya mempunyai logo JIRA dan saya juga mempunyai butang halimunan ini dengan petua alat diaktifkan. Mari kita nyahaktifkannya untuk kelihatan lebih baik.

Jika saya mengklik pada butang logo JIRA, saya akan diarahkan ke tapak web syarikat, yang dalam kes ini ialah .

Walau bagaimanapun, kebanyakan pengguna tidak akan mengetahui bahawa interaksi ini wujud. Lebih teruk lagi, mereka mungkin mengharapkan ia berfungsi sebagai butang rumah. Ia adalah perkara biasa bahawa pada tapak web apabila anda mengklik pada logo, anda diarahkan ke halaman pendaratan.

Jangan kita lupa tentang persepsi pengguna. Pengguna mungkin terbiasa dengan jenis navigasi ini dari tapak web lain dan cara terbaik adalah dengan mempunyai petua alat yang mengatakan, "Mari sambung atau pergi ke tapak web."

Menambah Ikon Di Sebelah KPI

Mari kita beralih ke contoh lain. 

Mengikut prinsip kedekatan dan persamaan, anda juga boleh menggunakan ikon di sebelah KPI yang boleh dikaitkan dengan butang dengan mengekalkan gaya yang serupa di antara mereka. Selain itu, label KPI ialah pengecam bagi ikon, jadi tidak perlu untuk konteks tambahan.

Menambah Band Sebagai KPI

KPI juga dikenali sebagai band. Dalam kes ini, jenis jalur yang kami lihat ialah metrik utama yang memberikan maklumat hebat untuk menjejak aktiviti. Kami mempunyai Purata Masa Penghantaran , Bahan , PO , Tan Tidak Dipesan dan Pelanggan .

Namun, adakah angka tersebut baik atau buruk? Dan jika ia buruk, adakah angka itu buruk untuk bulan tertentu, atau adakah terdapat dinamik yang buruk? Adakah trend naik atau turun? Mengapa saya perlu mengambil berat tentang perkara ini?

Semasa melihat laporan ini dari awal, saya mendapati bahawa sebagai pengguna akhir, saya perlu bekerja, meneroka dan menemui sendiri maklumat atau mesej yang ingin dicipta oleh pereka bentuk.

Apabila saya menuding dari KPI pertama ke KPI ketiga, tiada maklumat tambahan. Tetapi pada KPI keempat, kami mendapati beberapa maklumat yang sangat menarik yang menunjukkan jumlah PO lebih dihantar .

Kemudian, apabila kita pergi ke Pelanggan , kita dapat melihat Margin bagi setiap pelanggan , yang sangat penting.

Selain itu, kita dapat melihat bahawa 80% daripada jumlah margin datang daripada hanya 11 bahan. Maklumat ini bagus.

Dalam tutorial ini , saya menerangkan cara pengguna mengimbas skrin dalam corak Z dari kiri ke kanan dan dari atas ke bawah.

Dua KPI utama saya terletak di bahagian bawah skrin. Ini adalah pilihan reka bentuk yang buruk kerana itu adalah satu-satunya dua KPI yang dibuat dengan maklumat tambahan.

Biar saya meletakkan diri saya di tempat penonton. Jika saya ingin meneroka data sendiri, mengapa saya perlu bersusah payah meminta pembangun LuckyTemplates membuat laporan?

Kelakar kerana saya yang membuat laporan ini. Ini adalah salah satu penyerahan awal saya untuk yang dianjurkan oleh LuckyTemplates tahun lepas.

Saya mengkritik kerja awal saya sendiri. Dalam perjalanan kami untuk menambah baik laporan kami, kami semua melakukan kesilapan dan belajar daripadanya .

Menambah ikon di sebelah KPI adalah menarik kerana ia memberikan rupa profesional, tetapi ia tidak mencukupi untuk mencipta KPI. Apabila anda membuat KPI, perkara pertama yang anda perlu tanya diri anda ialah, "jadi apa?"

Anda boleh menambah rujukan, membuat perbandingan dengan belanjawan ramalan tahun lepas atau menunjukkan berapa lama ia telah baik atau buruk dengan menambahkan aliran.

Jika ia benar-benar buruk, jangkakan soalan daripada pengguna akhir . Sebagai contoh, jika salah satu KPI menarik perhatian pengguna, maka mereka perlu menggali butirannya. Anda boleh menambah konteks tambahan atau menelusuri ke bawah untuk memberikan butiran lanjut kepada pengguna .

Sebaik sahaja pengguna mempunyai maklumat terperinci, apakah yang perlu dia lakukan mengenainya? Di situlah pengguna perlu berada pada masa anda akan membentangkan cadangan anda untuk pelan tindakan.

Ikon Tersuai LuckyTemplates | Teknik Visualisasi PBI
Pembangunan Laporan Kuasa BI: Mencipta Tema, Logo Syarikat, Ikon dan Latar Belakang
Cara Menambah Ikon Kuasa BI Tersuai ke dalam Laporan Anda

Kesimpulan

Saya berharap melalui contoh-contoh ini anda akan memahami pelajaran penting berkenaan butang navigasi dalam bercerita.

Bertanya soalan yang betul mengenai KPI dan meletakkan konteks tambahan pada butang navigasi membantu penceritaan menjadi lebih berkuasa.

Sebagai pereka bentuk, sentiasa ingat bahawa kami bukan sahaja membuat laporan; kami memberi impak yang nyata.

Semua yang terbaik,