XXX மோசமான வலைத்தளம் வடிவமைப்பு தவறுகள்

எழுதிய கட்டுரை:
  • இணைய வடிவமைப்பு
  • புதுப்பிக்கப்பட்டது: ஆகஸ்ட் 29, 2011

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

ஒருவேளை நீங்கள் ஒரு வலைத்தளத்தை குறிப்பதாக "ஒட்டும்" என்ற வார்த்தையை கேட்டிருக்கலாம்.

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

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

தவறு # 1: Jarring நிறங்கள்

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

தள தலைப்பு: மொராடிட்டோ

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

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

தவறு # XXX: மிகவும் பல கிராபிக்ஸ்

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

தள தலைப்பு: பைன் சோல்

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

இந்த தளத்தை பல கிளிப்கள் கொண்டிருக்கும்.

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

தவறு # 2: மெதுவாக ஏற்ற நேரம்

உங்கள் வலைத்தளமானது மெதுவாக உங்கள் வருகையை பார்வையிடுவதற்கு ஒரு கோப்பை காபி மற்றும் ஒரு கோளாறு மீண்டும் வருவதற்கு முன்னர் செல்ல வேண்டிய நேரம் வந்து விட்டதா?

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

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

- மூல: சிறந்த தள வேகத்துடன் உங்கள் எஸ்சிஓவை அதிகரிக்கவும்

தள தலைப்பு: தி மியூசியம் ஆஃப் மி

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

இந்த வலைத்தளத்தின் ஃப்ளாஷ் மிக மெதுவாக ஏற்றுவதற்கு காரணமாகிறது. அந்த மேல், ஃபிளாஷ் தவிர்க்க ஒரு உடனடியாக தெரியும் இணைப்பு இல்லை. மெதுவாக பதிவிறக்க வேகத்துடன் உலாவிகளில் இந்த தளத்தை மிகவும் தளர்வானதாகக் கண்டால் அவை தளத்திலிருந்து வெளியேறக்கூடும் மற்றும் மீண்டும் ஒருபோதும் திரும்ப மாட்டாது என்று ஏற்றும்.

குறிப்பு: தள வேகத்தை சரிபார்த்து மேம்படுத்துதல் மூலம் ஆலோசனை வழங்கவும் கூகிள் பக்க வேக நுண்ணறிவு.

தவறான #4: அதிக விளம்பர விளம்பரம்

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

உண்மையில், ஒரு டிஜிட்டல் விளம்பர அறிக்கை அப்ஸ்டிரீமின் மற்றும் யூஜோவ் நிறுவனத்தால் நடத்தப்பட்ட, அவர்கள் சுமார் 9% நுகர்வோர் ஒரு நிறுவனம் அதிகமாக விளம்பரம் செய்தால், அவர்கள் மீண்டும் அந்த நிறுவனம் பயன்படுத்த மாட்டார்கள் என்று கண்டறிந்தது.

தள தலைப்பு: Hemmy.net

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

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

தவறு # XXX: அமெச்சூர் புகைப்பட எடிட்டிங்

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

தள தலைப்பு: பீட்டர் பஸ்

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

இந்த பக்கத்தில் கிராபிக்ஸ் பல சிக்கல்கள் உள்ளன.

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

குறிப்பு: ஆன்லைனில் இலவச படத்தை எடிட்டிங் கருவிகள் பயன்படுத்த: Canva, பிக் குரங்கு

தவறு # 3: ஒரு மூன்று வயது பழைய வடிவமைப்பு உருவாக்க முடியும்

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

தள தலைப்பு: சைபர் டி-சைன் கிளான்

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

இந்த வடிவமைப்பு ஒரு எளிய மைக்ரோசாப்ட் முறை பின்னணி மற்றும் வேர்ட் ஆர்ட் ஆக உடனடியாக அடையாளம் காணக்கூடியதாக இருக்கும்.

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

தவறான # 7: மோசமான ஊடுருவல்

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

தள தலைப்பு: LawnSignDirectory.com

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

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

தவறான # 8: உரை சிக்கல்கள்

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

ஒருவரையொருவர் ஒன்றுடன் ஒன்று சேர்க்கும் வார்த்தைகள், பகுதியளவு கிராபிக்ஸ் மற்றும் பகுதியாக ஒரு திட பின்னணியில் உள்ள பத்திகள் எனக் கூட வாசிப்பது கடினம்.

தள தலைப்பு: பெர்முடா முக்கோணம்

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

இந்த தளத்தில் வேறுபாடு பிரச்சினைகள் இல்லை, ஆனால் உரை மற்ற நூல்களை மேல்படுத்துகிறது, அதை படிக்க கிட்டத்தட்ட சாத்தியமற்றது செய்யும்.

தவறு # XXX: தட்டச்சு

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

தள தலைப்பு: வலை டெக் ராக்ஸ்

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

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

குறிப்பு: எப்படி என்று அறிக உங்கள் சொந்த எழுத்துகளில் பிழைகள் மற்றும் பிழைகள் பிடிக்கவும்.

தவறு # 10: எனவே நீங்கள் அதை விளக்க முடியாது என்று பேட்

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

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

தளத்தின் தலைப்பு: The Afterlife

மோசமான வடிவமைப்பு எடுத்துக்காட்டுகள்

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

லோரி சோர்ட் பற்றி

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

நான்"