एक सुविधाजनक ईमेल क्लाइंट डिज़ाइन करना

हाल ही में, पुराने हबर के लेखों को देखकर, मुझे ईमेल क्लाइंट के बारे में एक सर्वेक्षण मिला , जिसमें पता चला कि अधिकांश पाठक जीमेल पसंद करते हैं। मैं खुद कई सालों से इसका इस्तेमाल कर रहा हूं, हालांकि साल में एक दो बार मैं कुछ और सहज करने के लिए "ट्रांसफर" करने की असफल कोशिश करता हूं। तब से, मैंने यह सोचना शुरू किया कि जीमेल को कैसे बेहतर बनाया जाए। इतने सारे विचार जमा हो गए हैं कि मैंने अपना खुद का ईमेल क्लाइंट बनाने का फैसला किया है। मैं प्रशंसकों से बिल्ली के नीचे इंटरफेस के बारे में पढ़ने के लिए कहता हूं। और फिएट मुझे मदद करते हैं।

कम शुरुआत। उपयोगकर्ता चित्र और स्थिति

सबसे पहले, आपको उत्पाद की स्थिति के बारे में सोचना चाहिए। आमतौर पर इस मुद्दे को उपेक्षित किया जाता है जब इंटरफेस डिजाइन करते हैं और सीधे डिजाइन करने के लिए जाते हैं। परिणाम सभी के लिए एक उत्पाद है और बिना किसी के लिए।

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


मेरा अंतर्ज्ञान मुझे बताता है कि इस तरह का ईमेल क्लाइंट पहले पश्चिम में बेहतर जड़ें लेगा, और उसके बाद ही हमारे साथ होगा। इसलिए, मैंने तुरंत सभी सामग्रियों को अंग्रेजी में करने का फैसला किया।

शुरुआत

प्रतियोगियों को व्यक्ति में जानने की जरूरत है। मैंने सर्वेक्षण से एक दर्जन वेब क्लाइंट का परीक्षण किया और निष्कर्ष निकाला कि मैंने आगे के डिजाइन के दौरान ध्यान में रखा। जब मैंने प्रोटोटाइप बनाया, तो सबसे पहले मुझे इस सिद्धांत के द्वारा निर्देशित किया गया था कि "यह ऐसा नहीं दिखता ...", लेकिन मेरे तार्किक विचारों से, फ़िट्स और हिक के नियम, रस्किन, कूपर और अन्य आधिकारिक डिजाइनरों के काम।

सोशल नेटवर्क में दोस्तों पर तुरंत एक छोटा सर्वेक्षण शुरू किया:


परिणाम बहुत अपेक्षित है: लोग चाहते हैं कि यह तेज, सरल और सुंदर हो। काफी लक्षित दर्शकों ने मतदान नहीं किया, लेकिन परिणाम जल्दी और नि: शुल्क था: अभी के लिए, यह पर्याप्त है।

सबसे महत्वपूर्ण: एक इंटरैक्टिव प्रोटोटाइप

कुछ तुरंत एक डिजाइन बनाने के लिए भागते हैं। ईमानदारी से, मैं पूरी तरह से यह नहीं समझता कि आप ग्राफिक लेआउट पर बातचीत के "यांत्रिकी" को कैसे डिबग कर सकते हैं। सामान्य तौर पर, हम Axure में एक इंटरैक्टिव html प्रोटोटाइप के साथ शुरू करते हैं, जिसमें डिज़ाइन के पाठ्यक्रम में बातचीत के विभिन्न तत्वों का परीक्षण और रीमेक किया जा सकता है।

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

तो, अपने जीमेल खाते के तहत लॉग इन करें, एप्लिकेशन को डेटा का उपयोग करने की अनुमति दें, हम इनकमिंग में पहुंच जाते हैं


मैंने अपने मेल क्लाइंट को एक अस्थायी कामकाजी नाम UXMail दिया और मैं इसे केवल इस लेख के भाग के रूप में उपयोग करूंगा।

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

नेविगेशन और पत्र

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


मुझे यकीन है कि यह अस्थायी नुकसान निरंतर उपयोग के साथ भुगतान से अधिक होगा।

और यहाँ यह GTD और Gamification के बिना नहीं था

मैं "खाली इनबॉक्स" के बारे में हो रही चीजों को पूरा करने के तरीके का सम्मान करता हूं, इसलिए मैंने इंटरफ़ेस को हर तरह से प्रेरित करने के लिए अक्षरों के प्रसंस्करण को स्थगित नहीं करने और जल्द से जल्द इनबॉक्स को खाली करने की कोशिश की। उदाहरण के लिए, जब आखिरी पत्र संग्रह के लिए भेजा जाता है, तो UXMail उपयोगकर्ता की प्रशंसा करता है


यह शिलालेखों और चित्रों को घुमाने के लिए माना जाता है ताकि यह पता लगाने की प्रेरणा हो कि मेल क्लाइंट आपकी और क्या प्रशंसा करेगा। आजकल फैशनेबल गामिफिकेशन का एक प्रकार का तत्व।

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


उसके बाद, मेनू में आर्काइव आइकन पर एनीमेशन "मक्खियों" के साथ पत्र।

फिट्स लॉ, हमेशा की तरह सही

तुलना के लिए, एक ही कार्रवाई - जीमेल में संग्रह में जोड़ना -। उपयोगकर्ता को दो के बजाय हर बार पांच (!) संचालन करने के लिए मजबूर किया जाता है:

1. ध्वज को कर्सर ले जाएँ
2. झंडा लगाओ
3. कर्सर को "संग्रह" बटन पर ले जाएं
4. पर क्लिक करें
5. कर्सर को अगले अक्षर पर ले जाएं

पत्र का जवाब दें

इनबॉक्स इंटरफ़ेस में वैचारिक रूप से नया कुछ भी नहीं है। जब क्लिक किया जाता है, तो इनपुट फ़ील्ड "उस स्थिति में" चारों ओर चला जाता है जिसमें उत्तर लिखना सुविधाजनक होता है


कम लोकप्रिय इंटरफ़ेस तत्व छिपे हुए हैं। उदाहरण के लिए, प्रतिक्रिया में एक प्रति। स्वरूपण पैनल रंग में बहुत मौन है, लेकिन जब आप होवर करते हैं और क्लिक करते हैं, तो टूल "हाइलाइट" करते हैं:

कार्रवाई रद्द करें और पुष्टि करें

उपयोगकर्ताओं को जल्दी से मॉडल की पुष्टि करने की आदत हो जाती है जैसे "क्या आप सुनिश्चित हैं कि आप चाहते हैं ...?" इसलिए, पॉप-अप सूचनाएं बनाना बेहतर है: इस मामले में, उपयोगकर्ता के पास अपना दिमाग बदलने और अपना निर्णय रद्द करने के लिए 3-4 सेकंड का समय होगा

अक्षरों और माइक्रोचाइन्स की चेन

कुछ वास्तव में इसे पसंद करते हैं, कुछ वास्तव में इसे नापसंद करते हैं। ऐसा लगता है कि लगभग कोई भी उदासीन नहीं रहता है। हेबेरा के एक लेख की टिप्पणियों में, पत्र की श्रृंखला की तुलना ताजे सिलेंट्रो से भी की गई थी।

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

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

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

अंत में, मैंने एक नई अवधारणा पेश करने का फैसला किया - माइक्रोचाइन्स। वास्तव में, microchain एक आने वाला संदेश है और उपयोगकर्ता इस संदेश की प्रतिक्रिया है। इस तरह के एक तंत्र से आप चेन के बिना इंटरफ़ेस की सरलता और सरलता बनाए रख सकते हैं और कम से कम एक पुनरावृत्ति "आने वाले पत्र - इसका उत्तर" के ढांचे के भीतर चेन के साथ इंटरफेस के कुछ फायदे प्राप्त कर सकते हैं। अधिकांश मामलों में, यह मेरे सिर में पत्राचार के अर्थ को बहाल करने के लिए पर्याप्त है

स्पैम को अधिक बार जांचें

मैंने जानबूझकर स्पैम फ़ोल्डर को ऊपरी स्तर पर "खींच" लिया है। मेरा मानना ​​है कि उपयोगकर्ताओं को कम से कम कभी-कभी महत्वपूर्ण ईमेल के लिए स्पैम की जांच करनी चाहिए, क्योंकि स्पैम फ़िल्टर अभी भी 100% सही तरीके से काम नहीं करते हैं। तदनुसार, यह इंटरैक्शन होना चाहिए: उपयोगकर्ता स्पैम में संदेशों की सूची को स्कैन करता है, कुछ संदेशों को इनबॉक्स में भेजने के लिए त्वरित बटन का उपयोग करता है, और सूची के अंत में उसे एक बड़ा बटन मिलेगा "सभी स्पैम को अपरिवर्तनीय रूप से हटाएं" - और फिर एक प्रशंसनीय शिलालेख और तस्वीर होगी।

टैग और फ़िल्टर: उनके लिए क्या?

लेकिन यूएक्समेल टैग और फिल्टर के प्रशंसक शायद इसे पसंद नहीं करेंगे: उन्हें जीमेल इंटरफेस के माध्यम से फिल्टर कॉन्फ़िगर करना होगा, लेकिन कोई टैग नहीं है - केवल फ़ोल्डर हैं


मैं फ़िल्टर के साथ संयोजन में फ़ोल्डर्स का उपयोग करने के निम्नलिखित नुकसान देखता हूं:

1. "एक खाली इनबॉक्स" के सिद्धांत का उल्लंघन किया गया है। यानी मेल को कुशलतापूर्वक संसाधित करने के लिए, आपको यह सुनिश्चित करने की आवश्यकता है कि कई फ़ोल्डर खाली हैं या कम से कम बस संसाधित हैं
2. एक महत्वपूर्ण पत्र के लापता होने की संभावना बढ़ जाती है: एक व्यक्ति रोबोट नहीं है: वह बस कुछ फ़ोल्डर के बारे में भूल सकता है और इसकी जांच नहीं कर सकता है
3. यदि आप दो लोगों को एक साथ रखते हैं और उन्हें एक ही अक्षर भेजते हैं, तो, मैं यह मानकर चल रहा हूं कि अक्षरों की धारा को तेजी से संसाधित किया जाएगा, जो एक फ़ोल्डर में सब कुछ प्राप्त करता है, क्योंकि वह फ़ोल्डरों के बीच स्विच करने में समय बर्बाद नहीं करता है

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

निवेश प्रबंधन

एक और विशेषता, जो मेरी राय में, अच्छी मांग में हो सकती है, केंद्रीकृत निवेश प्रबंधन है। अब ईमेल क्लाइंट में प्राप्त फ़ाइलों को खोजना काफी मुश्किल है, खासकर यदि आपको प्रेषक का नाम या तारीख याद नहीं है। UXMail में, आप एक स्क्रीन पर सभी अनुलग्नकों को स्क्रॉल कर सकते हैं और उन्हें दिनांक, प्रेषक या विषय के आधार पर फ़िल्टर कर सकते हैं:

ऑल-ऑल, पहले से ही गोल। सेटिंग्स

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


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


और जब उपयोगकर्ता उत्तर देने वाली मशीन को चालू करता है, तो संदेश जो उत्तर देने वाली मशीन को चालू करता है, ऊपरी पैनल में सांख्यिकीय रूप से तय किया जाता है


यह कम से कम उपयोगकर्ताओं को केवल "अच्छे कारणों" जैसे छुट्टी या बीमारी के लिए उत्तर देने की मशीन चालू करने के लिए प्रेरित करना चाहिए। मुझे उम्मीद है कि "धन्यवाद, मुझे आपका संदेश प्राप्त हुआ" की भावना से कुछ कम प्राप्तकर्ता प्राप्त होंगे, जो प्रत्येक पत्र के जवाब में स्वचालित रूप से आते हैं।

शायद यही सब है। इंटरैक्टिव प्रोटोटाइप में आपको कई और दिलचस्प तंत्र मिलेंगे जिनके साथ आप "चारों ओर खेल सकते हैं", लेकिन लेख में सब कुछ का वर्णन करने के लिए यह बहुत ही रोचक और उबाऊ होगा (मुझे डर है कि मैं इसे वॉल्यूम के साथ थोड़ा अधिक कर रहा हूं)।

आपकी योजनाएं क्या हैं?

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

और मैंने यह सब क्यों लिखा?

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