இது இயற்பியல் தயாரிப்பு மேம்பாடு குறித்த நான்கு பகுதி தொடரின் இரண்டாம் பாகமாகும். நீங்கள் தவறவிட்டால் : ஒரு யோசனை உருவாக்கம், அதை படிக்க வேண்டும். நீங்கள் விரைவில் பகுதி 3: வடிவமைப்பு மற்றும் பகுதி 4: சரிபார்ப்புக்கு செல்லலாம். ஆசிரியர்: பென் ஐன்ஸ்டீன். ஃபேப்லாப் குழுக்களால் மொழிபெயர்ப்பு செய்யப்பட்டது மற்றும் திட்டம் .
பகுதி 2: வடிவமைப்பு
வடிவமைப்பு கட்டத்தில் ஒவ்வொரு அடியும் - வாடிக்கையாளர் ஆராய்ச்சி, வயர்ஃப்ரேமிங், ), ஒரு காட்சி முன்மாதிரி - தயாரிப்பு எப்படி இருக்கும் மற்றும் பயனர்கள் அதனுடன் எவ்வாறு தொடர்புகொள்வார்கள் என்பது பற்றிய கருதுகோள்களைச் சோதிக்கத் தேவை.
படம் 2.1 தயாரிப்பு வடிவமைப்பு நிலைகள்
வாடிக்கையாளர் மேம்பாடு மற்றும் கருத்து
முடிவில்லாமல் பட்டறையில் அமர்ந்து வளரும் நிறுவனங்களை விட வாடிக்கையாளர்களின் கருத்துகளில் கவனம் செலுத்தும் நிறுவனங்கள் மிகவும் வெற்றிகரமாக இருக்கும். இது பெரும்பாலும் பொருள் தயாரிப்புகளை உற்பத்தி செய்யும் நிறுவனங்களை பாதிக்கிறது. வாடிக்கையாளர்களுடன் தொடர்புகொள்வது எப்போதும் பயனுள்ளதாக இருக்கும் அதே வேளையில், வளர்ச்சியின் ஆரம்ப கட்டங்களில் இது மிகவும் முக்கியமானது.
படம் 2.2. வாடிக்கையாளர் மேம்பாடு மற்றும் கருத்து
செய்ய வாடிக்கையாளர்களில் உங்கள் கருதுகோள்களை சோதித்து உறுதிப்படுத்துவது எப்போதுமே மிகவும் முக்கியமானது. கருத்து முன்மாதிரிக்கான ஆதாரத்தை உருவாக்கிய பிறகு (), வங்கிகள் உண்மையான உலகில் வெளியிடப்பட்டன.
படம் 2.3. ஆரம்ப சோதனையின் போது எடுக்கப்பட்ட உண்மையான வாடிக்கையாளர் புகைப்படங்கள்
எனது வழிகாட்டிகளில் ஒருவர் ஒருமுறை கூறினார், “உங்கள் தயாரிப்பு வடிவமைப்பு மோசமாக இருந்தால் எப்படி சொல்வது என்று உங்களுக்குத் தெரியுமா? மக்கள் அதை எப்படி பயன்படுத்துகிறார்கள் என்று பாருங்கள்." DipJar குழு தொடர்ந்து இதே சிக்கலைப் பார்த்தது (புகைப்படத்தில் சிவப்பு அம்பு): பயனர்கள் கார்டை தவறாகச் செருக முயற்சிக்கின்றனர். இது ஒரு பெரிய வடிவமைப்பு வரம்பு என்பது தெளிவாகியது.
இந்த கட்டத்தில் வாடிக்கையாளர்களுடன் தொடர்புகொள்வதற்கான பரிந்துரைகள் (சிக்கல் ஆராய்ச்சி நிலைக்கு எதிராக):
- விரிவான உரையாடல் ஸ்கிரிப்டைத் தயாரித்து அதில் ஒட்டிக்கொள்க;
- எழுத்தில் அல்லது குரல் ரெக்கார்டரில் நீங்கள் கேட்பதை விரிவாகப் பதிவு செய்யுங்கள்;
- முடிந்தால், உங்கள் வாடிக்கையாளர் விசுவாசக் குறியீட்டைக் கண்காணிக்கவும் (, பல நிறுவனங்கள் இதை பின்னர் செய்ய விரும்புகின்றன, அது நல்லது);
- எந்தவொரு முன் விளக்கமும் அமைப்பும் இல்லாமல் தயாரிப்பில் (நீங்கள் தயாராக இருக்கும்போது) பயனர்களை விளையாட அனுமதிக்கவும்
- வாடிக்கையாளர்கள் தயாரிப்பைப் பற்றி என்ன மாற்றுவார்கள் என்று கேட்காதீர்கள்: அதற்குப் பதிலாக, அவர்கள் அதை எப்படிப் பயன்படுத்துகிறார்கள் என்பதைப் பார்க்கவும்;
- விவரங்களுக்கு அதிக கவனம் செலுத்த வேண்டாம்; உதாரணமாக, நிறம் மற்றும் அளவு ஆகியவை சுவை சார்ந்த விஷயம்.
வயர்ஃப்ரேம் மாடலிங்
கான்செப்ட் ப்ரோடோடைப்பின் ஆதாரம் பற்றிய விரிவான கருத்துக்குப் பிறகு, தயாரிப்பு வடிவமைப்பை மீண்டும் செய்ய வேண்டிய நேரம் இது.
படம் 2.4. வயர்ஃப்ரேம் மாடலிங் நிலை
வயர்ஃப்ரேமிங் செயல்முறையானது, தயாரிப்பைப் பயன்படுத்திய அனுபவத்தை முழுமையாக விவரிக்கும் உயர்-நிலை ஓவியங்களை உருவாக்குவதன் மூலம் தொடங்குகிறது. இந்த செயல்முறையை ஸ்டோரிபோர்டுகள் என்று அழைக்கிறோம்.
படம் 2.5. ஸ்டோரிபோர்டு
ஒரு ஸ்டோரிபோர்டு நிறுவனத்தின் நிறுவனர்களுக்கு முழு தயாரிப்பு பயணத்தையும் சிந்திக்க உதவுகிறது. இது விவரிக்கப் பயன்படுகிறது:
- பேக்கேஜிங்: அது எப்படி இருக்கும்? ஒரு தயாரிப்பை (சராசரி தொகுப்பு அளவு) ஒன்பது வார்த்தைகளில் அல்லது ஒரு தொகுப்பில் எப்படி விவரிக்கிறீர்கள்? பெட்டியின் அளவு என்னவாக இருக்கும்? அது கடையில்/அலமாரியில் எங்கே போகும்?
- விற்பனை: தயாரிப்பு எங்கே விற்கப்படும் மற்றும் வாங்குவதற்கு முன் மக்கள் அதை எவ்வாறு தொடர்புகொள்வார்கள்? ஊடாடும் காட்சிகள் உதவுமா? வாடிக்கையாளர்கள் தயாரிப்பைப் பற்றி நிறைய தெரிந்து கொள்ள வேண்டுமா அல்லது அது ஒரு உந்துவிசை வாங்குதலாக இருக்குமா?
- Unboxing: Unboxing அனுபவம் எப்படி இருக்கும்? இது எளிமையானதாகவும், புரிந்துகொள்ளக்கூடியதாகவும், குறைந்தபட்ச முயற்சி தேவையாகவும் இருக்க வேண்டும்.
- அமைப்பு: தயாரிப்பு முதல் பயன்பாட்டிற்குத் தயாராகும் முன் வாடிக்கையாளர்கள் என்ன நடவடிக்கைகளை எடுக்க வேண்டும்? சேர்க்கப்பட்ட பாகங்கள் தவிர உங்களுக்கு என்ன தேவை? தயாரிப்பு வேலை செய்யவில்லை என்றால் என்ன நடக்கும் (வைஃபை இணைப்பு இல்லை அல்லது ஸ்மார்ட்போனில் பயன்பாடு நிறுவப்படவில்லை)?
- முதல் பயன்பாட்டு அனுபவம்: பயனர்கள் விரைவாகப் பயன்படுத்தத் தொடங்கும் வகையில் தயாரிப்பு எவ்வாறு வடிவமைக்கப்பட வேண்டும்? பயனர்கள் நேர்மறையான அனுபவத்துடன் திரும்புவதை உறுதிசெய்ய ஒரு தயாரிப்பு எவ்வாறு வடிவமைக்கப்பட வேண்டும்?
- மறுபயன்பாடு அல்லது சிறப்புப் பயன்பாடு: பயனர்கள் தயாரிப்பைத் தொடர்ந்து பயன்படுத்துவதையும் அனுபவிப்பதையும் உறுதி செய்வது எப்படி? சிறப்புப் பயன்பாட்டு நிகழ்வுகளில் என்ன நடக்கும்: இணைப்பு/சேவை இழப்பு, ஃபார்ம்வேர் புதுப்பிப்பு, காணாமல் போன துணை, முதலியன?
- பயனர் ஆதரவு: பயனர்களுக்கு சிக்கல்கள் இருக்கும்போது என்ன செய்வார்கள்? அவர்களுக்கு மாற்று தயாரிப்பு அனுப்பப்பட்டால், இது எப்படி நடக்கும்?
- ஆயுட்காலம்: பெரும்பாலான தயாரிப்புகள் 18 அல்லது 24 மாதங்களுக்குப் பிறகு காலாவதியாகிவிடும். இந்த புள்ளிவிவரங்கள் வாடிக்கையாளர் பயணத்துடன் எவ்வாறு தொடர்புடையது? பயனர்கள் மற்றொரு தயாரிப்பை வாங்குவார்கள் என்று எதிர்பார்க்கிறீர்களா? ஒரு தயாரிப்பில் இருந்து அடுத்த தயாரிப்பிற்கு எப்படி செல்வார்கள்?
படம் 2.6. பயன்பாடு அல்லது இணைய இடைமுகத்தின் எதிர்கால பயனருடன் பணிபுரிதல்
உங்கள் தயாரிப்பில் டிஜிட்டல் இடைமுகம் (உட்பொதிக்கப்பட்ட இடைமுகம், இணைய இடைமுகம், ஸ்மார்ட்போன் பயன்பாடு) இருந்தால் வயர்ஃப்ரேம் மாடலிங் பயனுள்ளதாக இருக்கும். இவை பொதுவாக எளிய கருப்பு மற்றும் வெள்ளை வரைபடங்கள், இருப்பினும் டிஜிட்டல் கருவிகளையும் பயன்படுத்தலாம். மேலே உள்ள புகைப்படத்தில் (2.6) நீங்கள் நிறுவனத்தின் நிறுவனர் (வலதுபுறம்) பார்க்க முடியும். அவர் ப்ராஸ்பெக்டை (இடது) நேர்காணல் செய்து, பேப்பர் ஸ்மார்ட்ஃபோன் "திரையில்" பயன்பாட்டைப் பயன்படுத்தும் போது குறிப்புகளை எடுக்கிறார். டிஜிட்டல் பணிப்பாய்வுகளின் இந்த வகையான சோதனை மிகவும் பழமையானதாகத் தோன்றினாலும், இது மிகவும் பயனுள்ளதாக இருக்கும்.
உங்கள் வயர்ஃப்ரேமிங்கின் முடிவில், உங்கள் தயாரிப்பின் ஒவ்வொரு பகுதியுடனும் பயனர்கள் எவ்வாறு தொடர்புகொள்வார்கள் என்பதைப் பற்றிய விரிவான புரிதலை நீங்கள் பெற்றிருக்க வேண்டும்.
காட்சி முன்மாதிரி.
காட்சி முன்மாதிரி என்பது இறுதியான ஆனால் செயல்படாத தயாரிப்பைக் குறிக்கும் மாதிரியாகும். மற்ற நிலைகளைப் போலவே, அத்தகைய மாதிரியை உருவாக்குவது (மற்றும் தொடர்புடைய வயர்ஃப்ரேம்கள்) பயனர்களுடன் மீண்டும் மீண்டும் தொடர்பு கொள்ள வேண்டும்.
படம் 2.7. காட்சி முன்மாதிரி நிலை
பரந்த அளவிலான யோசனைகளுடன் தொடங்கி, உங்கள் பயனர்களின் அளவுகோல்களை சிறப்பாகச் சந்திக்கும் சில கருத்துக்களைத் தேர்ந்தெடுக்கவும்.
படம் 2.8 ஸ்கெட்ச்
காட்சி முன்மாதிரி வடிவமைப்பு எப்பொழுதும் தயாரிப்பின் உயர்நிலை ஓவியங்களோடு தொடங்குகிறது (தயாரிப்பைப் பயன்படுத்திய அனுபவத்தை விவரிக்கும் ஸ்டோரிபோர்டைப் போலல்லாமல்). பெரும்பாலான தொழில்துறை வடிவமைப்பாளர்கள் முதலில் ஒத்த வடிவங்கள் மற்றும் தயாரிப்புகளுக்கான ஆரம்ப தேடலை மேற்கொள்கின்றனர். டிப்ஜார் வடிவமைப்பாளர் பல பிற தயாரிப்புகளைப் படித்து அவற்றின் வடிவங்களின் அடிப்படையில் ஓவியங்களை உருவாக்கினார்.
படம் 2.9. வடிவ தேர்வு
நீங்கள் சில கடினமான கருத்துக்களைத் தேர்ந்தெடுத்ததும், அவை நிஜ உலகில் எப்படி இருக்கும் என்பதை நீங்கள் சோதிக்க வேண்டும். புகைப்படத்தில் நீங்கள் ஒரு நுரை அடிப்படை மற்றும் குழாயிலிருந்து செய்யப்பட்ட டிப்ஜாரின் கடினமான வடிவங்களைக் காணலாம். ஒவ்வொன்றும் உருவாக்க சில நிமிடங்கள் ஆகும், இதன் விளைவாக, நிஜ உலகில் வடிவம் எவ்வாறு உணரப்படும் என்பதைப் பற்றிய ஒரு யோசனையைப் பெறலாம். களிமண் மற்றும் லெகோஸ் முதல் நுரை மற்றும் டூத்பிக்ஸ் வரை அனைத்திலும் இந்த மாடல்களை உருவாக்கியுள்ளேன். ஒரு முக்கியமான விதி உள்ளது: விரைவாகவும் மலிவாகவும் மாதிரிகளை உருவாக்குங்கள்.
படம் 2.10. அளவு தேர்வு
அடிப்படை வடிவத்தைத் தேர்ந்தெடுத்த பிறகு, நீங்கள் மாதிரியின் அளவு மற்றும் தனிப்பட்ட பாகங்களின் அளவு ஆகியவற்றில் வேலை செய்ய வேண்டும். ஒரு தயாரிப்பின் "சரியான உணர்விற்கு" பொதுவாக இரண்டு அல்லது மூன்று அளவுருக்கள் முக்கியமானவை. டிப்ஜார் விஷயத்தில், இது கேனின் உயரம், முன் பகுதியின் விட்டம் மற்றும் விரல் ஸ்லாட்டின் வடிவியல். இந்த நோக்கத்திற்காக, அளவுருக்களில் (அட்டை மற்றும் பாலிஸ்டிரீன் நுரையிலிருந்து) சிறிய வேறுபாடுகளுடன் மிகவும் துல்லியமான மாதிரிகள் செய்யப்படுகின்றன.
படம் 2.11. பயனர் அனுபவத்தைப் புரிந்துகொள்வது
படிவ மேம்பாட்டிற்கு இணையாக, சில பயனர் அனுபவம் (UX) அம்சங்கள் விளக்கப்பட வேண்டும் என்பது அடிக்கடி தெளிவாகிறது. டிப்ஜார் குழு, வரிசையில் முன்னால் இருப்பவர் ஒரு உதவிக்குறிப்பை விட்டுச் செல்லும்போது பெருந்தன்மையின் வாய்ப்பு அதிகரிக்கிறது என்பதைக் கண்டறிந்தது. ஒலி மற்றும் ஒளி சமிக்ஞைகள் மக்களைக் கவர்ந்திழுப்பதற்கும் அதன் மூலம் குறிப்புகளின் அதிர்வெண் மற்றும் அளவை அதிகரிப்பதற்கும் மிகவும் பயனுள்ள வழி என்பதை நாங்கள் கண்டறிந்துள்ளோம். இதன் விளைவாக, ஒளியைப் பயன்படுத்தி எல்.ஈ.டி மற்றும் வடிவமைப்பு தகவல்தொடர்புகளின் சிறந்த இடத்தைத் தேர்வுசெய்ய நாங்கள் நிறைய செய்தோம்.
படம் 2.12. வடிவமைப்பு மொழி
ஒவ்வொரு தயாரிப்புக்கும் ஒரு "வடிவமைப்பு மொழி" உள்ளது, இதன் மூலம் அது பயனருடன் பார்வை அல்லது அனுபவ ரீதியாக தொடர்பு கொள்கிறது. DipJar ஐப் பொறுத்தவரை, ஒரு அட்டையை எவ்வாறு செருகுவது என்பதை பயனருக்கு விரைவாகத் தெரிவிப்பது முக்கியம். கார்டு லோகோவை (புகைப்படம் இடதுபுறம்) மேம்படுத்துவதற்கு குழு அதிக நேரம் செலவிட்டது, இதனால் கார்டை எவ்வாறு சரியாகச் செருகுவது என்பதை பயனர்கள் தெளிவாகப் புரிந்து கொள்ள முடியும்.
டிப்ஜார் குழு LED பின்னொளி வடிவங்களை மேம்படுத்துவதில் வேலை செய்தது. ஒரு சிவப்பு அம்புக்குறி முகத்தின் விளிம்பைச் சுற்றியுள்ள எல்.ஈ.டிகளைக் குறிக்கிறது, இது தாராள மனப்பான்மையை வெளிப்படுத்துகிறது. நீல அம்புக்குறி குழுவின் நீண்ட விவாதங்களின் முடிவைக் குறிக்கிறது - சேகரிக்கப்பட்ட தொகையை மாற்றும் வங்கி உரிமையாளர்களின் திறன். தனிப்பயன் டிஜிட்டல் LED டிஸ்ப்ளே டிப்ஜார் உரிமையாளரை எளிதாக முனை அளவை மாற்ற அனுமதிக்கிறது.
படம் 2.13. வண்ணங்கள், பொருட்கள், பூச்சுகள்
தயாரிப்பின் இறுதி தோற்றத்தை விரைவாக தீர்மானிக்க, வடிவமைப்பாளர்கள் வண்ணங்கள், பொருட்கள் மற்றும் பூச்சுகளை (CMF) தேர்ந்தெடுக்கிறார்கள். இது பெரும்பாலும் டிஜிட்டல் முறையில் செய்யப்படுகிறது (மேலே காட்டப்பட்டுள்ளபடி) பின்னர் இயற்பியல் மாதிரிகள் மற்றும் மாதிரிகளாக மொழிபெயர்க்கப்படுகிறது. DipJar பல்வேறு உலோக வழக்கு பாணிகள், பூச்சுகள் மற்றும் பிளாஸ்டிக் வண்ணங்களை சோதித்தது.
படம் 2.14. இறுதி வழங்கல்கள்
ஆரம்ப CMF தேர்வின் விளைவாக உயர்தர டிஜிட்டல் தயாரிப்பு மாதிரி உள்ளது. இது வழக்கமாக முந்தைய நிலைகளின் அனைத்து கூறுகளையும் உள்ளடக்கியது: வடிவம், அளவு, சின்னங்கள், பயனர் அனுபவம் (UX), லைட்டிங் (LED), வண்ணங்கள், கட்டமைப்புகள் மற்றும் பொருட்கள். இத்தகைய உயர்தர காட்சிப்படுத்தல்கள், ரெண்டரிங், கிட்டத்தட்ட எல்லா மார்க்கெட்டிங் பொருட்களுக்கும் அடிப்படையாக உள்ளது (ஆப்பிளின் மார்க்கெட்டிங் கடவுள்கள் கூட எல்லாவற்றுக்கும் ரெண்டர்களைப் பயன்படுத்துகிறார்கள்).
படம் 2.15. இணைய பயன்பாட்டு வடிவமைப்பு
உங்கள் தயாரிப்புக்கு டிஜிட்டல் இடைமுகம் இருந்தால், உங்கள் தயாரிப்பின் பயனர் அனுபவத்தை வரையறுப்பதில் மிகவும் துல்லியமான மொக்கப்களை உருவாக்குவது மிகவும் உதவியாக இருக்கும். DipJar இன் முக்கிய டிஜிட்டல் சொத்து, கடை உரிமையாளர்கள் மற்றும் தொண்டு நிறுவனங்களுக்கான இணைய அடிப்படையிலான கட்டுப்பாட்டுப் பலகமாகும். ஊழியர்கள் மற்றும் டிப்ஸ் விட்டுச் செல்லும் நபர்களுக்காக மொபைல் அப்ளிகேஷனை வெளியிடும் திட்டமும் உள்ளது.
படம் 2.16. பேக்கேஜிங் உள்ளமைவின் தேர்வு
வடிவமைப்பு கட்டத்தில் எளிதில் மறக்கப்படும் ஒரு முக்கியமான கட்டம் பேக்கேஜிங் ஆகும். DipJar போன்ற ஒப்பீட்டளவில் எளிமையான தயாரிப்பு கூட பேக்கேஜிங் மேம்பாட்டில் மீண்டும் மீண்டும் செய்யப்பட்டது. இடதுபுறத்தில் உள்ள புகைப்படத்தில் நீங்கள் பேக்கேஜிங்கின் முதல் பதிப்பைக் காணலாம்; வலதுபுறத்தில் உள்ள புகைப்படத்தில் இரண்டாவது தலைமுறையின் மிகவும் ஈர்க்கக்கூடிய மற்றும் நேர்த்தியான பேக்கேஜிங் உள்ளது. நேர்மறையான பயனர் அனுபவம் மற்றும் பொருள் விவரக்குறிப்பை உருவாக்குவதில் வடிவமைப்பு மேம்படுத்தல் ஒரு முக்கிய பகுதியாகும்.
படம் 2.17. மறு செய்கை பற்றி மறந்துவிடாதீர்கள்!
உயர் நம்பகத்தன்மை கொண்ட காட்சி முன்மாதிரிகள் தயாரிக்கப்பட்டவுடன், வளர்ச்சியின் போது செய்யப்பட்ட பல கருதுகோள்களை சோதிக்க வாடிக்கையாளர்களுக்கு அவை திருப்பி அனுப்பப்படுகின்றன. ஒரு சிறந்த காட்சி முன்மாதிரியைப் பெற 2-3 மறு செய்கைகளைச் செய்தால் போதும்.
படம் 2.18. இறுதி முன்மாதிரி பார்வைக்கு தயாரிப்புக்கு அருகில் உள்ளது
வடிவமைப்பு செயல்முறை முடிந்ததும், வடிவமைப்பு நோக்கத்தைக் காட்டும் அழகான மாதிரியுடன் முடிவடையும், ஆனால் இன்னும் செயல்பாடு இல்லை. இந்த மாதிரியுடன் தொடர்புகொள்வதன் மூலம் வாடிக்கையாளர்கள் மற்றும் முதலீட்டாளர்கள் உங்கள் தயாரிப்பை விரைவாகப் புரிந்துகொள்ள முடியும். ஆனால் தயாரிப்பை செயல்பட வைப்பதன் முக்கியத்துவத்தை மறந்துவிடக் கூடாது. இதைச் செய்ய, பகுதி 3: கட்டுமானத்திற்குச் செல்லவும்.
இயற்பியல் தயாரிப்பு மேம்பாடு குறித்த நான்கு பாகங்கள் கொண்ட தொடரின் இரண்டாம் பாகத்தை நீங்கள் படித்துள்ளீர்கள். கண்டிப்பாக படிக்கவும் : யோசனை உருவாக்கம். நீங்கள் விரைவில் பகுதி 3: வடிவமைப்பு மற்றும் பகுதி 4: சரிபார்ப்புக்கு செல்லலாம். ஆசிரியர்: பென் ஐன்ஸ்டீன். ஃபேப்லாப் குழுக்களால் மொழிபெயர்ப்பு செய்யப்பட்டது மற்றும் திட்டம் .
ஆதாரம்: www.habr.com