छोटी बटन की समस्या: टैप टारगेट मोबाइल उपयोगिता को क्यों सफल या असफल बनाते हैं?

छोटे बटन की समस्या, और क्यों हमारे अंगूठे बेहतर के हकदार हैं

एक खास तरह का गुस्सा तब आता है जब आप फोन की स्क्रीन पर एक छोटे से "X" को टैप करने की कोशिश करते हैं और गलती से कोई विज्ञापन खुल जाता है, कोई गलत चीज़ बंद हो जाती है, या फिर आप किसी तरह से आँगन के फर्नीचर के बारे में न्यूज़लेटर की सदस्यता ले लेते हैं। कोई भी ऐसा इंसान नहीं बनना चाहता जो फोन को घूरता रहे और स्क्रीन के एक ही कोने को ऐसे दबाता रहे जैसे कोई बम को डिफ्यूज कर रहा हो। और फिर भी, हम यहीं हैं।

एक बार मैंने अपने एक दोस्त को पार्किंग में खड़े-खड़े एक रेस्टोरेंट की वेबसाइट से टाको ऑर्डर करने की कोशिश करते देखा। उसे इतनी भूख लगी थी कि वो भावुक होकर फैसले लेने लगा था। मेन्यू ठीक था, तस्वीरें भी ठीक थीं। लेकिन "साल्सा डालें" वाला बटन मानो किसी चिड़िया के लिए बनाया गया था। उसने उसे छह बार दबाया, पोषण संबंधी पीडीएफ दो बार खोली और एक बार गलती से कार्ट से टाको निकाल दिए। काफी देर तक सन्नाटा छाया रहा। फिर उसने बड़े शांत भाव से कहा, "मुझे लगता है इस वेबसाइट को रात का खाना पसंद नहीं है।"

यह वास्तविक जीवन में स्पर्श लक्ष्य का आकार है। यह कोई डिज़ाइन सिद्धांत की बात नहीं है। यह कोई मामूली सी बात नहीं है जिसकी परवाह सिर्फ़ एक्सेसिबिलिटी ऑडिटर ही करते हैं। यह उस व्यक्ति के बीच का अंतर है जो किसी काम को पूरा कर लेता है और उस व्यक्ति के बीच जो पार्किंग में बड़बड़ाता रहता है जबकि उसके बुरिटो बाउल के सपने टूट जाते हैं।

टच टारगेट वास्तव में क्या होता है

टच टारगेट वह क्षेत्र है जिसे कोई व्यक्ति स्क्रीन पर किसी चीज़ को सक्रिय करने के लिए टैप, प्रेस या टच कर सकता है। बटन, लिंक, चेकबॉक्स, आइकन, मेनू आइटम, कैरोसेल एरो, क्वांटिटी स्टेपर, क्लोज़ बटन, सब कुछ। कभी-कभी दिखाई देने वाली चीज़ छोटी होती है लेकिन उसके आसपास का टैप करने योग्य क्षेत्र बड़ा होता है, जो बिल्कुल ठीक है। महत्वपूर्ण यह नहीं है कि उपयोगकर्ता क्या देखता है, बल्कि यह है कि उसकी उंगली किस चीज़ को सफलतापूर्वक छू सकती है।

उंगलियां माउस पॉइंटर नहीं होतीं। यह बात स्पष्ट है, लेकिन फिर भी मोबाइल डिज़ाइन का एक बड़ा हिस्सा इस तरह व्यवहार करता है जैसे हर कोई पिक्सेल-परफेक्ट कर्सर का इस्तेमाल कर रहा हो और डेस्क पर शांति से बैठा हो। लोग चलते-फिरते, बस में सफर करते हुए, कॉफी पीते हुए, दस्ताने पहने हुए, बच्चों को गोद में लिए हुए या फिर थके होने पर भी फोन का इस्तेमाल करते हैं। हाथ कांपते हैं। अंगूठे बड़े होते हैं। स्क्रीन छोटी होती हैं। ज़िंदगी कोई प्रयोगशाला नहीं है।

एक्सेसिबिलिटी संबंधी दिशानिर्देश अक्सर डिज़ाइनरों को न्यूनतम टच टारगेट साइज़ की ओर निर्देशित करते हैं, और यद्यपि सटीक अनुशंसाएँ प्लेटफ़ॉर्म और मानक के अनुसार भिन्न होती हैं, मूल विचार सरल है: इंटरैक्टिव कंट्रोल्स को इतनी भौतिक जगह की आवश्यकता होती है कि उन्हें गलती से बगल वाली चीज़ को ट्रिगर किए बिना सुरक्षित रूप से टैप किया जा सके। बड़ा होना आमतौर पर बेहतर होता है। कार्टून की तरह बहुत बड़ा नहीं, बस इतना बड़ा कि एक सामान्य मानव हाथ उसका उपयोग कर सके।

छोटे-छोटे नियंत्रणों की हास्यास्पद स्थिति, जिसे "मेरे खाते की सेटिंग किसने बदल दी?" के नाम से भी जाना जाता है।

छोटे-छोटे टैप टारगेट ऐसी गलतियाँ पैदा करते हैं जो व्यक्तिगत लगती हैं। आप ड्रॉपडाउन खोलने की कोशिश करते हैं और उसके नीचे दिए गए लिंक पर क्लिक कर देते हैं। आप सूची में एक आइटम संपादित करने की कोशिश करते हैं और दूसरे को हटा देते हैं। आप "वापस" पर टैप करते हैं और "शेयर" पर क्लिक कर देते हैं, अब आपके चचेरे भाई को टोस्टर ओवन की अधूरी लिखी हुई उत्पाद समीक्षा मिल जाती है। बहुत खूब।

सबसे मजेदार बात, अगर आप इससे परेशान नहीं हैं, तो ये गलतियाँ अक्सर यूजर की गलती जैसी लगती हैं। "अरे, इन्होंने गलत बटन दबा दिया।" लेकिन टचस्क्रीन पर इंटरफेस का भी अपना काम होता है। अगर दो ज़रूरी एक्शन एक-दूसरे के बिल्कुल बगल में हों, जिनमें से एक नुकसानदायक हो, और बटन छोटे-छोटे आइकॉन हों जिनके बीच बिल्कुल भी जगह न हो, तो ये सिर्फ एक अनाड़ी यूजर की गलती नहीं है। ये तो आधुनिक इंटरफेस में छिपी एक चाल है।

और लोग खुद को दोषी मानते हैं। उन्हें ऐसा नहीं करना चाहिए। एक अच्छा इंटरफ़ेस इंसानी गलतियों को चुपचाप संभाल लेता है। यह अंगूठों को कुछ हद तक आराम देता है।

टच टारगेट के साथ लोग अक्सर ये सामान्य गलतियाँ करते हैं

आइकन को ही पूरा लक्ष्य बनाएं। कूड़ेदान का आइकन 18 पिक्सल चौड़ा हो सकता है, लेकिन इसका मतलब यह नहीं है कि टैप करने योग्य क्षेत्र भी 18 पिक्सल चौड़ा होना चाहिए। दृश्य आइकन साफ-सुथरा रह सकता है जबकि अदृश्य हिट क्षेत्र उसके चारों ओर फैलता है।

टैप टारगेट को बहुत पास-पास रखना। यह क्लासिक समस्या है, जैसे "एडिट" बटन के ठीक बगल में "डिलीट" बटन होना। या फिर छोटे-छोटे सोशल आइकनों की एक पंक्ति। या फिर पेज नंबरों का इस तरह से ठूंस-ठूंस कर रखा होना जैसे डिब्बे में मछलियाँ ठूंस दी गई हों। भले ही तकनीकी रूप से हर आइटम पर टैप किया जा सकता हो, लेकिन स्पेसिंग मायने रखती है क्योंकि अंगूठे उन पर थोड़ा लड़खड़ाते हुए पड़ते हैं।

एक हाथ से इस्तेमाल करने की बात भूल जाइए। बहुत से लोग एक अंगूठे से ब्राउज़ करते हैं। अजीबोगरीब कोनों में, खासकर छोटे कोनों में, मौजूद कंट्रोल तक पहुंचना और उन्हें दबाना बहुत मुश्किल हो जाता है। नीचे की तरफ एक फ्लोटिंग बटन बहुत अच्छा हो सकता है, बशर्ते वह किसी दूसरे कंट्रोल को ढक न दे या फोन के जेस्चर एरिया के बहुत करीब न हो।

केवल बड़े मॉनिटर पर डिज़ाइन करना। यह समस्या सभी को परेशान करती है। फिग्मा या डेस्कटॉप ब्राउज़र पर लेआउट साफ़-सुथरा दिखता है, लेकिन असल फ़ोन पर सेकेंडरी लिंक छोटे दिखते हैं, फ़ॉर्म कंट्रोल तंग लगते हैं, और "जारी रखें" बटन कुकी बैनर के बेहद करीब होता है।

टेक्स्ट लिंक को छोटे मोबाइल कंट्रोल के रूप में इस्तेमाल करना। लेखों में इनलाइन टेक्स्ट लिंक काम कर सकते हैं, यह तो पक्का है। लेकिन अगर कोई लिंक किसी टास्क फ्लो का हिस्सा है, जैसे चेकआउट, बुकिंग, अकाउंट सेटअप या नेविगेशन, तो उसे सामान्य टेक्स्ट की तुलना में ज़्यादा जगह की ज़रूरत पड़ सकती है। खासकर तब जब कई लिंक एक के ऊपर एक हों या अलग-अलग लाइनों में फैले हों।

टैपिंग को कम कष्टदायक बनाने के व्यावहारिक तरीके

उन कार्यों से शुरुआत करें जो लोग सबसे अधिक बार करते हैं। खरीदारी, बुकिंग, बचत, साइन इन, फ़िल्टरिंग, कॉलिंग, मात्रा में बदलाव, पुष्टि करना, वापस जाना। इन नियंत्रणों के लिए व्यापक लक्ष्य, स्पष्ट लेबल और पर्याप्त गुंजाइश होनी चाहिए ताकि किसी को भी विशेषज्ञ की तरह काम करने की आवश्यकता न पड़े।

नुकसान पहुंचाने वाले कार्यों पर विशेष ध्यान दें। डिलीट, ऑर्डर रद्द करना, आइटम हटाना, बदलाव रद्द करना, अनसब्सक्राइब करना, ये सभी संवेदनशील बटन हैं। इन्हें सुरक्षित कार्यों के ठीक बगल में न रखें, जब तक कि पर्याप्त दूरी न हो, और तब भी सोच-समझकर ही रखें। यदि गलती से टैप करने से कोई वास्तविक नुकसान हो जाता है, तो पुष्टि या अनडू का विकल्प जोड़ें। अनडू बहुत उपयोगी है। अनडू की सुविधा होने पर लोग बहुत कुछ माफ कर देते हैं।

असली डिवाइस पर टेस्ट करें। सिर्फ़ ब्राउज़र का साइज़ बदलने से काम नहीं चलेगा। फ़ोन को पकड़ें। अपने अंगूठे का इस्तेमाल करें। खड़े होकर भी इसका इस्तेमाल करें। अगर आप जल्दी ही शर्मिंदा होना चाहते हैं, तो अपने गैर-प्रमुख हाथ से भी कोशिश करें। किसी बड़े व्यक्ति, बड़े हाथों वाले व्यक्ति या ऐसे व्यक्ति से, जिसे इंटरफ़ेस की जानकारी न हो, इसे आज़माने के लिए कहें। देखें कि वे कहाँ हिचकिचाते हैं और कहाँ गलत टैप करते हैं। किसी छोटे से आइकन पर टैप करने से पहले का वो छोटा सा अजीब सा ठहराव आपको बहुत कुछ बता देगा।

कंट्रोल्स के बीच पर्याप्त जगह रखें। टैप करने योग्य आकार मायने रखता है, लेकिन उनके बीच की दूरी भी उतनी ही महत्वपूर्ण है। यदि दो बटन पास-पास हैं और दोनों बहुत अलग-अलग काम करते हैं, तो उपयोगकर्ताओं को दृश्य और भौतिक अलगाव की आवश्यकता होती है। खाली जगह व्यर्थ नहीं है, बल्कि यह इंटरफ़ेस और अंगूठे के बीच एक छोटा सा सामंजस्य है।

जहां आइकन अस्पष्ट हों, वहां लेबल का उपयोग करें। एक छोटा सा रहस्यमय आइकन पहले से ही बहुत कुछ मांग रहा है। एक छोटा सा रहस्यमय आइकन जिसे टैप करना मुश्किल हो, वह तो सरासर असभ्य है। टेक्स्ट लेबल समझने में मदद करते हैं और अक्सर एक बड़ा, आसान लक्ष्य भी बनाते हैं।

फॉर्म के बारे में सोचें। चेकबॉक्स और रेडियो बटन अक्सर छोटे आकार के होते हैं, लेकिन इसका समाधान आमतौर पर सरल होता है: लेबल को भी टैप करने योग्य बनाएं। यदि चेकबॉक्स के बगल में "मैं शर्तों से सहमत हूं" लिखा हुआ दिखाई देता है, तो आदर्श रूप से पूरा लेबल क्षेत्र उसे सक्रिय करने में सहायक होना चाहिए। शिपिंग विकल्प, फ़िल्टर, सेटिंग टॉगल और वरीयता सूची के साथ भी यही बात लागू होती है।

सुलभता केवल "अन्य लोगों" के लिए ही नहीं है।

लोग अक्सर एक्सेसिबिलिटी के बारे में सुनकर उपयोगकर्ताओं के एक छोटे से अलग समूह की कल्पना करते हैं। लेकिन टच टारगेट साइज़ लगभग सभी के लिए मददगार होता है। कंपकंपी से पीड़ित व्यक्ति के लिए, हाँ। कमज़ोर दृष्टि वाले व्यक्ति के लिए जो पेज को ज़ूम करते हैं, हाँ। साथ ही, गोद में बच्चा लिए माता-पिता, ऊबड़-खाबड़ ट्रेन में सफ़र कर रहे यात्री, दस्ताने पहने कर्मचारी, टूटी स्क्रीन वाले व्यक्ति, और टैको की दुकान के पार्किंग स्थल में खड़ा कोई व्यक्ति जो साल्सा को अपनी पसंद के अनुसार बनाने की इच्छा खो रहा हो।

बेहतर टैप टारगेट त्रुटियों, निराशा, सहायता अनुरोधों, अधूरी खरीदारी और गुस्से में किए गए अनावश्यक क्लिक व्यवहार को कम करते हैं। वे उत्पाद को अधिक शांत और विश्वसनीय बनाते हैं। ऐसा लगता है जैसे इसे किसी ऐसे व्यक्ति ने बनाया हो जिसने कॉन्फ्रेंस रूम के बाहर भी फोन का इस्तेमाल किया हो।

अगर आप किसी डिज़ाइन की जाँच कर रहे हैं और तुरंत यह देखना चाहते हैं कि वह सही है या नहीं, तो टच टारगेट साइज़ चेकर एक उपयोगी टूल हो सकता है, लेकिन सबसे ज़रूरी बात यह है: हर इंटरैक्टिव चीज़ को देखें और खुद से पूछें, "क्या असली अंगूठा बिना किसी परेशानी के इस पर टच कर सकता है?"

एक छोटा सा बटन बड़ी गड़बड़ का कारण बन सकता है।

वैसे, टैको का ऑर्डर आखिरकार हो ही गया। मतलब, पूरी तरह से नहीं। मेरे दोस्त को टैको तो मिल गए, लेकिन साल्सा नहीं, साथ में दो एक्स्ट्रा चावल भी मिल गए, और उसे मिनिमलिस्ट डिज़ाइन पर गहरा शक हो गया। वेबसाइट शायद स्क्रीनशॉट में देखने में खूबसूरत लग रही होगी। पतले आइकन, कॉम्पैक्ट कंट्रोल, ढेर सारी खाली जगह। बहुत ही बढ़िया। लेकिन भूखे अंगूठों के लिए थोड़ा असुविधाजनक भी।

यही सबक है। छोटे बटन न सिर्फ देखने में छोटे लगते हैं, बल्कि उन्हें इस्तेमाल करने में असहजता भी महसूस होती है। और जब काफी लोग किसी चीज़ को इस्तेमाल करने में असहज महसूस करते हैं, तो वे उसे छोड़ देते हैं। या फिर वे सपोर्ट टीम को कॉल करते हैं। या फिर वे सड़क के उस पार वाली दुकान से ऑर्डर कर देते हैं जिसकी वेबसाइट भद्दी तो है, लेकिन उस पर बड़ा सा "कार्ट में जोड़ें" बटन लगा हुआ है।

इसलिए लक्ष्यों को आइकन से बड़ा बनाएं। उनके बीच पर्याप्त दूरी रखें। केवल आंखों से ही नहीं, अंगूठे से भी जांच करें। खतरनाक कार्यों को थोड़ी छूट दें। हो सकता है यह कोई आकर्षक डिज़ाइन न हो, लेकिन यह उस तरह का डिज़ाइन है जिसे लोग अनजाने में ही पहचान लेते हैं। वे टैप करते हैं, यह काम करता है, और वे अपने दिनचर्या में आगे बढ़ जाते हैं। एकदम सही। यही तो सपना है।