Maka nnweta

Fraịdee bụ ngwụcha ụbọchị ọrụ. Akụkọ ọjọọ na-abịa mgbe niile na njedebe nke ụbọchị ọrụ na Fraịde.

Ị na-achọ ịpụ n'ọfịs, akwụkwọ ozi ọhụrụ gbasara nhazigharị ọzọ abanyela na mail.

Daalụ xxxx, yyy site taa i ga akuko zzzz
...
Ndị otu Hugh ga-ahụ na ngwaahịa anyị nwere ike ịnweta ndị nwere nkwarụ.

Ee e! Gịnị mere m ji kwesị nke a? Ha chọrọ ka m pụọ? Tọọ onwe gị maka ịrụsi ọrụ ike na-enweghị ekele na ịgbalị imezi mmejọ ndị ọzọ. Nke a bụ n'ezie ọdịda...

Nke a bụ nnweta afọ ole na ole gara aga. Enyere ụfọdụ mkpụrụ obi dara ogbenye ọrụ nke "ihichapụ" UI iji gbalịa mee ka ndị nwere nkwarụ nweta ya.

Ihe nke a pụtara n'ezie bụ ihe na-edoghị anya - ikekwe ọ bụrụ na ị nwere ike ịhụ ihe nleba anya na taabụ site na ubi, nwee ụfọdụ ederede alt na nkọwa mpaghara abụọ, a ga-ewere na ngwa gị nwere ike ịnweta ...

Ma na mberede, “nchinchi” ahụ malitere ịmụba n'ọsọ oke oke mmiri.

Ndị na-agụ ihuenyo dị iche iche (Eng. Ndị na-agụ ihuenyo) na ihe nchọgharị mere omume dị iche iche.

Ndị ọrụ emeela mkpesa na ngwa ahụ enweghị ike iji ya.

Ozugbo e deziri njehie n'otu ebe, onye ọzọ pụtara n'ebe ọzọ.

Na naanị ịgbanwe na mezie njehie interface onye ọrụ chọrọ mbọ Herculean.

Anọ m ebe ahụ. Adịghị m ndụ, mana anyị emeghị "ihe ịga nke ọma" - teknụzụ anyị kpochara ọtụtụ ihe, gbakwunye ọtụtụ nkọwa ubi, ọrụ, wee nweta ọkwa ụfọdụ nke nnabata, mana ọ nweghị onye nwere obi ụtọ. Ndị ọrụ ka na-eme mkpesa na ha enweghị ike ịnyagharịa ngwa ahụ. Onye njikwa ahụ ka na-eme mkpesa banyere njehie na-aga n'ihu mgbe niile. Ndị injinia mere mkpesa na nsogbu ahụ ezighi ezi, na-enweghị nkọwa doro anya "ezigbo" ngwọta nke ga-arụ ọrụ n'ọnọdụ niile.

Enwere ụfọdụ oge mmeghe anya na njem m ịghọta nnweta.
Ikekwe nke mbụ bụ nghọta na ịgbakwunye ọrụ nnweta n'elu ngwaahịa emechara siri ike. Ma ọ na-esiri ike ime ka ndị njikwa kwenye na ọ siri ike nke ukwuu! Mba, ọ bụghị naanị "tinye mkpado ole na ole" na UI ga-arụ ọrụ nke ọma. Mba, nke a agaghị eme n'ime izu atọ; ọbụna ọnwa atọ agaghị ezu.
Oge eziokwu m ọzọ bịara mgbe m hụrụ ka ndị kpuru ìsì si eji ngwa anyị eme ihe. Nke a dị iche na ilele ozi njehie.

Aga m alaghachi na nke a ugboro ugboro, mana ihe fọrọ nke nta ka ọ bụrụ "echiche" anyị niile gbasara otu ndị mmadụ si eji ngwa anyị ezighi ezi.

Iji igodo igodo na-agagharị n'ihe dị mgbagwoju anya njirimara ọrụ Tab/Shift+Tab - Nke a dị egwu! Anyị chọrọ ihe ka mma. Ụzọ mkpirisi ahụigodo, nkụnye eji isi mee.

Ịhapụ ilekwasị anya mgbe ị na-agbanwe UI abụghị nnukwu nsogbu, ọ bụ ya? Ka anyị chee echiche ọzọ - nke a bụ ihe mgbagwoju anya nke ukwuu.

M gara n'ihu, na-arụ ọrụ dị iche iche ruo nwa oge, mgbe ahụ, anyị malitere ọrụ ọhụrụ, na-eji mgbagwoju anya ọrụ interface na nrụnye doro anya, na-emecha nweta ohere n'oge a.

Ya mere, anyị na-eweghachi azụ azụ wee leba anya ka anyị ga-esi mejuputa nke a n'ụzọ dị iche ma nwee ọganihu, ma mee ka usoro ahụ ghara ịdị na-agwụ ike!

Ngwa ngwa, anyị bịarutere nkwubi okwu ụfọdụ:

1. Anyị achọghị ka ndị mmadụ na-emepe emepe interface onye ọrụ ka ọ mebie akara / ọrụ aria yana, n'ezie, nhazi HTML nke akụrụngwa. Anyị kwesịrị inye ha akụkụ kwesịrị ekwesị nke wulitere nnweta ozugbo na igbe ahụ.
2. Ịnweta == Ịdị mfe iji - i.e. Nke a abụghị naanị ihe ịma aka ọrụ aka. Anyị kwesịrị ịgbanwe usoro nhazi niile wee hụ na eburu n'uche ịnweta ohere wee kparịta tupu imewe UI amalite. Ịkwesịrị iche echiche n'oge ka ndị ọrụ ga-esi achọpụta ọrụ ọ bụla, ka ha ga-esi agagharị, na ka ịpị aka nri na ahụigodo ga-esi arụ ọrụ. Ịnweta kwesịrị ịbụ akụkụ dị mkpa nke usoro nhazi - maka ụfọdụ ndị ọrụ, ọ karịrị nnọọ ọdịdị ngwa ahụ.
3. Site na mmalite, anyị chọrọ inweta nzaghachi sitere n'aka ndị ìsì na ndị ọrụ nkwarụ ndị ọzọ gbasara ịdị mfe nke iji ngwa ahụ.
4. Anyị chọrọ ezigbo ụzọ anyị ga-esi nweta nkwụghachi ụgwọ nnweta.

Ọfọn, site n'echiche injinia, akụkụ nke mbụ dara nnọọ ụtọ - ịmepụta ihe owuwu ụlọ na imejuputa ọbá akwụkwọ nke components. Ma n'ezie ọ dị otú ahụ.

Na-ewere nzọụkwụ azụ, na-ele anya Ọmụmaatụ ARIA na site n'iche echiche nke a dị ka nsogbu imewe karịa nsogbu "dabara", anyị webatara ụfọdụ abstractions. Otu akụrụngwa nwere 'Structure' (nke mejupụtara HTML ọcha) yana 'Bahaviour' (otu ya na onye ọrụ si emekọrịta ihe). Dịka ọmụmaatụ, na snippets dị n'okpuru ebe a anyị nwere ndepụta na-enweghị usoro. Site n'ịgbakwụnye "omume" a na-agbakwunye ọrụ kwekọrọ na listi ahụ iji mee ka ọ dị ka ndepụta. Anyị na-eme otu ihe ahụ maka menu.

N'ezie, ọ bụghị naanị na agbakwunyere ọrụ ebe a, kamakwa ndị na-ahụ maka mmemme maka igodo ahụigodo.

Nke a na-adị mma karịa. Ọ bụrụ na anyị nwere ike nweta nkewa dị ọcha n'etiti ha, ọ baghị uru ka e si kee ihe owuwu ahụ, anyị nwere ike itinye omume na ya wee nweta nnweta nke ọma.

Ị nwere ike ịhụ nke a na-arụ ọrụ na https://stardust-ui.github.io/react/ – UX ọba akwụkwọ Emeghachi, nke emebere ma mejuputa ya na ịnweta n'uche site na mmalite.

Akụkụ nke abụọ - ịgbanwe ụzọ na usoro gburugburu imewe na mbụ tụrụ m ụjọ: ndị injinia dị ala na-agbalị ịkwanye mgbanwe nhazi anaghị akwụsị mgbe niile, mana ọ tụgharịrị bụrụ otu n'ime ebe kachasị mma ebe anyị nyere onyinye dị ukwuu na usoro ahụ. . Na nkenke, usoro anyị bụ nke a: otu otu ga-arụ ọrụ ọhụrụ, mgbe ahụ, otu ndị isi anyị ga-enyocha / kwupụta atụmatụ ahụ, mgbe ahụ, ozugbo akwadoro, a ga-enyefe ya n'aka ndị ọrụ injinia. N'okwu a, ndị otu injinia nwere "nwere" ọrụ nnweta nke ọma n'ihi na ọ bụ ọrụ ha idozi nsogbu ọ bụla metụtara ya.

Na mmalite, ọ bụ nnọọ ọrụ siri ike ịkọwa na nnweta na iji ya nwere njikọ na-enweghị atụ na nke a ga-eme na nhazi nhazi, ma ọ bụghị ya, ọ ga-eduga ná nnukwu mgbanwe na nkọwapụta nke ụfọdụ ọrụ. Otú ọ dị, site na nkwado nke njikwa na ndị isi egwuregwu, anyị weere echiche ahụ ma tinye ya n'ime mmegharị ka a nwalere atụmatụ maka ịnweta na iji ya tupu e nyefee ha na njikwa.

Nzaghachi a bara uru nke ukwuu nye onye ọ bụla - ọ mara mma dị ka mmega ahụ n'ịkekọrịta / nkwurịta okwu banyere otu ndị ọrụ si emekọrịta na ngwa weebụ, anyị chọpụtara ọtụtụ ebe nsogbu UI tupu e wuo ha, ndị otu mmepe ugbu a nwere nkọwa ka mma nke na-abụghị. naanị anya, kamakwa akụkụ omume nke imewe. Mkparịta ụka n'ezie na-atọ ụtọ, ike, mkparịta ụka na-ekpo ọkụ gbasara akụkụ teknụzụ na mmekọrịta.

Anyị nwere ike ime nke a ọbụna ka mma ma ọ bụrụ na anyị nwere ndị ọrụ kpuru ìsì na ndị nwere nkwarụ na nzukọ ndị a (ma ọ bụ ndị na-esote) - nke a siri ike ịhazi, ma anyị na-arụ ọrụ ugbu a na ụlọ ọrụ ndị kpuru ìsì na mpaghara na ụlọ ọrụ , nke na-enye ule mpụga iji nyochaa mmezu ogbugbu n'oge. mmepe-ma na mpaghara na ọkwa mmezu nke ogbugbu.

Ndị injinia nwere nkọwapụta zuru oke ugbu a, ihe ndị dịnụ ha nwere ike iji mejuputa, yana ụzọ ha ga-esi kwado usoro ogbugbu. Akụkụ nke ahụmahụ kụziiri anyị bụ ihe na-efunahụ anyị kemgbe—otu anyị nwere ike isi kwụsị nlọghachi azụ ahụ. N'otu aka ahụ, ndị mmadụ nwere ike iji ntinye ntinye ma ọ bụ nyocha njedebe na njedebe iji nwalee ọrụ, nke anyị kwesịrị ịchọpụta mgbanwe mgbanwe na mmekọrịta na mmejuputa-ma visual na omume.

Ịchọpụta nhụsianya anya bụ ọrụ akọwapụtara nke ọma, ọ dị ntakịrị ihe a ga-agbakwunye na usoro ahụ karịa ma eleghị anya ịlele ma a na-ahụ anya mgbe ị na-eji keyboard na-agagharị. Ihe na-adọrọ mmasị karị bụ teknụzụ abụọ dị ọhụrụ maka ịrụ ọrụ na ịnweta.

1. Nghọta Accessibility bụ otu ngwaọrụ nke nwere ike ịgba ọsọ ma na ihe nchọgharị yana dịka akụkụ nke usoro iwu / ule iji chọpụta nsogbu.
2. Ịkwado na ndị na-agụ ihuenyo na-arụ ọrụ nke ọma bụ ọrụ siri ike. Na mmeghe nke ohere Ịnweta DOM, anyị na-emecha nwee ike ịse accessibility snapshots nke ngwa, dị nnọọ ka anyị na-eme maka visual ule, na-anwale ha maka regression.

Ya mere, na akụkụ nke abụọ nke akụkọ - anyị si na edezi koodu HTML na-arụ ọrụ na ọkwa dị elu nke abstraction, gbanwee usoro mmepe mmepụta ma webata nyocha nke ọma. Usoro ọhụrụ, teknụzụ ọhụrụ, na ọkwa ọhụrụ nke abstraction agbanweela kpamkpam ọdịdị nke ịnweta yana ihe ọ pụtara ịrụ ọrụ na oghere a.
Ma nke a bụ nanị mmalite.

"Nghọta" na-esote bụ na ndị ọrụ kpuru ìsì na-akwọ ụgbọala teknụzụ na-egbu egbu - ha bụ ndị na-erite uru ọ bụghị naanị site na mgbanwe ndị anyị kọwara na mbụ, kamakwa na ML / AI na-eme ka ụzọ ọhụrụ na echiche ọhụrụ kwe omume. Dịka ọmụmaatụ, teknụzụ Immersive Reader na-enye ndị ọrụ ohere iweta ederede n'ụzọ dị mfe na nke ọma. Enwere ike ịgụ ya n'olu dara ụda, na-akụrisị usoro ahịrịokwu n'ụdị ụtọ asụsụ, na ọbụna nkọwa okwu pụtara n'ụzọ eserese. Nke a adabaghị n'echiche ochie "mee ka ọ nweta ya" ma ọlị - ọ bụ njirimara eji eme ihe ga-enyere onye ọ bụla aka.

ML/AI na-eme ka ụzọ ọhụrụ e si akpakọrịta na ịrụ ọrụ, ma anyị nwere obi ụtọ isonye na usoro ọzọ nke njem a dị oke egwu. A na-akwalite ihe ọhụrụ site na mgbanwe n'echiche - mmadụ dị adị kemgbe puku afọ iri, igwe maka ọtụtụ narị afọ, weebụsaịtị ruo ọtụtụ iri afọ, na smartphones ọbụna obere, nkà na ụzụ ga-emegharị ndị mmadụ, ọ bụghịkwa ọzọ.

PS Asụgharịla akụkọ a site na obere ndahie site na nke mbụ. Dị ka onye na-ede akwụkwọ akụkọ a, ekwenyere m na Hugh.

Naanị ndị ọrụ edebanyere aha nwere ike isonye na nyocha a. banye, Biko.

Ị na-eleba anya na ịnweta ngwa gị?

• Ee

• Ọ dịghị

• Nke a bụ nke mbụ m nụrụ gbasara ịnweta ngwa.

Ndị ọrụ 17 tụrụ vootu. Ndị ọrụ 5 anabataghị.

isi: www.habr.com