Cara membuat reka bentuk laman web yang boleh diakses

Skrin komputer riba

Kedai dalam talian, aplikasi perbankan, tempahan hotel atau pekerjaan bebas, ada banyak dan lebih banyak lagi tugas-tugas yang dikendalikan melalui internet dan yang telah menggantikan dalam beberapa kes, media konvensional.

ini pertumbuhan operasi digital yang pesat telah memudahkan kita dalam banyak aspek kehidupan. Ini menjimatkan masa kita kerana transaksi lebih cepat dan tidak perlu pergi ke mana-mana fizikal, dan tentu saja media baru telah dibuat yang tidak ada sebelumnya dan yang sekarang digunakan oleh kebanyakan orang, seperti rangkaian sosial, streaming filem dan siri di platform seperti Netflix, atau sistem pembayaran dalam talian seperti Paypal.

Dengan kebangkitan dunia digital ini adalah mustahak melabur dalam pembangunan antara muka yang boleh diakses dan dirancang dengan baik Untuk pengguna. Namun, kita tidak boleh melupakannya ada pengguna yang mengalami kecacatan fizikal atau psikologi yang sangat membataskan pengalaman dan kemampuan mereka menggunakan komputer dan telefon bimbit.

Walaupun terdapat beberapa kecacatan, seperti orang yang menggunakan kerusi roda, yang tidak mengganggu penggunaan Internet, yang lain, seperti masalah penglihatan atau kebutaan, masalah koordinasi motorik, pekak, atau autisme, mereka secara serius boleh menghalang kemampuan anda untuk melayari laman web. Untuk kes-kes ini, beberapa telah dibuat peranti seperti pembaca skrin, yang membantu dan menyokong pengguna di kawasan di mana mereka mempunyai kecacatan.

Tetapi ini hanya bahagian pertama untuk menyelesaikan masalah. Memikirkan pengguna ini, kita harus reka bentuk antara muka laman web yang memudahkan pengalaman anda dan sesuai dengan keperluan anda. Terdapat beberapa prinsip semasa merancang yang dapat kita terapkan.

Kandungan dan sumber

Bermula dengan yang paling asas, anda harus menetapkan keutamaan dalam reka bentuk kandungan. Tajuk dan bar menu mestilah mudah dilihat secara visual dan mesti menjadi perkara pertama yang dilihat oleh pengguna. Unsur-unsur di laman utama, gambar dan maklumat yang relevan akan menjadi yang kedua untuk dicari.

Iklan atau sepanduk iklan muncul di banyak halaman. Sekiranya dengan sendirinya ini mengganggu bagi semua pengguna, bagi mereka yang mengalami masalah penglihatan, ia menjadi masalah kerana ia menimbulkan banyak kekeliruan, dan mengganggu pembacaan rajah web. Itulah sebabnya mengapa anda mesti membuat a reka bentuk editorial am dari halaman yang tersusun secara logik dan dapat difahami, dan unsur-unsur berukuran sesuai, sehingga walaupun terdapat gangguan lain, pengguna dapat memusatkan perhatian pada isi penting.

Fon yang anda gunakan lebih baik mereka harus besar dan boleh dibaca. Jenisnya Sans serif dan berani Mereka menjadikan membaca lebih mudah bagi orang yang mungkin menderita disleksia. Fon lain yang disyorkan ialah: Arial, Times New Roman, Helvetica, Tahoma, Calibri, dan Verdana.

Dan tentu saja, anda harus selalu menjaga bahawa terdapat perbezaan yang jelas antara teks dan latar belakang. Jangan gunakan warna yang serupa, pilih sebaliknya warna yang berbeza.

Jenis Huruf Sans Serif Bold

Menggunakan fon Sans Serif Bold membolehkan visualisasi teks lebih baik.

Teks alternatif

El Teks Alternatif atau Alt Tag, adalah keterangan yang diletakkan pada gambar di laman web. Walaupun teks ini tidak tersedia untuk dibaca oleh pengguna, a penerangan yang ditulis dengan baik adalah alat yang membantu kita mencapai kedudukan SEO yang lebih baik.

Tetapi kegunaan Alt Tag tidak hanya dikurangkan untuk itu. Bagi mereka pengguna menggunakan pembaca skrin untuk masalah penglihatan, keterangan gambar adalah satu-satunya rujukan mereka harus tahu apa rupa dari apa yang terpapar di halaman. Oleh itu, jika kita akan meletakkan, misalnya, gambar beberapa succulents, teks alternatif yang baik ialah: Tiga tanaman sukulen dalam pasu merah jambu. Teks yang sangat pendek seperti: Tumbuhan pasu, Bukan keterangan yang memberikan perincian yang relevan dan oleh itu tidak berfungsi.

Succulents dalam periuk merah jambu

Tiga tanaman sukulen dalam pasu merah jambu. Contoh teks alternatif.

Kesesuaian

Semasa merancang kita juga harus mengambil kira semua persembahan di mana antara muka kami akan ditunjukkan, sama ada di web atau versi mudah alih. Pengalaman akan selalu berbeza bergantung pada medium tempat kita melihatnya.

Semasa kami menggunakan telefon bimbit, kita boleh terdedah kepada persekitaran yang berbeza yang menyukarkan membaca Daripada kandungan daripada skrin. Sekiranya kita berada di luar rumah misalnya, kecerahan cahaya matahari akan menjadikan skrin kelihatan sangat gelap, dan kebisingan tidak akan membolehkan kita mendengar audio dengan baik. Itulah sebabnya penting untuk memikirkan perincian ini dengan baik, sehingga versi mudah alih mempunyai huruf besar dan warna gelap, dan video harus mempunyai sari kata sekiranya sukar untuk mendengarnya.

Skrin mudah alih

Sesuaikan reka bentuk antara muka sehingga dapat dibaca pada telefon bimbit dan komputer.

Ketekalan dalam reka bentuk

Reka bentuk editorial apa yang kami lakukan dengan laman web kami mesti sama tanpa mengira bahagian awak dimana. Ikon bar menu yang sama akan muncul di bahagian Laman Utama seperti di bahagian Kenalan. Kita tidak boleh mengubah gaya dan juga lokasi butang utama web.

Juga tidak mudah bagi kita untuk meletakkan video yang dimainkan secara automatik semasa membuka halaman. Bagi pengguna yang menggunakan pembaca skrin, sukar untuk mengetahui cara menjeda mereka.

Laman web Starbucks

Bar menu di halaman Starbucks sama di semua bahagian.

Navigasi papan kekunci

Akhirnya, sebilangan pengguna yang mempunyai masalah koordinasi motor mengalami kesukaran untuk menggenggam tetikus komputer atau menggunakan pad sentuh komputer riba, dan hanya bergantung pada papan kekunci. Pastikan bahawa laman web anda direka dengan cara itu dapat sepenuhnya hanya berfungsi dengan butang papan kekunci.


Tinggalkan komen anda

Alamat email anda tidak akan disiarkan. Ruangan yang diperlukan ditanda dengan *

*

*

  1. Bertanggungjawab atas data: Miguel Ángel Gatón
  2. Tujuan data: Mengendalikan SPAM, pengurusan komen.
  3. Perundangan: Persetujuan anda
  4. Komunikasi data: Data tidak akan disampaikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Pangkalan data yang dihoskan oleh Occentus Networks (EU)
  6. Hak: Pada bila-bila masa anda boleh menghadkan, memulihkan dan menghapus maklumat anda.