Mga online na tindahan, aplikasyon sa pagbabangko, mga reserba sa hotel o freelance na trabaho, higit pa at higit pa ang mga gawain na pinangangasiwaan sa pamamagitan ng internet at napalitan iyon sa ilang mga kaso, ang maginoo na media.
Ito ang mabilis na paglaki ng mga digital na operasyon ay ginawang madali para sa amin sa maraming aspeto buhay Makatipid ito sa atin ng oras dahil mas mabilis ang mga transaksyon at hindi na kailangang maglakbay sa anumang pisikal na pagtatatag, at syempre, bagong media ang nilikha na wala noon at na ngayon ang karamihan sa mga tao ay gumagamit, tulad ng mga social network, streaming ng pelikula at serye sa mga platform tulad ng Netflix, o mga online na sistema ng pagbabayad tulad ng Paypal.
Sa pagtaas ng digital na mundo mahalaga ito mamuhunan sa pagbuo ng mga naa-access at mahusay na dinisenyo na mga interface Para sa mga gumagamit. Gayunpaman, hindi namin makakalimutan iyon may mga gumagamit na naghihirap mula sa mga kapansanan pisikal o sikolohikal na labis na naglilimita sa kanilang karanasan at kanilang kakayahang gumamit ng mga computer at mobiles.
Bagaman mayroong ilang mga kapansanan, tulad ng mga taong gumagamit ng mga wheelchair, na hindi makagambala sa paggamit ng internet, ang iba, tulad ng mga problema sa paningin o pagkabulag, mga problema sa koordinasyon ng motor, pagkabingi, o autism, maaari nilang seryosong hadlangan ang iyong kakayahang mag-navigate sa web. Para sa mga kasong ito, ang ilan ay nalikha na mga aparato tulad ng mga mambabasa ng screen, na tumutulong at sumusuporta sa mga gumagamit sa mga lugar na mayroon silang mga kapansanan.
Ngunit ito lamang ang unang bahagi ng paglutas ng problema. Sa pag-iisip ng mga gumagamit na ito, kailangan naming disenyo ng mga interface ng web page na nagpapadali sa iyong karanasan at angkop sa iyong mga pangangailangan. Mayroong ilang mga prinsipyo kapag nagdidisenyo na maaari nating mailapat.
Nilalaman at mapagkukunan
Simula sa pinaka-pangunahing, kailangan mo magtakda ng mga prayoridad sa disenyo ng nilalaman. Ang header at menu bar ay dapat na madaling makita ng visual at dapat ay ang unang bagay na nakikita ng gumagamit. Ang mga elemento sa home page, ang mga imahe at ang may-katuturang impormasyon ang magiging pangalawa upang hanapin.
Lumilitaw ang mga ad o banner ng advertising sa maraming mga pahina. Kung sa kanyang sarili ito ay nakakainis para sa lahat ng mga gumagamit, para sa mga may kapansanan sa paningin ay isang problema dahil sanhi ito ng maraming pagkalito, at nakagagambala sa pagbabasa ng web diagram. Iyon ang dahilan kung bakit napakahalaga na lumikha ka ng isang pangkalahatang disenyo ng editoryal ng pahina na nakaayos nang lohikal at naiintindihan, at ang mga elemento ay sukat nang naaangkop, upang kahit na may iba pang mga nakakaabala, ang mga gumagamit ay maaaring tumuon sa mahalagang nilalaman.
Ang mga font na ginagamit mo mas mabuti na sila ay dapat na malaki at nababasa. Ang uri Sans serif at naka-bold Mas pinadali nila ang pagbabasa para sa mga taong maaaring magdusa mula sa dislexia. Ang iba pang mga inirekumendang font ay: Arial, Times New Roman, Helvetica, Tahoma, Calibri, at Verdana.
At syempre, dapat mong laging alagaan na mayroong isang malinaw na pagkita ng pagkakaiba sa pagitan ang teksto at background. Huwag gumamit ng mga magkatulad na kulay, pumili sa halip magkakaibang kulay.
Ang paggamit ng mga font ng Sans Serif Bold ay nagbibigay-daan sa isang mas mahusay na pagpapakita ng teksto.
Alternatibong teksto
El Alternatibong Teksto o Alt Tag, ang mga paglalarawan na inilalagay sa mga imahe sa mga web page. Bagaman hindi magagamit ang teksto na ito upang mabasa ng mga gumagamit, a mahusay na nakasulat na paglalarawan ay isang tool na makakatulong sa amin na makamit ang mas mahusay na pagpoposisyon ng SEO.
Ngunit ang pagiging kapaki-pakinabang ng Alt Tag ay hindi lamang nabawasan doon. Para sa mga yan mga gumagamit na gumagamit ng mga screen reader para sa mga kapansanan sa paningin, ang mga paglalarawan ng mga imahe ay ang sanggunian lamang nila upang malaman kung ano ang hitsura ng kung ano ang nakalantad sa pahina. Kaya kung maglalagay tayo, halimbawa, isang litrato ng ilang mga succulents, isang mahusay na alternatibong teksto ay: Tatlong makatas na halaman sa mga rosas na kaldero. Isang napakaikling teksto tulad ng: Mga halaman na may kaldero, Hindi ito isang paglalarawan na nagbibigay ng mga kaugnay na detalye at samakatuwid ay hindi gumagana.
Tatlong makatas na halaman sa mga rosas na kaldero. Halimbawang halimbawa ng teksto.
Kakayahang umangkop
Kapag ang pagdidisenyo kailangan din nating isaalang-alang ang lahat ang mga presentasyon kung saan ipapakita ang aming interface, alinman sa bersyon ng web o mobile. Ang karanasan ay palaging magkakaiba depende sa daluyan kung saan namin ito tinitingnan.
Kapag gumagamit kami ng mobile, maaari kaming mailantad sa iba't ibang mga kapaligiran na nagpapahirap sa pagbabasa Ng nilalaman ng screen. Kung nasa labas tayo halimbawa, ang ningning ng araw ay magpapadilim sa screen, at hindi kami papayagan ng ingay na marinig ng maayos ang audio. Iyon ang dahilan kung bakit mahalagang pag-isipang mabuti ang mga detalyeng ito, upang ang mobile na bersyon ay may malalaking titik at madilim na kulay, at ang mga video ay dapat magkaroon ng mga subtitle kung sakaling mahirap pakinggan ang mga ito.
Iangkop ang disenyo ng interface upang mabasa ito sa parehong mga mobile phone at computer.
Pare-pareho sa disenyo
Disenyo ng editoryal kung ano ang ginagawa namin sa aming website dapat na pareho anuman ang seksyon kung saan ka. Ang parehong mga icon sa menu bar ay dapat na lumitaw sa seksyon ng Home tulad ng sa seksyon ng Mga contact. Hindi natin dapat baguhin ang istilo ni ang lokasyon ng mga key button ng web.
Hindi rin maginhawa para sa amin na maglagay ng mga video na awtomatikong nagpe-play kapag binubuksan ang pahina. Para sa mga gumagamit na gumagamit ng mga screen reader, mahirap malaman kung paano i-pause ang mga ito.
Ang menu bar sa pahina ng Starbucks ay pareho sa lahat ng mga seksyon.
Pag-navigate sa keyboard
Panghuli, ang ilang mga gumagamit na may mga problema sa koordinasyon ng motor ay nahihirapan na maunawaan ang isang computer mouse o gumagamit ng touchpad ng isang laptop, at umaasa lamang sa keyboard. Siguraduhin na na ang iyong website ay dinisenyo sa isang paraan Maaari itong maging ganap gumagana lamang gamit ang mga pindutan ng keyboard.