ഐഫോണിന്റെ വെബ് പേജുകൾ എങ്ങനെ ഫ്ലിപ് ചെയ്യാനും വിപുലീകരിക്കാനും സാധിക്കുമെന്ന് നിങ്ങൾക്കറിയാം. നിങ്ങൾക്ക് ഒറ്റനോട്ടത്തിൽ മുഴുവൻ വെബ് പേജും കാണിക്കാൻ കഴിയും അല്ലെങ്കിൽ നിങ്ങൾക്ക് വായിക്കാൻ താല്പര്യമുള്ള പാഠം സൃഷ്ടിക്കാനായി സൂം ചെയ്യുക. ഒരു അർത്ഥത്തിൽ, ഐഫോൺ സഫാരി ഉപയോഗിക്കുന്നതിനാൽ, വെബ് ഡിസൈനർമാർക്ക് ഐഫോണിൽ പ്രവർത്തിക്കുന്ന ഒരു വെബ് പേജ് സൃഷ്ടിക്കാൻ പ്രത്യേകമായി ഒന്നും ചെയ്യേണ്ടതില്ല.
എന്നാൽ നിങ്ങളുടെ പേജ് പ്രവർത്തിക്കാൻ നിങ്ങൾ ശരിക്കും ആഗ്രഹിക്കുന്നുണ്ടോ? മിക്ക ഡിസൈനർമാരും അവരുടെ പേജുകൾ പ്രകാശിക്കും!
നിങ്ങൾ ഒരു വെബ് പേജ് സൃഷ്ടിക്കുമ്പോൾ , അത് ആരാണ് കാണാൻ പോകുന്നത്, അവർ അത് എങ്ങനെ കാണാൻ പോകുന്നു എന്നതിനെക്കുറിച്ച് ചിന്തിക്കണം. റെസല്യൂഷൻ, കളർ ഓപ്ഷനുകൾ, ലഭ്യമായ ഫംഗ്ഷനുകൾ എന്നിവ ഉൾപ്പെടെ പേജ് കണ്ടുകൊണ്ടിരിക്കുന്ന ഏതുതരം ഉപകരണത്തെക്കുറിച്ചും ചില മികച്ച സൈറ്റുകൾ കണക്കിലെടുക്കുന്നു. അവർ അതിനെ കണ്ടെത്തുന്നതിന് ഉപകരണത്തിൽ മാത്രം ആശ്രയിക്കുകയില്ല.
മൊബൈൽ ഡിവൈസുകൾക്കു് ഒരു സൈറ്റ് നിർമ്മിയ്ക്കുന്നതിനുള്ള പൊതു മാർഗ്ഗനിർദ്ദേശങ്ങൾ
- നിങ്ങൾക്ക് കഴിയുന്നത്ര ഉപകരണങ്ങളിൽ പരീക്ഷിക്കുക. നിങ്ങൾ ചെയ്യേണ്ട കാര്യം ആദ്യം ഒരു ഐഫോണിന്റെയും നിങ്ങൾക്ക് വ്യത്യസ്ത മൊബൈൽ ഉപാധികളുടെയും എമുലറ്ററുകളിലൂടെയും നിങ്ങളുടെ സൈറ്റ് കാണാൻ കഴിയും. നിങ്ങളുടെ എല്ലാ ടെസ്റ്റിംഗിനും എഎംഎഫയറുകൾ ഉപയോഗിക്കാമെങ്കിലും, ചെറിയ ചെറിയ സ്ക്രീനിൽ ഒരു വെബ്സൈറ്റ് വഴി നാവിഗേറ്റുചെയ്യാൻ ശ്രമിക്കുന്ന അതേ അനുഭവമാണ് അവർ നൽകുന്നത്, അതിനാൽ യഥാർത്ഥ ഉപകരണങ്ങളിൽ കഴിയുന്നത്ര പരീക്ഷിക്കുക.
- നിങ്ങളുടെ പേജുകൾ മനോഹരമായി മാറ്റുക. നിങ്ങൾക്ക് ഫ്ലാഷ്-പ്രാപ്തമാക്കിയ, വൈഡ് സ്ക്രീൻ ബ്രൌസറുകൾക്കായി നിങ്ങളുടെ പേജുകൾ എഴുതാം, എന്നാൽ ഏതെങ്കിലും പ്രത്യേക ഫീച്ചറുകളെ (കുക്കികൾ, അജാക്സ്, ഫ്ലാഷ്, JavaScript തുടങ്ങിയവ പോലുള്ളവ) കൈകാര്യം ചെയ്യാൻ കഴിയുന്ന ഒരു ചെറിയ മോണിറ്ററിൽപ്പോലും ഗുരുതരമായ വിവരങ്ങൾ ദൃശ്യമാണെന്ന് ഉറപ്പുവരുത്തുക. XHTML ബേസിക് അപ്പുറം എന്തും സെൽ ഫോണുകൾക്ക് അപ്പുറത്തുള്ളതായിരിക്കും. മിക്ക സ്മാർട്ട്ഫോണുകൾക്കും ഈ കാര്യങ്ങൾ കൈകാര്യം ചെയ്യാനാകുമെങ്കിലും (ഐഫോണിന്റെ ഫ്ലാഷ് ഒഴികെ). മറ്റ് മൊബൈലുകളിൽ ഇത് സാധ്യമല്ല.
- ഒരു വയർലെസ്സ് നിർദ്ദിഷ്ട പേജ് നിർമ്മിക്കുക - കണ്ടെത്തുന്നത് എളുപ്പമാക്കുക. നിങ്ങളുടെ സെൽ ഫോണിനും വയർലെസ് ഉപഭോക്താക്കൾക്കുമായി ഒരു പ്രത്യേക പേജ് നിർമ്മിക്കാൻ പോകുകയാണെങ്കിൽ അത് ലഭ്യമാക്കുക. നിങ്ങളുടെ ഡോക്യുമെന്റിൽ ഏറ്റവും മുകളിലായി വയർലെസ് പേജിലേക്ക് ലിങ്ക് വെയ്ക്കണം, തുടർന്ന് ആ കൈ പിടിച്ചാൽ മീഡിയാ ടൈപ്പ് ഉപയോഗിച്ച് നോൺ-ഹാൻഡ്ഡ് ഡിവൈസുകളിൽ നിന്ന് ആ ലിങ്ക് മറയ്ക്കുക എന്നതാണ് നല്ലൊരു മാർഗ്ഗം. എല്ലാത്തിനുമുപരി, മിക്ക ആളുകളും നിങ്ങളുടെ സെൽ ഫോണുകളിൽപ്പോലും നിങ്ങളുടെ ഹോം പേജിലേക്ക് വരികയും നിങ്ങളുടെ വയർലെസ്സ് പേജിലേക്കുള്ള ലിങ്ക് ഇല്ലെങ്കിലോ, പേജ് ഉപയോഗിക്കാൻ പ്രയാസമുണ്ടാകില്ലെങ്കിൽ അവ ഉപേക്ഷിക്കും.
സ്മാർട്ട്ഫോണുകൾക്കുള്ള വെബ് പേജ് ലേഔട്ട്
നിങ്ങൾ സ്മാർട്ട്ഫോൺ മാര്ക്കറ്റിനായി പേജുകൾ എഴുതുമ്പോൾ നിങ്ങൾ ഓർമ്മിക്കേണ്ട ആദ്യ കാര്യം നിങ്ങൾ ആഗ്രഹിക്കുന്നില്ലെങ്കിൽ എന്തെങ്കിലും മാറ്റങ്ങൾ വരുത്താൻ ഇല്ല എന്നതാണ്. നിങ്ങളുടെ വെബ് പേജുകൾ വെബ് പേജുകൾ പ്രദർശിപ്പിക്കുന്നതിന് വെബ്കിറ്റ് ബ്രൌസറുകൾ (Android, iOS- ലും Chrome- ലും ഉള്ള Safari) വെബ് പേജുകൾ പ്രദർശിപ്പിക്കുന്നതിന് സഹായിക്കുന്നു, അതിനാൽ നിങ്ങളുടെ പേജ് സഫാരിയിൽ അല്ലെങ്കിൽ Chrome- ൽ ശരിയായി തോന്നുകയാണെങ്കിൽ, അത് മിക്ക സ്മാർട്ട്ഫോണുകളിലും മികച്ചതായിരിക്കും (ഇത് വളരെ ചെറുതാണ് ). എന്നാൽ ബ്രൗസിംഗ് അനുഭവം കൂടുതൽ മനോഹരമാക്കാൻ നിങ്ങൾക്ക് ചെയ്യാൻ കഴിയുന്ന കാര്യങ്ങൾ ഉണ്ട്:
- സ്മരണ ചെറുതാണെന്ന് ഓർക്കുക. സ്മാർട്ട്ഫോണുകൾ ആ നിരകൾ ചെറിയ വിൻഡോയിലേക്ക് ചുരുക്കി, ഇത് സൂമിങ്ങ് ഇല്ലാതെ വായന വളരെ ബുദ്ധിമുട്ടാക്കും. മിക്ക ഉപയോക്താക്കളും സൂമിംഗിന് ഉപയോഗിക്കുന്നതാണ്, എന്നാൽ ഇത് ടിയർമോം ലഭിക്കും. വായനയുടെ ഒരു നീണ്ട നിര വായിക്കാൻ എളുപ്പമാണ്.
- പേജുകൾ ചെറിയ കഷണങ്ങളായി വിഭജിക്കുക. സെൽ ഫോണിലെ ദൈർഘ്യമേറിയ സെഗ്മെന്റുകൾ വായിക്കാൻ ബുദ്ധിമുട്ടാണ്, അതിനാൽ അവയെ ഒന്നിലധികം പേജുകളിൽ ഇട്ട് വായിക്കാൻ എളുപ്പമാക്കുന്നു.
ഐഫോണിലും ലിങ്കുകളും നാവിഗേഷനും
- ചെറുതും ലളിതവുമായ URL കൾ ആണ്. സെൽ ഫോണിലെ ഒരു URL ൽ ടൈപ്പുചെയ്യാൻ നിങ്ങൾ എപ്പോഴെങ്കിലും ശ്രമിച്ചെങ്കിൽ, അത് വേദനയാണെന്ന് നിങ്ങൾക്ക് മനസിലാക്കാം (ഒരുപാട് ടെക്സ്റ്റ് സന്ദേശങ്ങൾ അയയ്ക്കാൻ ഉപയോഗിച്ച കൗമാരപ്രായക്കാർക്ക് വേണ്ടി). IPhone- ലുടനീളം പോലും ദൈർഘ്യമേറിയ URL- കളിൽ ടൈപ്പുചെയ്യുന്നത് വളരെ ബുദ്ധിമുട്ടുള്ള കാര്യമാണ്. അവ ചെറുതായി നിലനിർത്തുക.
- പക്ഷേ ദൈർഘ്യമേറിയ ലിങ്ക് വാചകം എളുപ്പം ടാപ്പുചെയ്യുക. വ്യത്യസ്ത പേജുകൾ വ്യത്യസ്ത ലേഖനങ്ങളുമായി ബന്ധിപ്പിക്കുന്ന ഒരു പേജിലായിരിക്കുമ്പോൾ പരസ്പരം വലത് വശത്ത് പരസ്പരം ബന്ധപ്പെടുമ്പോൾ, അത് സൂമില്ലാതെ ശരിയായത് ടാപ്പുചെയ്യാൻ വളരെ പ്രയാസമാണ്. പലരും വെറുതെ ഉപേക്ഷിച്ച് മറ്റെവിടെയെങ്കിലും പോകും. 3-5 വാക്കുകളുള്ള ലിങ്കുകൾ 1-വേഡ് ലിങ്കുകളേക്കാൾ ഫോണിൽ എളുപ്പത്തിൽ ക്ലിക്കുചെയ്യാം.
- സ്ക്രീനിന്റെ മുകളിൽ നിങ്ങളുടെ നാവിഗേഷൻ ചെയ്യരുത്. നിങ്ങൾക്കാവശ്യമുള്ള വിവരങ്ങൾ കണ്ടെത്തുന്നതിന് സ്ക്രീനുകളിലൂടെയും ലിങ്കുകളുടെ സ്ക്രീനുകളിലൂടെയുമുള്ള പേജിൽ കൂടുതൽ ബുദ്ധിമുട്ടുകൾ ഉണ്ടാകില്ല. സെൽ ഫോണുകൾക്കായി രൂപകൽപ്പന ചെയ്തിരിക്കുന്ന വെബ് പേജുകൾ നിങ്ങൾ പരിശോധിക്കുകയാണെങ്കിൽ, കാണിക്കുന്ന ആദ്യ കാര്യങ്ങൾ ഉള്ളടക്കവും ശീർഷകവും ആണെന്ന് നിങ്ങൾ കാണും. അതിനുശേഷം നാവിഗേഷനാണ്.
- നിങ്ങളുടെ നാവിഗേഷൻ മറയ്ക്കാൻ ഭയപ്പെടരുത്. CSS അല്ലെങ്കിൽ JavaScript ഉപയോഗിച്ച് നാവിഗേഷൻ ലിങ്കുകൾ മറയ്ക്കുകയും ഉപയോക്താക്കൾക്ക് ആവശ്യപ്പെടുമ്പോൾ മാത്രമേ അവ ദൃശ്യമാകുകയുള്ളൂ സ്മാർട്ട്ഫോൺ ഉപയോക്താക്കൾക്കായി പേജ് എളുപ്പമാക്കുന്നതിനുള്ള മാർഗമാണ്.
സ്മാർട്ട്ഫോണുകളിലെ ചിത്രങ്ങൾക്കുള്ള നുറുങ്ങുകൾ
- ചിത്രങ്ങൾ ചെറുതായിരിക്കണം. അതെ, Android- ഉം ഐഫോണും ഇമേജുകളിൽ സൂം ചെയ്യാനും അൺസമ്മുചെയ്യാനും കഴിയും, എന്നാൽ ചെറുതും വലുതുമായ രണ്ട് വലുപ്പങ്ങളിലും ഡൌൺലോഡിലുമൊക്കെയാണെങ്കിൽ, നിങ്ങളുടെ വയർലെസ് ഉപഭോക്താക്കൾക്ക് സന്തോഷമാകും. ഇമേജുകൾ ഒപ്റ്റിമൈസ് ചെയ്യുന്നത് എല്ലായ്പ്പോഴും നല്ല ആശയമാണ്, എന്നാൽ സെൽ ഫോൺ പേജുകൾക്ക് അത് വളരെ വിമർശനമാണ്.
- ചിത്രങ്ങൾ വേഗത്തിൽ ഡൗൺലോഡ് ചെയ്യണം. ഒരു മൊബൈൽ ഉപകരണത്തിൽ നിന്ന് നിങ്ങൾ വെബ് പേജുകളിൽ കാണുന്ന സമയത്ത് ചിത്രങ്ങൾ ധാരാളം സ്ഥലമെടുക്കുന്നു. അവർ മിക്കപ്പോഴും സൌന്ദര്യമുള്ളപ്പോൾ ഒരു മുഴുവൻ-സ്ക്രീൻ വെബ് ബ്രൌസറിൽ കണ്ടപ്പോൾ പേജുകൾ കൂടുതൽ മെച്ചപ്പെടുത്തുമ്പോൾ, അവർ പലപ്പോഴും ഒരു മൊബൈലിലെ വഴിയാണ് ലഭിക്കുന്നത്. സെല്ലുലാർ നെറ്റ്വർക്കിൽ ഒരു സ്മാർട്ട്ഫോൺ ഉപയോക്താവ് ഉണ്ടായിരിക്കുമ്പോൾ, അവർ പണമടയ്ക്കാനാഗ്രഹിക്കുന്ന അവസാന ഇനം വലിയ ചിത്രങ്ങൾ അല്ലെങ്കിൽ നാവിഗേഷൻ ഐക്കണുകൾ ഒരു കൂട്ടം ഡൌൺലോഡ് ചെയ്യുകയാണ്.
- പേജിന്റെ മുകളിലുള്ള വലിയ ഇമേജുകൾ ഇടുക ചെയ്യരുത്. നാവിഗേഷനുള്ളതുപോലെ തന്നെ, 3-4 സ്ക്രീനാളുകൾ എടുക്കുന്ന ഒരു ഇമേജിനായി കാത്തിരിക്കാൻ വളരെ ബുദ്ധിമുട്ടുണ്ടാകാം. ഇത് വെബ് പേജുകളിൽ വളരെ സാധാരണമാണ്. വായനക്കാർക്ക് അവർ ഒരു ഇമേജ് ലഭിക്കുമ്പോഴാണ് ഒരു ഫോട്ടോ ലഭിക്കാൻ പോകുന്നത്, ഒരു ഫോട്ടോ ഗ്യാലറിയിൽ പറയുക എന്നതാണെങ്കിൽ മാത്രമേ ഇത് ഉപയോഗിക്കാവൂ.
മൊബൈൽ രൂപകൽപ്പന ചെയ്യുമ്പോൾ ഒഴിവാക്കേണ്ടത് എന്താണ്
ഒരു മൊബൈൽ സൗഹാർദ്ദ പേജ് നിർമ്മിക്കുമ്പോൾ നിരവധി കാര്യങ്ങൾ നിങ്ങൾ ഒഴിവാക്കേണ്ടതുണ്ട്. മുകളിൽ സൂചിപ്പിച്ചതുപോലെ, നിങ്ങളുടെ പേജിൽ ഇത് ശരിക്കും ചെയ്യണമെങ്കിൽ, നിങ്ങൾക്ക് കഴിയൂ, എന്നാൽ സൈറ്റ് കൂടാതെ അവർക്ക് പ്രവർത്തിക്കുന്നുണ്ടെന്ന് ഉറപ്പുവരുത്തുക.
- ഫ്ലാഷ് - മിക്ക മൊബൈൽ ഫോണുകളും ഫ്ലാഷ് പിന്തുണയ്ക്കുന്നില്ല, അതിനാൽ നിങ്ങളുടെ വയർലെസ് പേജുകളിൽ ഇത് ഉൾപ്പെടുത്തുന്നത് നല്ലതല്ല.
- കുക്കികൾ - പല സെൽഫോണുകളിലും കുക്കി പിന്തുണയില്ല. ഐഫോൺക്ക് കുക്കി പിന്തുണ ഉണ്ട്.
- ഫ്രെയിമുകൾ - ബ്രൌസർ അവയെ പിന്തുണയ്ക്കുന്നുണ്ടെങ്കിലും, സ്ക്രീനിന്റെ അളവുകളെക്കുറിച്ച് ചിന്തിക്കുക. ഫ്രെയിമുകൾ മൊബൈൽ ഉപകരണങ്ങളിൽ പ്രവർത്തിക്കില്ല - അവ വായിക്കാൻ വളരെ പ്രയാസകരമോ അസാധ്യമോ ആകാം.
- പട്ടികകൾ - ഒരു മൊബൈൽ പേജിൽ ലേഔട്ടിനായി പട്ടികകൾ ഉപയോഗിക്കരുത്. പട്ടികയിൽ നിന്ന് ഒഴിവാക്കാൻ ശ്രമിക്കുക. ഓരോ സെൽഫോണിലും ഇവ പിന്തുണയ്ക്കുന്നില്ല (ഐഫോൺ, മറ്റ് സ്മാർട്ട്ഫോണുകൾ ഇവയെ പിന്തുണയ്ക്കുന്നുവെങ്കിലും) കൂടാതെ നിങ്ങൾക്ക് വിചിത്രമായ ഫലങ്ങൾ ലഭിക്കുകയും ചെയ്യും.
- പട്ടികയ്ക്കുള്ളിലെ പട്ടികകൾ - നിങ്ങൾ ഒരു പട്ടിക ഉപയോഗിക്കുകയാണെങ്കിൽ, അത് മറ്റൊരു പട്ടികയിൽ ചേർക്കാതിരിക്കാൻ ശ്രദ്ധിക്കുക. ഡെസ്ക്ടോപ്പ് ബ്രൌസറുകൾക്ക് ഇത് പിന്തുണയ്ക്കാൻ ബുദ്ധിമുട്ടാണ്, ഒപ്പം മികച്ച രീതിയിൽ പേജ് ലോഡ് കൂടുതൽ സാവധാനത്തിലാക്കുക.
- പൂർണ്ണമായ അളവുകൾ - മറ്റൊരു രീതിയിൽ പറഞ്ഞാൽ, വസ്തുക്കളുടെ അളവുകൾ പൂർണ്ണ വലുപ്പത്തിൽ (പിക്സലുകൾ, മില്ലിമീറ്ററുകൾ, അല്ലെങ്കിൽ ഇഞ്ചുകൾ) നിർവചിക്കുന്നില്ല. നിങ്ങൾ 100px വീതിയും, ഒരു മൊബൈൽ ഉപകരണത്തിൽ പകുതി സ്ക്രീൻ ആകാം, മറ്റൊന്നിൽ അത് രണ്ട് മടങ്ങ് വീതിയും ആയിരിക്കണം. ആപേക്ഷിക വലിപ്പങ്ങൾ (ems, percentages പോലെ) നന്നായി പ്രവർത്തിക്കുന്നു.
- ഫോണ്ടുകൾ - നിങ്ങൾ ആക്സസ് ചെയ്യാൻ ഉപയോഗിക്കുന്ന ഫോണ്ടുകളുടെ ഏതെങ്കിലും സെൽ ഫോണുകളിൽ ലഭ്യമാകുമെന്ന് കരുതരുത്.
കൂടുതല് വായിക്കുക
- നിങ്ങളുടെ വെബ്സൈറ്റ് മൊബൈല് ഫ്രണ്ട്ലി എങ്ങനെ ഉപയോഗപ്പെടുത്താം?