Guidelines
Spatial & Immersive UI
முப்பரிமாண & வளர்ந்துவரும் பயனர் இடைமுகம்
Comprehensive design specifications for AR, VR, MR, XR, Meta Quest, Apple Vision Pro, and micro-displays. Addresses ergonomics, depth parameters, visual occlusion, and Tamil diacritic protection under 3D spatial skew.
மெய்நிகர் (VR), கூட்டப்பட்ட நிஜம் (AR), கலப்பு நிஜம் (MR) மற்றும் விஷன் ப்ரோ போன்ற முப்பரிமாண சாதனங்களில் தமிழ் எழுத்துக்கள் மற்றும் பயனர் இடைமுகத்தை வடிவமைக்கும் விரிவான விதிகள்.
1. கூட்டப்பட்ட நிஜம் (AR) வடிவமைப்பு விதிகள்
கூட்டப்பட்ட நிஜம் (AR) தொழில்நுட்பம் நிஜ உலகின் மேல் டிஜிட்டல் வடிவங்களை வரைந்து காட்டுகிறது. மாறுபடும் நிஜ பின்புலங்களில் உரை தெளிவாகத் தெரிவது இதில் உள்ள முக்கிய சவாலாகும்.
- வண்ண முரண்பாடு தனிமைப்படுத்தல்: கேமரா காட்சியின் மேல் நேரடியாக மெல்லிய உரையைக் காட்டக் கூடாது. பின்புல இரைச்சலைத் தடுக்க உரை பெட்டிகளுக்குப் பின்னால் குறைந்தபட்சம்
75% அடர்த்திகொண்ட இருண்ட பின்னணி அட்டைகளை அமைக்க வேண்டும். - ஒளிர்வு ஈடுசெய்தல்: பிரகாசமான பகல் வெளிச்சத்தில், தமிழ் எழுத்துக்கள் தெளிவாகத் தெரிய உரைக்குத் தூய வெள்ளை நிறத்தையும், அதன் ஓரங்களுக்கு
1px கருப்பு எல்லைக் கோட்டையும்(Outline stroke) வழங்க வேண்டும். - HUD திரையமைப்பு: தலையணி அறிவிப்புகள் (HUD notifications) பயனரின் நேரடிப் பார்வையை மறைக்காமல் ஓரங்களில் அமைய வேண்டும். நடுவில் உள்ள 30 பாகை பார்வை அச்சை நிஜ உலக வழிசெலுத்தலுக்கு வெற்று இடமாக விட வேண்டும்.
2. மெய்நிகர் நிஜம் (VR) வடிவமைப்பு விதிகள்
மெய்நிகர் நிஜம் (VR) பயனரின் வெளிப் பார்வையை முழுமையாக மறைத்து, 100% மெய்நிகர் உலகத்தைக் காட்டுகிறது. உடல் சோர்வு மற்றும் தலைசுற்றலைத் (Motion Sickness) தடுக்க இதில் கூடுதல் கவனம் தேவை.
- பார்வை வசதி வட்டம்: முதன்மை மெனுக்களை பயனரின் நேரடிப் பார்வை அச்சை விட 10 பாகை கீழே, 30-பாகை கிடையான கோணத்திலும் 20-பாகை செங்குத்துக் கோணத்திலும் அமைக்க வேண்டும்.
- தலைசுற்றல் தடுப்பு: மெய்நிகர் கேமராவைத் திடீரென நகர்த்துவதைத் தவிர்க்க வேண்டும். நகர்த்த வேண்டிய கட்டாயம் இருந்தால், முடுக்கத்தை
0.1 m/s²-க்கு குறைவாக வைத்து, நகரும் போது ஓரங்களைச் சற்று இருண்டதாக (Vignette) மாற்ற வேண்டும். - திரை புதுப்பிப்பு விகிதம்: திரை நடுக்கங்களால் ஏற்படும் கண் சோர்வைத் தடுக்க, இடைமுகங்கள் குறைந்தபட்சம் 90 FPS வேகத்தில் இயங்குவதை உறுதி செய்ய வேண்டும்.
3. கலப்பு நிஜம் (MR) வடிவமைப்பு விதிகள்
கலப்பு நிஜம் (MR) நிஜ உலகையும் மெய்நிகர் உலகையும் ஒன்றிணைத்து, மெய்நிகர் உருவங்களை நிஜப் பொருட்களின் மேல் நிலைநிறுத்துகிறது.
- இருப்பிட நிலைநிறுத்தம் & மறைப்பு: மெய்நிகர் திரைகள் சுவர்கள் அல்லது மேசைகளின் மேல் சரியாகப் பொருந்த வேண்டும். நிஜப் பொருட்கள் மெய்நிகர் திரையை மறைக்கும் போது (Occlusion), மெய்நிகர் திரை அதன் பின்னால் மறைவாகத் தெரிய வேண்டும்.
- தொலைவு சார்ந்த அளவுகள்: தொலைவிற்கு ஏற்ப பொத்தானின் அளவை மாற்ற வேண்டும்:
- அருகில் (0.3மீ - 0.5மீ): 32dmm அளவு (சுமார் 96px). கைவிரல் தொடுதலுக்கு உகந்தது.
- நடுவில் (0.6மீ - 1.5மீ): 28dmm அளவு (சுமார் 80px). சைகை & விழிக்குவியத்திற்கு உகந்தது.
- தொலைவில் (1.6மீ - 3.0மீ+): 48dmm அளவு (சுமார் 140px). தகவல்களைக் காட்ட உகந்தது.
4. வளர்ந்துவரும் நிஜம் (XR) வடிவமைப்பு விதிகள்
வளர்ந்துவரும் நிஜம் (XR) என்பது AR, VR மற்றும் MR ஆகிய அனைத்தையும் உள்ளடக்கிய பொதுவான வடிவமைப்பு கட்டமைப்பாகும்.
- ஊடுருவல் மாற்றங்கள் (Pass-Through): மெய்நிகர் உலகத்தில் இருந்து நிஜ உலக ஊடுருவல் காட்சிக்கு மாறும்போது மென்மையான மாறுதல் கால அளவை (குறைந்தது 500ms) வழங்க வேண்டும்.
- மாற்று உள்ளீட்டு முறைகள்: குறைந்த வெளிச்சத்தில் கேமராக்களால் கைகளைக் கண்காணிக்க முடியாமல் போகலாம். எனவே, கைகளின் சைகை, கன்ட்ரோலர் சைகை மற்றும் குரல் உள்ளீடு ஆகிய மூன்று மாற்று உள்ளீடுகளையும் ஆதரிக்க வேண்டும்.
4.1 W3C WebXR சாதன வழிகாட்டுதல்கள் (WebXR API)
W3C Immersive Web Working Group-ன் WebXR விதிமுறைகளின்படி, தலைசுற்றலைத் (Simulator Sickness) தடுக்க முப்பரிமாண காட்சிகள் குறைந்தபட்சம் 90Hz வேகத்தில் இயங்க வேண்டும். மேலும், மெய்நிகர் உலகத்தில் பயனரை நகர்த்தும்போது, தொடர்ந்து நகர்த்தாமல் (Smooth Locomotion) ஓரிடத்திலிருந்து மற்றொரு இடத்திற்குத் தாவிச் செல்லும் முறையை (Teleportation) முதன்மையாகப் பயன்படுத்த வேண்டும் என W3C வழிகாட்டுகிறது.
5. மெட்டா குவெஸ்ட் (Meta Quest) வடிவமைப்பு விதிகள்
மெட்டா குவெஸ்ட் சாதனங்கள் பெரும்பாலும் கன்ட்ரோலர்கள் மற்றும் கைகளின் சைகைகளைக் கொண்டு கட்டுப்படுத்தப்படுகின்றன.
- பொத்தான் செயல்பாடுகள்: பொத்தான்களின் நிலையான விதிகளைப் பின்பற்றவும்: முதன்மை தேர்வுகளுக்கு 'Trigger' பொத்தானையும், பொருட்களை நகர்த்த 'Grip' பொத்தானையும், வழிசெலுத்தலுக்கு 'Joystick'-ஐயும் பயன்படுத்தவும்.
- கைகளின் சைகை வரம்பு: கைகளின் சைகை உணரும் எல்லை நெஞ்சிற்கு நேராக 30செமீ முதல் 60செமீ தூரத்திற்குள் அமைய வேண்டும். கேமராக்கள் உணராத தரைக்கு அருகிலோ அல்லது உடலின் பின்புறத்திலோ பொத்தான்களை வைக்க வேண்டாம்.
6. ஆப்பிள் விஷன் ப்ரோ (VisionOS) வடிவமைப்பு விதிகள்
விஷன் ஓஎஸ் விழிக்குவியம் மற்றும் கைகளின் விரல் கிள்ளும் சைகைகளை அடிப்படையாகக் கொண்டது.
- விழிக்குவிய உறுதி நேரம்: மனிதக் கண்கள் தொடர்ந்து நகர்வதால், தவறான தேர்வுகளைத் தவிர்க்க விழிக்குவியத்தின் மேல் 300ms முதல் 400ms வரை ஒப்புதல் வளையம் சுற்றி உறுதி செய்த பிறகே கைகளின் சைகையை ஏற்க வேண்டும்.
- நெகிழ்வான கண்ணாடிப் பின்னணி (Glassmorphism): கணினியின் இயல்பு கண்ணாடி பின்னணியைப் பயன்படுத்தவும். இது வெளிப்புற வெளிச்சத்திற்கு ஏற்ப மாறுபடும் தன்மை கொண்டது.
- வசதியான கிள்ளும் சைகை: கைகளை மடியில் வைத்துக்கொண்டு கிள்ளும் சைகையைச் செய்ய பயனர்களை அனுமதிக்க வேண்டும். கைகளை காற்றில் உயர்த்த வேண்டிய அவசியத்தை உருவாக்கக் கூடாது.
7. பிற சாதனங்கள் (HUD & ஸ்மார்ட் கண்ணாடிகள்)
ஸ்மார்ட் கண்ணாடிகள் மற்றும் மைக்ரோ திரைகள் மிகக் குறுகிய பார்வை எல்லைகளைக் கொண்டுள்ளன.
- ஒற்றை நிற முரண்பாடு (Monochrome): மைக்ரோ திரைகள் பெரும்பாலும் பச்சை அல்லது ஆரஞ்சு ஒற்றை நிறத்தில் இருக்கும். எனவே, வண்ணங்களுக்குப் பதிலாக வடிவங்கள் அல்லது உரை லேபிள்களைக் கொண்டு வேறுபாட்டைக் காட்ட வேண்டும்.
- குறைந்த கவனச் சிதறல் விதி: தகவல்களை ஒற்றை வரியில் வழங்கி, 3 வினாடிகளுக்குள் அவை தானாக மறையுமாறு அமைக்கவும். இது நிஜ உலகப் பாதைகளை மறைப்பதைத் தடுத்து பாதுகாப்பளிக்கும்.
8. முப்பரிமாண வெளியில் தமிழ் எழுத்து வடிவியல் மற்றும் மாத்திரை பாதுகாப்பு
சாய்ந்த முப்பரிமாண வெளியில் தமிழ் எழுத்துக்கள் ஒன்றோடொன்று ஒட்டி பொருள் சிதைந்துவிடும். தமிழில் மேல் மற்றும் கீழ் பகுதிகளில் மாத்திரைகள் நீண்டு இருப்பதால், கோண சாய்வு ஏற்படும் போது அவை பிற எழுத்துக்களுடன் ஒட்டிக்கொள்ளும் வாய்ப்பு உள்ளது.
தமிழ் சாய்வுக் கோட்பாடு சூத்திரங்கள்:
- வரி இடைவெளி திருத்தம்: இயல்பு வரி இடைவெளி
1.8ஆக இருக்க வேண்டும். கோணச் சாய்வு θ 20 பாகையைத் தாண்டும்போதுline-height = 1.8 * (1 + sin(θ) * 0.4)என்றவாறு மாற்றவும். - கிடையான இடைவெளி: சாய்வு கோணம் 15 பாகையைத் தாண்டும்போது எழுத்துக்களுக்கு இடையே உள்ள கிடையான இடைவெளியை (Letter spacing)
0.08emஅதிகரிக்க வேண்டும்.
செய்ய வேண்டியவை / தவிர்க்க வேண்டியவை
திரை பலகைகளை பயனரின் கண் அச்சைக் குறிவைத்து வளைவாக அமைக்கவும். இது ஒரே மாதிரியான பார்வை தூரத்தை வழங்கி, ஓரங்களில் ஏற்படும் எழுத்து சிதைவுகளைத் தவிர்க்கும்.
அகலமான பலகைகளை சாய்ந்த கோணங்களில் தட்டையாக வைக்க வேண்டாம். இது எழுத்துக்கள் மிகவும் சாய்ந்து தெரிந்து வாசிக்க முடியாமல் செய்யும்.
தேர்வுகளுக்கு இடையே 300ms முதல் 400ms வரை விழிக்குவிய உறுதி நேரத்தை அமைப்பதன் மூலம் தவறான கிளிக்குகளைத் தவிர்க்கவும்.
பயனர் பார்க்கும் பொத்தான்களை உடனடியாக அழுத்த வேண்டாம். இது பயனர் சும்மா பார்க்கும்போது கூட தேவையற்ற கிளிக்குகளைத் தூண்டிவிடும்.