മൾട്ടി ഡിവൈസ് പ്രേക്ഷകർക്കായി വെബ് ഡിസൈൻ

എല്ലാ സന്ദർശകർക്കും പ്രതികരിക്കുന്ന വെബ് അനുഭവം എങ്ങനെ മെച്ചപ്പെടുത്തും

ഒരു നിമിഷം എടുത്ത് വെബ്സൈറ്റുകൾ കാണുന്നതിന് നിങ്ങൾ ഉപയോഗിക്കുന്ന എല്ലാ ഉപകരണത്തേയും കുറിച്ച് ചിന്തിക്കുക. നിങ്ങൾ മിക്ക ആളുകളെയും പോലെ ആണെങ്കിൽ, കഴിഞ്ഞ കുറച്ച് വർഷങ്ങളായി ഈ ലിസ്റ്റ് വളർന്നു. സ്മാർട്ട്ഫോണുകൾ, ടാബ്ലെറ്റുകൾ, വെയറബിൾ ഉപകരണങ്ങൾ, ഗെയിമിംഗ് സിസ്റ്റങ്ങൾ എന്നിവയും അതിൽ കൂടുതലും കഴിഞ്ഞ ഏതാനും വർഷങ്ങളായി പ്രാധാന്യം നേടിയിട്ടുള്ള ഉപകരണങ്ങൾക്കൊപ്പം ഇത് ഒരു ഡെസ്ക്ടോപ്പ് അല്ലെങ്കിൽ / അല്ലെങ്കിൽ ലാപ്ടോപ്പ് കമ്പ്യൂട്ടർ പോലെയുള്ള പരമ്പരാഗത ഉപകരണങ്ങളിൽ ഉൾപ്പെടുന്നു. ഇന്റർനെറ്റിൽ കണക്റ്റുചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്ന വീട്ടുപകരണമോ നിങ്ങളുടെ കാറിൽ ഒരു സ്ക്രീനോ ഉണ്ടായിരിക്കാം! അടിവരയിട്ട് ഉപകരണത്തിന്റെ ഭൂപ്രഭു വലുപ്പവും കൂടുതൽ വൈവിധ്യപൂർണ്ണവുമാണ് എന്നർഥം, അതായത് വെബിൽ ഇന്ന് വ്യാപകമാക്കാൻ (ഭാവിയിൽ), വെബ്സൈറ്റുകൾ പ്രതികരിക്കുന്ന സമീപന രീതിയും CSS മീഡിയ ചോദ്യങ്ങളും ഉപയോഗിച്ച് നിർമ്മിക്കേണ്ടതുണ്ട്. ആളുകൾ ഈ വ്യത്യസ്ത ഉപകരണങ്ങളെ ഒരു വെബ് ബ്രൌസിംഗ് അനുഭവമായി കൂട്ടിച്ചേർക്കും.

മൾട്ടി-ഡിവൈസ് ഉപയോക്താവിനെ നൽകുക

നമ്മൾ പ്ലേ ചെയ്തതായി കണ്ട ഒരു സത്യം, ആളുകൾക്ക് വെബിലേക്ക് പ്രവേശിക്കാൻ ഒന്നിലധികം മാർഗങ്ങളുണ്ടെങ്കിൽ അവർ അത് ഉപയോഗിക്കും എന്നതാണ്. വെബ്സൈറ്റിന്റെ ഉള്ളടക്കം ആക്സസ് ചെയ്യുന്നതിനുള്ള വ്യത്യസ്ത ഉപകരണങ്ങളടങ്ങിയ ആളുകളെയാണ് മാത്രമല്ല, ആ വ്യക്തി വ്യത്യസ്ത ഉപകരണങ്ങൾ ഉപയോഗിച്ച് ഒരേ സൈറ്റ് സന്ദർശിക്കുന്നു. ഇവിടെയാണ് "മൾട്ടി-ഡിവൈസ്" ഉപയോക്താവെന്ന ആശയം വരുന്നത്.

ഒരു സാധാരണ മൾട്ടി-ഡിവൈസ് സിനാരിയോ

ഓരോ ദിവസവും നിരവധി ആളുകൾ അനുഭവിക്കുന്ന ഒരു സാധാരണ വെബ് ആശയവിനിമയത്തെക്കുറിച്ച് ചിന്തിക്കുക - ഒരു പുതിയ വീട് കണ്ടെത്തുന്നതിനായി റിയൽ എസ്റ്റേറ്റ് വെബ്സൈറ്റുകൾ ബ്രൌസ് ചെയ്യുന്നത്. ഈ അനുഭവം ഒരു ഡെസ്ക്ടോപ്പ് കമ്പ്യൂട്ടറിൽ ആരംഭിച്ചേക്കാം, അവിടെ ഒരാൾ അവർ അന്വേഷിക്കുന്നതിന്റെ മാനദണ്ഡത്തിൽ പ്രവേശിച്ച് ആ അന്വേഷണവുമായി പൊരുത്തപ്പെടുന്ന വ്യത്യസ്ത പ്രോപ്പർട്ടി ലിസ്റ്റിംഗുകൾ അവലോകനം ചെയ്യും. ദിവസത്തിൽ, ഈ വ്യക്തി അവരുടെ മൊബൈൽ ഉപകരണത്തിൽ നിർദ്ദിഷ്ട പ്രോപ്പർട്ടികളിലേക്ക് നോക്കാവുന്നതാണ്, അല്ലെങ്കിൽ അവരുടെ തിരയൽ പാരാമീറ്ററുകളുമായി പൊരുത്തപ്പെടുന്ന പുതിയ ലിസ്റ്റിംഗുകൾക്കായി അവ അവരുടെ ഇമെയിലിലേക്ക് (അവരുടെ മൊബൈൽ ഉപകരണത്തിൽ അവർ പരിശോധിക്കും) അവ ലഭിക്കും. ആ അലേർട്ടുകൾ ഒരു ധരിക്കാനാവുന്ന ഉപകരണത്തിലേക്ക്, ഒരു സ്മാർട്ട്വാച്ച് പോലെ, ആ ചെറിയ സ്ക്രീനിൽ അടിസ്ഥാന വിവരങ്ങൾ അവലോകനം ചെയ്യാൻ കഴിയും.

വ്യത്യസ്ത പ്രോസസ് കംപ്യൂട്ടറിൽ, ഒരുപക്ഷേ അവരുടെ ഓഫീസിൽ നിന്ന് ഒരുപക്ഷേ, സൈറ്റിലേക്കുള്ള കൂടുതൽ സന്ദർശനങ്ങളിലൂടെ ഈ പ്രക്രിയ തുടർന്നാവും. ആ വൈകുന്നേരം, ആ പ്രോപ്പർട്ടികളിൽ അവരുടെ ഫീഡ്ബാക്ക് ലഭിക്കുന്നതിന് അവരുടെ കുടുംബത്തിന് പ്രത്യേകിച്ച് രസകരമായ ഏതെങ്കിലും പട്ടികകൾ കാണിക്കാൻ ടാബ്ലെറ്റ് ഉപകരണം ഉപയോഗിച്ചേക്കാം.

ഈ സാഹചര്യത്തിൽ, ഞങ്ങളുടെ വെബ്സൈറ്റ് കസ്റ്റമർ ഒരേ സൈറ്റ് സന്ദർശിക്കാനും സമാനമായ ഉള്ളടക്കത്തിൽ നോക്കാനും നാല് അല്ലെങ്കിൽ അഞ്ച് വ്യത്യസ്ത ഉപകരണങ്ങൾ, വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പങ്ങൾ എന്നിവ ഉപയോഗിച്ചേക്കാം. ഇത് ഒരു മൾട്ടി-ഡിവൈസ് ഉപയോക്താവാണ്, അവർ സന്ദർശിക്കുന്ന വെബ്സൈറ്റ് ഈ വ്യത്യസ്ത സ്ക്രീനുകളിൽ അവയെ ഉൾക്കൊള്ളിക്കുന്നില്ലെങ്കിൽ, അവ വെറുതെ ഉപേക്ഷിക്കുകയും കണ്ടെത്തുന്ന ഒന്ന് കണ്ടെത്തുകയും ചെയ്യും.

മറ്റ് കാഴ്ചകൾ

സൈറ്റ് ഉപയോഗിച്ച് മൊത്തത്തിലുള്ള അനുഭവത്തിൽ ഉപയോക്താക്കൾക്ക് ഉപകരണത്തിൽ നിന്ന് ഉപകരണത്തിലേക്ക് എത്തിച്ചേരുന്നതിനുള്ള ഒരു ഉദാഹരണമാണ് റിയൽ എസ്റ്റേറ്റിനായി തിരയുന്നത്. മറ്റ് ഉദാഹരണങ്ങളിൽ ഇവ ഉൾപ്പെടുന്നു:

• ഒരു വാഹനം വാങ്ങാൻ ഒരു വാഹനത്തിനായി തിരയുന്നു
• ഒരു അവധിക്കാലം ആസൂത്രണം ചെയ്യുക
• വാർത്താ വായനകൾ വായിക്കുക
• ഹോം മെച്ചപ്പെടുത്തൽ ആശയങ്ങൾ ഗവേഷണം
• പ്രാദേശിക കോൺട്രാക്ടർമാർ / സേവനങ്ങൾക്കായി തിരയുന്നു
• ഒരു കല്യാണം അല്ലെങ്കിൽ മറ്റ് വലിയ ഇവന്റ് ആസൂത്രണം ചെയ്യുക
• സ്പോർട്സ് ടീമിനെ അല്ലെങ്കിൽ കായിക സംഭവത്തെ തുടർന്ന്

ഈ ഓരോ കേസിലും, വെബ് അനുഭവം ഒന്നിലധികം സെഷനുകളിലേക്ക് നീട്ടാനുള്ള സാധ്യതയുണ്ട്, അതായത് ഒരു ഉപയോക്താവ് ഏത് സമയത്തും അവർക്ക് സൗകര്യപ്രദമായ രീതിയിലുള്ള വ്യത്യസ്ത ഉപകരണങ്ങൾ ഉപയോഗിക്കുന്നതിനുള്ള അവസരമുണ്ട്.

പിന്തുടരാനുള്ള മികച്ച നടപടികൾ

ഇന്നത്തെ വെബ്സൈറ്റുകൾ പ്രേക്ഷകരെ വർദ്ധിപ്പിക്കുന്നതിനായി ഒന്നിലധികം ഉപാധികളോട് ആവശ്യപ്പെടുന്നുവെങ്കിൽ, ആ സൈറ്റുകൾ ശരിയായ രീതിയിൽ ഈ സന്ദർശകരെ കൈകാര്യം ചെയ്യാൻ തയ്യാറാണെന്നും തിരയൽ എഞ്ചിനുകളിൽ അവർ മികച്ചരീതിയിൽ മികച്ച നിലവാരം പുലർത്താൻ തയ്യാറാണെന്നും ഉറപ്പാക്കാൻ ചില അടിസ്ഥാന തത്വങ്ങളും മികച്ച സമ്പ്രദായങ്ങളും ഉണ്ട്.

• പ്രതികരിക്കുന്ന വെബ്സൈറ്റ് - വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പങ്ങൾക്കായി രൂപകൽപ്പന ചെയ്യാനും മാറ്റാനുമുള്ള ഒരു പ്രതികരിക്കുന്ന വിന്യാസം ഇപ്പോൾ ലഭ്യമായ വെബ് കണക്റ്റുചെയ്തിട്ടുള്ള ഉപകരണങ്ങളുടെ വൈവിധ്യത്തെ പിന്തുണയ്ക്കുന്നതിൽ നിർണ്ണായകമാണ്.
• എല്ലാ ഉള്ളടക്കവും ലഭ്യമായിരിക്കണം - ഒരു ഉപകരണത്തിൽ സൈറ്റ് സന്ദർശിക്കുമ്പോൾ ആരെങ്കിലും നിർദ്ദിഷ്ട ഉള്ളടക്കമോ ഫീച്ചറുകളോ ആക്സസ്സുചെയ്യാൻ കഴിയുമെങ്കിൽ, മറ്റ് ഉപകരണങ്ങളിൽ അവ തിരികെ ലഭിക്കുമ്പോൾ ആ ആപ്സും ലഭ്യമാകും. ഓരോ ഉപകരണത്തിനും ഉചിതമായ രീതിയിൽ ഉള്ളടക്കം സമർപ്പിക്കേണ്ടതാണ്, എന്നാൽ ചില ഉപകരണങ്ങളിൽ ഉള്ളടക്കമൊന്നും "മറഞ്ഞിരിക്കുക" അല്ലെങ്കിൽ "ഓഫാക്കിയിട്ടില്ല".
• വായനാക്ഷമതാ താക്കോൽ - ഒരു വെബ്സൈറ്റിനെ സന്ദർശിക്കാൻ ഏതുതരം ഉപകരണങ്ങളോ വലിപ്പമോ സ്ക്രീനോ ഉപയോഗിക്കുമ്പോഴെങ്കിലും ആ സൈറ്റ് വളരെ എളുപ്പമാണ്. ഇതിനർത്ഥം ടൈപ്പോഗ്രാഫി ഒരു പ്രധാന ഡിസൈൻ ഘടകമാണ്. ഒരു സൈറ്റിന്റെ ഉള്ളടക്കം വായിക്കുന്നതിൽ ആരെങ്കിലും കഠിനമായി സമയം ഉണ്ടെങ്കിൽ, അവർ മൊത്തത്തിൽ സൈറ്റ് വിടാൻ സാധ്യതയുണ്ട്.
• വൈവിനണിക്ക് അനുസൃതമായി - ഓരോ വ്യത്യസ്ത സ്ക്രീൻ വലുപ്പത്തിലും ലഭ്യമാക്കിയ വിതാനം വ്യത്യസ്തമായിരിക്കും, ഒരു ഉപകരണത്തിൽ നിന്ന് മറ്റൊന്നിലേക്ക് പൊരുത്തപ്പെടണം. മൊത്തത്തിലുള്ള അനുഭവം ബന്ധിപ്പിക്കേണ്ടതുണ്ട്, അതിനാൽ ഉപയോക്താക്കൾക്ക് അവർ ഒരു പുതിയ സ്ക്രീനിൽ സന്ദർശിക്കുമ്പോഴെല്ലാം ഈ സൈറ്റ് റിലീസ് ചെയ്യേണ്ടതില്ല.

• പ്രകടനം മുൻഗണന നൽകൽ - വെബ്സൈറ്റുകൾ വേഗത്തിൽ ലോഡ് ചെയ്ത് മികച്ച ഡൌൺലോഡ് വേഗതയിൽ കുറഞ്ഞ മൊബൈൽ ഉപാധികൾ ഉൾപ്പെടെയുള്ള എല്ലാ ഉപകരണങ്ങളിലും നന്നായി പ്രവർത്തിക്കും. ഒരു സൈറ്റിന്റെ ഡിസൈൻ, ഡവലപ്മെന്റിന്റെ എല്ലാ വശങ്ങളിലും മൊത്തത്തിലുള്ള വെബ്സൈറ്റ് പ്രകടനം മുൻഗണനയായിരിക്കണം - ഒരു വെബ്സൈറ്റും വളരെ വേഗത്തിൽ ലോഡ് ചെയ്തോ അല്ലെങ്കിൽ നന്നായി പ്രവർത്തിക്കുന്നുവെന്നോ ആരും പറയുകയില്ല!

എഡിറ്റുചെയ്തത് ജെറമി ഗിർാർഡ് ഓൺ 1/26/17