Cadangan untuk mengoptimumkan persepsi dan estetika pengguna

2024-10-16

Digunakan untuk cadangan senarai semak Pengoptimuman Pengalaman Seni Bina yang Baik ini Power Platform :

XO:07	Gunakan prinsip reka bentuk klasik pada elemen visual seperti skema warna, tipografi dan susun atur. Berusaha untuk hierarki visual yang fokus, seimbang dan intuitif yang membimbing perhatian pengguna kepada elemen dan tindakan penting.

Panduan ini menerangkan cadangan untuk corak reka bentuk visual sejagat yang mempengaruhi persepsi pengguna, yang boleh mempengaruhi kepuasan dan penggunaan aplikasi dengan ketara. Elemen visual berfungsi sebagai blok binaan asas yang digunakan untuk mencipta pengalaman. Menggunakan prinsip visual yang sejajar dengan cara manusia secara semula jadi melihat dan memproses maklumat menyediakan kaedah berstruktur untuk membantu memilih dan menyusun elemen visual untuk mencipta aplikasi yang berkesan dan menarik.

Strategi reka bentuk utama

Penyelidikan yang meluas tentang persepsi manusia terhadap reka bentuk visual mendedahkan bahawa pengguna tidak melihat elemen visual secara berasingan. Sebaliknya, mereka melihatnya berhubung dengan unsur-unsur lain dan konteks di mana ia muncul. Hubungan ini mempengaruhi persepsi pengguna, menarik perhatian kepada kawasan tertentu, menimbulkan emosi, membantu pemahaman, meningkatkan estetika dan mengukuhkan identiti jenama. Pemilihan dan susunan elemen visual yang teliti boleh mencipta pengalaman pengguna yang menarik, tidak dapat dilupakan dan berkesan yang bergema dengan khalayak sasaran.

Kesan kebolehgunaan estetik

Kesan kebolehgunaan estetik merujuk kepada kecenderungan untuk menganggap produk yang menarik sebagai lebih boleh digunakan. Pengguna membentuk pendapat awal tentang aplikasi dalam masa kira-kira 50 milisaat. Kesan pertama ini dipengaruhi oleh pelbagai faktor, termasuk struktur, warna, jarak, simetri, kuantiti teks dan fon. Kesan pertama yang positif boleh meningkatkan kepuasan pengguna secara keseluruhan. Penyelidikan menunjukkan bahawa pengguna lebih memaafkan isu kebolehgunaan kecil apabila mereka mendapati antara muka menarik secara visual. Selain itu, kualiti reka bentuk boleh berfungsi sebagai penunjuk kredibiliti.

Keseimbangan dan berat badan

Keseimbangan visual mewakili rasa keseimbangan dan keharmonian dalam persepsi visual. Ia membantu pengguna memproses dan menyusun maklumat visual dengan lebih cekap dengan mengurangkan ketegangan kognitif. Komposisi seimbang secara amnya dianggap lebih menyenangkan dan lebih mudah difahami, membolehkan pengguna menumpukan perhatian dengan berkesan dan menavigasi rangsangan visual dengan lebih mudah. Aspek kognitif keseimbangan visual ini menggariskan kepentingannya dalam memudahkan komunikasi yang jelas dan meningkatkan pengalaman pengguna secara keseluruhan.

Komposisi seimbang apabila semua unsur berada dalam keseimbangan optik. Selalunya, penempatan matematik memerlukan pelarasan. Beberapa elemen yang mempengaruhi berat visual ialah saiz, warna, ketumpatan dan ruang putih.

Saiz: Elemen yang lebih besar cenderung membawa lebih berat visual daripada yang lebih kecil. Untuk mencapai keseimbangan, elemen yang lebih besar boleh diimbangi dengan mengelompokkannya dengan elemen yang lebih kecil atau melaraskan penempatannya dalam susun atur.
Warna: Warna terang atau pekat boleh menarik lebih banyak perhatian dan kelihatan lebih berat daripada warna yang disenyapkan atau neutral. Mengimbangi warna melibatkan pengedarannya secara sama rata ke seluruh antara muka atau menggunakan warna pelengkap untuk mewujudkan keharmonian visual.
Ketumpatan: Ketumpatan unsur-unsur merujuk kepada seberapa ketat ia dibungkus dalam ruang tertentu. Ketumpatan mengimbangi melibatkan memastikan elemen diagihkan sama rata dalam antara muka untuk mengelakkan kesesakan atau kawasan jarang.
Ruang putih: Juga dikenali sebagai ruang negatif, ruang putih merujuk kepada kawasan kosong antara elemen. Ruang membantu mewujudkan ruang pernafasan visual dan boleh mengimbangi komposisi dengan menyerlahkan dan menekankan elemen tertentu.

Contoh komposisi seimbang. Komposisi seimbang ialah jumlah daya visual antara unsur-unsur.

Contoh susun atur yang seimbang. Mengimbangi susun atur adalah salah satu tugas yang paling sukar, kerana ia tidak boleh diukur dengan mudah.

Warna

Huna, warna, warna dan tona boleh menyampaikan makna, membangkitkan emosi dan mencipta daya tarikan estetik. Warna memainkan peranan penting dalam membimbing perhatian pengguna, mewujudkan hierarki, menyampaikan maklumat dan meningkatkan kebolehgunaan. Beberapa sebab menerangkan sebab reka bentuk warna yang bijak dalam UI boleh menjejaskan pengguna seperti yang anda mahukan:

Perhatian dan persepsi. Warna tertentu lebih menarik perhatian daripada yang lain, membolehkan pereka mengarahkan tumpuan penonton kepada elemen tertentu. Kontras warna boleh meningkatkan kebolehbacaan dan membezakan antara komponen yang berbeza, memudahkan pemprosesan maklumat yang pantas.
Tindak balas emosi. Warna mempunyai persatuan psikologi yang membangkitkan emosi dan mood. Warna hangat seperti merah dan oren boleh mewujudkan rasa tenaga dan keseronokan, manakala warna sejuk seperti biru dan hijau boleh membangkitkan ketenangan dan ketenangan. Anda boleh mendapatkan respons yang diingini untuk mempengaruhi pengguna ke arah pengalaman yang dimaksudkan.
Identiti jenama. Penggunaan warna yang konsisten merentas bahan penjenamaan membantu mewujudkan identiti visual yang kukuh dan memupuk pengiktirafan jenama. Pengguna sering mengaitkan warna tertentu dengan jenama tertentu dan mengaitkan pengalaman mereka dengan kesetiaan dan kepercayaan jenama.
Hierarki visual. Warna boleh digunakan untuk mewujudkan hierarki visual dan menyusun maklumat. Tetapkan warna yang berbeza kepada elemen berdasarkan kepentingan atau kategorinya untuk mencipta hierarki yang jelas dan memudahkan navigasi dan pemahaman yang lebih mudah.

Kedekatan

Item yang diletakkan lebih dekat kelihatan lebih berkaitan. Apabila menyusun elemen, pastikan terdapat perbezaan yang ketara dalam jarak antara elemen yang berkait rapat dan yang tidak.

Prinsip Gestalt ini mencadangkan bahawa jarak spatial antara unsur visual mempengaruhi cara ia dilihat dan disusun secara mental, dan menggariskan kepentingannya dalam memudahkan pemprosesan dan pemahaman rangsangan visual yang cekap.

Kumpulkan elemen berkaitan bersama-sama yang serupa secara fungsional atau tergolong dalam kategori hierarki yang sama. Sebagai contoh, butang yang melakukan tindakan atau pilihan yang serupa dalam menu lungsur turun hendaklah dikumpulkan rapat bersama untuk menunjukkan perkaitan mereka. Dalam bar navigasi, item menu yang dijarakkan rapat mencadangkan set pilihan yang berkaitan, manakala jurang yang lebih besar antara kategori menu membezakannya secara visual. Item borang yang berkaitan hendaklah dikumpulkan bersama, seperti medan alamat dalam bahagian yang dipanggil "alamat."

Tingkatkan kebolehbacaan dalam antara muka yang berat teks dengan melaraskan jarak antara perenggan, ayat dan perkataan. Jarak perenggan yang lebih dekat menunjukkan sambungan logik atau kesinambungan pemikiran, manakala jarak yang lebih besar menandakan peralihan atau rehat dalam kandungan. Teknik ini menggalakkan pemahaman maklumat teks yang cekap.

Pastikan terdapat perbezaan yang ketara dalam jarak antara elemen berkaitan dan tidak berkaitan untuk mengelakkan kekeliruan. Tanjakan jarak boleh membantu secara konsisten menentukan jarak yang sesuai yang diperlukan berdasarkan saiz elemen.

Bulatan berwarna terang dan segitiga berwarna gelap di sebelah kiri, dan satu bulatan berwarna terang tunggal di sebelah kanan. Bulatan di sebelah kiri lebih berkaitan dengan segitiga daripada bulatan yang lain.

Tiga kumpulan garisan mendatar disusun secara menegak, di mana dua kumpulan teratas lebih rapat daripada kumpulan terakhir. Jarak antara perenggan adalah lebih kecil daripada ruang antara bahagian.

Kesinambungan

Elemen yang disusun pada garisan atau lengkung dianggap lebih berkaitan daripada elemen yang tidak berada pada garisan atau lengkung.

Susun elemen antara muka, seperti menu navigasi atau langkah dalam proses, di sepanjang garisan atau lengkung untuk membayangkan jujukan atau perkembangan. Reka letak ini membantu pengguna melihat hubungan antara elemen dan memahami aliran logik maklumat atau tindakan.

Letakkan elemen berkaitan, seperti kotak semak atau pilihan radio atau item dalam senarai berbulet, di sepanjang baris untuk mengumpulkan elemen tersebut bersama-sama secara visual. Susunan ini mencadangkan kepada pengguna bahawa unsur-unsur ini berkongsi tujuan yang sama atau tergolong dalam kategori yang sama, memudahkan navigasi dan pemahaman yang lebih mudah. Jika item yang kelihatan serupa dilekukan lagi ke dalam, kedudukan item dikaitkan dengan penempatan yang lebih rendah dalam hierarki visual.

Gunakan garisan atau lengkung untuk membimbing perhatian pengguna dan mencipta laluan visual melalui antara muka. Sebagai contoh, anak panah boleh mengarahkan mata pengguna dari satu bahagian kandungan ke bahagian lain di sepanjang laluan tertentu, menunjukkan sambungan atau perkembangan. Teknik ini membantu pengguna menavigasi antara muka dengan lebih intuitif dan menggalakkan penerokaan.

Susun elemen antara muka utama, seperti butang seruan bertindak atau maklumat penting, di sepanjang garis yang menonjol untuk menarik perhatian pengguna dan mencipta titik fokus. Sebagai contoh, corak Fluent MessageBar sering dipaparkan sebagai mesej seimbang yang menonjol merentasi kawasan kandungan, dengan mesej di sebelah kiri, yang membawa kepada butang seruan tindakan di sebelah kanan. Strategi susun atur ini menyerlahkan unsur-unsur ini dan menekankan kepentingannya, meningkatkan kemungkinan interaksi.

Contoh menunjukkan lengkung dan garisan berbanding warna. Lengkung/garisan lebih kuat daripada warna kepada persepsi kita.

Perwakilan visual ahli sihir atau aliran kerja. Wizard menggunakan kesinambungan untuk menunjukkan kepada pengguna bahawa langkah-langkah itu disambungkan, tanpa membebankan mereka dengan terlalu banyak maklumat.

Penutupan

Otak manusia cenderung untuk melihat bentuk lengkap, mengenali satu corak biasa ke atas objek individu, walaupun beberapa maklumat hilang.

Pastikan konsistensi visual dalam elemen reka bentuk seperti bentuk, warna dan saiz untuk membantu pengguna mempelajari corak yang sepatutnya mereka jangkakan, walaupun ia dipersembahkan dalam konteks yang berbeza.

Gunakan ikon atau simbol ringkas dan biasa yang membolehkan pengguna mengisi maklumat yang hilang berdasarkan pengalaman mereka sebelum ini. Sebagai contoh, ikon kaca pembesar biasanya dikaitkan dengan fungsi carian, walaupun tanpa teks yang disertakan.

Bentangkan maklumat secara beransur-ansur kepada pengguna, juga dikenali sebagai pendedahan progresif. Benarkan pengguna mengisi butiran yang hilang semasa mereka berinteraksi dengan antara muka, mengelak daripada membebankan mereka dengan terlalu banyak maklumat dan menggalakkan penerokaan.

Cipta corak visual yang padu yang menggalakkan pengguna melihat objek sebagai entiti keseluruhan. Sebagai contoh, mengumpulkan elemen berkaitan bersama-sama boleh membantu pengguna memahami hubungan dan tujuan mereka. Susun elemen secara visual secara konsisten menggunakan prinsip Gestalt untuk menunjukkan pembahagian. Gunakan ruang dengan berkesan untuk mewujudkan rasa penutupan di sekeliling elemen antara muka.

Gunakan animasi dan peralihan untuk membimbing perhatian pengguna dan menyampaikan perubahan dalam keadaan antara muka. Peralihan yang lancar antara keadaan atau skrin yang berbeza boleh membantu pengguna memahami hubungan antara elemen dan mengisi maklumat yang hilang. Pelbagai kawalan moden tersedia dalam Power Apps animasi paparan sememangnya.

Contoh menunjukkan persepsi penutupan yang melibatkan segi empat dan empat bulatan tidak lengkap Petak diiktiraf sebelum empat bulatan tidak lengkap.

Contoh menunjukkan percubaan untuk merapatkan jurang antara dua item yang berkaitan. Animasi daripada kad kepada modal membantu merapatkan jurang antara kedua-duanya dan mengaitkannya antara satu sama lain.

Titik fokus

Titik fokus ialah elemen reka bentuk yang serta-merta menarik perhatian penonton. Sebaik-baiknya, reka bentuk harus mempunyai urutan titik fokus, biasanya antara satu dan tiga, disusun untuk membimbing pengguna melalui kandungan dengan cara yang disengajakan.

Reka bentuk antara muka dengan hierarki maklumat yang jelas, di mana kandungan atau tindakan yang paling penting ditekankan sebagai titik fokus. Gunakan isyarat visual seperti saiz, warna, kontras dan kedudukan untuk menonjolkan elemen ini. Kemukakan maklumat secara beransur-ansur, bermula dengan titik fokus yang paling penting. Teknik ini membantu pengguna mengenal pasti kandungan atau tindakan yang paling relevan dengan cepat dan membimbing mereka melalui antara muka dalam urutan logik.

Letakkan butang seruan bertindak utama dengan jelas dalam antara muka, menjadikannya titik fokus terkuat. Butang ini hendaklah berbeza secara visual daripada elemen lain dan diletakkan secara strategik untuk membimbing pengguna ke arah tindakan yang diingini, seperti membuat pembelian atau mendaftar. Bahasa reka bentuk yang fasih mengesyorkan menggunakan warna tema jenama untuk elemen ini.

Gunakan kontras dengan berkesan untuk mencipta titik fokus. Elemen yang menonjol kerana perbezaan warna, kecerahan, saiz atau tipografi secara semula jadi menarik perhatian pengguna. Membezakan permukaan yang lebih terang dengan teks yang lebih gelap atau elemen berjenama mencipta titik fokus yang lebih menonjol.

Gunakan ruang putih untuk menyerlahkan titik fokus dengan mencipta pemisahan visual daripada elemen sekeliling. Teknik ini membantu mengelakkan gangguan dan membolehkan pengguna menumpukan pada kandungan atau tindakan yang paling penting. Elemen UI dengan lebih banyak jarak di sekelilingnya menarik lebih banyak tumpuan dan cenderung dianggap lebih penting daripada elemen yang mempunyai ruang yang kurang.

Kekalkan konsistensi dalam penggunaan titik fokus di seluruh antara muka untuk memberikan pengalaman pengguna yang padu. Dengan menetapkan corak titik fokus, anda membimbing jangkaan pengguna tentang hierarki yang perlu mereka fahami untuk menavigasi antara muka dan membantu mereka mencari maklumat atau tindakan penting merentas pelbagai skrin atau halaman.

Perlu diingat bahawa adalah penting untuk mengekalkan keseimbangan dan tidak membebankan pengguna dengan terlalu banyak titik fokus yang bersaing.

Contoh menggunakan warna untuk menunjukkan fokus. Mata tertarik ke petak biru terlebih dahulu.

Contoh seruan tindakan menggunakan blok. Elemen seperti seruan bertindak boleh dijadikan titik fokus untuk memastikan pengguna menyedarinya.

Persamaan

Objek yang kelihatan serupa sering dianggap sebagai kumpulan atau corak, menyebabkan pengguna menjangkakan ia mempunyai fungsi yang sama.

Pastikan elemen antara muka dengan fungsi yang serupa mempunyai gaya visual yang konsisten. Sebagai contoh, butang yang melakukan tindakan yang serupa atau wajaran yang sama hendaklah mempunyai warna, bentuk dan saiz yang sama, memberi isyarat kepada pengguna fungsi yang dikongsi mereka. Sebaliknya, pastikan bahawa unsur-unsur yang berbeza dengan ketara dalam fungsi dapat dibezakan dengan jelas. Kedua-dua teknik menghalang kekeliruan dan kekecewaan dengan mewujudkan isyarat visual yang jelas.

Gunakan ikonografi dan simbol yang konsisten untuk mewakili tindakan atau ciri yang serupa di seluruh antara muka. Pengguna cenderung untuk mengaitkan ikon biasa dengan fungsi tertentu berdasarkan pengalaman masa lalu mereka. Untuk memenuhi jangkaan ini, gunakan metafora ikon yang diiktiraf secara universal. Pastikan konsistensi dalam penggayaan ikon dengan menggunakan ikon daripada set yang sama, seperti pustaka ikonografi Fluent UI.

Gunakan pengekodan warna untuk menandakan persamaan antara elemen atau kategori. Contohnya, menggunakan warna yang sama untuk menyerlahkan item berkaitan dalam senarai, atau mengumpulkan titik data yang serupa pada carta, meningkatkan koheren visual dan membantu pengguna dalam membezakan corak.

Kekalkan keseragaman dalam tipografi dan penggayaan teks untuk elemen yang mempunyai tujuan yang serupa. Gaya, saiz dan pemformatan fon yang konsisten menyumbang kepada bahasa visual yang padu, memudahkan pengiktirafan pengguna terhadap kandungan atau tindakan yang berkaitan.

Berikan maklum balas interaktif yang konsisten untuk tindakan serupa merentas antara muka. Sama ada menuding pada butang atau mengklik pautan, pengguna harus mengharapkan respons seragam untuk mengukuhkan perkaitan antara persamaan visual dan kesetaraan fungsi. Walaupun platform sememangnya menyediakan kebanyakan tingkah laku interaktiviti seperti nilai warna keadaan melayang dan ditekan, ingatlah prinsip reka bentuk ini apabila mencipta elemen komponen dari awal atau melaksanakan keadaan maklum balas secara manual.

Pastikan persamaan visual dilengkapi dengan isyarat lain, seperti label teks atau maklum balas audio, untuk menampung pengguna yang mempunyai keperluan dan pilihan yang pelbagai. Komunikasi fungsi yang berkesan melalui pelbagai modaliti deria meningkatkan kebolehgunaan dan keterangkuman.

Contoh persamaan menggunakan bentuk dan warna. Unsur-unsur dikumpulkan mengikut bentuk dan warna, bukan susunan (lajur dan baris).

Contoh persamaan dalam susun atur. Jika satu kad pada papan pemuka dibuka sebagai panel sisi, pengguna menjangkakan kesemuanya akan dibuka dengan cara itu.

Rajah dan tanah

Orang secara naluriah menganggap unsur-unsur sama ada sebagai "angka" (apa yang menonjol di hadapan) atau "tanah" (apa yang surut ke latar belakang). Oleh itu, konteks mempengaruhi persepsi, dan adalah penting untuk memastikan persempadanan yang mencukupi untuk membezakan elemen penting daripada latar belakang. Ruang putih (ruang negatif) meningkatkan pemahaman kandungan.

Gunakan kontras dalam warna, saiz atau gaya visual untuk mewujudkan hubungan yang jelas antara angka dan tanah. Elemen penting harus menonjol dengan jelas pada latar belakang, menjadikannya mudah dibezakan dan membimbing perhatian pengguna dengan berkesan. Permukaan dengan warna yang lebih terang dan elemen visual yang lebih berbeza dengan latar belakang mempunyai lebih menonjol. Pendekatan ini mengurangkan kekacauan visual dan membantu pengguna mengenal pasti maklumat penting. Sediakan kontras yang mencukupi antara elemen latar depan dan latar belakang untuk meningkatkan kebolehbacaan bagi pengguna yang cacat penglihatan, meningkatkan keupayaan mereka untuk mengakses dan memahami kandungan.

Mengekalkan konsistensi dalam penempatan dan penggayaan elemen antara muka mengukuhkan hubungan angka-tanah dan membantu pengguna dalam memahami struktur antara muka. Penggunaan corak reka bentuk dan isyarat visual yang konsisten memastikan pengguna boleh membezakan antara elemen latar depan dan latar belakang dengan cepat merentas skrin dan konteks yang berbeza. Ketidakkonsistenan dalam reka bentuk boleh mengganggu model mental pengguna dan menghalang keupayaan mereka untuk menavigasi antara muka dengan cekap.

Dua baris bekas putih yang disusun secara seragam dengan unsur-unsur gelap, dibahagikan dengan sempadan kontras yang rendah. Kontras rendah dan ruang negatif yang minimum menyumbang kepada melihat segi empat tepat putih sebagai sebahagian daripada latar belakang.

Contoh susun atur skrin dengan ilustrasi dalam latar belakang berwarna, dan kotak kandungan putih yang menonjol di sebelah kiri. Imej sampingan perlu berundur ke latar belakang supaya pengguna boleh menumpukan pada kandungan penting.

Pengumpulan

Unsur-unsur cenderung dianggap sebagai kumpulan jika mereka berkongsi kawasan dengan sempadan yang jelas.

Mengumpulkan elemen berkaitan dalam bekas visual, seperti kotak, kad atau sempadan, membantu pengguna menganggapnya sebagai unit yang padu. Pendekatan ini menyusun kandungan dan fungsi secara visual, menjadikannya lebih mudah untuk mengenal pasti dan memproses maklumat. Kumpulan yang jelas membantu mengelakkan antara muka yang berantakan dan mengurangkan kekeliruan atau ketidakcekapan. Pengelompokan juga berkesan apabila kedekatan bukan pilihan; Sebagai contoh, bar mesej yang merangkumi beberapa kawalan merentasi skrin dianggap sebagai unit berkaitan kerana sempadan dan warna latar belakangnya.

Mengekalkan gaya visual yang konsisten untuk elemen berkumpulan mengukuhkan hubungan mereka dan meningkatkan kebolehgunaan. Menggunakan warna, fon atau ikon yang serupa untuk elemen ini menekankan bahawa ia tergolong dalam kategori atau fungsi yang sama. Ketidakkonsistenan dalam persembahan visual boleh melemahkan kumpulan yang dirasakan dan menyebabkan pengguna terlepas pandang hubungan antara elemen atau salah tafsir makna atau tujuannya.

Contoh menggunakan sempadan untuk membuat pemisahan. Menambah sempadan di sekeliling elemen atau sekumpulan elemen mewujudkan pemisahan daripada elemen sekeliling.

Contoh yang menggambarkan faedah kandungan bahagian. Bahagian kandungan membantu pengguna memahami bahawa perkara itu bertukar.

Isyarat lwn bunyi bising

Isyarat visual seperti garisan, kontras dan jarak digunakan untuk menandakan kepada pengguna bahawa sesuatu itu penting. Walau bagaimanapun, terlalu banyak isyarat, atau isyarat yang menyerlahkan maklumat yang tidak penting, dengan cepat menjadi bunyi bising.

Gunakan prinsip titik fokus seperti teks tebal, warna yang berbeza atau ikon untuk memberi isyarat maklumat atau tindakan penting kepada pengguna. Sebagai contoh, gunakan warna terang untuk butang atau tajuk penting untuk menyerlahkannya.

Bersikap selektif tentang perkara yang anda serlahkan untuk mengelak daripada membebankan pengguna dengan terlalu banyak maklumat. Hanya elemen isyarat yang benar-benar penting untuk tugas atau matlamat pengguna. Terlalu banyak isyarat boleh menimbulkan kekeliruan dan menyukarkan pengguna untuk mengutamakan. Kenal pasti maklumat yang paling penting kepada pengguna dan tekankan dengan sewajarnya. Biasanya, disyorkan untuk mempunyai hanya satu butang seruan bertindak setiap halaman. Dalam borang, serlahkan medan yang diperlukan untuk membimbing perhatian pengguna. Ini menghalang pengguna daripada tersesat dalam butiran yang tidak perlu dan membantu mereka menumpukan pada perkara yang penting.

Pastikan isyarat mengikut bahasa visual yang konsisten di seluruh antara muka untuk berfungsi sebagai garis panduan yang membantu pengguna mengenali corak dan memahami makna isyarat yang berbeza secara intuitif.

Sesuaikan isyarat dengan konteks tertentu dan keperluan pengguna. Sebagai contoh, jika pengguna mengimbas antara muka yang membentangkan tugas tertentu, isyaratkan status kritikal dan item yang boleh diambil tindakan dengan jelas untuk menarik perhatian mereka. Isyarat kontekstual membantu pengguna mencari maklumat yang berkaitan dengan cepat tanpa terganggu oleh butiran yang tidak berkaitan.

Contoh yang menggambarkan penggunaan isyarat untuk membimbing pengguna. Isyarat membantu membimbing pengguna melalui kandungan dan menyampaikan perkara yang penting.

Contoh menggambarkan bunyi visual dengan blok. Bunyi visual memperkenalkan kekeliruan dan mempunyai kesan isyarat yang bertentangan.

Power Platform Kemudahan

Dalam aplikasi kanvas, gunakan bekas reka letak untuk mengumpulkan elemen yang berkaitan. Sebaik-baiknya, anda harus menyusun semua elemen halaman dalam bekas, dan bekas susun atur juga boleh memisahkan bekas anak dengan cekap dengan melaraskan sifat jurang.

Dalam borang apl dipacu model, bahagian boleh digunakan untuk mengumpulkan medan atau elemen yang berkaitan.

Laksanakan konsistensi dalam elemen visual biasa dengan komponen tersuai bolehguna semula.

Dalam apl kanvas, kawalan moden mempunyai isyarat bersepadu dalam reka bentuk mereka. Khususnya, kawalan butang dan lencana menawarkan pilihan dalam sifat gayanya, menjadikannya isyarat yang berkesan. Patuhi amalan terbaik untuk setiap komponen dan gunakan isyarat secara selektif untuk memastikan komunikasi yang optimum.