El வெவ்வேறு வடிவங்கள் காரணமாக பொறுப்பு வடிவமைப்பு இன்று மிக முக்கியமானது ஒரு பயனர் தனது டேப்லெட், மொபைல் மற்றும் கணினியிலிருந்து கூட எதிர்கொள்கிறார். மின்னஞ்சல் மார்க்கெட்டிங் மற்றும் இறங்கும் பக்கங்களில் இந்த பதிலளிக்கக்கூடிய வடிவமைப்பு எங்கள் வாடிக்கையாளர்களுடனான சர்வ சாதாரண தொடர்புக்கு முக்கியமானது.
எனவே வெவ்வேறு வார்ப்புருக்கள் எடுக்க நீங்கள் அதை தீவிரமாக எடுத்துக் கொள்ள வேண்டும் சிறந்த வடிவமைப்போடு வருவதற்கு வெவ்வேறு அகலங்கள் கூகிள் அல்லது பேஸ்புக்கில் எங்கள் விளம்பரங்களிலிருந்து மாற்ற விரும்பும் எதிர்கால வாடிக்கையாளர்கள் தரையிறங்கும் அந்த செய்திமடல்கள் அல்லது இறங்கும் பக்கம்.
மின்னஞ்சல் மார்க்கெட்டில் பொறுப்பு வடிவமைப்பு
தயாரிப்பு சலுகைகள் அல்லது எங்கள் வலைப்பதிவில் உருவாக்கப்பட்ட புதிய இடுகைகளை அறிவிப்பதற்கான வழிகளில் ஒன்று மின்னஞ்சல் மார்க்கெட்டிங் இதனால் ஆழமான வழியில் குறுகியது எங்களைப் பின்தொடர்பவர்கள் அனைவருடனும்.
இந்த செய்திமடல்கள் பதிலளிக்கக்கூடியவை என்று பொருள் ஒரு மொபைலில் இருந்து அவற்றை முழுமையாகக் காணலாம், ஒரு டேப்லெட் அல்லது கணினி. ஆகவே, தேவையான அனைத்து கருவிகளும் செய்திமடலை எளிதாகப் படிக்க போதுமானதாக இருக்கும் வகையில் தேவையான கருவிகளைக் கொண்டிருக்க முயற்சிக்க வேண்டும்.
பொறுப்பு என்று பொருள் வெவ்வேறு சாதனங்களில் ஒரு பக்கத்தின் காட்சி எப்போதும் சரியானது. இதற்கான கருவிகள் எங்களிடம் உள்ளன மின்னஞ்சல் மார்க்கெட்டிங் இது வெவ்வேறு வடிவங்களில் உருவாக்கப்பட்ட செய்திமடலைச் சோதிக்க உதவுகிறது, இதனால் திணிப்பு அல்லது விளிம்பு போன்ற மதிப்புகளை மாற்றியமைக்கிறது, இதனால் எங்கள் உலாவியின் அகலத்தைக் குறைக்கும்போது அவை முழுமையாக இடமாற்றம் செய்யப்படுகின்றன.
இல் CSS "மீடியா வினவல்கள்" உடன் வலை வடிவமைப்பு பயன்படுத்தப்படுகிறது வடிவமைப்பின் படி ஒரு வலைத்தளத்தை வடிவமைக்க. 360px வரை ஒரு மொபைலுக்கானதாக இருக்கும், மேலும் 360px முதல் 650px வரை ஒரு டேப்லெட்டிலிருந்து எங்கள் வலைத்தளத்தைப் பார்க்கும் பயனர்கள் அனைவருக்கும் மாற்றங்களைச் செய்யலாம்.
எங்கள் மின்னஞ்சல் சந்தைப்படுத்தல் செய்திமடல்களுக்கான சில கொள்கைகள்:
- ஒரு சுத்தமான காட்சி வரிசைமுறை: உரையை பத்தி வடிவத்தில் விட H2 இல் ஒரு தலைப்பு.
- இரண்டு வெவ்வேறு ஆதாரங்கள்: தலைப்புக்கு ஒன்று மற்றும் உரைக்கு ஒன்று எங்கள் செய்திமடலை சிறப்பாக படிக்க வைக்கிறது.
- El தலைப்பு, உரை மற்றும் பிற கூறுகளை வேறுபடுத்துவதற்கு வண்ணத்தைப் பயன்படுத்துதல்: நாம் படிப்படியாக இருண்ட சாம்பல் நிறத்தில் இருந்து இலகுவான இடத்திற்கு செல்லலாம்.
- Un சி.டி.ஏ (நடவடிக்கைக்கு அழைப்பு) தெளிவான மற்றும் வேறுபடுத்தக்கூடியது: எங்கள் நிறுவனத்தின் லோகோ சிவப்பு நிறத்தில் இருந்தால், சி.டி.ஏ இந்த நிறத்தில் இருக்க முடியும், மீதமுள்ளவை நிரப்பு நிறத்தில் இருக்கும்.
ஒரு சிறந்த உதாரணத்திற்கு நாங்கள் உங்களுக்கு உதாரணம் தருகிறோம் ஃபில்மின் மேற்கொண்ட செய்திமடலில் பதிலளிக்கக்கூடிய வடிவமைப்பு மற்றும் வழங்கப்பட்ட படத்தில் நீங்கள் காணலாம். வெள்ளை நிறத்தில் அச்சுக்கலை அழிக்கவும், மிகவும் வெளிர் சாம்பல் நிறத்தில் உள்ள உரையும், நாம் விரும்பினால் படிக்க அழைக்கப்படும் வெவ்வேறு இடங்களை விரைவாகக் காண அனுமதிக்கிறது. சி.டி.ஏ என்பது வேறொரு உலகத்தைச் சேர்ந்தது அல்ல, ஆனால் அது அந்த நாடக ஐகானுடன் உதவுகிறது, மேலும் இது நமக்கு என்ன காத்திருக்கிறது என்பதைப் பார்க்க வைக்கிறது.
விளிம்புகளில் போதுமான இடங்கள், உரைக்கான முக்கிய நிறமாக வெள்ளை மற்றும் இது லோகோவுடன் சரியாக பொருந்துகிறது பிராண்டில்; அந்த சாம்பல் நிறத்தால் சூழப்பட்டுள்ளது. முதல் கணத்திலிருந்து கவர்ந்திழுக்கும் செய்திமடலுக்கான புள்ளியை அமைக்கும் கண்களைக் கவரும் படம். திரையின் முழு அகலமும் "சாப்பிடக்கூடாது" என்பதற்காக பக்கங்களிலும் இடைவெளிகள் விடப்படுகின்றன.
இல் டெஸ்க்டாப் பதிப்பு அந்த கொள்கைகளை பராமரிக்கிறது, நூல்களில் அதிக இடத்தை விட்டுவிட்டு, ஒவ்வொரு பக்கத்திலும் ஒரு பெரிய விளிம்பை விட்டு விடுகிறது:
இறங்கும் பக்கத்தில் பொறுப்பு வடிவமைப்பு
தி பதிலளிக்கக்கூடிய வடிவமைப்பில் அதே கொள்கைகளைப் பயன்படுத்தலாம் ஒரு இறங்கும் பக்கத்தின். வார்ப்புருவை சரியாகத் தேர்வுசெய்து வடிவமைப்பில் சில விதிகளைப் பின்பற்ற உலகில் எல்லா நேரமும் எடுத்துக்கொள்வது மிகவும் முக்கியம்:
- காட்சி எளிமை: சி.டி.ஏக்களில் கவனம் செலுத்துவதற்கு வெற்று இடங்களை வைத்திருப்பது பற்றி நாங்கள் பேசுகிறோம்.
- அழகான மற்றும் ஈர்க்கும் படங்கள் தீர்மானத்தை மறக்காமல், அவை சரியானவை என்று வாசகருக்கு.
- வண்ணத்தின் முக்கியத்துவம் நாங்கள் மீண்டும் வலியுறுத்துகிறோம்.
மொபைல், டேப்லெட் மற்றும் டெஸ்க்டாப்பிற்கான இறங்கும் பக்கத்தின் பதிலளிக்கக்கூடிய வடிவமைப்பில் நாங்கள் பணியாற்ற வேண்டும். எடுத்துக் கொள்ளுங்கள் ஒவ்வொரு மாற்றமாகவும் மீண்டும் மீண்டும் முயற்சிக்க வேண்டிய நேரம் இது அந்த மூன்று வடிவங்களில் காணப்படுகிறது, ஏனென்றால் நாம் நம்மை நம்பலாம் மற்றும் CSS இல் செய்யப்பட்ட மாற்றங்கள் மொபைலில் பயங்கரமாக இருக்கும் என்பதை மறந்துவிடலாம்.
இது கடினமான வேலை, ஆனால் ஒவ்வொரு மாற்றத்தையும் சோதிக்க நாம் நேரம் ஒதுக்குவது மிக முக்கியம். தி பக்க விளிம்புகளின் பயன்பாடு CTA கள் அல்லது செயல் பொத்தான்களில் உள்ள விதிகளைத் தவறவிடாமல், முடிந்தவரை முயற்சிக்கவும்:
- என்று உரை மற்றும் பொத்தான் விளிம்பு தொடர்பான தூரம் முற்போக்கானது மூன்று வடிவங்களிலும். இது சிறியதாகவோ பெரியதாகவோ இல்லை, அதே உயரத்தில் உள்ளது.
- La CTA பொத்தான் அளவு விகிதம் அது அமைந்துள்ள மீதமுள்ள உறுப்புகளுடன் வழங்கப்பட வேண்டும்.
இதற்கு ஒரு தெளிவான உதாரணம் உங்கள் இறங்கும் பக்கத்தில் Shopify ஆல் செய்யப்பட்ட வேலை டெஸ்க்டாப்பில் மற்றும் மொபைல் பதிப்பில் நீங்கள் காணலாம். வண்ணங்கள், வெள்ளை இடங்கள் மற்றும் அந்த நூல்களை அவற்றின் பொருத்தமான அளவுகள் மற்றும் அச்சுக்கலை மூலம் பயன்படுத்துவதில் கவனம்:
பெற வேண்டிய குறிப்புகள் தொடர் உங்கள் வணிகம் அல்லது ஆன்லைன் ஸ்டோருக்கான சிறந்த இறங்கும் பக்கம் உங்கள் பயனர்களுக்கு புதுப்பிப்புகள் மற்றும் அந்த விளம்பரங்களைப் பெற அந்த செய்திமடல்கள் மிகவும் முக்கியமானவை.