भविष्य के लिए Firefox डिज़ाइन

 (blog.mozilla.org)
1 पॉइंट द्वारा GN⁺ 1 시간 전 | 1 टिप्पणियां | WhatsApp पर शेयर करें
  • Firefox का नया डिज़ाइन Project Nova मौजूदा ब्राउज़र को बदलने के लिए नहीं है, बल्कि Firefox को अधिक सुसंगत और साफ़ आधार पर व्यवस्थित करने का काम है
  • गोपनीयता फीचर्स को अधिक सामने लाया गया है, ताकि built-in free VPN, private browsing, data choices, और AI फीचर्स को बंद करने का विकल्प आसानी से मिल सके
  • ट्रैकर ब्लॉकिंग और स्पीड को एक-दूसरे के विरोध में नहीं रखकर, पहले मुख्य कंटेंट को प्रोसेस किया जाता है, और पिछले 1 साल में मुख्य पेज लोडिंग समय में 9% सुधार हुआ है
  • tab groups, split view, और vertical tabs की accessibility बढ़ाई गई है, और यूज़र की मांग पर compact mode फिर से दिया गया है ताकि workflow बेहतर हो
  • गोलाकार components, नए icons·colors·copy, और theme व accessibility को एक shared design system में जोड़कर desktop और mobile के बीच सुसंगतता बढ़ाई गई है

Project Nova की दिशा

  • Firefox का हालिया डिज़ाइन और design system overhaul ब्राउज़र को अधिक सुसंगत आधार पर साफ़, गर्मजोशी भरा, तेज़ और अनुकूलनशील बनाने पर केंद्रित है
  • इसका आंतरिक नाम Project Nova है, और यह मौजूदा Firefox की जगह लेने वाला नया ब्राउज़र नहीं, बल्कि मौजूदा तत्वों को व्यवस्थित करने का काम है
  • नया डिज़ाइन इस साल के अंत में जारी होने की योजना है, और यूज़र्स को यह Firefox के रूप में ही मिलता रहेगा
  • Firefox का लक्ष्य ऐसा ब्राउज़र होना है जो चयन के क्षण से ही गोपनीयता और स्पष्ट data practices को डिफ़ॉल्ट के रूप में दे
  • नया डिज़ाइन built-in free VPN और private browsing जैसे फीचर्स को ढूँढना और इस्तेमाल करना आसान बनाता है
  • settings स्क्रीन को फिर से डिज़ाइन किया गया है ताकि data से जुड़े विकल्पों को समझना और लागू करना आसान हो
  • इसमें AI फीचर्स को पूरी तरह बंद करने का control, अधिक आसान copy, और यूज़र की मनचाही सुरक्षा व usability के संतुलन के अनुसार Enhanced Tracking Protection को समायोजित करने की सुविधा शामिल है

स्पीड, workflow, और interface

  • Firefox में ट्रैकर्स को ब्लॉक करने पर पेज लोडिंग भी तेज़ होती है, और यह गोपनीयता और स्पीड को विरोधी संबंध के रूप में नहीं देखता
  • पेज के मुख्य कंटेंट को आसपास के वैकल्पिक तत्वों से पहले प्राथमिकता दी जाती है, और पिछले 1 साल में मुख्य पेज कंटेंट के लोडिंग समय में 9% सुधार हुआ है
  • नया डिज़ाइन tab groups, split view, और vertical tabs की accessibility बढ़ाकर productivity फीचर्स का इस्तेमाल आसान बनाता है
  • यूज़र की मांग पर compact mode फिर से उपलब्ध कराया गया है, और यह उन लोगों के लिए है जो browser controls को अधिकतम संकुचित रूप में इस्तेमाल करना चाहते हैं
  • Firefox डिज़ाइन का लक्ष्य आधुनिक दिखना है, लेकिन साधारण नहीं; गर्मजोशी भरा, लेकिन सटीक; और अधिक अभिव्यंजक, लेकिन वेब से अधिक उभरकर नहीं
  • tabs को अधिक मुलायम आकार और सूक्ष्म gradient दिया गया है, जिससे active tab की मौजूदगी अधिक स्पष्ट होती है और browser chrome के आसपास रोशनी जैसा एहसास जुड़ता है
  • panels, menus, settings, और browser controls को अधिक गोल और सुसंगत components में बदला जा रहा है, ताकि वे एक ही system का हिस्सा महसूस हों
  • icons को light·dark themes में अधिक साफ़ और संतुलित दिखने के लिए अपडेट किया गया है, ताकि visual noise बढ़े बिना उन्हें जल्दी पहचाना जा सके
  • पूरे interface में spacing को फिर से समायोजित किया गया है, यह ध्यान में रखते हुए कि ब्राउज़र लंबे समय तक इस्तेमाल किया जाता है
  • नया color palette आग जैसी अनुभूति से प्रेरित है, जिसमें active tab के आसपास की चमक, धुएँ जैसे गहरे बैंगनी रंग, और गर्माहट जोड़ने वाले हल्के tones शामिल हैं
  • Firefox की copy अब अधिक सीधी और मानवीय बनाई जा रही है, और कभी-कभी अधिक playful या fiery tone का इस्तेमाल करती है, लेकिन प्रामाणिकता बनाए रखती है
  • reusable tokens, components, patterns, और shared design language Firefox को इस तरह विकसित करना आसान बनाते हैं कि नए फीचर्स बाद में जोड़े गए न लगें, बल्कि एकीकृत महसूस हों
  • यह overhaul desktop पर सबसे अधिक दिखाई देता है, लेकिन shared colors, icons, copy, और design foundation के ज़रिए mobile पर भी अधिक सुसंगत Firefox अनुभव देता है
  • Firefox, अपने open source DNA वाले customizable browser के रूप में, नए themes और wallpapers जोड़ रहा है
  • समय के साथ tabs, components, और संबंधित visual treatment जैसी interface shapes को समायोजित करने वाले controls पर भी और खोजबीन की जा रही है
  • accessibility को customization का मुख्य तत्व माना गया है, जिसमें contrast, readability, focus states, keyboard behavior, target size, system settings, visual comfort, themes, और windows में interface behavior को ध्यान में रखा गया है
  • dark mode कई यूज़र्स के लिए सिर्फ़ पसंद नहीं, बल्कि डिफ़ॉल्ट वातावरण है; कुछ के लिए यह आँखों की थकान कम करने का साधन है, और दूसरों के लिए बड़े system settings का हिस्सा
  • Firefox दुनिया भर के contributors और supporters की मदद से खुले तौर पर बनाया गया है, और यूज़र ब्राउज़र को बनाने, टेस्ट करने, बढ़ाने और बेहतर करने की प्रक्रिया में भाग लेते हैं
  • नया design system अभी भी आकार ले रहा है, और क्या अच्छी तरह काम करता है और क्या बाधा बनता है, इस पर लगातार feedback लिया जा रहा है
  • Mozilla, Mozilla Connect पर Project Nova के बारे में राय ले रहा है

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

1 टिप्पणियां

 
GN⁺ 1 시간 전
Lobste.rs की राय

  • compact mode में कम से कम “tabs/address bar अलग तैरते हुए द्वीप” जैसी बेवकूफ़ी शायद नहीं होगी

    • पिछले कुछ वर्षों से मैं समझने की कोशिश कर रहा हूँ कि detached style इतना लोकप्रिय क्यों है, लेकिन खासकर Apple का Liquid Glass तो बहुत ही साफ़ तौर पर गलत लगता है
      इसकी visual hierarchy खराब है, यह पूरी तरह भ्रम पैदा करती है, और काफी जगह भी बर्बाद करती है
      Firefox की नई split structure में पारंपरिक visual hierarchy को लेकर भी दिक्कत है, इसलिए गहराई से सोचने पर मैं अनिच्छा से मानता हूँ कि Firefox के मामले में इसके पक्ष में कुछ जायज़ तर्क हैं, लेकिन फिर भी ज़्यादातर इस्तेमालों में यह बस बेवकूफ़ाना लगता है
      सच में जानना चाहता हूँ कि लोग ऐसी चीज़ें किस सोच से बनाते हैं
      उदाहरण के लिए https://apple.com/newsroom/2025/… में इस इमेज में बायाँ sidebar अंदर धँसा हुआ है, जो बस गलत है, और पीछे वाला वीडियो में बाएँ-दाएँ की असंगति हास्यास्पद है, जबकि अंत में Messages का screenshot उस अंदर धँसे हुए बाएँ sidebar की बेतुकापन को और अच्छी तरह दिखाता है। बस दी गई information hierarchy के बारे में सोचिए

  • शीर्षक देखकर डरते हुए टैब खोला था, लेकिन ज़्यादातर ऐसी चीज़ें दिखीं जिनसे मुझे खास फर्क नहीं पड़ता, तो यह काफ़ी सुखद आश्चर्य था
    यह व्यंग्य नहीं है, आजकल “future के लिए design” जैसा कुछ दिखे तो आपदा की उम्मीद होने लगती है

  • यह पहले से ही काफ़ी functional और modern है, इसलिए UI redesign की सच में ज़रूरत है या नहीं, पता नहीं। फिर भी शायद एक हफ्ते में इसकी आदत पड़ जाएगी

  • Mozilla ने पिछले 15 सालों में design से जुड़ा काम इतना खराब किया है कि अब यह मज़ाकिया भी नहीं रहा। यह नया design system भी अभी से पुराना लग रहा है

    • Mozilla के सामने user base घटने की समस्या है, और इसका मतलब यह है कि धीरे-धीरे ज़्यादा से ज़्यादा वही लोग बचते जाते हैं जो इसे लंबे समय से इस्तेमाल कर रहे हैं, इसके आदी हैं, और इसे जैसा है वैसा ही पसंद करते हैं
      Mozilla अपनी मौजूदा self-selected user base को बनाए रखने और साथ ही उन बड़े आम user समूहों को आकर्षित करने की नई कोशिशों के बीच फँसा हुआ है जो अभी Firefox इस्तेमाल नहीं करते
    • सच में? अभी तो browser का chrome area इतना minimised है कि ऐसा कोई design सोचना ही मुश्किल है जिसे वाकई बुरा कहा जाए
      खासकर अगर आप नया vertical compact tabs इस्तेमाल करते हैं, तो पूरा browser बस ऊपर एक पतली address bar और बाएँ एक पतली tab bar जैसा रह जाता है। इसमें इतना हास्यास्पद रूप से बुरा क्या है, समझ नहीं आता

  • मैं बूढ़ों की तरह बादलों पर चिल्लाने वाला आदमी लगूँगा, लेकिन समझ नहीं आता कि Mozilla को latest design trends के पीछे किशोरों की तरह भागने की ज़रूरत क्यों महसूस होती है
    मैं Chrome इस्तेमाल नहीं करना चाहता, लेकिन कम से कम उसका रूप ज़्यादा consistent और मूल बात पर केंद्रित है। तैरता हुआ UI गुस्सा दिलाता है
    क्या इन्होंने /r/unixporn बहुत ज़्यादा देख लिया और समझा कि i3-gaps इस्तेमाल करने वाले लोग बहुत हैं? address bar और main window के बीच पहले से ही खाली जगह है, फिर और क्यों चाहिए?
    यह मैं उस इंसान के तौर पर कह रहा हूँ जो terminal में भी border के आसपास ज़ाया होने वाली जगह न रहे, इसके लिए बिल्कुल सही font size चुनता है

    • क्योंकि Mozilla की एक ऐसी समस्या है जिसे वह सार्वजनिक रूप से कह नहीं सकता। उसका उद्देश्य Google को monopoly power के कारण तोड़े जाने से बचाना है
      बाकी सब कुछ वहीं से निकलता है
      अगर Firefox संगठन किसी public-interest के लिए समर्पित foundation द्वारा चलाया जाता, तो वह कैसा दिखता?

  • gradients और “चमकती” shadows से खेलने का trend कभी काफ़ी अच्छा लगता था, लेकिन अब यह AI-generated CSS जैसी चीज़ का संकेत बन गया है
    Claude से “एक website बनाओ” कहिए, तो काफ़ी मिलता-जुलता नतीजा आता है। यह बुरा नहीं दिखता, लेकिन उस संदर्भ की वजह से सस्ता-सा महसूस होता है और इसलिए नापसंद होने लगता है

  • एक समय था जब “future” का मतलब skeuomorphism होता था, और एक समय वह काँच पर shadows और rounded corners हुआ करता था
    एक समय future flat और नुकीला था, एक समय bright colours थे, एक समय pastel थे, और फिर काँच पर shadows वापस आ गए
    हाल के दिनों में लगता है कि यह cycle छोटी होती जा रही है
    यह भी गुजर जाएगा

  • यह बात अच्छी लगी कि default browser chrome में सिर्फ सुस्त gray छोड़ने के बजाय colour accents जोड़े गए हैं
    मैं शायद अपने device पर इसे बंद कर दूँगा, लेकिन मानता हूँ कि नए colour combinations की वजह से Firefox काफ़ी अलग दिखेगा
    “हम compact mode वापस ला रहे हैं। लोगों ने कहा कि उन्हें इसकी कमी महसूस होती है, और हमने सुना। अगर आप browser controls को जितना हो सके उतना घना रखना चाहते हैं, तो यह mode आपके लिए है.”
    यह सच में शानदार है। मैं बहुत समय से उस compact mode का इस्तेमाल कर रहा हूँ जिसे हटाने की योजना थी, इसलिए इसका आधिकारिक रूप से लौटना अच्छा लगा

  • “हम compact mode वापस ला रहे हैं। लोगों ने कहा कि उन्हें इसकी कमी महसूस होती है, और हमने सुना। अगर आप browser controls को जितना हो सके उतना घना रखना चाहते हैं, to यह mode आपके लिए है.”
    इसके लिए दिल से धन्यवाद, लेकिन सच यह है कि यह कभी पूरी तरह हटाया ही नहीं गया था
    about:config में browser.compactmode.show को true सेट करने के बाद, “toolbar customise” में इसे फिर से चालू किया जा सकता था
    बस उम्मीद है कि नए design का compact mode, मौजूदा version के “unsupported” compact mode जितना घना होगा

  • Tree Style Tab ही जवाब है। अगर मैं इस कचरे को छिपाकर Tree Style Tab इस्तेमाल कर सकता हूँ, तो Mozilla इसे जितना चाहे बिगाड़ ले, मुझे फर्क नहीं पड़ता