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

சரியான முறையில் மொபைல் முதல் வடிவமைப்பை கற்று, உடனடியாக ஏற்றக்கூடிய மற்றும் மாற்றக்கூடிய QR மெனுக்களை உருவாக்கவும். ஒவ்வொரு சாதனத்திற்கும் தேவையான UX விதிகளைப் புரிந்து கொள்ளுங்கள்.

U
upQR Team
··6 min read·0 views
Read in:
Design QR Menus That Work on Any Smartphone

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

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

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

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

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

குறைந்த அலைவரிசைச் சூழல்களுக்கான ஏற்றுதல் வேகத்தை மேம்படுத்துதல்

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

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

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

எழுத்து மற்றும் வாசிப்புத்திறன்: தெளிவின் கலை

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

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

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

சிறிய திரைகளுக்கு ஏற்ற வழிசெலுத்தல் கட்டமைப்புகள்

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

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

பொத்தான்கள் மற்றும் ஊடாடும் கூறுகள் துல்லியமாகத் தட்டக்கூடியதாக இருக்க வேண்டும். சராசரி விரலின் அகலம் சுமார் 10 மிமீ, எனவே டச் குறிப்புகள் குறைந்தபட்சம் 44x44 பிக்சல்களாக இருக்க வேண்டும். இந்த பொத்தான்களை, திரையின் கீழ் விளிம்பில் உள்ள பகுதிகளைத் தவிர்த்து, விரலுக்கு எளிதில் அணுகக்கூடிய இடத்தில் வைக்கவும், இது தொலைபேசியின் இயற்பியல் ஹோம் பட்டையாலோ அல்லது жеஸ்ரோல்வோ மறைக்கப்படலாம். மேலும், 'ஆர்டரில் சேர்' அல்லது 'இப்போது ஆர்டர் செய்' போன்ற பொத்தான்கள் தனித்துவமானதாகவும், பயனரின் கவனத்தை ஈர்க்கும் ஒரு வண்ணத்தைப் பயன்படுத்தவும். அதிக எண்ணிக்கையிலான இணைப்புகள் கொண்ட ஒரு ஒழுங்கற்ற வழிசெலுத்தல் மெனு, பயனர்களை குழப்பமடையச் செய்து, அவர்கள் பக்கத்தை விட்டு வெளியேற வழிவகுக்கும். மெனு அமைப்பை எளிமையாக வைத்திருங்கள்: சில தெளிவான வகைகள், ஒரு வலுவான தேடல் பட்டி மற்றும் நேரடி ஆர்டர் பாதையே வெற்றிகரமான மொபைல் வழிசெலுத்தலின் மூன்று கூறுகள் ஆகும்.

டிஜிட்டல் உணவு அனுபவத்தில் அணுகல்தன்மை மற்றும் உள்ளடக்கம்

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

உங்கள் மெனுவை அணுகக்கூடியதாக மாற்ற, காட்சி குறைபாடு உள்ள பயனர்களுக்காக, உணவை விவரிக்கும் விளக்கமான மாற்று உரையை (alt text) அனைத்து படங்களுக்கும் வழங்கவும். இது, பார்வையற்ற மற்றும் குறைந்த பார்வை உள்ள சமூகத்திற்கு மெனுவை பயன்படுத்த உதவுகிறது. கூடுதலாக, உங்கள் மெனுவின் உரை அடிப்படையிலான பதிப்பை வழங்கவும் அல்லது iOS இல் உள்ள VoiceOver அல்லது Android இல் உள்ள TalkBack போன்ற திரை வாசிப்பு கருவிகளுடன் உங்கள் இணையதளம் இணக்கமாக இருப்பதை உறுதிப்படுத்தவும். இதன் பொருள், சரியான தலைப்பு கட்டமைப்புகளை (H1, H2, H3) பயன்படுத்துவது மற்றும் திரை வாசிப்பு கருவிகள் உரையைப் படிக்க முயற்சிக்கும் அலங்கார கூறுகளைத் தவிர்ப்பது.

இயக்க அணுகல்தன்மை என்பது மற்றொரு முக்கியமான அம்சமாகும். குறைந்த இயற்பியல் திறன் கொண்ட பயனர்கள் சிறிய பொத்தான்கள் அல்லது சிக்கலான செய்கைகளுடன் சிரமப்படலாம். முன்பு குறிப்பிட்டபடி, பெரிய தொடு புள்ளிகள் மற்றும் தெளிவான, தனித்துவமான செயல்கள் அவசியம். பயனர்கள் வழிசெலுத்தலுக்கு குறிப்பிட்ட திசைகளில் ஸ்வைப் செய்யும்படி கட்டாயப்படுத்த வேண்டாம்; அதற்கு பதிலாக, தெளிவான டாப் அடிப்படையிலான தொடர்புகளைப் பயன்படுத்தவும். WCAG (Web Content Accessibility Guidelines) போன்ற அணுகல்தன்மை தரநிலைகளுக்கு இணங்குவதன் மூலம், உங்கள் பிராண்ட் உள்ளடக்கியதைக் கொண்டிருக்க வேண்டும் என்பதை நீங்கள் காட்டுகிறீர்கள். இது உங்கள் நற்பெயருக்கு சாதகமாக இருக்கும் மற்றும் டிஜிட்டல் உணவு அனுபவத்திலிருந்து விலக்கப்படும் நபர்களை உள்ளடக்கிய உங்கள் வாடிக்கையாளர் தளத்தை விரிவுபடுத்தும்.

எல்லாருக்கும் வேலை செய்யும் ஒரு மெனு, அனைவருக்கும் வேலை செய்யும் ஒரு மெனு.

முடிவுரை

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

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

#Mobile UX #Restaurant Tech #Digital Transformation

Share this article

Related Posts

Ready to create your digital menu?

Create your QR menu in minutes and reach your customers in any language.