चौकोर checkbox की याद में

 (tonsky.me)
6 पॉइंट द्वारा GN⁺ 2024-01-29 | 4 टिप्पणियां | WhatsApp पर शेयर करें
  • checkbox की प्यारी यादें
    • checkbox चौकोर होता है, उसके अंदर check mark होता है, और एक ही समय में कई विकल्प चुने जा सकते हैं।
    • अलग-अलग operating systems ने समय के साथ checkbox को अलग-अलग तरह से render किया है।
    • check mark हमेशा मौजूद नहीं था, लेकिन checkbox का चौकोर होना नहीं बदला।
  • चौकोर क्यों?
    • checkbox को radio button से अलग दिखाने के लिए।
    • radio button में केवल एक ही विकल्प चुना जा सकता है, और एक चुनने पर बाकी सभी चयन हट जाते हैं।
    • 90 के दशक में भी चौकोर और गोल आकार का यह अंतर मौजूद था।
  • web का आगमन
    • web, खासकर CSS, Flash, और JavaScript के आने से पुरानी परंपराओं को फिर से गढ़ा और redesign किया गया।
    • web पर check mark वाले radio button या चौकोर radio button आम तौर पर देखे जा सकते हैं।
    • native apps ने भी web के प्रभाव में आकर गोल checkbox अपनाए।
  • operating system vendors की परंपरा
    • operating system vendors checkbox को चौकोर और radio button को गोल रखने की परंपरा निभाते रहे।
  • परंपरा का अंत
    • Apple ने visionOS में चौकोर checkbox की परंपरा छोड़कर गोल checkbox अपनाए।
    • इसके साथ यह घोषणा की गई कि चौकोर checkbox की परंपरा जारी रहने की उम्मीद अब खत्म हो गई है।
    • 2024 को आधिकारिक रूप से वह साल घोषित किया गया जब चौकोर checkbox आखिरकार गायब हो गया।

GN⁺ की राय:

  • checkbox और radio button का design user interface में महत्वपूर्ण भूमिका निभाता है। इनके आकार उपयोगकर्ता को चयन के तरीके के बारे में सहज रूप से मार्गदर्शन देते हैं।
  • Apple का परंपरा तोड़कर गोल checkbox अपनाना इस बात के लिए ध्यान देने योग्य है कि वह user experience में नए बदलाव आज़मा रहा है।
  • यह लेख design और user interface के इतिहास पर रोचक insight देता है, और दिखाता है कि तकनीक का विकास किस तरह user interaction को प्रभावित करता है।

संबंधित पढ़ाई

4 टिप्पणियां

 
2024-01-30
[यह टिप्पणी छिपाई गई है.]
 
kuroneko 2024-01-30

RIP...
 
bbulbum 2024-01-30

मेरे.. user experience को.. बर्बाद मत करो...
 
GN⁺ 2024-01-29
Hacker News राय
  • यह जानकर हैरानी हुई कि iOS लंबे समय से गोल checkbox इस्तेमाल करता रहा है। macOS Settings app में भी checkbox की जगह on/off toggle switch का उपयोग बढ़ रहा है। लेकिन अस्पष्ट toggle button अब भी समस्या हैं। उदाहरण के लिए, जब microphone icon सफेद हो, तो समझना मुश्किल होता है कि वह on है या off; और अगर उस पर एक लाइन खिंची हो, तो यह भ्रम होता है कि वह muted है या टैप करने पर mute होगा।
  • हो सकता है Apple ने design rules को नज़रअंदाज़ नहीं किया हो, बल्कि VisionOS में checkbox को संभालते समय eye-tracking की reliability बेहतर करने की कोशिश की हो। लोगों की नज़र कोनों की ओर खिंचती है, इसलिए गोल आकार के button ज़्यादा ध्यान खींचते हैं, और जब button को अकेले दिखाना हो तो capsule आकार को प्राथमिकता दी जाती है।
  • वेब उपयोगकर्ताओं को अक्सर लगता है कि मौजूदा controls उबाऊ हैं, और standard controls को फिर से invent और redesign करना चाहिए। इसलिए dialog box का 'OK' button designer की पसंद के अनुसार बाईं ओर, दाईं ओर, या window title bar में रखा जाता है।
  • flat design हमारी visual system की अंतर्निहित क्षमताओं को हटा देता है। रंग, border, transparency, texture, shading, और smooth motion जैसी चीज़ें visual information को जल्दी समझने में मदद करती हैं। ये तत्व visual information पहुँचाने में महत्वपूर्ण हैं, लेकिन इनका ज़रूरत से ज़्यादा उपयोग नहीं होना चाहिए।
  • कई web designer inclusive और mutually exclusive options के अंतर को नहीं समझते। checkbox और radio button के उपयोग को लेकर काफ़ी भ्रम है।
  • पुरानी तकनीक से जूझ रहे बुज़ुर्ग लोगों को material design में यह समझाना मुश्किल है कि स्क्रीन का कौन-सा हिस्सा दबाया जा सकने वाला button है। पहले का उपयोग अनुभव ही सक्रिय elements की पहचान कराता है।
  • Apple के designers ने 2013 से उन कई परंपराओं को छोड़ दिया, जिन्हें उन्होंने दशकों में खुद स्थापित किया था। Steve Jobs के लिए 'यह कैसे काम करता है' महत्वपूर्ण था, और Apple design leader से बदलकर minimum common denominator का अनुयायी बन गया। खराब design एक नैतिक समस्या है, और सबसे बुरे मामलों में यह लोगों को नुकसान पहुँचा सकता है या मार भी सकता है। design/engineering में यह समस्या छोटी चीज़ों से शुरू होती है। उम्मीद है Zoom पीढ़ी यह समझेगी, और Alan Cooper की 'About Face' एक अच्छी शुरुआत है।
  • Motif (X11 में इस्तेमाल होने वाला) checkbox के लिए छोटा beveled square और radio button के लिए beveled diamond shape इस्तेमाल करता था। सक्रिय अवस्था अंदर की ओर beveled होती थी और निष्क्रिय अवस्था बाहर की ओर।
  • असली कारों में radio button ज़्यादातर rectangular होते थे। इनके काम करने के तरीके की एक अच्छी व्याख्या मौजूद है।
  • Apple ने Apple Notes में बहुत पहले square checkbox छोड़ दिए थे। लगता है कि iOS 7 के 2014 में आने के बाद से ही यह तरीका चला आ रहा है।