Ou gen yon " sit entènèt reponn "? Sa a se yon sit ki gen yon Layout ki chanjman ki baze sou aparèy vizitè a ak gwosè ekran. Design entènèt konsepsyon se kounye a yon endistri pi bon pratik. Li rekòmande pa Google epi li te jwenn sou dè milyon de sit atravè entènèt la. Gen, sepandan, yon gwo diferans ant gen yon sit entènèt ki senpleman "adapte" sou gwosè ekran diferan epi ki gen yon sit ki se vrèman reponn.
Mwen regilyèman wè konpayi redesign sit entènèt yo epi pouse soti yon lage laprès extrusion bèl kalite yo nan nouvo konsepsyon mobil-zanmitay yo. Lè mwen vizite sit sa yo, sa mwen souvan jwenn se yon Layout ki fè tout echèl ak chanjman nan anfòm sou ekran diferan, men sa se osi lwen ke yo pran lide a nan reyaksyon. Sa a se pa ase. Yon sit wèb ki vrèman reponn plis pase jis echèl nan anfòm yon ekran ki pi piti oswa pi gwo. Sou sit sa yo, ou pral jwenn tou karakteristik enpòtan sa yo.
1. Pèfòmans optimize
Pa gen moun ki renmen rete tann pou yon sit entènèt chaj, ak lè yon moun ap itilize yon aparèy mobil ki gen yon koneksyon ki ka mwens pase ideyal, bezwen pou yon sit chaj byen vit se menm plis enpòtan.
Se konsa, kouman ou optimize pèfòmans sit ou a? Si w ap kòmanse ak yon sit nouvo kòm yon pati nan yon Redesign, Lè sa a, ou ta dwe fè li yon pwen yo kreye yon bidjè pèfòmans kòm yon pati nan pwojè sa a. Si ou ap travay ak yon sit ki deja egziste epi yo pa kòmanse nan grate, premye etap la se tès pèfòmans sit ou a yo wè kote ou kanpe jodi a.
Yon fwa ou gen yon debaz nan kote sit ou kanpe pèfòmans-ki gen bon konprann, ou ka kòmanse fè amelyorasyon ki nesesè yo ogmante vitès download. Yon bon kote pou kòmanse se pwobableman ak imaj sit ou a. Twò-gwo zidòl yo se # 1 koupab la lè li rive sit loading dousman, kidonk optimize imaj ou pou livrezon entènèt ka vrèman ede sit ou nan yon pwendvi pèfòmans.
Reyalite a se ke pèfòmans sou sit wèb amelyore ak vitès vitès download yo se yon benefis ke tout vizitè ap apresye. Apre yo tout, pa gen okenn yon sèl janm plenyen ke yon sit chaje "twò vit", men si yon sit pran twò lontan chaj, li pral absoliman vire moun ale si li reponn "adapte" sou ekran yo oswa ou pa.
2. Imigrasyon Smart Content
Lè yon sit entènèt parèt sou yon ekran gwo, ou kapab mete kontni soti nan yon varyete fason paske nan ekran an sibstansyèl byen imobilye ki disponib. Ou ka souvan anfòm mesaj enpòtan ak imaj, nouvèl nouvèl, enfòmasyon evènman, ak Navigasyon sit tout sou ekran an nan yon fwa. Sa a pèmèt yon vizitè fasil epi byen vit analysis kontni an nan paj la tout antye epi deside ki sa ki enpòtan yo.
Senaryo sa a chanje anpil dramatikman lè ou pran konsepsyon sa a ak transfòme li pou aparèy ekran ti, tankou yon telefòn selilè. Toudenkou ou ap travay ak yon fraksyon nan ekran an byen imobilye ou te gen anvan. Sa vle di ou bezwen deside ki sa ki pral parèt premye sou sit la, ki sa ki pral swiv li, elatriye Olye pou yo tout bagay yo te wè nan yon fwa, ou gen anpil chans sèlman gen espas ki la yo montre youn oswa de bagay (youn nan ki gen anpil chans Navigasyon). Sa vle di ke desizyon yerachi bezwen fè. Malerezman, sa ki souvan detèmine ki vini an premye sou ekran an, ak Lè sa a, dezyèm, elatriye se wout la se paj la tèt li kode. Li se pi fasil, lè bati yon sit reponn, yo montre kèlkeswa sa ki an premye nan kòd la premye sou ekran an, ki te swiv pa atik la dezyèm nan Kòd ak pou fè. Malerezman, sa ki ka pi enpotan sou yon aparèy pa kapab kritik sou yon lòt. Yon sit vrèman reponn a konprann ke yerachi a nan kontni yo ta dwe chanje depann sou diferan sitiyasyon epi li ta dwe entelijan sou sa li montre ki kote.
Amelyorasyon nan teknik Layout CSS, ki gen ladan CSS Layout Grid, Flexbox, ak plis ankò, pèmèt konsèpteur entènèt ak devlopè plis opsyon lè li rive entelijan mete soti kontni, olye pou yo te strangyè pa lòd la egzak nan zòn kontni nan kòd la HTML. Pran avantaj de teknik sa yo Layout nouvo yo ap vin menm pi enpòtan kòm jaden flè aparèy la, ak bezwen yo nan itilizatè sit nou an, ap kontinye evolye.
3. Eksperyans ki pran nan kont yon Fòs Devlopman ak feblès
Rete sou sijè a nan aparèy - chak aparèy ke yon moun ka itilize vizite sit ou a gen tou de fòs ak feblès ki nannan nan ki platfòm. Yon sit gwo reponn konprann kapasite yo ak limit nan aparèy diferan epi li sèvi ak yo pou kreye eksperyans Customized ki pi byen adapte nan tou sa aparèy yon vizitè ka itilize nan moman sa a.
Pou egzanp, yon telefòn selilè gen ladan yon kantite karakteristik ke ou pa ta jwenn nan yon òdinatè Desktop tradisyonèl yo. GPS se yon egzanp nan yon karakteristik mobil-santre (wi, ou ka jwenn enfòmasyon kote jeneral sou Bureau kòm byen, men aparèy GPS se pi plis egzat). Sit ou a ka sèvi ak GPS enfòmasyon pou smartly voye yon moun trè detaye ak espesifik etap-pa-etap enfòmasyon direksyon oswa ofri espesyal ki baze sou egzakteman ki kote yo ye nan moman sa.
Yon lòt egzanp direktè lekòl sa a nan pratik ta ka yon sit ki konprann ki kalite ekspozisyon ekran ou ap itilize epi voye imaj ki pi byen adapte nan ekspozisyon sa a. Si ou gen yon ekran ki gen yon dansite segondè pixel, ou ka deside voye imaj ki pi wo nan ekran an. Imaj sa yo menm ta sans sou yon ekran mwens kapab, sepandan, ak bon jan kalite a siplemantè ta ka pèdi pandan y ap gwosè a dosye siplemantè dwe telechaje pou okenn rezon reyèl.
Reyèlman gwo sit reponn reponn eksperyans nan itilizatè tout ak travay yo tayè eksperyans sa a baze pa sèlman yon kalite aparèy oswa gwosè ekran li yo, men lòt aspè enpòtan nan pyès ki nan konpitè kòm byen.
4. Content ak kontèks
Okòmansman, konsepsyon entènèt reponn te resevwa non li paske nan lide nan layout yon sit la reponn a gwosè ekran diferan, men ou ka reponn a pi plis pase jis gwosè ekran. Bati sou egzanp lan anvan yo lè l sèvi avèk fòs yon aparèy la ak feblès, ou ta ka itilize sa yo, menm jan tou lòt done tankou dat ak lè, reyèlman Customize yon eksperyans sou sit wèb.
Imajine yon sit entènèt pou yon evènman komès gwo. Pandan ke yon sit entènèt reponn ap chanje Layout a nan paj sa yo nan sit la echèl ak ekran diferan, ou ta ka tou itilize dat la yo detèmine ki sa ki kontni ki pi enpòtan yo montre. Si se peryòd tan anvan evennman an, ou ka vle wè enfòmasyon anrejistreman an. Si, sepandan, evènman an se aktyèlman pase nan moman sa a, anrejistreman pa pouvwa dwe kontni ki pi enpòtan. Olye de sa, ou ka desidetat orè jou a nan evènman se pi plis kritik depi li se pi plis ki gen rapò ak bezwen imedyat itilizatè a.
Lè w ap pran bagay sa yo yon etap pi lwen, ou ta ka tiyo nan GPS yon aparèy la detèmine kote yo aktyèlman yo nan montre nan komès. Ou ka ba yo entèaktif kontni ki baze sou kote yo, ki montre yo ti joupa ki tou pre oswa sesyon sou yo kòmanse.
5. Aksè
Egzanp final la nou pral gade nan ki jan yon sit ka vrèman reponn a bezwen yon vizitè a se panse sou aksè nan sit entènèt . Sou sit entènèt yo ta dwe kapab itilize pa anpil moun ke posib, ki gen ladan moun ki gen yon andikap. Sit entènèt ou an ta dwe kapab itilize pa yon moun ki bezwen yon lektè ekran oswa lòt lojisyèl ki asistans pou jwenn aksè nan kontni li yo. Nan fason sa a, sit ou a reponn a bezwen yo paske ou te asire ke eksperyans la, pandan y ap diferan pou vizitè ki andikape, toujou apwopriye.
Pa reponn a kòm pwen done anpil ke posib, epi li pa jis gwosè ekran, yon sit entènèt ka pi plis pase jis "mobil zanmitay." Li ka vin yon eksperyans vrèman reponn nan tout sans de fraz la.