மல்டி-சாதன பார்வையாளர்களுக்கான வலை வடிவமைப்பு

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

ஒரு கணம் எடுத்து வலைத்தளங்களைப் பார்க்க நீங்கள் பயன்படுத்தும் எல்லா சாதனங்களையும் பற்றி யோசிக்கவும். நீங்கள் பெரும்பாலான மக்களை போல் இருந்தால், கடந்த சில ஆண்டுகளில் இந்த பட்டியல் வளர்ந்துள்ளது. இது டெஸ்க்டாப் மற்றும் / அல்லது மடிக்கணினி போன்ற பாரம்பரிய சாதனங்களை கடந்த சில ஆண்டுகளில் முக்கியத்துவம் வாய்ந்த சாதனங்களுடன் சேர்த்து, ஸ்மார்ட்போன்கள், டேப்லெட்டுகள், உடைகள், விளையாட்டு அமைப்புகள் மற்றும் பலவற்றை உள்ளடக்கியது. இணையத்தில் இணைக்க அனுமதிக்கும் உங்கள் வீட்டிலோ அல்லது உங்கள் காரின் திரையில் கூட கூட உபகரணங்கள் இருக்கலாம்! கீழே வரி இன்று சாதனம் இயற்கை பெரிய மற்றும் மிகவும் மாறுபட்ட வருகிறது என்று அனைத்து நேரம், அதாவது வலை இன்று செழித்து என்று (மற்றும் எதிர்காலத்தில்), வலைத்தளங்கள் ஒரு பதிலளிக்க அணுகுமுறை மற்றும் CSS ஊடக கேள்விகளுக்கு கொண்டு கட்டப்பட்டு வேண்டும் மற்றும் எப்படி கருத்தில் கொள்ள வேண்டும் மக்கள் இந்த இணையத்தள உலாவி அனுபவமாக இந்த வெவ்வேறு சாதனங்களை இணைப்பார்கள்.

மல்டி-சாதன பயனரை உள்ளிடவும்

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

ஒரு வழக்கமான பல சாதன கருவி

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

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

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

மற்ற காட்சிகள்

ஒரு தளத்துடன் தங்கள் ஒட்டுமொத்த அனுபவத்தில் பயனர்கள் சாதனம் இருந்து சாதனம் குதிக்க அங்கு ரியல் எஸ்டேட் தேடும் ஒரே ஒரு எடுத்துக்காட்டு. மற்ற உதாரணங்கள் பின்வருமாறு:

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

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

பின்பற்ற சிறந்த நடைமுறைகள்

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

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

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

1/26/17 அன்று ஜெர்மி ஜாராரால் திருத்தப்பட்டது