क्या डिजाइन डिलीवरी की गति को प्रभावित कर सकता है?

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

लेख के लेखक के बारे में: बी 2 डी डोडो पिज्जा के नेता मुराद गामादोव ।

प्रसव के लिए भोजन का ऑर्डर करते समय, लोग अब एक घंटे इंतजार करने के लिए तैयार नहीं हैं। यह बहुत लंबा है। आधा घंटा - यह वह अधिकतम है जो ग्राहक प्रतीक्षा पर खर्च करने को तैयार है। 2018 में, हमने 43 मिनट में औसतन पिज्जा चखा, लेकिन 30 में चाहते थे!

लक्ष्य प्राप्त करने के लिए, हमें परिवहन लाइन का विस्तार करना था (हमने गैस स्कूटर, इलेक्ट्रिक स्कूटर और साइकिल यात्रा को जोड़ा), वितरण क्षेत्रों को संशोधित किया, और यात्रा के समय की भविष्यवाणी करना सीखा। और कोरियर के टर्मिनल को रीमेक करने और डिजाइन का उपयोग करके धारणा प्रतिमान को "60 मिनट में" से "जितनी जल्दी हो सके" वितरित करने के लिए।

यह लेख डिजाइन के बारे में है। इसमें मैं इंटरफ़ेस के साथ काम करने का पूरा तरीका दिखाऊंगा: यह सब कैसे शुरू हुआ, यह कहां चला गया, और डिजाइनर दिल कैसे शांत हुआ।

यह सब कैसे शुरू हुआ

प्रत्येक पिज़्ज़ेरिया में, रसोई और कूरियर क्षेत्र के बीच, एक कैंडी बार होता है जिसमें "डिलीवरी काउंटर" खुला होता है - डोडो आईएस अनुभाग, जो कोरियर के साथ बातचीत के लिए जिम्मेदार है:



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

ऑर्डर लेने से पहले, कूरियर को "लाइन में खड़े" होना था - वास्तव में, चेक इन करें। यह बार कोड की मदद से किया गया था: प्रत्येक कूरियर एक बार कोड मुद्रित किया गया था, और उसने इसे पिज़्ज़ेरिया के प्रवेश द्वार पर स्कैन किया। इस प्रणाली ने स्वयं कतार में पहले कूरियर का निर्धारण किया और इसे "सक्रिय" बनाया - अर्थात, जिन्हें ऑर्डर लेना चाहिए।

जब कूरियर ऑर्डर देने वाला होता है, तो उसे इसे इंटरफेस में चुनना होगा और सड़क पर मारना होगा। ऑर्डर चुनने के लिए, आपको पहले सेल पर क्लिक करना होगा, और फिर "सिलेक्ट ऑर्डर" पर क्लिक करना होगा, और फिर यह पहले से ही आपके साथ संलग्न है। इसके अलावा, या तो आप एक और ऑर्डर लें, या "कूरियर भेजें" पर क्लिक करें और छोड़ दें।

पहिया को सुदृढ़ न करें

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

पूरे प्रोजेक्ट "डिलीवरी" को समय के साथ काम के आसपास बनाया गया था, दोनों प्रबंधन / व्यावसायिक समाधानों की ओर से और डिजाइन के पक्ष से। यह हमारे लिए बहुत महत्वपूर्ण था कि टाइमर दूर से दिखाई दे रहा था, ठीक दरवाजे से, जैसे ही कूरियर ने पिज़्ज़ेरिया में प्रवेश किया। और हमने विज़ुअलाइज़ेशन के विभिन्न विकल्पों का अध्ययन करना शुरू किया। आप एक क्षैतिज टाइमर बना सकते हैं और शेष समय के आधार पर इसे रंग सकते हैं:



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

लेकिन क्या होगा यदि आप क्षैतिज टाइमर को हटा दें और आदेश संख्या को स्वयं पेंट करें? यह बड़ा है, स्पष्ट रूप से दिखाई देता है:



नहीं, बर्फ नहीं। अब जोर समस्याग्रस्त आदेशों पर स्थानांतरित हो गया है। और अगर कोई समस्या नहीं है, तो तुरंत छोड़ने की कोई प्रेरणा नहीं है। आइए जाने दूसरे तरीके ...

लेकिन क्या होगा अगर आप विचार करें कि ऑर्डर चुनने में कितना समय लगता है? जैसे ही कूरियर सक्रिय हो जाता है, समय टिकना शुरू हो जाता है। यदि आप 30 सेकंड से अधिक समय के लिए ऑर्डर चुनते हैं - लाल रंग में हाइलाइट करें। आप "अभी भी एक ऑर्डर लें", "छोड़ने का समय है" जैसे सुझाव दे सकते हैं। जब सिस्टम आपसे संपर्क करता है तो यह हमेशा अच्छा होता है:



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



चूंकि ऑर्डर हीट शेल्फ पर कोरियर की प्रतीक्षा कर रहे हैं, इसलिए हमने इस समय को "हीट शेल्फ पर समय" कहा। ऐसा छोड़ दिया और आगे की सोचने लगा।

समय की गिनती कैसे करें

फिर हमने सोचा: क्या 60 मिनट से उल्टे क्रम में समय निकालना सही है? यह तर्कसंगत था जब आपको बस घंटे पूरा करना था, लेकिन अब कूरियर को जितनी जल्दी हो सके ऑर्डर वितरित करना चाहिए। और तब राय विभाजित थी:

1. उत्पाद विभिन्न अंतरालों से कुल समय के पूर्वानुमान को दिखाना चाहता था: खाना पकाने (पीला), गर्मी शेल्फ (हरा), वितरण (नीला)। खाना पकाने का समय मानक (7 मिनट) के रूप में लिया गया था, लेकिन इस प्रक्रिया में अद्यतन किया गया; जब आदेश मिला तब हीट शेल्फ पर समय चलना शुरू हुआ; प्रसव के लिए एक पूर्वानुमान दिखाया गया था।
2. प्रिवी एडवाइजर ने कुल समय का पूर्वानुमान दिखाने का भी सुझाव दिया, लेकिन केवल संख्या के आधार पर, और हीट शेल्फ पर अलग से समय दिखाते हुए।
3. डिजाइनर ने समय को केवल 30 मिनट तक सीमित करने के लिए सोचा। पहले, 60 से उलटी गिनती थी, अब यह 30 से होगी। कठिन, लेकिन सरल।

हमारे कार्यालय के अधिकांश कर्मचारी गेम्बू से होकर गुजरे , इसलिए हमने पहले उन तीनों विकल्पों का परीक्षण करने का निर्णय लिया:

1. बहुत शुरुआत में यह स्पष्ट हो गया कि उत्पाद विकल्प बहुत जटिल है। एक भी व्यक्ति ने इसे कभी भी अपने दम पर नहीं समझा, और स्पष्टीकरण के बाद भी, कम ही लोग समझ पाए।
2. डिज़ाइनर का विकल्प जल्दी समझ में आया, लेकिन ऐसा लग रहा था (आश्चर्य!) बहुत कठोर।
3. प्रिवी सलाहकार का विकल्प सबसे अधिक पसंद किया गया था, और हमने इसे आधार के रूप में लेने का फैसला किया।

सच है, चर्चा की प्रक्रिया में, हमने महसूस किया कि यह अंतिम रूप देने के लायक भी था। सबसे पहले, हम आदेश की स्थिति के बारे में भूल गए। दूसरे, एक सेल में दो बार दिखाना एक बुरा विचार है। हर समय मैं किसी भी तरह मानसिक रूप से उनकी तुलना करना चाहता हूं, जोड़ना / घटाना। इसलिए, हमने अभी भी हीट शेल्फ पर समय देने से इनकार कर दिया है, जिससे केवल कुल ऑर्डर समय निकल गया है:



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

हमने नए तर्क में सुंदरता को जोड़ा:

• उन्होंने पुराने कैश डेस्क से सभी अतिरिक्त नियंत्रण लौटा दिए।
• हमने कोशिकाओं का एक पूरा ग्रिड एकत्र किया और स्थिति पर प्रकाश डाला।
• कोरियर की लाइन विपरीत और बाईं ओर ले जाया गया था - हम बाएं से दाएं पढ़ते हैं।

एक कूरियर कैसे समझ सकता है कि उसने किया है: मैट्रिक्स

एक अन्य महत्वपूर्ण बिंदु मीट्रिक है, अर्थात् औसत ऑर्डर समय। यह वह मीट्रिक है जिसके लिए सब कुछ शुरू किया गया था। हमने ऑर्डर के आंकड़े दिखाने के लिए प्रयोग करना शुरू कर दिया। पहले यह औसत समय था:



लेकिन क्या यह थोड़ा सूखा नहीं है? आइए समय पर वितरित किए गए आदेशों की संख्या दिखाने की कोशिश करें और समय पर नहीं:



कई मानदंडों के साथ एक विचार, लेकिन स्पष्टीकरण के बिना, बहुत स्पष्ट नहीं था। और मैं दूर से आंकड़े देखना चाहता हूं, लेकिन मुझे मंडलियों में सहकर्मी होना चाहिए।

आइए सलाखों और उनके अनुपात के माध्यम से दिखाने की कोशिश करें, इसके लिए हमें आंकड़ों को नीचे स्थानांतरित करना होगा:



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

परिणामस्वरूप, उन्होंने स्पष्टीकरण के बिना ब्याज छोड़ दिया और औसत समय लौटाया:



हमने लंबे समय तक तर्क दिया कि आदेश कैसे दिखाए जाएं - मात्रा में या प्रतिशत में? नतीजतन, हम प्रतिशत पर बस गए, इसलिए ब्याज लक्ष्य निर्धारित कर सकते हैं। आप सीधे मात्रा को प्रभावित नहीं कर सकते, और पिज़्ज़ेरिया अलग (पुराने / नए, अलग-अलग स्थान) हैं। और प्रतिशत के साथ ऐसी समस्याएं नहीं हैं।

फिर उत्पाद ने एक और विचार फेंक दिया: प्रति पारी कोरियर की रेटिंग रखें। रेटिंग का कोई परिणाम (जुर्माना / बोनस) नहीं है, यह विशुद्ध रूप से प्रतिस्पर्धी तत्व है। यह एक तिपहिया लगता है, लेकिन काम में उत्साह जोड़ता है:



खैर, पुराने किक-बॉक्स एक नई आड़ में लौट आए।

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

लाइव कोरियर का परीक्षण करते हैं

इसलिए, हमने एक काम करने वाले मॉडल को एक साथ रखा और इसे कई पिज़्ज़ेरिया में उतारा। और तुरंत खामियां ध्यान देने योग्य हो गईं।

पहली समस्या यह है कि सब कुछ बहुत उथला है। मोनोब्लॉक कैश रजिस्टर में एक उच्च पिक्सेल घनत्व होता है, लेकिन फोन या टैबलेट पर कोई स्वचालित स्केलिंग नहीं होती है। वर्तमान आकारों में, दूर से कुछ पढ़ना काफी कठिन है।

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

तीसरी समस्या खराब दिखाई देने वाला ऑर्डर टाइम और उपलब्धता है। हर जगह आपको इसे पढ़ना होगा।

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

रंग जोड़ें

एक बिंदु पर, कला निर्देशक ने कहा और कहा: और चलो सभी मैट्रिक्स को विशाल बनाते हैं और बाईं ओर एक पट्टी फ्लिप करते हैं? डिजाइनर ने पहले तर्क दिया और कला के साथ तर्क करने की कोशिश की, और फिर उन्होंने कोशिश की और उन्हें यह पसंद आया:



क्योंकि यह बहुत अधिक ध्यान देने योग्य है। यहां आप उन पर गोल नहीं कर पाएंगे।

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

तुलना के लिए - सब कुछ वापस "हल्का" करने का प्रयास:



और यह एक पूर्व-लुढ़का हुआ संस्करण है, जो अंततः उत्पादन में चला गया:



तुलना करें कि शुरुआत में क्या हुआ और परिणामस्वरूप क्या हुआ:



एक साल बाद, पूरे नेटवर्क में औसत वितरण दर 43 से घटकर 35 मिनट हो गई। इसमें नए टर्मिनल की योग्यता क्या थी? मूल्यांकन करना मुश्किल है, लेकिन उन्होंने अपनी भूमिका निभाई। इस तरह की वैश्विक परियोजनाओं में, अकेले डिजाइन (और नहीं होना चाहिए) एक हत्यारा सुविधा हो सकती है। लेकिन यह एक प्रभावी उपकरण है जो सार को सही रूप में बंद करने और सही ढंग से जोर देने में मदद करता है।