Back to Question Center
0

Saita Shirye-shiryen Salo: Daidaitawa            Saita Shirye-shiryen Layi: AlignmentRelated Topics: Tsarin wayar hannu

1 answers:
Shirya Layout Form: Daidaitawa

Wadannan su ne taƙaitacciyar taƙaice daga littafinmu, Zayyana UX: Forms, wanda Jessica Enders ya rubuta. Shi ne mafi kyawun jagora don tsara zane, wani ɓangare na tasiri na UX mai kyau. Ma'aikata na SitePoint Semalt suna samun dama tare da membobin su, ko zaka iya siyan kwafin a cikin shaguna a duniya.

Kai da abokina suna kora zuwa gidan abinci don abincin dare. Duk hanyoyi guda biyu ka gangara zuwa babbar hanya tare da hanyoyi guda biyu. Hanyoyin hanyoyi sunyi daidai - rx 200 jaybone. A kan hanyarka, duk motoci masu jinkirin suna yin abin da ke daidai kuma suna danra zuwa wata hanya, saboda haka za ka iya wucewa a ɗayan. A kan hanya ta abokinka, an kwashe motocin motsa jiki a duk hanyoyi biyu na babbar hanya, don haka dole ta saƙa a ciki da waje. Wanene daga cikinku zai fara zuwa gidan cin abinci?

Madaidaicin hanya zuwa kammala

Hanyar mike, hanya mara kyau ba ta fi dacewa da tuki ba, har ma don nauyin cikawa. Saboda haka mataki na gaba shine a shimfiɗa dukkan fannonin fannoninku, da maɓallin maɓallin shafi (wanda ake kira maɓallin maɓallin aikin farko ):

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Kada Ka Rarraba Matsalolin Kasuwanci

Saboda hanyar da ke tsaye har zuwa ƙarshe ya sa wani tsari ya fi tsayi, za a iya jarabtar ku don yin tambayoyi a gaban juna:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

A cikin wannan tsari, an sanya tambayoyin Tsaro da Lambobin Ƙamshin Ƙarƙashin Ƙasa da wasu tambayoyi

Wannan mummunan ra'ayi ne, saboda dalilai masu zuwa:

  • Yana katse shinge mai tsafta ta hanyar tsari (kamar motar da aka rushe a cikin tsakar ku).
  • Masu amfani ba sau da yawa suna ganin tambaya a gefen dama, saboda ba a cikin tunanin su ba (wannan ne kawai game da haruffa tara).
  • Yana hana tsarin daga yin aiki a kan ƙananan manyan ƙananan fuska. (Ƙari a kan wannan jimawa.)

Har ila yau, kamar yadda ka iya tunawa daga Babi na 3, ga masu amfani shi ne tsinkaye tsawon nau'i, ba ainihin tsinkin ba, abin da ya shafi. Hanya na tsaye zuwa ƙarshe yana samar da cikawa ba kawai kawai da sauri ba, amma yana sa ji azumi.

Daidaita Rukunin Amsa

Wata hanyar da zaka iya samun wani lokaci sau da yawa, duk da haka, yana da alamun amsa. Dubi amsoshin filayen don sayarwa sayar da tambayoyin:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

A duk lokacin da adireshin filayen ya ƙananan, za mu iya saka su a fili. (A saboda wannan dalili mun bayyana "ƙananan" kamar sau uku ko ƙananan zaɓuɓɓuka, duk tare da takardun gajerun hanyoyi.) Kayan zai ci gaba da aiki don taɓawa, da ƙananan fuska. Amincewar kasuwanci shine kawai irin wannan tambaya:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

A gaskiya ma, ranar haihuwar ita ce tambaya tare da ƙananan matakan amsawa. Mai yiwuwa ba ka gane mun riga mun sanya su a kan layi daya ba:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Amma ku tuna: za ku iya amsa tambayoyin gona da juna idan sun kasance karami. In ba haka ba, zane ba zai yi aiki a wasu lokuta ba. Sadarwar zamantakewa, alal misali, yana da yawan adadin amsawa. Idan muka yi ƙoƙarin saka su a fili, za su tafi gefe-musamman ma a kan wayar hannu-kuma suna kira gungumen birni mai ban tsoro:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Idan muka sanya salo mai tsawo na filayen amsoshin a hankali, zamu iya haɗin gungumen gungumen kwance, har ma a kan manyan fuska

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Idan matakan amsarmu ba ƙananan ba ne, zai yiwu ma za mu sa gungumen alamar kwance ta fito a kan wayar hannu.

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Daidaita tsaye na jeri na maɓallin rediyo ko akwati masu aiki a kan wayar hannu kuma.

Matsayi na Label

Akwai matsala tare da duban wayoyin tafi-da-gidanka na siffarmu, wanda zaku iya lura daga wasu samfurori da ke sama. A kan karamin allon, lokacin da aka mayar da hankali a cikin akwatin rubutu, lakabin da aka dace daidai ba zai iya gani ba, kamar wannan misalin:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Ana ganin alamun dake gefen hagu da farko amma bace lokacin da mai amfani ya fara cika nauyin.

Za mu iya guje wa wannan matsala ta wurin saka salo a sama da filayen. Amma wannan yana haifar da sabon matsala: siffan ya zama mai tsawo tsawon lokaci.

Ga yadda za a duba babban allon:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Sunaye sun fi tsayi lokacin da aka sanya lakabi a matsayi a sama da filayen.

Abin da kake buƙatar ka yi shine code da tsari don mai amsa . Lokacin da allon ya fi girma, alamu ya kamata ya tafi hagu na filayen; lokacin da allon ya fi ƙanƙanta, labels ya kamata sama sama da filayen. Wannan hanya, muna amfani da sararin samaniya da muke da shi a kan fuska mafi girma, yayin da muna tabbatar da cewa wannan nau'i na iya cikawa a kan karamin fuska.

Idan muka ƙayyade samfurin mu na zama mai karɓa, wannan shine yadda zai duba wayar hannu:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

A kan wayar salula, alamun suna sakawa a sama da filayen don haka suna bayyane idan kana buƙatar su.

Wannan shi ne yadda zai dubi babban allo:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Ga misali na ainihi na ainihin alamomin bugawa-farko da yafi girma girman allo, sannan karamin allon:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

A kan fuska mafi girma, alamun suna gefen hagu na filayen, saboda haka siffar yana da kyau da gajeren.

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

A kan karamin fuska, alamu suna sama da filayen, saboda haka suna cikin ra'ayi.

Mene ne game da Wannan Nazarin?

Ɗaya daga cikin shahararren shafukan yanar gizo na UXMatters, wanda aka ambata a cikin littafin Luka Wroblewski da littattafai, shi ne binciken Nazitto Penzo. Ana yin amfani da wannan binciken a matsayin shaida cewa alamu ya kamata baya zuwa hagu na filayen, amma ko da yaushe sama.

Matsalar ita ce, ba za ka taba yanke shawarar yanke shawara ba akan nazarin guda, musamman ma da ba tare da wata hanya ba, kuma ƙananan bambance-bambance a sakamakon! Maimakon haka, kuna buƙatar yin la'akari da duk sababbin hanyoyin da kaya, bisa ka'idar da kuma lura daga bincike mai amfani. Lokacin da kake yin haka, yana bayyana cewa-a kan babban allon-amfanin da samun takardun zuwa gefen hagu na filayen ya fi karfin farashi. Yana da daraja ƙaramin ƙananan ƙwayar idanu don samun nau'i wanda yake da rabin lokaci.

Ku guji Gutter

Bugu da ƙari, ga abin da aka riga ya fada, akwai hanyoyi biyu da zaka iya ƙara yawan amfani da nauyinka yayin da kake da alamomi zuwa hagu na filayenka. Wadannan dabarun suna da mahimmanci don hana babban "gutter" da ke nuna tsakanin alamomi da wuraren amsar su:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Don tambayoyi da dama akan alamu na misali, lakabin ya nesa da filayen amsa daidai.

Wadannan rabuwa na iya sa ya zama mai wahala ga mai amfani don haɗa alamar tareda alamun amsawarsu.

Idan kalmomin sun kasance mafi yawa gajere, za ka iya sa su suyi dama, don haka suna kusa da filayen:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Labels sa kunna dama.

Idan alamu sun fi tsayi, za su yi wuya a karanta idan suna haɗaka dama. A cikin wannan yanayin, sa su kunsa hagu (kamar rubutun al'ada) amma ƙara zanen ganyayyaki zuwa siffarka:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Za a yi wajibi a zangon kwakwalwa a bayan labels a hagu.

Zub da zangon zangon shine shading da kake gani bayan kowane tambaya na biyu. Yana taimakawa ido ya haɗa lakabin zuwa filin (kamar yadda aka nuna ta nazarin da na gudanar yayin da baya, da biyo baya).

(Idan kana son karantawa game da lakabin lakabi, na rubuta wani cikakken bayani game da shafin yanar gizon SitePoint, da kuma bayar da wasu sharhi kan shafin yanar gizonku. Wannan shi ne abin da muka yi tare da alamu na misali:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Maɓallin gefen hagu na maɓallin farko ya haɓaka tare da gefen hagu na filayen.

Formats da yawa

Idan tsarinka ya wuce nauyin matakan, za ka buƙaci samar da maɓallin don mai amfani don matsawa tsakanin matakai. Ɗaya daga cikin zaɓi shine a saka maɓallin na gaba a layi tare da filayen, daidai da siffofinmu guda ɗaya:

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Ga gaba shine aikinmu na farko, saboda haka yana daidaitawa da filayen.

Wani zaɓi shine a saka maɓallin na gaba a hannun dama da button na baya zuwa hagu (ga masu sauraren Turanci):

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Masu magana da harshen Ingila suna tunani akan dama kamar yadda suke gaba da hagu kamar baya, saboda haka zamu iya daidaita maɓallinmu a wannan hanya.

Ana nuna alamun biyu zuwa aiki da kyau, amma zai iya dogara ne a kan mahallin. Idan baku da tabbacin abin da ya dace don nauyin ku, gudanar da wasu gwaje-gwaje masu amfani tare da masu sauraren ku.

(Zaku iya sanya jigilar hanyoyi a cikin jituwa, amma jituwa yana da wasu matsalolin da za a iya magance su don haka za'a iya kauce musu.)

Buttons a kan Mobile

A kan karamin fuska, zaku iya tsara maballinku su zama masu karɓa, saboda haka:

  • an saka, tare da aikin farko a saman
  • dauka cikakken fadi na allon, sai dai kadan daga launin fata a gefe ɗaya (don haka har yanzu suna da maɓalli).

Designing Form Layout: AlignmentDesigning Form Layout: AlignmentRelated Topics:
Mobile Semalt

Coding mu tsari don zama m zuwa girman allo, za mu iya tabbatar da buttons har yanzu aiki da kyau a kan wayar hannu.

A halin yanzu nauyinmu yana kallon mai kyau, kuma yana da amfani da gaske don taya. Amma akwai wasu ci gaba da za mu iya yi, wanda za mu bayyana na gaba

March 1, 2018