உங்கள் வேர்ட்பிரஸ் படிவங்கள் ஏன் மொபைல்-பதிலளிக்கக்கூடியதாக இருக்க வேண்டும்

மொத்த வலை போக்குவரத்தில் பாதிக்கும் மேற்பட்டவை மொபைல் சாதனங்களிலிருந்து வருகின்றன. உங்கள் படிவங்கள் தொலைபேசிகள் மற்றும் டேப்லெட்களில் சரியாக வேலை செய்யவில்லை என்றால், நீங்கள் ஒவ்வொரு நாளும் சமர்ப்பிப்புகளை இழக்கிறீர்கள் - மேலும் சாத்தியமான வாடிக்கையாளர்களையும் இழக்கிறீர்கள்.

இந்த வழிகாட்டியில், மொபைலுக்கு ஏற்ற படிவங்கள் ஏன் முக்கியம் என்பதையும், ஒரு படிவத்தை உண்மையிலேயே மொபைலுக்கு ஏற்றதாக மாற்றுவது எது என்பதையும் நீங்கள் அறிந்து கொள்வீர்கள்.

மொபைல் ரியாலிட்டி

மொபைல் போக்குவரத்து புள்ளிவிவரங்கள்

• 59% உலகளாவிய வலை போக்குவரத்தில் மொபைல்
• 92% மொபைல் வழியாக இணைய அணுகல் உள்ள பயனர்களின் எண்ணிக்கை
• 70% சில தொழில்களில் வலை போக்குவரத்தின் அளவு மொபைல் ஆகும்.
• மொபைல் பயன்பாடு ஆண்டுக்கு ஆண்டு அதிகரித்து வருகிறது.

படிவங்களுக்கு இது என்ன அர்த்தம்?

உங்கள் தளம் ஒரு நாளைக்கு 1,000 பார்வையாளர்களைப் பெற்றால்:

• ~600 மொபைல் சாதனங்களில் உள்ளன
• பதிலளிக்காத படிவங்கள் இந்த பார்வையாளர்களை விரக்தியடையச் செய்கின்றன.
• விரக்தியடைந்த பார்வையாளர்கள் படிவங்களை கைவிடுகிறார்கள்
• கைவிடப்பட்ட படிவங்கள் = இழந்த முன்னணிகள், விற்பனை, கருத்து

பதிலளிக்காத படிவங்களில் என்ன நடக்கிறது

பயனர் அனுபவம்

பதிலளிக்காத படிவத்தில், மொபைல் பயனர்கள் எதிர்கொள்கின்றனர்:

சிறிய உரை

• லேபிள்கள் படிக்க மிகவும் சிறியவை.
• அறிவுறுத்தல்களைப் பார்த்து கண் சிமிட்டுதல்
• முக்கியமான தகவல்கள் இல்லை.

சாத்தியமற்ற உள்ளீட்டு புலங்கள்

• உரை பெட்டிகள் துல்லியமாக தட்டுவதற்கு மிகவும் சிறியது.
• தவறாக தட்டச்சு செய்தல் துறைகள்
• தொடர்ந்து பெரிதாக்குதல்/வெளியேற்றுதல்

உடைந்த தளவமைப்புகள்

• திரை விளிம்புகளை புலங்கள் துண்டிக்கின்றன.
• கிடைமட்டமாக உருட்டுதல் தேவை
• சமர்ப்பி பொத்தான் மறைக்கப்பட்டுள்ளது அல்லது அணுக முடியவில்லை.

வெறுப்பூட்டும் தொடர்புகள்

• கீழ்தோன்றும் பட்டியல்கள் தேர்ந்தெடுப்பது கடினம்
• பெட்டிகள் தட்டுவதற்கு மிகவும் சிறியது.
• தேதி தேர்ந்தெடுப்பவர்கள் பயன்படுத்தப்படாமல்

முடிவு

பயனர்கள் கைவிடுகிறார்கள். அவர்கள்:

• படிவத்தை முழுவதுமாக கைவிடுங்கள்.
• உங்கள் தளத்தை விரக்தியடையச் செய்யுங்கள்.
• சிறந்த படிவங்களைக் கொண்ட ஒரு போட்டியாளரிடம் செல்லுங்கள்.
• ஒருபோதும் திரும்ப வேண்டாம்

பதிலளிக்காத படிவங்களின் விலை

இழந்த மாற்றங்கள்

கைவிடப்பட்ட ஒவ்வொரு வடிவமும் ஒரு இழந்த வாய்ப்பாகும்:

• தொடர்பு படிவம் → இழந்த லீட்
• விலைப்புள்ளி கோரிக்கை → தொலைந்த விற்பனை
• பதிவு → இழந்த வாடிக்கையாளர்
• கருத்துப் படிவம் → தொலைந்த நுண்ணறிவுகள்

சேதமடைந்த நற்பெயர்

மோசமான மொபைல் அனுபவம் உங்கள் பிராண்டைப் பாதிக்கிறது:

• "இந்த நிறுவனம் காலாவதியானது போல் தெரிகிறது"
• "அவர்கள் பயனர் அனுபவத்தைப் பற்றி கவலைப்படுவதில்லை"
• "அவற்றின் வடிவம் மோசமாக இருந்தால், அவற்றின் தயாரிப்பு பற்றி என்ன?"

எஸ்சிஓ தாக்கம்

மொபைலுக்கு ஏற்ற தளங்களுக்கு கூகிள் முன்னுரிமை அளிக்கிறது:

• மொபைல்-முதல் அட்டவணைப்படுத்தல் நிலையானது
• மோசமான மொபைல் அனுபவம் தரவரிசையைப் பாதிக்கிறது
• குறைந்த தரவரிசை = குறைவான போக்குவரத்து

போட்டி குறைபாடு

நீங்கள் மொபைல் பயனர்களை விரக்தியடையச் செய்யும் அதே வேளையில், நல்ல படிவங்களைக் கொண்ட போட்டியாளர்களை:

• நீங்கள் இழக்கும் லீட்களைப் பிடிக்கவும்
• உங்கள் சாத்தியமான வாடிக்கையாளர்களுடன் உறவுகளை உருவாக்குங்கள்
• மாற்றங்கள் ஏன் குறைவாக உள்ளன என்று நீங்கள் யோசிக்கும்போது வளருங்கள்.

ஒரு படிவத்தை மொபைல்-பதிலளிக்கக்கூடியதாக மாற்றுவது எது?

1. திரவ அகலம்

படிவங்கள் திரை அளவிற்கு ஏற்றவாறு மாற வேண்டும்:

• சிறிய திரைகளில் முழு அகலம்
• பெரிய திரைகளில் பொருத்தமான அகலம்
• கிடைமட்ட ஸ்க்ரோலிங் எப்போதும் இல்லை

2. படிக்கக்கூடிய உரை

பெரிதாக்காமல் அனைத்து உரைகளையும் தெளிவாகப் படிக்கலாம்:

• லேபிள்கள்: குறைந்தபட்சம் 14-16px
• உள்ளீட்டு உரை: குறைந்தபட்சம் 16px (iOS பெரிதாக்குவதைத் தடுக்கிறது)
• உதவி உரை: குறைந்தபட்சம் 12-14px
• போதுமான மாறுபாடு

3. தொடு நட்பு இலக்குகள்

விரல்களுக்கான அளவிலான தட்டக்கூடிய கூறுகள்:

• குறைந்தபட்ச டேப் இலக்கு: 44×44 பிக்சல்கள்
• உறுப்புகளுக்கு இடையில் போதுமான இடைவெளி
• தேர்வுப்பெட்டிகள் மற்றும் ரேடியோக்களைத் தட்டுவது எளிது

4. அடுக்கப்பட்ட தளவமைப்பு

மொபைலில், கூறுகளை செங்குத்தாக அடுக்கி வைக்கவும்:

• ஒரு வரிசைக்கு ஒரு புலம்
• உள்ளீடுகளுக்கு மேலே உள்ள லேபிள்கள் (அருகில் இல்லை)
• முழு அகல பொத்தான்கள்

5. பூர்வீக உள்ளீட்டு வகைகள்

பொருத்தமான மொபைல் விசைப்பலகைகளைத் தூண்டவும்:

• மின்னஞ்சல் புலம் → மின்னஞ்சல் விசைப்பலகை (@, .com)
• தொலைபேசி புலம் → எண் விசைப்பலகை
• URL புலம் → URL விசைப்பலகை
• எண் புலம் → எண் உள்ளீடு

6. மொபைலுக்கு ஏற்ற கூறுகள்

தொடுதலுக்காக வடிவமைக்கப்பட்ட கூறுகள்:

• சொந்த தேதி தேர்வாளர்கள் (உருட்டல் சக்கரங்கள்)
• பெரிய கீழ்தோன்றும் தூண்டுதல்கள்
• தொடுதலுக்கு ஏற்ற கோப்பு பதிவேற்றம்

7. காணக்கூடிய சமர்ப்பிப்பு பொத்தான்

பயனர்கள் இவற்றைக் கண்டுபிடித்து சமர்ப்பி என்பதைத் தட்ட முடியும்:

• முழு அகலம் அல்லது குறிப்பிடத்தக்க அளவு
• அதிக ஒளி மாறுபாடு நிறம்
• உருட்டாமல் தெளிவாகத் தெரியும் (முடிந்தால்)

மொபைல் படிவ சிறந்த நடைமுறைகள்

படிவங்களைச் சுருக்கமாக வைத்திருங்கள்

மொபைல் பயனர்களுக்கு பொறுமை குறைவு:

• அத்தியாவசிய கேள்விகளை மட்டும் கேளுங்கள்.
• நல்ல இடங்களை அகற்று
• நீண்ட படிவங்களுக்கு பல-படிகளைக் கருத்தில் கொள்ளுங்கள்.

ஒற்றை நெடுவரிசை அமைப்பைப் பயன்படுத்தவும்

மொபைலில் பல நெடுவரிசை தளவமைப்புகள் உடைகின்றன:

• அனைத்து புலங்களையும் செங்குத்தாக அடுக்கி வைக்கவும்.
• ஸ்கேன் செய்து முடிக்க எளிதானது
• சாதனங்கள் முழுவதும் நிலையான அனுபவம்

புல வரிசையை மேம்படுத்து

புலங்களை தர்க்கரீதியாக வைக்கவும்:

• முதலில் மிக முக்கியமானது
• தொடர்புடைய புலங்கள் தொகுக்கப்பட்டுள்ளன
• கட்டைவிரல்களால் எளிதில் அடையலாம்

தெளிவான லேபிள்களை வழங்கவும்.

லேபிள்கள் தெளிவாக இருக்க வேண்டும்:

• வயலுக்கு மேலே (உள்ளே மிதக்கவில்லை)
• எப்போதும் தெரியும் (பிளேஸ்ஹோல்டரை மட்டும் நம்ப வேண்டாம்)
• விளக்கமானது ஆனால் சுருக்கமானது

தானியங்குநிரப்பியை இயக்கு

உலாவிகள் பயனர்களுக்கு உதவட்டும்:

• பெயர், மின்னஞ்சல், தொலைபேசி தானியங்கு நிரப்புதல்
• முகவரி தானாக நிரப்புதல்
• சிறிய விசைப்பலகைகளில் தட்டச்சு செய்வதைக் குறைக்கிறது.

சரிபார்ப்பு இன்லைனைக் காட்டு

பயனர்கள் உடனடியாக பிழைகளைச் சரிசெய்ய உதவுங்கள்:

• புலங்களுக்கு அடுத்ததாக பிழை செய்திகள்
• முடிந்தால் நிகழ்நேர சரிபார்ப்பு
• சரிசெய்வதற்கான வழிமுறைகளை அழிக்கவும்

பொத்தான்களை தெளிவாகக் காட்டு

சமர்ப்பி பொத்தான்கள் தனித்து நிற்க வேண்டும்:

• மாறுபட்ட நிறம்
• பெரிய டேப் இலக்கு
• செயல் உரையை அழிக்கவும் (“சமர்ப்பி”, “அனுப்பு”, “பதிவு செய்”)

மொபைல் மறுமொழித்தன்மையைச் சோதித்தல்

உலாவி டெவலப்பர் கருவிகள்

டெஸ்க்டாப் உலாவியில் விரைவான சோதனை:

1. உங்கள் படிவப் பக்கத்தைத் திறக்கவும்.
2. F12 (டெவலப்பர் கருவிகள்) ஐ அழுத்தவும்
3. சாதனத்தை மாற்று ஐகானைக் கிளிக் செய்யவும்.
4. வெவ்வேறு சாதன அளவுகளைத் தேர்ந்தெடுக்கவும்
5. சோதனை படிவ தொடர்பு

உண்மையான சாதன சோதனை

உண்மையான சாதனங்களை எதுவும் வெல்ல முடியாது:

• ஐபோன் மற்றும் ஆண்ட்ராய்டில் சோதனை
• டேப்லெட்டுகளில் சோதிக்கவும்
• வெவ்வேறு திரை அளவுகளை முயற்சிக்கவும்
• உண்மையில் படிவத்தை நிரப்பவும்

என்ன சோதிக்க வேண்டும்

• ✓ பெரிதாக்காமல் எல்லா லேபிள்களையும் படிக்க முடியுமா?
• ✓ உள்ளீட்டு புலங்களைத் தட்டுவது எளிதானதா?
• ✓ சரியான விசைப்பலகை தோன்றுகிறதா?
• ✓ கீழ்தோன்றும் விருப்பங்களை எளிதாகத் தேர்ந்தெடுக்க முடியுமா?
• ✓ தேர்வுப்பெட்டிகள்/ரேடியோக்கள் தட்டக்கூடியவையா?
• ✓ சமர்ப்பி பொத்தானைப் பார்க்க முடியுமா மற்றும் அடைய முடியுமா?
• ✓ படிவம் வெற்றிகரமாக சமர்ப்பிக்கப்படுகிறதா?
• ✓ பிழை செய்திகள் தெளிவாகவும் தெளிவாகவும் தெரிகின்றனவா?

Google மொபைல் நட்பு டெஸ்ட்

ஒட்டுமொத்த பக்க மொபைல் நட்புத்தன்மையைச் சரிபார்க்கவும்:

1. கூகிளின் மொபைலுக்கு ஏற்ற சோதனைக் கருவிக்குச் செல்லவும்.
2. உங்கள் படிவப் பக்க URL ஐ உள்ளிடவும்.
3. முடிவுகளையும் பரிந்துரைகளையும் மதிப்பாய்வு செய்யவும்

பொதுவான மொபைல் படிவ சிக்கல்கள்

சிக்கல்: உரை மிகச் சிறியது

காரணம்: நிலையான பிக்சல் அளவுகள் அளவிடப்படவில்லை

தீர்வு: தொடர்புடைய அலகுகள் (em, rem) அல்லது குறைந்தபட்சம் 16px ஐப் பயன்படுத்தவும்.

பிரச்சனை: புலங்கள் மிகவும் குறுகியவை

காரணம்: நிலையான அகல கொள்கலன்கள்

தீர்வு: சதவீத அகலங்களைப் பயன்படுத்தவும் (மொபைலில் 100%)

சிக்கல்: விசைப்பலகை படிவத்தை உள்ளடக்கியது

காரணம்: விசைப்பலகை தோன்றும் போது உருள் சரிசெய்தல் இல்லை.

தீர்வு: கவனம் செலுத்தப்பட்ட புலம் பார்வையில் உருட்டப்படுவதை உறுதிசெய்க.

சிக்கல்: உள்ளீட்டு மையத்தை பெரிதாக்குதல் (iOS)

காரணம்: உள்ளீடுகளில் 16px க்கும் குறைவான எழுத்துரு அளவு

தீர்வு: உள்ளீட்டு எழுத்துரு அளவை குறைந்தது 16px ஆக அமைக்கவும்.

சிக்கல்: கீழ்தோன்றும் மெனுக்களைப் பயன்படுத்துவது கடினம்.

காரணம்: தனிப்பயன் கீழ்தோன்றும் மெனுக்கள் தொடு-மேம்படுத்தப்படவில்லை.

தீர்வு: சொந்தத் தேர்ந்தெடுக்கப்பட்ட கூறுகள் அல்லது தொடு நட்பு மாற்றுகளைப் பயன்படுத்தவும்.

சிக்கல்: திரைக்கு வெளியே சமர்ப்பி பொத்தான்

காரணம்: காணக்கூடிய முன்னேற்றம் இல்லாத நீண்ட வடிவங்கள்.

தீர்வு: ஒட்டும் சமர்ப்பி பொத்தான் அல்லது தெளிவான உருள் குறிகாட்டிகள்

மொபைல் சார்ந்த அம்சங்கள்

கிளிக்-டு-கால் தொலைபேசி இணைப்புகள்

உறுதிப்படுத்தல்களில் உள்ள தொலைபேசி எண்கள் தட்டக்கூடியதாக இருக்க வேண்டும்:

• தொலைபேசியுடனான இணைப்புகள்: நெறிமுறை
• அழைக்க ஒரு தட்டல்

இருப்பிடக் கண்டறிதல்

முகவரி புலங்களுக்கு:

• தற்போதைய இருப்பிடத்தைப் பயன்படுத்துவதற்கான விருப்பம்
• நகரம்/பிராந்தியத்தைத் தானாக நிரப்பு

கேமரா ஒருங்கிணைப்பு

கோப்பு பதிவேற்றங்களுக்கு:

• நேரடி கேமரா அணுகல் விருப்பம்
• புகைப்பட நூலக அணுகல்
• ஆவண ஸ்கேனிங்

தொடு சைகைகள்

சொந்த மொபைல் தொடர்புகள்:

• படிவப் படிகளுக்கு இடையில் ஸ்வைப் செய்யவும்
• புதுப்பிக்க இழுக்கவும்
• பெரிதாக்க பின்ச் செய்யவும் (தேவைப்பட்டால்)

மொபைலில் செயல்திறன்

மொபைலில் வேகம் ஏன் மிகவும் முக்கியமானது?

• மொபைல் இணைப்புகள் பெரும்பாலும் மெதுவாக இருக்கும்
• சில பயனர்களுக்கான தரவு வரம்புகள்
• மொபைலில் பொறுமை குறைவு.
• பேட்டரி நுகர்வு பரிசீலனைகள்

படிவ செயல்திறன் குறிப்புகள்

படிவ எடையைக் குறைக்கவும்

• இலகுரக படிவ செருகுநிரல்கள்
• குறைந்தபட்ச CSS/JavaScript
• மேம்படுத்தப்பட்ட சொத்துக்கள்

சாத்தியமான போதெல்லாம் சோம்பேறித்தனமான சுமை

• தேவைக்கேற்ப படிவ கூறுகளை ஏற்றவும்.
• மறைக்கப்பட்ட நிபந்தனை புலங்களை முன்கூட்டியே ஏற்ற வேண்டாம்.

படங்களை மேம்படுத்து

• படிவங்களில் உள்ள எந்தப் படங்களையும் சுருக்கவும்.
• பொருத்தமான வடிவங்களைப் பயன்படுத்தவும் (WebP)
• பதிலளிக்கக்கூடிய பட அளவுகள்

ஆட்டோ படிவம் உருவாக்குபவரின் மொபைல் அணுகுமுறை

தானியங்கி படிவம் உருவாக்குபவர் மொபைலை முதன்மையாகக் கொண்டு உருவாக்கப்பட்டது:

இயல்புநிலையாகப் பதிலளிக்கக்கூடியது

• அனைத்து படிவங்களும் தானாகவே பதிலளிக்கக்கூடியவை
• சிறப்பு உள்ளமைவு தேவையில்லை
• எந்த திரை அளவிற்கும் ஏற்றது

தொடு-உகந்த புலங்கள்

• சரியான அளவிலான குழாய் இலக்குகள்
• சொந்த மொபைல் உள்ளீடுகள்
• தொடுதலுக்கு ஏற்ற தேதி/நேரத் தேர்விகள்

மொபைலுக்கு ஏற்ற ஸ்டைலிங்

• சிறிய திரைகளில் அடுக்கு தளவமைப்பு
• மொபைலில் முழு அகல புலங்கள்
• படிக்கக்கூடிய எழுத்துரு அளவுகள்

இலகுரக செயல்திறன்

• குறைந்தபட்ச ஜாவாஸ்கிரிப்ட் தடம்
• வேகமாக ஏற்றப்படும் படிவங்கள்
• மொபைல் நெட்வொர்க்குகளுக்கு உகந்ததாக்கப்பட்டது

சரிபார்ப்புப் பட்டியல்: உங்கள் படிவம் மொபைல்-தயாராக உள்ளதா?

லேஅவுட்

• ☐ மொபைலில் ஒற்றை நெடுவரிசை
• ☐ கிடைமட்ட ஸ்க்ரோலிங் இல்லை
• ☐ முழு அகல புலங்கள்
• ☐ உறுப்புகளுக்கு இடையே போதுமான இடைவெளி

அச்சுக்கலை

• ☐ பெரிதாக்காமல் படிக்கக்கூடிய லேபிள்கள் (14px+)
• ☐ குறைந்தது 16px உரையை உள்ளிடவும்
• ☐ நல்ல மாறுபட்ட விகிதங்கள்

ஊடாடுதல்கள்

• ☐ குறைந்தபட்சம் 44px அளவுள்ள இலக்குகளைத் தொடவும்.
• ☐ சரியான விசைப்பலகை வகைகள்
• ☐ எளிதான கீழ்தோன்றும் தேர்வு
• ☐ தட்டக்கூடிய தேர்வுப்பெட்டிகள்/ரேடியோக்கள்

செயல்பாட்டில்

• ☐ படிவம் வெற்றிகரமாக சமர்ப்பிக்கப்பட்டது.
• ☐ பிழை செய்திகள் தெரியும்
• ☐ வெற்றிச் செய்தி காட்சிப்படுத்தப்படுகிறது
• ☐ கோப்பு பதிவேற்றங்கள் வேலை செய்கின்றன

செயல்திறன்

• ☐ 3G-யில் விரைவாக ஏற்றப்படும்
• ☐ தடுக்கும் ஸ்கிரிப்டுகள் இல்லை
• ☐ குறைந்தபட்ச தரவு பயன்பாடு

அடிக்கடி கேட்கப்படும் கேள்விகள்

நான் ஒரு புலத்தைத் தட்டும்போது iOS-இல் எனது படிவங்கள் ஏன் பெரிதாகின்றன?

உள்ளீட்டு எழுத்துரு அளவு 16px க்கும் குறைவாக இருக்கும்போது iOS தானாகவே பெரிதாக்குகிறது. இதைத் தடுக்க உங்கள் உள்ளீட்டு எழுத்துரு அளவை குறைந்தபட்சம் 16px ஆக அமைக்கவும்.

நான் தனித்தனி மொபைல் மற்றும் டெஸ்க்டாப் படிவங்களை உருவாக்க வேண்டுமா?

இல்லை—பதிலளிக்கக்கூடிய வடிவமைப்பு இரண்டையும் கையாளுகிறது. நன்கு வடிவமைக்கப்பட்ட ஒரு பதிலளிக்கக்கூடிய படிவம் அனைத்து சாதனங்களிலும் வேலை செய்யும். தனித்தனி படிவங்களை பராமரிப்பது உங்கள் வேலையை இரட்டிப்பாக்குகிறது மற்றும் முரண்பாடுகளை ஏற்படுத்தும்.

எனக்குச் சொந்தமில்லாத சாதனங்களில் எப்படிச் சோதிப்பது?

அடிப்படை சோதனைக்கு உலாவி டெவலப்பர் கருவிகளைப் பயன்படுத்தவும். முழுமையான சோதனைக்கு, BrowserStack போன்ற ஆன்லைன் சேவைகளைப் பயன்படுத்தவும் அல்லது வெவ்வேறு சாதனங்களைக் கொண்ட நண்பர்கள்/சகாக்களிடம் கேட்கவும்.

மொபைல் பயனர்கள் உண்மையில் படிவங்களை நிரப்புகிறார்களா?

ஆம்! மொபைல் வர்த்தகமும் முன்னணி உருவாக்கமும் மிகப்பெரியது. பயனர்கள் மொபைலில் பணிகளை முடிக்க எதிர்பார்க்கிறார்கள். உங்கள் படிவங்கள் நன்றாக வேலை செய்தால், அவர்கள் அவற்றைப் பயன்படுத்துவார்கள்.

மிக முக்கியமான மொபைல் படிவ மேம்பாடு என்ன?

சரியான தொடு இலக்கு அளவுகள். பயனர்கள் புலங்களையும் பொத்தான்களையும் துல்லியமாகத் தட்ட முடியாவிட்டால், வேறு எதுவும் முக்கியமில்லை. அனைத்து ஊடாடும் கூறுகளும் குறைந்தது 44×44 பிக்சல்கள் என்பதை உறுதிப்படுத்தவும்.

சுருக்கம்

படிவங்களை மொபைல்-பதிலளிக்கக்கூடியதாக மாற்றுதல்:

1. பங்குகளைப் புரிந்து கொள்ளுங்கள் – 60%+ போக்குவரத்து மொபைல் வழியாகும்
2. பதிலளிக்கக்கூடிய வடிவமைப்பைப் பயன்படுத்தவும் - திரவ அகலங்கள், அடுக்கப்பட்ட அமைப்பு
3. தொடுதலுக்கான அளவு - 44px குறைந்தபட்ச டேப் இலக்குகள்
4. படிக்கக்கூடிய தன்மையை உறுதி செய்யவும் – 16px குறைந்தபட்ச உள்ளீட்டு உரை
5. வலது விசைப்பலகைகளைத் தூண்டு – சரியான உள்ளீட்டு வகைகளைப் பயன்படுத்தவும்.
6. உண்மையான சாதனங்களில் சோதிக்கவும் – வெறும் சிமுலேட்டர்களைப் பயன்படுத்த வேண்டாம்.
7. பதிலளிக்கக்கூடிய கருவிகளைத் தேர்வுசெய்க – மொபைலுக்கு ஏற்ற படிவ உருவாக்குநர்களுடன் தொடங்குங்கள்.

தீர்மானம்

மொபைல்-பதிலளிக்கக்கூடிய படிவங்கள் விருப்பத்தேர்வு அல்ல - அவை அவசியமானவை. பெரும்பாலான வலை போக்குவரத்து மொபைல் சாதனங்களிலிருந்து வருவதால், தொலைபேசிகளில் வேலை செய்யாத படிவங்கள் ஒவ்வொரு நாளும் உங்களுக்கு முன்னணி, வாடிக்கையாளர்கள் மற்றும் நற்பெயரை இழக்கின்றன.

தானியங்கி படிவம் உருவாக்குபவர் மொபைலுக்கு ஏற்ற படிவங்களை தானாகவே உருவாக்குகிறது. ஒவ்வொரு படிவமும் திரை அளவிற்கு ஏற்ப மாற்றியமைக்கிறது, தொடு நட்பு கூறுகளைப் பயன்படுத்துகிறது மற்றும் மொபைல் நெட்வொர்க்குகளில் சிறப்பாக செயல்படுகிறது. எந்த உள்ளமைவும் தேவையில்லை - உங்கள் படிவத்தை உருவாக்குங்கள், அது எல்லா இடங்களிலும் வேலை செய்யும்.

மொபைலுக்கு ஏற்ற படிவங்களுக்கு தயாரா? ஆட்டோ படிவ பில்டரைப் பதிவிறக்கவும் மேலும் உங்கள் மொபைல் பார்வையாளர்களுக்கு அவர்கள் தகுதியான படிவ அனுபவத்தை வழங்குங்கள்.