अपने आवेदन के इंटरफेस में सुधार के लिए 7 युक्तियाँ

एक इंटरफ़ेस डिजाइनर होने के नाते, मैं अभी भी अक्सर ऐसी स्थिति देखता हूं जहां डेवलपर्स या टीम के किसी अन्य व्यक्ति को इंटरफेस डिजाइन करना पड़ता है।
बेशक, यह बेहतर है जब डिजाइनर टीम पर है, लेकिन अगर वह नहीं है तो क्या होगा?

एक बार जब मैंने एक साथ सरल नियमों का एक सेट रखा, जो कि बिल्डिंग इंटरफेस से संबंधित सबसे आम गलतियों में से 80% से बचने में मदद करते हैं। मैंने उन्हें संबल के लिए साझा करने का फैसला किया।
कौन परवाह करता है - बिल्ली में आपका स्वागत है।

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

1. सबसे महत्वपूर्ण

वे इसका उपयोग कैसे करेंगे? यह समझने के लिए सबसे महत्वपूर्ण बात है।

मुझे जेफ रस्किन की परिभाषा पसंद है (एक डिजाइनर जिसने पौराणिक ऐप्पल II पर भी काम किया और डिजाइनरों के बीच एक पंथ पुस्तक "इंटरफ़ेस" लिखा) कि एक इंटरफ़ेस एक उत्पाद के साथ बातचीत करने का एक तरीका है।

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

अब प्राथमिकता दें।
1-2 मुख्य कार्यों को हाइलाइट करें और मामलों का उपयोग करें और उन पर ध्यान केंद्रित करें। यदि कोई चीज़ गौण है, तो उपयोगकर्ताओं को इसे माफ़ करने की अधिक संभावना है।

2. बुनियादी कार्यों को यथासंभव सुलभ बनाएं और दुर्लभ कार्यों को छिपाएं

सहमत हूँ, एमएस ऑफिस की तुलना में Google डॉक्स को समझना आसान है?
हां, Google डॉक्स कम मामलों को कवर करता है, लेकिन यह सबसे आम मामलों का 90% है। हां, 100 में से 10 मामलों में आपको कार्यालय में भ्रमित होना पड़ेगा, लेकिन 90 मामलों में लोग ज्यादा खुश होंगे। और किसी को कभी भी इन दुर्लभ कार्यों की आवश्यकता नहीं होगी।
जिन्हें दुर्लभ कार्यों की आवश्यकता है - और इसलिए वे उन्हें प्राप्त करते हैं।

3. अतिरिक्त क्लिक निकालें

लक्ष्य प्राप्त करने के लिए कम क्रियाएं - आमतौर पर बेहतर होती हैं। उदाहरण के लिए, कॉम्बो बॉक्स (यदि स्थान अनुमति देता है) के बजाय रेडियो बटन की सूची बनाएं, तो यह एक क्लिक को कम कर देगा।
या - स्वचालित रूप से उपयोगकर्ता के स्थान का निर्धारण करते हुए, आप मैन्युअल रूप से जगह में प्रवेश करने के लिए समय बिताने की आवश्यकता को समाप्त करते हैं।

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

कम तत्व, यह सीखना आसान है कि आवेदन कैसे काम करता है।
इसलिए, संभव है कि सब कुछ फेंक दें, उपयोगकर्ता को बहुत अधिक सीखने के लिए मजबूर न करें।

4. प्रपत्र, त्रुटियां, प्रतिक्रिया

सभी सर्वोत्तम प्रथाओं में से, सबसे महत्वपूर्ण रूपों, त्रुटि से निपटने और प्रतिक्रिया के लिए हैं।

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

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

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

5. महत्वपूर्ण जानकारी को दृष्टि में रखें।

महत्वपूर्ण जानकारी क्या है?
एक जो सिस्टम की स्थिति पर रिपोर्ट करता है और आपको इसके माध्यम से जल्दी से नेविगेट करने की अनुमति देता है। यह आमतौर पर है:
1) संमरी या टोकरी
2) मेनू और सिस्टम के अन्य भागों के लिए त्वरित पहुँच,
3) खोज

इंटरफ़ेस के शीर्ष पर एक पैनल के साथ ऐसा करना सुविधाजनक है और स्क्रॉल करते समय इसे फ्रीज करें।

इस तकनीक का उपयोग लगभग हर कोई करता है - Apple और Google से, किसी भी सेवा में जो ऊपरी दाएँ कोने में "बाहर निकलें" बटन बनाती है।

7. उपयोगकर्ता द्वारा दर्ज की गई हर चीज को याद रखें

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

यहां एक उत्कृष्ट उदाहरण फिर से Google ड्राइव सेवा है। दस्तावेजों के तुरंत ऑटोसैव आपको यह सोचने की अनुमति नहीं देता है कि डेटा को सहेजने की आवश्यकता है।

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

यह लेख कई मुद्दों को संबोधित नहीं करता है - ई-कॉमर्स, एंटरप्राइज, वेब बनाम मोबाइल, मोबाइल बनाम टैबलेट, फॉर्म, प्राधिकरण, त्रुटि से निपटने की बारीकियों, और प्रक्रिया के निर्माण से संबंधित मुद्दों (यह पहले से ही है जब परियोजना पर एक डिजाइनर है)। यदि इस समुदाय में से कोई भी दिलचस्पी है, तो मुझे बताएं।

यहां उन पुस्तकों की एक छोटी सूची है जो विषय को गहरा करने के लिए उपयोगी हो सकती हैं।

डेवलपर्स के लिए :
जेफ रस्किन। इंटरफ़ेस
एलन कूपर। इंटरफ़ेस के बारे में
ब्रूस तोगाजिनी। इंटरफ़ेस पर टॉग

जेनिफर टिडवेल "यूजर इंटरफेस डेवलपमेंट" द्वारा एक महान पुस्तक भी है, लेकिन यह पहले से ही अधिक विशिष्ट है।

परियोजना प्रबंधकों के लिए :
एलन कूपर। मरीजों के हाथों में मानसिक अस्पताल

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

खैर, मेरी राय में, अच्छा उत्पाद बनाने के बारे में पुस्तक, स्टीव जॉब्स, लेखक इसाकसन की जीवनी है

परियोजनाओं पर अपने काम का आनंद लें :)