डेटा-सघन इंटरफ़ेसों के लिए टाइप का चुनाव

टाइपफ़ेस के बारे में अधिकांश सलाह गद्य के लिए लिखी गई है — इत्मीनान से पढ़ी जाने वाली छोटे अक्षरों की लंबी पंक्तियाँ। उच्च-प्रदर्शन एप्लिकेशन एक अलग ही व्यवस्था में जीते हैं: स्तंभों में स्कैन होती संख्याएँ, एक नज़र में एक बार पढ़े जाने वाले पहचानकर्ता (identifier), और उन स्क्रीनों पर ग्यारह-पिक्सेल के लेबल जिन्हें कोई आठ घंटे देखता रहता है। जो टाइपफ़ेस किसी निबंध में मनोहर है, वह ट्रेडिंग स्क्रीन पर सचमुच ख़तरनाक हो सकता है। उसकी जगह किन बातों की पड़ताल करनी चाहिए, वह यह रही।

पहले अंक, फिर अक्षर

डेटा-सघन इंटरफ़ेस में ज़्यादातर काम अंक ही करते हैं, इसलिए सबसे पहले उन्हीं की जाँच कीजिए:

टेबुलर फ़िगर (tabular figures) पर कोई समझौता नहीं। हर अंक एक समान चौड़ाई का, ताकि स्तंभ टिके रहें और बदलता हुआ मान अपने पड़ोसियों को न हिलाए। CSS एक पंक्ति है — font-variant-numeric: tabular-nums lining-nums — लेकिन तभी जब टाइपफ़ेस में यह फ़ीचर हो। कई फ़ैशनेबल टाइपफ़ेसों में नहीं होता।
लाइनिंग, ओल्ड-स्टाइल नहीं। अपने ऊपर-नीचे उठते-गिरते हिस्सों के साथ ओल्ड-स्टाइल अंक गद्य में सुंदर हैं और तालिका में अराजकता।
वज़न बदलने पर स्थिर चौड़ाइयाँ। अगर बोल्ड अंक नियमित अंकों से चौड़े हैं, तो हर ज़ोर दी गई सेल अपना स्तंभ तोड़ देती है। सर्वश्रेष्ठ इंटरफ़ेस-टाइपफ़ेस सभी वज़न एक ही चौड़ाई पर खींचते हैं — और वैरिएबल फ़ॉन्ट की ग्रेड-अक्ष (चौड़ाई बदले बिना वज़न) इन सबमें सबसे साफ़ समाधान है, जैसा Universal Web का वैरिएबल-फ़ॉन्ट अध्याय बताता है।

एक ही संख्यात्मक स्तंभ: प्रोपोर्शनल अंकों में लड़खड़ाता हुआ, और टेबुलर लाइनिंग अंकों में संरेखण थामे हुए।

इंटरफ़ेस की वर्णमाला

इंटरफ़ेस ऐसे स्ट्रिंगों से भरे होते हैं जिन्हें ठीक एक बार में सही पढ़ा जाना ज़रूरी है: ऑर्डर ID, git हैश, API कुंजियाँ, रक़में। इनके लिए भ्रमित करने वाले अक्षरों का सेट ही पूरा खेल है — 0/O, 1/l/I, 5/S, 8/B। किसी नमूना-पृष्ठ को देखने से पहले इन्हें उत्पादन-आकार पर परखिए। जो टाइपफ़ेस खरे उतरते हैं, वे प्रायः इसका प्रचार भी करते हैं: कटा या बिंदुदार शून्य, पूँछ वाला l, खुले हुए छिद्र (aperture)। यह वही सुपाठ्यता की शारीरिकी वाली दलील है जो Universal Web कमज़ोर दृष्टि वाले पाठकों के लिए देता है — 11px का इंटरफ़ेस हर उपयोगकर्ता को कम-दृश्य-तीक्ष्णता की स्थिति में डाल देता है।

भ्रमित करने वाले अक्षर — 0O, 1lI, 5S — एक सामान्य सैंस में अस्पष्ट, इंटरफ़ेसों के लिए बनाए टाइपफ़ेस में सुस्पष्ट।

चेकलिस्ट

किसी एप्लिकेशन में शिप होने से पहले मैं उम्मीदवार टाइपफ़ेस को वास्तव में इन कसौटियों से गुज़ारता हूँ:

1. एक असली तालिका सेट कीजिए — लाइव डेटा, tabular-nums चालू — और किसी मान को बदलते देखिए। अंकों के सिवा कुछ भी हिलना नहीं चाहिए।
2. वर्णमाला-परीक्षण: 0O 1lI 5S 8B rn/m सबसे छोटे उत्पादन-आकार पर, दोनों थीमों में।
3. 11–13px पर एक्स-हाइट (x-height)। छोटी एक्स-हाइट वाले टाइपफ़ेस ठीक वहीं बिखर जाते हैं जहाँ इंटरफ़ेस बसते हैं। उदार एक्स-हाइट मुफ़्त में प्रभावी आकार दिलाती है।
4. डार्क-थीम का वज़न। गहरे पर हल्का टेक्स्ट आधा-वज़न अधिक बोल्ड पढ़ा जाता है; अगर टाइपफ़ेस में इसकी भरपाई के लिए ग्रेड-अक्ष या हल्का कट नहीं है, तो हर लेबल धुँधला पड़ जाता है। (भौतिकी डार्क-मोड अध्याय में समझाई गई है।)
5. फ़ीचर-जाँच: tnum, lnum, zero, case — वे OpenType फ़ीचर देखिए जो वास्तव में मौजूद हैं, न कि वे जो मार्केटिंग-पृष्ठ जताता है।
6. प्रदर्शन का भार-वर्ग। यह सब एक-दो ऐसी WOFF2 फ़ाइलों में आना चाहिए जो इतनी छोटी हों कि जिस डेटा पर वे लेबल लगाती हैं, उसी का रास्ता न रोकें — जो अगले निबंध का विषय है।

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