சிறந்த யுஎக்ஸ் உண்மையான உள்ளடக்கத்துடன் வடிவமைக்கவும்

நூலாசிரியர்: Louise Ward
உருவாக்கிய தேதி: 8 பிப்ரவரி 2021
புதுப்பிப்பு தேதி: 16 மே 2024
Anonim
சிறந்த UX மைக்ரோகாபி & உள்ளடக்க வடிவமைப்பு எடுத்துக்காட்டுகள் - டிசைன் டூல் செவ்வாய், எபி46
காணொளி: சிறந்த UX மைக்ரோகாபி & உள்ளடக்க வடிவமைப்பு எடுத்துக்காட்டுகள் - டிசைன் டூல் செவ்வாய், எபி46

உள்ளடக்கம்

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

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

"உண்மையான" உள்ளடக்கம் என்ன

வடிவமைப்பின் பரிணாம வளர்ச்சியுடன் எங்கோ, நீங்கள் உண்மையில் இல்லை என்ற எண்ணத்தை யாரோ பெற்றார்கள் தேவை வடிவமைப்பை உருவாக்க உண்மையான உரை. "உண்மையான" பொருள் தயாராகும் வரை நீங்கள் சில தன்னிச்சையான லத்தீன் மொழியில் எறியலாம். எனவே, lorem ipsum மற்றும் அதன் பல, பல அல்லது குறைவான ஹிப்ஸ்டர் கிளைகள்.

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

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


உண்மையான உள்ளடக்கத்துடன் வடிவமைப்பை உள்ளிடவும். இது உள்ளடக்க-முதல் வடிவமைப்பின் ஒரு பகுதியாகும், இது வடிவமைப்பாளர்களை உள்ளடக்கத்துடன் தொடங்குவது மட்டுமல்லாமல், தொடங்கவும் கேட்கிறது உண்மையானது குழப்பமான, உண்மையான உலகில் உள்ள உண்மையான நபர்கள் உண்மையில் உருவாக்கி பகிர்ந்து கொள்ளும் உள்ளடக்கம்.
“உண்மையான” உள்ளடக்கம் பின்வருமாறு:

  1. சாதாரண மக்களிடமிருந்து உண்மையான புகைப்படங்கள் மற்றும் நிலை புதுப்பிப்புகள்
  2. ஃப்ரீலான்ஸ் தளங்களுக்கான வாடிக்கையாளர் தயாரித்த உள்ளடக்கம்
  3. தொழில்முறை நகல் எழுத்தாளர்களால் தயாரிக்கப்பட்ட மெருகூட்டப்பட்ட நகல்

சரி, எனவே உள்ளடக்கத்தின் முதல் வடிவமைப்பு என்ன?

உள்ளடக்கத்தின் முதல் வடிவமைப்பு வலைத்தளத்தின் உள்ளடக்கத்தை உருவாக்க முன்னுரிமை அளிக்கிறது - அல்லது இருக்கும் உள்ளடக்கத்தின் மதிப்பாய்வு மற்றும் பகுப்பாய்வு - முன் வடிவமைப்பு தொடங்குகிறது.

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


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

உள்ளடக்கம் “விளிம்பு நிகழ்வுகளை” எடுத்துக்காட்டுகிறது - அதாவது உண்மையான உலகம்

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

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

அதுதான் உண்மையான வாழ்க்கை.

நீங்கள் அதைப் புரிந்து கொள்ளும்போது, ​​நீங்கள் இல்லை நிறுத்து அம்சம் கொண்ட “சிறந்த” பயனர் சுயவிவரங்களை வடிவமைப்பதில்:

  1. குறுகிய, ஆங்கிலோ சாக்சன் முதல் மற்றும் கடைசி பெயர்கள்
  2. நூற்றுக்கணக்கான அழகான புகைப்படங்கள், தொடர்ந்து வழங்கப்படுகின்றன
  3. உரை உள்ளடக்கத்தின் குறுகிய பத்திகளை
  4. அனைத்து உள்ளடக்க வகைகளையும் உள்ளடக்கிய உயிரோட்டமான “புதுப்பிப்புகள்”

நீங்கள் நிச்சயமாக ஒன்றை செய்கிறீர்கள்.

ஆனால் உங்கள் மற்ற கேலிக்கூத்துகள் உண்மையான உலகத்தை முன்னிலைப்படுத்துகின்றன. நிறைந்த உலகம்:

  1. நீண்ட பெயர்கள்
  2. ஒன்றுக்கு மேற்பட்ட மொழிகளில் பட்டியலிடப்பட வேண்டிய பெயர்கள்
  3. இடமிருந்து வலமாக அல்ல, வலமிருந்து இடமாக இயங்கும் பெயர்கள்
  4. சிதறிய, மோசமாக எரியும், அருவருக்கத்தக்க புகைப்படங்கள்
  5. ஹெட்ஷாட்களுக்கு பதிலாக வேடிக்கையான அவதாரங்கள்
  6. வெற்று முன்னோட்டங்களை உருவாக்கும் வர்ணனை இல்லாமல் உண்மையில் வெறும் இணைப்புகள் மட்டுமே “பங்குகள்”

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


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

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

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

பெரும்பாலான வலைத்தள பார்வையாளர்கள் அழகிய வடிவமைப்பு, “மகிழ்ச்சிகரமான” தொடர்புகள் அல்லது நகைச்சுவையான நகலுக்காக வரவில்லை.

அவர்கள் பொருட்களைச் செய்யத் தேவையான தகவல்களுக்காக வருகிறார்கள்.

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

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

இறுதி வடிவமைப்பில் சரியான இடங்களில் சரியான தகவல்கள் முன்னிலைப்படுத்தப்படுவதை உறுதிப்படுத்த இது உதவுகிறது.

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

உண்மையான உள்ளடக்கத்துடன் செயல்பட உங்களுக்கு உதவும் 3 கருவிகள்

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

வெப்ஃப்ளோ சி.எம்.எஸ்

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

ஸ்கெட்சிற்கான கைவினை தரவு சொருகி

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

சீரற்ற பயனர் ஜெனரேட்டர் API

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

எங்கள் ஆலோசனை
தொழில் நுண்ணறிவு: வடிவமைப்பு போட்டிகள் ஸ்பெக் வேலை செய்கிறதா?
படி

தொழில் நுண்ணறிவு: வடிவமைப்பு போட்டிகள் ஸ்பெக் வேலை செய்கிறதா?

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

CorelDRAW 2018 விமர்சனம்

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

2020 ஆம் ஆண்டில் படைப்பாளிகள் எதிர்நோக்க 20 விஷயங்கள்

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