स्पर्श डिजाइन: परिचय

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

IPhone के लिए पठनीयता

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

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

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

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

अविश्वसनीय लगता है

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

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

एप्लिकेशन आजीवन आँकड़े बताते हैं कि स्थापना के एक महीने बाद, उनमें से अधिकांश उपयोगकर्ता द्वारा हटा दिए जाते हैं, और एक वर्ष के बाद 25 में से केवल 1 ही रहता है।

एक विशिष्ट उपयोगकर्ता प्रति माह 10 एप्लिकेशन डाउनलोड करता है, लेकिन स्थापना रद्द करने से पहले उन्हें 20 से अधिक बार लॉन्च नहीं करता है; वे अभी भी डिवाइस पर कुछ समय के लिए रह सकते हैं, लेकिन स्थापना के बाद केवल 15% एप्लिकेशन सक्रिय रूप से सप्ताह के दौरान उपयोग किए जाते हैं। यदि आप एक बकवास नहीं देते हैं, और यह एक बार एक हजार बेवकूफों के एक संग्रह को बेचने के लिए ऐसी रणनीति है, तो इस पैराग्राफ को अपने सिर से बाहर फेंक दें। बाकी सभी को पता होना चाहिए कि आवेदन के आधे डाउनलोड एक सिफारिश पर किए जाते हैं। एक वफादार दर्शक बनाएँ।

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

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

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

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

IPhone के लिए Tweetbot

आकार मायने रखता है

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

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

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

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

आकार में लौटना, मायने रखता है। ज्यादा चर्चा के बिना, मैं कहूंगा कि Apple बटन के लिए 7 मिमी सबसे इष्टतम आकार मानता है। ये अच्छे पुराने पर 44 पिक्सेल और रेटिना डिस्प्ले पर 88 पिक्सेल हैं। और यह जरूरी नहीं है कि दृश्यमान बटन के आकार के बारे में - यह छोटा हो सकता है, लेकिन सक्रिय क्षेत्र सही आकार का होना चाहिए।

मुझे कहना होगा कि 44, 88, 176 आम तौर पर जादू की संख्या हैं। मॉड्यूलर ग्रिड डिजाइन करते समय उन पर ध्यान दें, और सब कुछ ठीक हो जाएगा।

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

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

अंत में, यह सब स्क्रीन पर ब्लॉक और तत्वों की संख्या से निकटता से संबंधित है। मैं संक्षिप्त हो जाऊंगा: जो स्क्रीन के मुख्य कार्य की तुलना में थोड़ा कम महत्वपूर्ण है, उसे बेरहमी से हटा दें।

IPhone के लिए पॉकेट

अन्त में

प्रत्येक रचनात्मक प्रक्रिया को अपने तरीके से संरचित किया जाता है, इसलिए मुझे अपनी सलाह से इसमें नहीं जाना चाहिए, लेकिन मैं इसे वैसे भी करूंगा।

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

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

अंत