होवर मर चुका है, लंबे समय तक जीवित रहने वाला होवर

विषय

• होवर मर चुका है
• लॉन्ग लाइव होवर
• एक डिजाइनर क्या करना है?
• वैकल्पिक डिजाइन पैटर्न
• क्या आप दिलचस्प समय में रह सकते हैं
• ये पसंद आया? ये पढ़ सकते हैं!

इसकी शुरुआत तीन साल पहले एक बातचीत से हुई थी जब आईपैड सामने आया था।

यूके के एक बड़े ऑनलाइन रिटेलर के उत्पाद निदेशक ने कहा, "बेशक हमें उत्पाद चयन पृष्ठ को ठीक करना होगा। यह उत्पाद के बारे में महत्वपूर्ण विवरण दिखाने के लिए होवर पर निर्भर करता है, iPad उपयोगकर्ता इसे नहीं देख पाएंगे।

होवर का उपयोग करना, एक संभावित बातचीत को इंगित करने या अधिक जानकारी दिखाने के लिए एक दृश्य संकेत, अब iPad और अन्य टच स्क्रीन उपयोगकर्ताओं के लिए एक दृष्टिकोण नहीं था।

इंटरेक्शन डिज़ाइनर के टूलकिट में जो पहले एक विश्वसनीय उपकरण था, उसने अचानक अपनी चमक खो दी।

होवर मर चुका है

2013 तक तेजी से आगे बढ़ें। टचस्क्रीन उपकरणों की बिक्री में काफी वृद्धि हुई है। अब उनके 2014 तक डेस्कटॉप और पारंपरिक लैपटॉप कंप्यूटरों की बिक्री से अधिक होने की उम्मीद है।

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

टच स्क्रीन इंटरफेस उम्मीद स्थापित कर रहे हैं। गुरिल्ला हाथ या नहीं, उपकरणों पर टचस्क्रीन की इच्छा है।

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

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

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

Apple ने iOS में होवर लगाने का प्रयास किया है। होवर को सक्रिय करने के लिए एक बार क्लिक करें, लिंक को सक्रिय करने के लिए फिर से क्लिक करें लेकिन किसी तरह यह सबसे अच्छा तरीका नहीं लगता है। या एंड्रॉइड के मामले में, क्लिक करें, होवर व्यवहार देखें क्योंकि ब्राउज़र हाइपरलिंक किए गए पृष्ठ को लोड कर रहा है।

होवर यह भी मानता है कि हम माउस का उपयोग कर रहे हैं, होवर के साथ फोकस का अर्थ है कि हम उन उपयोगकर्ताओं को संबोधित कर सकते हैं जो शायद एक्सेसिबिलिटी कारणों से माउस का उपयोग नहीं कर सकते हैं।

यदि हम एक उत्तरदायी डिजाइन वेबसाइट विकसित कर रहे हैं, तो होवर का उपयोग एक अभिशाप की तरह प्रतीत होता है। हमें एक ऐसा अनुभव विकसित करना चाहिए जो किसी भी डिवाइस पर काम करे, डिजाइन डिवाइस अज्ञेयवादी होना चाहिए।

लॉन्ग लाइव होवर

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

डेस्कटॉप पर 87 प्रतिशत वेब उपयोग के साथ कम से कम अमेरिका और यूरोप में डेस्कटॉप, गैर-स्पर्श इंटरफेस अभी भी वेब तक पहुंचने का प्रमुख तरीका है।

होवर का उपयोग दर्शकों के विशाल बहुमत के लिए किया जा सकता है, जिन्होंने वर्षों से इसका उपयोग किया है।

ड्रॉप डाउन नेविगेशन मेनू को डिज़ाइन करते समय कई वर्षों के लिए मानक दृष्टिकोण खोज योग्यता में सहायता के लिए होवर पर विकल्पों को दिखाना और विंडोज़ में मेनू के व्यवहार के तरीके की नकल करना रहा है।

वे बेस्ट बाय, मार्क्स और स्पेंसर और अन्य जैसी वेबसाइटों पर आम जगह हैं।

हम दृष्टिकोण बदल सकते हैं। होवर के बजाय क्लिक पर ड्रॉप डाउन को सक्रिय करना। लेकिन यह सही नहीं लगता, यह होवर के साथ निहित खोज योग्यता के खिलाफ जाता है। आप परीक्षण में एक उपयोगकर्ता से पूछते हैं कि जब वे मेनू के शीर्ष स्तर में किसी विकल्प पर क्लिक करते हैं तो क्या होगा और वे कहेंगे कि उन्हें उस विकल्प से मेल खाने वाले पृष्ठ पर ले जाने की उम्मीद है, ड्रॉप डाउन मेनू नहीं दिखाया जाएगा।

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

एक इंटरैक्शन पद्धति के अधिकांश उपयोगकर्ताओं को क्यों लूटते हैं जो इतनी उपयोगी और अक्सर एक अपेक्षा है?

एक डिजाइनर क्या करना है?

अभी, हम एक महत्वपूर्ण मोड़ पर हैं। हम जो कुछ भी करते हैं वह गलत होगा, या तो अल्पावधि में या दीर्घावधि में।

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

लेकिन Microsoft सरफेस जैसे हाइब्रिड उपकरणों के बारे में क्या जो टच और माउस/कीबोर्ड दोनों की पेशकश करते हैं? क्या हम सटीक रूप से जान सकते हैं कि किस इनपुट पद्धति का उपयोग किया जा रहा है?

बातचीत क्या संभव है, यह जानने के लिए साधारण मीडिया प्रश्न पर्याप्त नहीं हैं। यह पहचानने का एक प्रस्ताव है कि क्या कोई उपयोगकर्ता एजेंट W3C द्वारा आगे रखे गए होवर का उपयोग कर सकता है, लेकिन अभी 2013 में हम यह सुनिश्चित नहीं कर सकते हैं कि कोई माउस या उंगली या दोनों के संयोजन का उपयोग कर रहा है या नहीं।

एथन मार्कोटे ने अपने मूल उत्तरदायी डिजाइन लेख में कहा है कि "हम काम को अलग-अलग अनुभवों के ढाल के साथ देखने के लिए डिजाइन कर रहे हैं।"

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

वैकल्पिक डिजाइन पैटर्न

हमें, डिजाइनरों के रूप में, वैकल्पिक डिजाइन दृष्टिकोणों की तलाश करने की आवश्यकता है।

ब्रैड फ्रॉस्ट ने उन संभावित नेविगेशन पैटर्न पर चर्चा की है जिनका उपयोग हम उत्तरदायी डिजाइन में कर सकते हैं। लेकिन, जैसा कि फ्रॉस्ट कहते हैं, इनमें से कई न केवल जटिल हैं, बल्कि बातचीत के नए तरीके भी हैं, जिससे उपयोगकर्ताओं को चीजों को करने का एक नया तरीका सीखने की आवश्यकता होती है।

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

एक विवेकपूर्ण दृष्टिकोण यह होगा कि कम से कम दो विकल्पों का चयन किया जाए जो प्रत्येक के लिए उपयोगकर्ता अनुसंधान के अनुकूल हों और दर्शकों के लिए सबसे अच्छा काम करने वाले को चुनें। सर्वोत्तम दृष्टिकोण चुनने में सहायता के लिए बहुसंयोजक या ए | बी परीक्षण का भी उपयोग किया जा सकता है।

वेब नेविगेशन की तरह कोई एक पैटर्न नहीं है जो सभी स्थितियों में काम करेगा। 2 से 3 विकल्प चुनें, फिर डिज़ाइन करें, शोध करें और परिष्कृत करें।

नियंत्रणों को प्रकट करने के लिए होवर का उपयोग करने के लिए दृष्टिकोण में ऐसे नाटकीय परिवर्तन की आवश्यकता नहीं होती है। एक क्लिक के साथ इन नियंत्रणों को सक्रिय करना टचस्क्रीन उपकरणों पर काम करेगा लेकिन यह तुरंत स्पष्ट नहीं है कि एक क्लिक उपयोगकर्ता को किसी भिन्न पृष्ठ पर ले जाने के बजाय अधिक जानकारी दिखाएगा।

हमें यह सुनिश्चित करने की आवश्यकता है कि तत्व में कुछ ऐसा है जो इंगित करता है कि एक क्रिया संभव है। प्रत्येक तत्व को वहन की आवश्यकता होती है। हम लिंक, अंडरलाइन या अलग रंग के लिए ऐसा करते थे, लेकिन, क्लिक-आधारित प्रकटीकरण के लिए, हमारे पास सामान्य दृश्य दृष्टिकोण नहीं है।

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

इसे शेयर करें आइकन के साथ आजमाया गया है। आइकन कई साइट हैं, लेकिन इसके अर्थ की समझ अभी भी अपेक्षाकृत कम है।

HTML में वह टैग होता है जिसका उपयोग हम किसी संलग्न संक्षिप्त नाम या परिवर्णी शब्द के अर्थ को परिभाषित करने के लिए कर सकते हैं। इसका पर्याप्त उपयोग नहीं किया गया है कि धराशायी रेखांकित परिणाम उपयोगकर्ताओं द्वारा व्यापक रूप से समझा जाता है।

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

हमें जानकारी को उत्तरोत्तर प्रकट करने के वैकल्पिक तरीकों की भी आवश्यकता है। हम अब यह सुनिश्चित नहीं कर सकते हैं कि किसी लिंक पर माउस पॉइंटर को मँडराते हुए आगे के विवरण दिखाई देंगे। शुक्र है कि यहां हमारे पास वहन करने के लिए मौजूदा दृष्टिकोण हैं।

एक क्लिक के आधार पर विस्तारित जानकारी प्रदर्शित करना, विभिन्न दृश्य संकेतों जैसे कि सही कैरेट या प्लस आइकन का उपयोग करके विस्तार को इंगित करने की कोशिश की जाती है और परीक्षण किया जाता है। एक पृष्ठ अनुभाग पर क्लिक करें और कूदें, जैसा कि बूटस्ट्रैप वेब ढांचे में देखा गया है, एक विकल्प है। हम एक "i-आधारित" सूचना आइकन का भी उपयोग कर सकते हैं, लेकिन इसका अत्यधिक उपयोग करने से अतिरिक्त दृश्य शोर हो सकता है।

क्या आप दिलचस्प समय में रह सकते हैं

जैसा कि Apple के टिम कुक ने पिछले साल कहा था:

"पिछली तिमाही के दौरान, मुझे कहना चाहिए, जो कि हमने शुरुआती iPad को शिप करने के सिर्फ दो साल बाद, हमने 67m बेचा है। और इसे किसी संदर्भ में रखने के लिए, हमें इतने मैक बेचने में 24 साल लगे, और इतने सारे आईपोड के लिए पांच साल और इतने सारे आईफोन के लिए तीन साल से अधिक।

जो कुछ भी होगा वह जल्दी होने वाला है। हम तेजी से स्पर्श-आधारित दुनिया में काम करने के लिए दो साल पहले हमारे द्वारा उपयोग की जाने वाली इंटरैक्शन शैलियों पर भरोसा नहीं कर सकते।

मुझे अच्छा लगेगा कि आप अपने अनुभव और विचार टिप्पणियों में साझा करें। हमें डिजाइनरों को क्या करना चाहिए?

ठीक हो रहे एक न्यूरोसाइंटिस्ट, जो ने 10 साल पहले UX करियर की शुरुआत की थी। एक उपयोगकर्ता अनुभव निदेशक के रूप में जो यूएक्स सलाहकारों की एक टीम का नेतृत्व करता है। वह प्रारंभिक शोध से लेकर ऑनलाइन रणनीति विकसित करने से लेकर वायरफ्रेम बनाने और एक डिजाइन टीम के प्रबंधन तक उपयोगकर्ता अनुभव के हर पहलू को डिजाइन करने में माहिर हैं। www.cxpartners.co.uk/

ये पसंद आया? ये पढ़ सकते हैं!

• लोगो डिजाइन के लिए अंतिम गाइड guide
• हमारे पसंदीदा वेब फोंट - और वे एक पैसा भी खर्च नहीं करते हैं
• जानें कि ऑगमेंटेड रियलिटी के लिए आगे क्या है Discover