Tomelet

डिज़ाइन नोट्स

मोड़ रीढ़ कैसे बना

हर फ़ोल्डेबल फ़ोन के बीच में एक लकीर होती है। ज़्यादातर ऐप्स के लिए यह एक अड़चन है जिससे बचकर चलना पड़ता है। किताब के लिए यह दुनिया की सबसे स्वाभाविक चीज़ है: किताबों में यह हमेशा से रही है। यह कहानी है कि Tomelet के रीडर ने मोड़ को रीढ़ मानना कैसे सीखा, और इसके पीछे कौन-से डिज़ाइन नियम हैं।

मुफ़्त, बिना अकाउंट के। आमने-सामने के पेज मुफ़्त रीडर का हिस्सा हैं।

समस्या: फ़ोन का पेज, खींचकर फैलाया हुआ

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

Apple ने iPhone Duo के साथ डिज़ाइन दिशानिर्देश प्रकाशित किए; Android के पास फ़ोल्डेबल के लिए अपने दिशानिर्देश हैं। दोनों में मतभेद कम, सहमति ज़्यादा है, और Tomelet एक ही रीडर से दोनों का पालन करता है, iPhone Duo पर भी और Galaxy Z Fold पर भी। पाँच नियमों ने इसे आकार दिया।

1. मोड़ एक आरक्षित क्षेत्र है

Apple मोड़ को आरक्षित क्षेत्र कहता है: स्क्रीन का वह हिस्सा जिसे ऐप को ख़ाली रखना चाहिए। Android ऐप को ठीक-ठीक बताता है कि उसका मोड़ कहाँ है, और Tomelet दोनों पेजों के बीच का हाशिया ठीक वहीं रखता है, और टैप ज़ोन, बटन और चयन के हैंडल उससे बाहर रखता है। पेन की जो लकीर मोड़ को पार करती है, वह दोनों पेजों में बँट जाती है, ताकि हर पेज के पास वही स्याही रहे जो उसकी है।

iPhone Duo पर Flutter, वह टूलकिट जिसमें Tomelet लिखा गया है, अभी ऐप्स को मोड़ की स्थिति नहीं बताता (flutter/flutter#192515), इसलिए Tomelet बीच का हाशिया स्क्रीन के ठीक बीच में रखता है।

यही मोड़ से रीढ़ तक का क़दम है। छपी किताब में भी बीच के हाशिये में कुछ नहीं छपता। वहीं दोनों पेज मिलते हैं।

एक उपन्यास के आमने-सामने के दो पेज, बाएँ पेज पर एक वाक्यांश पीले रंग में हाइलाइट; दोनों पेजों का पाठ बीच के हाशिये से पहले रुक जाता है।
दो पेज, एक हाशिया: पाठ बीच से पहले रुक जाता है, और हाइलाइट अपने शब्दों पर बना रहता है।

2. मोड़ना, छोड़कर जाना नहीं है

Apple चाहता है कि डिवाइस खुलते और बंद होते समय अनुभव बिना रुकावट चलता रहे। Samsung ऐप्स से स्क्रॉल की स्थिति और टाइप हो रहा पाठ बनाए रखने को कहता है। Tomelet मोड़ने को स्क्रीन के आकार का बदलाव मानता है, कभी कहीं और जाना नहीं।

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

न कुछ दोबारा खुलता है, न कोई विज्ञापन आता है: मोड़ना आपको कभी किताब से बाहर नहीं ले जाता।

3. आकार, घुमाव नहीं

iPhone Duo की अंदर की स्क्रीन ऐप के रोटेशन लॉक को अनदेखा करती है, और Android 17 बड़ी स्क्रीन पर यही करता है। इसलिए फ़ोन किस ओर घुमाया गया है, इससे लेआउट तय नहीं हो सकता। Tomelet देखता है कि पेज के पास कितनी जगह है: दो पेज जब हर एक आराम से पढ़ा जा सके, एक जब ऐसा न हो। यही नियम टैबलेट, आड़े पकड़े फ़ोन और डेस्कटॉप विंडो पर भी चलता है।

जोड़ियाँ छपाई की परंपरा से आती हैं, फ़ोटो कैरोसेल से नहीं। पहला पेज अकेला, फिर 2–3, 4–5, ताकि प्रकाशक की डिज़ाइन की हुई जोड़ी हमेशा एक साथ आए। अरबी, हिब्रू और ऊर्ध्वाधर जापानी किताबें दाईं ओर से शुरू होकर बाईं ओर पलटती हैं। जो फ़िक्स्ड-लेआउट किताब अपनी दिशा घोषित करती है, उसे एक पंक्ति का संकेत मिलता है जिसे आप हटा सकते हैं; रीडर कभी आपकी जगह आपका फ़ोन नहीं घुमाता।

4. मुद्रा सजावट बदलती है, किताब नहीं

Apple के दिशानिर्देश कहते हैं कि कब्ज़े का कोण “इंटरैक्शन और प्रभावों के लिए है… लेआउट के लिए नहीं”। Tomelet सहमत है, इसलिए कोई भी पेज-प्रभाव कब्ज़े के साथ नहीं चलता। Android पर, मुद्रा जो बदलती है वह है किताब के चारों ओर की सजावट।

जो Android फ़ोल्डेबल बताता है कि वह आधा खुला है, उसे किताब की तरह पकड़ें, और मोड़ के हर ओर एक पेज मिलता है, कंट्रोल बाहरी किनारों पर। Android फ़ोल्डेबल को मेज़ पर आधा खुला रखें, और पेज ऊपर की मंज़िल पर चला जाता है जबकि कंट्रोल नीचे की मंज़िल पर: पेज स्लाइडर, विषय-सूची, नोट, दिखावट। यह Flex Mode वाला विचार है, Android पर रीडर में ही बना हुआ।

iPhone Duo पर Tomelet हर कोण पर खुली किताब वाला लेआउट बनाए रखता है, उस दिन के लिए तैयार जब Flutter ऐप्स को कब्ज़े की स्थिति बताएगा।

5. कीबोर्ड

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

स्क्रीन साझा करते समय

किसी दूसरे ऐप के बगल में, iPhone Duo पर Split View में या Android पर स्प्लिट स्क्रीन में, Tomelet एक पेज दिखाता है, मोड़ कहाँ है इसका अनुमान नहीं लगाता, और अपने कंट्रोल बाहरी किनारों पर रखता है।

हाशिये में एक पेन

Apple, iPhone Duo की दोनों स्क्रीन पर Apple Pencil (USB-C) ला रहा है, और Tomelet के पेन टूल उसका स्वागत करने को तैयार हैं: EPUB और PDF दोनों के हाशियों में लिखें, एक स्ट्रोक में कोई पंक्ति हाइलाइट करें, Pencil से स्याही लगाएँ जबकि आपकी उँगलियाँ पेज पलटें, खिसकाएँ और ज़ूम करें। स्याही पाठ से बँधी है, इसलिए जब मोड़ने पर पेज फिर से सजता है, तो हाशिये का नोट अपने अनुच्छेद के बगल में ही रहता है। मोड़ के आर-पार खींची गई लकीर दोनों पेजों में बँट जाती है।

जो हमने नहीं बनाया

कब्ज़े के कोण के साथ चलने वाले पेज-प्रभाव

पकड़ बदलने पर पेज को डगमगाना नहीं चाहिए।

iPhone पर Tomelet की दूसरी विंडो

एक विंडो, जो स्क्रीन अच्छे से साझा करे, काफ़ी है।

रीढ़ ही क्यों

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