பெரும்பாலான வலை வடிவமைப்பாளர்கள் SaaS டாஷ்போர்டுகள், மின்வணிகக் கடைகள் மற்றும் வாழ்க்கைமுறை பிராண்டுகள் போன்ற ஒரே மாதிரியான வடிவமைப்புகளிலேயே பயிற்சி பெற்றவர்கள். எனவே, ஒரு வார்ப்பகம், வெப்பத்தடுப்புப் பொருள் வழங்குநர் அல்லது கொதிகலன் உற்பத்தியாளர் போன்ற ஒரு நிறுவனம் அவர்களின் பணிக்குள் நுழையும்போது, பிரதான காணொளி, மிகப்பெரிய எழுத்துருக்கள், பாரலாக்ஸ் ஸ்க்ரோல் போன்ற அதே உத்திகளையே கையாள வேண்டும் என்ற உள்ளுணர்வு ஏற்படுகிறது. அந்த உள்ளுணர்வு பெரும்பாலும் தவறானதே.
தொழில்முறை வாங்குபவர்கள் நுகர்வோரைப் போல நடந்துகொள்வதில்லை. அவர்கள் ஒரு பாக எண், ஒரு காலக்கெடு, மற்றும் நொடிகளில் அளவிடப்படும் ஒரு சகிப்புத்தன்மையுடன் வருகிறார்கள். உங்கள் வடிவமைப்பு அதைப் புறக்கணித்தால், அது சேவை செய்ய வேண்டிய ஒரே மக்களைத் தோல்வியடையச் செய்யும் ஒரு அழகான வலைத்தளத்தை நீங்கள் உருவாக்கியுள்ளீர்கள்.
உங்கள் திறமையை இழக்காமல், கனரகத் தொழில் வாடிக்கையாளர்களுக்கான வடிவமைப்பு மற்றும் மேம்பாட்டுப் பணிகளைப் பற்றி சிந்திப்பதற்கான வழிமுறைகள் இங்கே கொடுக்கப்பட்டுள்ளன.
திரையின் மறுமுனையில் உண்மையில் யார் இருக்கிறார் என்பதை அறிந்து கொள்ளுங்கள்.
ஒரு தொழிற்சாலை வளாகத்தின் பயனர் என்பவர் சாதாரணமாகப் பொருட்களை வாங்குபவர் அல்ல. அவர் ஒரு கொள்முதல் மேலாளர், ஆலைப் பொறியாளர் அல்லது ஒரு குறிப்பிட்ட சிக்கலைக் கொண்ட பராமரிப்புப் பொறுப்பாளர் ஆவார். அவர்கள் பெரும்பாலும் இரைச்சல் மிகுந்த ஓர் வளாகத்தில் கணினியிலும், சில நேரங்களில் ஒரு வாகனத்தில் கைப்பேசியிலும் இருப்பார்கள்; மேலும், கிட்டத்தட்ட எப்போதும் நேர நெருக்கடியில் இருப்பார்கள்.
அது “சிறந்த பயனர் அனுபவம்” என்பதன் வரையறையையே மாற்றிவிடுகிறது. நுகர்வோரை விட B2B பயனர்கள் சிக்கல்களை மிகவும் கடுமையாகக் கையாளுகிறார்கள், ஏனெனில் அவர்களின் நேரத்திற்கு கட்டணம் வசூலிக்கப்படுகிறது மற்றும் அவர்களின் முடிவுகள் தணிக்கை செய்யப்படுகின்றன. தொழில்துறை தளங்களைப் பொறுத்தவரை இதிலிருந்து நாம் கற்றுக்கொள்ள வேண்டிய பாடம் எளிமையானது: மகிழ்ச்சியை விட தெளிவு சிறந்தது, மேலும் இணங்க வைப்பதை விட துல்லியமே மேலானது.
அதைச் சுருக்கத்தில் மொழிபெயர்க்கவும். தொலைபேசியை எடுப்பதற்கு முன்பு ஒரு வாங்குபவர் கேட்கும் மூன்று கேள்விகள் யாவை என்று வாடிக்கையாளரிடம் கேளுங்கள். பின்னர், அந்தப் பதில்கள் முக்கியமான பக்கங்களில் முதன்மைப் பகுதியில் இடம்பெறுவதை உறுதிசெய்யுங்கள்.
தகவல் கட்டமைப்பு என்பது உண்மையான வடிவமைப்புப் பணியாகும்.
நன்கு கட்டமைக்கப்பட்ட ஒரு விநியோகஸ்தர் தளத்தைப் பாருங்கள் – உதாரணமாக, மூலப்பொருட்கள் தரகர். டைவர்சிஃபைட் செராமிக் சர்வீசஸ், இன்க். வழிசெலுத்தல் இரண்டு மையங்களை மையமாகக் கொண்டு ஒழுங்கமைக்கப்பட்டிருப்பதை நீங்கள் கவனிப்பீர்கள்: அவர்கள் மூலப்பொருட்களைப் பெறும் விதம் மற்றும் அவர்கள் சேவை செய்யும் தொழில்துறைகள். இது ஒரு பாணி சார்ந்த தேர்வு அல்ல. இது வாங்குபவர் தேடும் விதத்தைப் பிரதிபலிக்கிறது.
கயோலினைத் தேடும் ஒரு மண்பாண்ட உற்பத்தியாளருக்கு உங்கள் பிராண்ட் கதை ஒரு பொருட்டல்ல. நீங்கள் அதை விற்கிறீர்களா, எந்த வடிவத்தில் விற்கிறீர்கள், மேலும் அவர்களின் பிராந்தியத்திற்கு சேவை செய்கிறீர்களா என்பதை அவர்கள் உறுதிப்படுத்த விரும்புகிறார்கள். அந்த மனநிலையைப் பிரதிபலிக்கும் கட்டிடக்கலையானது, நீங்கள் அதன் மேல் சேர்க்கும் எந்தவொரு காட்சி அலங்காரத்தையும் விடச் சிறப்பாகச் செயல்படும்.
ஃபிக்மாவைத் திறப்பதற்கு முன், வகைப்பாட்டியலை வரைந்து கொள்ளுங்கள். ஒரு வெண்பலகையில் இரண்டு பத்திகள். ஒன்று, நிறுவனம் விற்கும் பொருட்களுக்கும், மற்றொன்று, அதை யார் வாங்குகிறார்கள் என்பதற்கும். இந்த உருவாக்கத்தில் உள்ள ஒவ்வொரு பக்கமும் இருபுறமிருந்தும் இரண்டு கிளிக்குகளில் அணுகக்கூடியதாக இருக்க வேண்டும்.
தொழில்துறை வாங்குபவர்களுக்கு செயல்திறனும் அணுகல்தன்மையும் தவிர்க்க முடியாதவை.
தாவர வலைப்பின்னல்கள் வேகமானவை அல்ல. கள இணைப்புகள் நம்பகமானவை அல்ல. உங்கள் முதன்மைப் பகுதி 4MB அளவுள்ள தானாக இயங்கும் காணொளியை இயக்கினால், டென்னசியின் கிராமப்புறத்தில் உள்ள ஒரு முக்கிய விற்பனைப் பகுதியில் இருக்கும் வாடிக்கையாளரை நீங்கள் ஏற்கெனவே இழந்துவிட்டீர்கள்.
கூகிளின் சொந்த கோர் வலை உயிரணுக்கள் வழிகாட்டுதல்கள் வேகமான LCP மற்றும் நிலையான தளவமைப்புகளை வலியுறுத்துகின்றன, மேலும் இந்த அளவீடுகள் தொழிற்சாலை வளாகங்களில் குறைவாக அல்ல, அதிகமாகவே முக்கியத்துவம் பெறுகின்றன. அணுகல்தன்மைக்கும் இதுவே பொருந்தும்: வயதான வாடிக்கையாளர்கள், குறைந்த ஒளி சூழல்கள், மற்றும் தொடுதிரைகளில் கையுறை அணிந்த கைகள் போன்றவை உண்மையான நிலைமைகளாகும்.
- மீடியாவின் எடையைக் குறைக்கவும். ஒரு கொள்முதல் பக்கத்தில், பின்னணி வீடியோவை விட நிலையான, மேம்படுத்தப்பட்ட படங்கள் சிறப்பாகச் செயல்படுகின்றன. செயல்முறை ஆய்வுகளுக்கு அசைவுப் படங்களை ஒதுக்கி வையுங்கள்.
- குறைக்கப்பட்ட இயக்கத்தை மதிக்கவும்குறைக்கப்பட்ட இயக்கத்தை விரும்பும் ஊடக வினவலை மதிக்கவும். நீண்ட நேரம் பணிபுரியும் ஆலை பொறியாளர்கள் உங்களுக்கு நன்றி தெரிவிப்பார்கள்.
- குறைந்தபட்சம் WCAG AA-ஐ அடையுங்கள்வலுவான ஒளி வேறுபாடு, உண்மையான குவிய நிலைகள் மற்றும் விசைப்பலகை வழிசெலுத்தல் ஆகியவை அணுகல் தொடர்பான வெறும் பகட்டல் அல்ல. அவை அடிப்படைகள்.
- வேகம் குறைக்கப்பட்ட இணைப்பில் சோதனை செய்யவும்Chrome DevTools-இல் மெதுவான 3G இணைப்பில் ஒரு தளம் பயன்படுத்த முடியாத நிலையில் இருந்தால், அது நாட்டின் பாதிப் பகுதிகளில் பயன்படுத்த முடியாததாகிவிடும்.
ஆழ்ந்த பார்வையாளர்களுக்கான நிலவடிவமைப்பு மற்றும் காட்சி மொழி
தொழில்துறை பாணி என்பது அசிங்கமானது என்று அர்த்தமல்ல, தீவிரமான பாணி என்பது சலிப்பூட்டுவது என்றும் அர்த்தமல்ல. ஆனால், காட்சி அமைப்பு என்பது திறமையைக் குறிக்க வேண்டுமே தவிர, புதிய போக்கைப் பின்பற்றுவதாக இருக்கக்கூடாது. ஒரு ஸ்ட்ரீட்வேர் பிராண்டிற்குப் பொருத்தமாக இருக்கும் அடர்த்தியான டிஸ்ப்ளே எழுத்துருக்கள், தீச்செங்கல்களைத் தயாரிக்கும் ஒரு ஆலை மேலாளருக்குத் தீவிரமற்றதாகத் தோன்றும்.
வலுவான எண்களைக் கொண்ட ஹியூமனிஸ்ட் சான்ஸ்-செரிஃப் அல்லது டிரான்சிஷனல் செரிஃப் எழுத்துருக்களைப் பயன்படுத்துங்கள். விவரக்குறிப்புகள், பாக எண்கள் மற்றும் அளவீட்டு அலகுகள் இந்தத் தளங்களில் எல்லா இடங்களிலும் காணப்படுவதால், அட்டவணை வடிவப் படங்கள் மற்றும் தரவு அட்டவணைகளுக்கான தெளிவான மோனோஸ்பேஸ் இணைப்பு ஆகியவை நேரத்தை ஒதுக்குவதற்குப் பயனுள்ளவை.
வண்ணம் என்பது செயலாற்ற வேண்டுமே தவிர, அலங்காரமாக இருக்கக்கூடாது. அழைப்புச் செயல்களுக்கும் (CTAs) பாதுகாப்பு தொடர்பான அறிவிப்புகளுக்கும் வலுவான வண்ணத்தை ஒதுக்குங்கள். மற்றவை அனைத்தும், தயாரிப்புப் படங்களுடன் போட்டியிடாத ஒரு மிதமான வண்ணத் தொகுப்பில் இடம்பெறலாம்.
கனரகத் தொழிலில் மாற்றமடையும் உள்ளடக்க வடிவங்கள்
தொழில்துறை விநியோகஸ்தர்களுக்கான வாடிக்கையாளர் தொடர்பு, ஒரு லேண்டிங் பக்கத்தின் கீழே உள்ள கவர்ச்சியான படிவத்தின் மூலம் அரிதாகவே நிகழ்கிறது. நீங்கள் அவர்களின் செயல்முறையைப் புரிந்துகொள்கிறீர்கள் என்று ஒரு வாங்குபவர் நம்பும்போது அது நிகழ்கிறது.
- பொருள் மற்றும் தயாரிப்பு பக்கங்கள்வடிவங்கள், தரங்கள், பொதுவான பயன்பாடுகள் மற்றும் அவற்றை எந்தெந்தத் தொழில்துறைகள் பயன்படுத்துகின்றன என்பனவற்றை உள்ளடக்கவும். வார்ப்பு வெப்பத்தடுப்புப் பொருள் பற்றிய ஒரு பக்கம், ஒரு சிற்றேட்டைப் போல இல்லாமல், ஒரு விவரக்குறிப்புத் தாளைப் போல இருக்க வேண்டும்.
- தொழில் பக்கங்கள்வாடிக்கையாளரின் உலகத்தைப் பிரதிபலிக்கவும். வார்ப்பகங்களுக்கான ஒரு பக்கம், பொதுவான சந்தைப்படுத்தல் வாசகங்களுக்குப் பதிலாக, வார்ப்பகத்திற்கே உரிய மொழியைப் பயன்படுத்த வேண்டும்.
- சேவைப் பகுதி தெளிவுவாடிக்கையாளர் பத்து மாநிலங்களுக்குப் பொருட்களை அனுப்பினால், அவற்றை பட்டியலிடுங்கள். வாங்குபவர்களால் உண்மையை அறிய முடியாதபோது, அவர்கள் விரைவாகத் தங்களைத் தாங்களே தகுதி நீக்கம் செய்துகொள்வார்கள்.
- ஒரு உண்மையான தொடர்பு பாதைதலைப்பில் ஒரு தொலைபேசி எண் இருப்பது எந்தவொரு சாட்பாட்டையும் விடச் சிறந்தது. சில வாடிக்கையாளர்களுக்கு, அந்த ஒரு முடிவு, எந்தவொரு மறுவடிவமைப்பையும் விடத் தகுதியான விசாரணைகளை அதிகரிக்கச் செய்கிறது.
தளத்தை பயனுள்ளதாக வைத்திருக்கும் கைமாற்றம்
தொழில்துறை வாடிக்கையாளர்களிடம், ஒரு சிக்கலான CMS-ஐப் பராமரிப்பதற்காக ஒரு சந்தைப்படுத்தல் குழு காத்திருப்பது அரிது.
கிளையன்ட் உண்மையில் புதுப்பிக்கக்கூடிய ஒரு அடுக்கைத் தேர்ந்தெடுக்கவும்.தயாரிப்பு விவரக்குறிப்புகளுக்கான தனிப்பயன் தொகுதிகளைக் கொண்ட ஒரு நேர்த்தியான வேர்ட்பிரஸ் கட்டமைப்பு, பணியாளர்கள் யாரும் மாற்ற முடியாத ஒரு பிரத்யேக ஹெட்லெஸ் அமைப்பை விட நீண்ட காலம் நிலைத்திருக்கும்.
வடிவங்களை ஆவணப்படுத்துங்கள்புதிய பொருள் அல்லது தொழில் சார்ந்த பக்கத்தைச் சேர்க்கும்போது, ஒரு சிறிய லூம் (Loom) செயலியைப் பதிவு செய்யுங்கள். இன்னும் ஆறு மாதங்களில், வாடிக்கையாளர் ஒரு புதிய துறையைத் தேர்ந்தெடுக்கும்போது, உங்களைத் தொடர்புகொள்ளாமலேயே அவர்களால் அதை வெளியிட முடிய வேண்டும்.
தொழில்துறை வாடிக்கையாளர்களுக்கான வடிவமைப்பு நிதானத்திற்கு வெகுமதி அளிக்கிறது.வாங்குபவருக்குப் பயனளிக்காதவற்றை நீக்கி, பயனுள்ளவற்றைச் செம்மைப்படுத்தினால், அந்த ஆண்டு முழுவதும் நீங்கள் உருவாக்கும் படைப்புகளிலேயே மிகவும் திருப்திகரமான ஒன்றாக அது அமையும்.