നിങ്ങൾക്ക് ഒരു " പ്രതികരിച്ച വെബ്സൈറ്റ് " ഉണ്ടോ? സന്ദർശകരുടെ ഉപകരണവും സ്ക്രീൻ വലുപ്പവും അടിസ്ഥാനമാക്കിയുള്ള ഒരു ലേഔട്ടുള്ള സൈറ്റ് ആണ് ഇത്. പ്രതികരിച്ച വെബ് ഡിസൈൻ ഇപ്പോൾ ഒരു വ്യവസായത്തെ മികച്ച രീതിയാണ്. ഇത് Google നിർദ്ദേശിക്കുകയും വെബിലുടനീളം ദശലക്ഷക്കണക്കിന് സൈറ്റുകളിൽ കണ്ടെത്തുകയും ചെയ്യുന്നു. എന്നിരുന്നാലും, വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പങ്ങളിൽ മാത്രം "അനുയോജ്യ" ചെയ്യുന്നതും യഥാർത്ഥത്തിൽ പ്രതികരിക്കുന്നതുമായ ഒരു സൈറ്റ് ഉണ്ടാകുന്ന ഒരു വലിയ വ്യത്യാസമുണ്ട്.
ഞാൻ സ്ഥിരമായി കമ്പനികൾ അവരുടെ വെബ്സൈറ്റ് പുനർരൂപകൽപ്പന ചെയ്യുകയും അവരുടെ പുതിയ മൊബൈൽ-സൗഹൃദ രൂപകൽപ്പനയുടെ ഗുണദോഷങ്ങൾ പ്രകാശിപ്പിക്കുന്ന ഒരു പത്രക്കുറിപ്പിൽ പുറത്തെടുക്കുകയും ചെയ്യുന്നു. ഞാൻ ആ സൈറ്റുകൾ സന്ദർശിക്കുമ്പോൾ, പലപ്പോഴും മിക്ക സ്ക്രീനുകളിലും ഒത്തുചേരാനും മാറ്റം വരുത്താനും കഴിയുന്ന ഒരു ലേഔട്ടാണ് ഞാൻ കാണുന്നത്, പക്ഷെ അവർ പ്രതികരിക്കാൻ ആഗ്രഹിക്കുന്നതാണ്. ഇത് മതിയാവില്ല. ഒരു ചെറിയ അല്ലെങ്കിൽ വലിയ സ്ക്രീനിൽ അനുയോജ്യമാക്കുന്നതിനേക്കാൾ യഥാർത്ഥത്തിൽ പ്രതികരിക്കുന്ന വെബ്സൈറ്റാണ് കൂടുതൽ. ഈ സൈറ്റുകളില്, താഴെ പറയുന്ന പ്രധാന സ്വഭാവങ്ങളും നിങ്ങള്ക്ക് കാണാം.
1. ഒപ്റ്റിമൈസ് ചെയ്ത പ്രകടനം
ഒരു വെബ്സൈറ്റ് ലോഡ് ചെയ്യാൻ കാത്തിരിക്കാൻ ആരും ഇഷ്ടപ്പെടുന്നില്ല, ഒരോ മൊബൈൽ ബന്ധവും അനുയോജ്യമല്ലാത്തതിനേക്കാൾ കുറവായിരിക്കുമ്പോൾ, വേഗത്തിൽ ലോഡ് ചെയ്യാൻ ഒരു സൈറ്റ് ആവശ്യം കൂടുതൽ പ്രധാനമാണ്.
നിങ്ങളുടെ സൈറ്റിന്റെ പ്രകടനം എങ്ങനെ മെച്ചപ്പെടുത്തും? നിങ്ങൾ ഒരു പുനർരൂപകന്റെ ഭാഗമായി ഒരു പുതിയ സൈറ്റിൽ തുടങ്ങുകയാണെങ്കിൽ, ആ പദ്ധതിയുടെ ഭാഗമായി ഒരു പ്രകടന ബജറ്റ് സൃഷ്ടിക്കുന്നതിനായി നിങ്ങൾ ഒരു പോയിന്റ് ആക്കിയിരിക്കണം. നിങ്ങൾ നിലവിലുള്ള ഒരു സൈറ്റിൽ പ്രവർത്തിച്ചുകൊണ്ടിരിക്കുകയാണെങ്കിലും ആദ്യം മുതൽ ആരംഭിക്കാത്തതിനാൽ, നിങ്ങളുടെ സൈറ്റ് പ്രകടനം ഇന്ന് നിങ്ങൾ നിൽക്കുന്നിടത്ത് കാണാൻ ശ്രമിക്കുക എന്നതാണ്.
നിങ്ങളുടെ സൈറ്റ് പ്രകടനം വൈദഗ്ധ്യം നിലകൊള്ളുന്നതിന്റെ അടിസ്ഥാനത്തിൽ നിങ്ങൾക്ക് ഡൌൺലോഡ് വേഗത വർദ്ധിപ്പിക്കുന്നതിന് ആവശ്യമായ മെച്ചപ്പെടുത്തലുകൾ നിങ്ങൾക്ക് ആരംഭിക്കാം. ആരംഭിക്കാനുള്ള മികച്ച സ്ഥലം നിങ്ങളുടെ സൈറ്റിന്റെ ഇമേജുകളുമായിരിക്കാം. ലോഡ് സൈറ്റുകൾ സ്ലോ ചെയ്യുമ്പോൾ വളരെ വലിയ കുറ്റവാളികൾ # 1 കുറ്റവാളികളാണ്, അതിനാൽ വെബ് ഡെലിവറിക്ക് നിങ്ങളുടെ ഇമേജുകൾ മികച്ചതാക്കുന്നത് നിങ്ങളുടെ സൈറ്റ് ഒരു പ്രകടന കാഴ്ചപ്പാടിൽ നിന്ന് സഹായിക്കും.
യാഥാർഥ്യമാണ് മെച്ചപ്പെട്ട വെബ്സൈറ്റ് പ്രകടനവും വേഗത്തിലുള്ള ഡൌൺലോഡ് വേഗതകളും എല്ലാ സന്ദർശകരും അഭിനന്ദിക്കുന്നതാകുന്നത്. എല്ലാത്തിനുമുപരി, ഒരു സൈറ്റും "വളരെ വേഗം" ലോഡ് ചെയ്തതായി ആരും പരാതിപ്പെട്ടിട്ടില്ല, പക്ഷേ ഒരു സൈറ്റിന് ലോഡ് ചെയ്യാൻ കൂടുതൽ സമയം എടുക്കുമെങ്കിൽ, അത് അവരുടെ സ്ക്രീനിൽ പ്രതിബിംബിക്കുന്നോ "അനുയോജ്യമാണോ" എന്ന് ജനങ്ങളെ അത് പൂർണ്ണമായും പിന്തിരിപ്പിക്കും.
2. സ്മാർട്ട് ഉള്ളടക്ക ശ്രേണി
ഒരു വലിയ സ്ക്രീനിൽ ഒരു വെബ്സൈറ്റ് ദൃശ്യമാകുമ്പോൾ, നിങ്ങൾക്ക് ആവശ്യാനുസരണം സ്ക്രീൻ റിയൽ എസ്റ്റേറ്റ് ലഭ്യമായതിനാൽ വ്യത്യസ്തങ്ങളായ മാർഗങ്ങളിലൂടെ ഉള്ളടക്കം തുറക്കാൻ കഴിയും. പ്രധാന സന്ദേശങ്ങളും ചിത്രങ്ങളും, വാർത്താ അപ്ഡേറ്റുകൾ, ഇവന്റ് വിവരങ്ങളും, സൈറ്റ് സ്ക്രീനിലെ എല്ലാം ഒരേസമയം നിങ്ങൾക്ക് ഒതുക്കിനിർത്താം. ഇത് ഒരു സന്ദർശകനെ മൊത്തത്തിൽ വേഗത്തിലും വേഗത്തിലും പൂർണ്ണ പേജിന്റെ ഉള്ളടക്കം സ്കാൻ ചെയ്യാനും അവർക്ക് പ്രധാനപ്പെട്ടതാണെന്ന് തീരുമാനിക്കാനും അനുവദിക്കുന്നു.
ആ സൈറ്റ് ഡിസൈൻ എടുത്ത് ചെറിയ സ്ക്രീൻ ഡിവൈസുകൾക്ക് രൂപാന്തരപ്പെടുത്തുമ്പോൾ, ഇത് ഒരു സെൽ ഫോൺ പോലെയാണ്. പെട്ടെന്ന് നിങ്ങൾ മുമ്പ് ഉണ്ടായിരുന്ന റിയൽ എസ്റ്റേറ്റിലെ ചെറിയൊരു ഭാഗം മാത്രമേ പ്രവർത്തിക്കുകയുള്ളൂ. ഒന്നാമത്തെ സൈറ്റിൽ ആദ്യം ദൃശ്യമാവുന്നതും എന്ത് പിന്തുടരുമെന്ന് തീരുമാനിക്കേണ്ടതുണ്ട്. ഒന്നോ രണ്ടോ കാര്യങ്ങൾ കാണിക്കുന്നതിനുപകരം നിങ്ങൾക്ക് ഒന്നോ രണ്ടോ കാര്യങ്ങൾ കാണിക്കാൻ മാത്രമേ സാധ്യതയുള്ളൂ (അവയിലൊന്ന് നാവിഗേഷൻ ആണ്). ഇതിനർത്ഥം, ശ്രേണിയിലെ തീരുമാനങ്ങൾ എടുക്കേണ്ടത് എന്നാണ്. നിർഭാഗ്യവശാൽ, ആദ്യം സ്ക്രീനിൽ എന്താണ് വരുന്നത്, പിന്നെ രണ്ടാമത്തേത് തുടങ്ങിയവയെന്താണ് നിർണ്ണയിക്കുന്നത്, പേജ് സ്വയം കോഡ് ആയിരിക്കുന്ന രീതിയാണ്. ആദ്യം പ്രതികരിക്കുന്ന ഒരു സൈറ്റ് നിർമ്മിക്കുമ്പോൾ, ആദ്യം സ്ക്രീനിൽ കാണുന്ന കോഡിൽ ആദ്യം തന്നെ ദൃശ്യമാകും, തുടർന്ന് കോഡിലെ രണ്ടാമത്തെ വസ്തുവും മറ്റും പ്രദർശിപ്പിക്കുക. നിർഭാഗ്യവശാൽ, ഒരു ഉപകരണത്തിൽ ഏറ്റവും പ്രധാനപ്പെട്ടത് മറ്റൊന്നിൽ ഗുരുതരമായ കാര്യമായിരിക്കണമെന്നില്ല. ഒരു യഥാർത്ഥ പ്രതികരണ സൈറ്റ് വ്യത്യസ്ത സാഹചര്യങ്ങളെ അടിസ്ഥാനമാക്കി ഉള്ളടക്കം ശ്രേണിയിൽ മാറ്റം വരുത്തണം എന്ന് മനസിലാക്കുന്നു, അത് എവിടെ കാണിക്കുന്നു എന്നതിനെക്കുറിച്ച് സ്മാർട്ട് ആയിരിക്കണം.
HTML കോഡിലെ ഉള്ളടക്ക മേഖലകളുടെ കൃത്യമായ ക്രമത്തിൽ ഹംട്രൂഗിനെ മാറ്റി പകരം, ബുദ്ധിപൂർവ്വമായ ഉള്ളടക്കം നീക്കംചെയ്യുമ്പോൾ വെബ് ഡിസൈനർമാർക്കും ഡവലപ്പർമാർക്കും കൂടുതൽ ഇഷ്ടാനുസരണം സിഎസ്എസ് ഗ്രിഡ് ലേഔട്ട്, ഫ്ലെക്സ്ബോക്സ് തുടങ്ങിയവ ഉൾക്കൊള്ളുന്ന സിഎസ്എസ് ലേഔട്ട് ടെക്നിക്കുകളിലെ മെച്ചപ്പെടുത്തലുകൾ. ഈ പുതിയ ലേഔട്ട് ടെക്നിക്കുകൾ പ്രയോജനപ്പെടുത്തുന്നതിലൂടെ ഉപകരണ ലാൻഡ്സ്കേപ്പും, ഞങ്ങളുടെ സൈറ്റിന്റെ ഉപയോക്താക്കളുടെ ആവശ്യങ്ങളും പോലെ കൂടുതൽ പ്രാധാന്യമർഹിക്കുന്നു, തുടർന്നും വികസിക്കുന്നു.
3. അക്കൗണ്ടിലേക്ക് നയിക്കുന്ന അനുഭവങ്ങൾ ഒരു ഉപകരണത്തിന്റെ കരുത്തും വൈകല്യവും
ഉപകരണങ്ങളുടെ വിഷയത്തിൽ തുടരുക - നിങ്ങളുടെ സൈറ്റ് സന്ദർശിക്കാൻ ആരെങ്കിലും ഉപയോഗിക്കാൻ കഴിയുന്ന ഓരോ ഉപകരണത്തിനും ആ പ്ലാറ്റ്ഫോമിൽ അന്തർലീനമായ ശക്തികളും ദൌർബല്യങ്ങളും ഉണ്ട്. ഒരു വലിയ പ്രതികരിക്കുന്ന സൈറ്റ് വിവിധ ഉപകരണങ്ങളുടെ കഴിവുകളും പരിമിതികളും മനസ്സിലാക്കുകയും ഒരു സന്ദർശകനെ ആ നിമിഷത്തിൽ ഉപയോഗിക്കുന്ന ഉപകരണത്തിന് അനുയോജ്യമായ ഇഷ്ടാനുസൃത അനുഭവങ്ങൾ സൃഷ്ടിക്കാൻ അവ ഉപയോഗിക്കുകയും ചെയ്യുന്നു.
ഉദാഹരണത്തിന്, ഒരു പരമ്പരാഗത ഡെസ്ക്ടോപ്പ് കമ്പ്യൂട്ടറിൽ നിങ്ങൾ കണ്ടെത്താൻ കഴിയുന്ന നിരവധി സവിശേഷതകൾ ഒരു സെൽ ഫോണിൽ ഉൾപ്പെടുന്നു. മൊബൈൽ സെൻട്രൽ സവിശേഷതയുടെ ഒരു ഉദാഹരണമാണ് ജി.പി.എസ് (അതെ, നിങ്ങൾക്ക് ഡെസ്ക് ടോപ്പുകളിലും പൊതുവായ സ്ഥാന വിവരങ്ങൾ നേടാൻ കഴിയും, എന്നാൽ ഉപകരണം ജിപിഎസ് കൂടുതൽ കൃത്യതയുള്ളതാണ്). നിങ്ങളുടെ സൈറ്റിനെ ആ നിമിഷത്തിൽ കൃത്യമായി എവിടെ അടിസ്ഥാനമാക്കി വളരെ വിശദമായതും നിർദ്ദിഷ്ടതുമായ ഘട്ടം ഘട്ടമായുള്ള വിവരങ്ങൾ അല്ലെങ്കിൽ പ്രത്യേക ഓഫറുകൾ അയയ്ക്കാൻ ജിപിഎസ് വിവരങ്ങൾ ഉപയോഗിക്കാം.
ഈ പ്രിൻസിപ്പലിന്റെ പ്രാഥമിക ലക്ഷ്യം ഒരു സൈറ്റായിരിക്കും, അത് ഏത് തരം സ്ക്രീൻ ഡിസ്പ്ലേയാണ് ഉപയോഗിക്കുന്നത് എന്നും ആ ഡിസ്പ്ലേയ്ക്ക് ഏറ്റവും യോജിച്ച ഇമേജുകൾ അയയ്ക്കുകയും ചെയ്യുന്നു. ഉയർന്ന പിക്സൽ ഡെൻസിറ്റി ഉള്ള ഒരു സ്ക്രീൻ ഉണ്ടെങ്കിൽ ആ സ്ക്രീനിൽ ഉയർന്ന ഗുണമേന്മയുള്ള ചിത്രങ്ങൾ അയക്കാൻ നിങ്ങൾക്ക് തീരുമാനിക്കാം. ഈ ഇമേജുകൾ കുറഞ്ഞ ശേഷിയുള്ള സ്ക്രീനിൽ ഗൌരവമില്ലാത്തതാകും, മാത്രമല്ല അധികമായ ഫയൽ നഷ്ടപ്പെടുത്തും, കൂടാതെ യഥാർത്ഥ ഫയൽ ഫോർമാറ്റിനെക്കുറിച്ചുള്ള ഡൌൺലോഡ് ഡൌൺലോഡ് ചെയ്യില്ല.
വളരെ മികച്ച പ്രതികരണമായ സൈറ്റുകൾ മുഴുവൻ ഉപയോക്തൃ അനുഭവത്തെയും അതിന്റെ ഉപകരണത്തിന്റെ ഉപകരണത്തിന്റെ തരം അല്ലെങ്കിൽ വലിപ്പം മാത്രമല്ല അടിസ്ഥാനമാക്കിയുള്ള അനുഭവം അനുയോജ്യമായി പ്രവർത്തിക്കുന്നു, എന്നാൽ ഹാർഡ്വെയറിലെ മറ്റ് പ്രധാന ഘടകങ്ങൾ പോലെ.
4. സന്ദർഭം ഉള്ള ഉള്ളടക്കം
തുടക്കത്തിൽ, വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പങ്ങൾക്ക് പ്രതികരിക്കുന്ന സൈറ്റുകളുടെ ലേഔട്ട് എന്ന ആശയത്തെ പ്രതികരിച്ചാണ് പ്രതികരിച്ച വെബ് ഡിസൈൻ അതിന്റെ പേര് സ്വീകരിച്ചത്, എന്നാൽ നിങ്ങൾക്കതു സ്ക്രീൻ വലിപ്പത്തേക്കാൾ വളരെ പ്രതികരിക്കാൻ കഴിയും. ഒരു ഉപകരണത്തിന്റെ കരുത്തും ബലഹീനതയും ഉപയോഗിക്കുന്നതിന്റെ മുൻകാല ഉദാഹരണത്തിൽ നിങ്ങൾ കെട്ടിപ്പടുക്കുക, നിങ്ങളൊരു വെബ്സൈറ്റ് അനുഭവം യഥേഷ്ടമാക്കുന്നതിന് തീയതിയും സമയവും പോലുള്ള മറ്റ് ഡാറ്റയും ഉപയോഗിക്കും.
ഒരു വലിയ വ്യാപാര ഷോ പരിപാടിക്ക് ഒരു വെബ്സൈറ്റ് സങ്കൽപ്പിക്കുക. പ്രതികരിക്കുന്ന വെബ്സൈറ്റിനെ വ്യത്യസ്ത സ്ക്രീനുകളുമായി സ്കെയിൽ ചെയ്യുന്നതിനായി സൈറ്റിലെ പേജുകളുടെ ലേഔട്ട് മാറ്റുന്ന സമയത്ത്, ഏത് ഉള്ളടക്കമാണ് പ്രദർശിപ്പിക്കേണ്ടത് എന്നറിയാൻ നിങ്ങൾക്ക് തീയതിയും ഉപയോഗിക്കാം. ഇവന്റിനുമുമ്പുള്ള കാലാവധിയാണെങ്കിൽ രജിസ്ട്രേഷൻ വിവരങ്ങൾ പ്രദർശിപ്പിക്കാൻ നിങ്ങൾ ആഗ്രഹിക്കും. എന്നിരുന്നാലും, ആ പരിപാടി യഥാർത്ഥത്തിൽ ആ നിമിഷം സംഭവിക്കുകയാണെങ്കിൽ, രജിസ്ട്രേഷൻ ഏറ്റവും പ്രധാനപ്പെട്ട ഉള്ളടക്കം ആയിരിക്കില്ല. പകരം, ആ ദിവസത്തിന്റെ ഷെഡ്യൂൾ സംഭവങ്ങൾ കൂടുതൽ നിർണായകമാകും, കാരണം ആ ഉപയോക്താവിൻറെ അടിയന്തിരാവശ്യങ്ങൾ കൂടുതൽ പ്രസക്തമാകും.
ഒരു പടികൾ കൂടുതൽ മനസിലാക്കുക, അവർ വാസ്തവത്തിൽ ട്രേഡ് ഷോയിൽ എവിടെയാണെന്ന് നിർണ്ണയിക്കാൻ ഒരു ഉപകരണത്തിന്റെ ജിപിഎസ് ടാപ്പുചെയ്യാം. ആരംഭിക്കുന്നതിനായി അവരെ സമീപത്തുള്ള ബൂത്തുകളോ സെഷനുകളോ കാണിച്ചുകൊടുക്കുകയോ അവരുടെ ലൊക്കേഷനെ അടിസ്ഥാനമാക്കിയുള്ള സംവേദനാത്മകമായ ഉള്ളടക്കം നൽകാം.
5. പ്രവേശനക്ഷമത
ഒരു സന്ദര്ശകന്റെ ആവശ്യങ്ങള്ക്ക് ഒരു സൈറ്റിന് എങ്ങനെ പ്രതികരിക്കാന് കഴിയും എന്നതിനുള്ള അന്തിമ ഉദാഹരണമാണ് വെബ്സൈറ്റ് പ്രവേശനക്ഷമതയെക്കുറിച്ച് ചിന്തിക്കുക. വൈകല്യമുള്ളവരെ ഉൾപ്പെടെ, കഴിയുന്നത്ര ആളുകളാൽ വെബ്സൈറ്റുകൾ ഉപയോഗിക്കാൻ കഴിയണം. ഒരു സ്ക്രീൻ റീഡർ അല്ലെങ്കിൽ മറ്റേതെങ്കിലും സഹായ സോഫ്റ്റ്വെയർ ആവശ്യമുള്ള ഒരാൾക്ക് നിങ്ങളുടെ വെബ്സൈറ്റ് ഉപയോഗിക്കാൻ കഴിയും. ഈ രീതിയിൽ, നിങ്ങളുടെ സൈറ്റ് അവരുടെ ആവശ്യങ്ങൾക്ക് പ്രതികരിക്കുന്നതിനാൽ, അപ്രാപ്തമാക്കിയ സന്ദർശകർക്ക് വ്യത്യസ്തമായിരിക്കുമ്പോൾ അനുഭവം ഇപ്പോഴും അനുയോജ്യമാണെന്ന് നിങ്ങൾ ഉറപ്പുവരുത്തി.
കഴിയുന്നത്ര ഡാറ്റ പോയിൻറുകളെ പ്രതികരിക്കുന്നതിന് മാത്രമല്ല, സൈറ്റിന്റെ വലുപ്പത്തെ മാത്രം പ്രതിഫലിപ്പിക്കുന്നതിലൂടെ, ഒരു വെബ്സൈറ്റ് വളരെ ലളിതമായി "മൊബൈൽ ഫ്രണ്ട്ലി" എന്നതിനേക്കാൾ വളരെ കൂടുതലാകാം. വാക്യത്തിന്റെ എല്ലാ അർത്ഥത്തിലും ഇത് യഥാർത്ഥത്തിൽ പ്രതികരിക്കുന്ന അനുഭവമായിരിക്കും.