मोबाइल इंटरफ़ेस टेम्प्लेट पर एक करीब से नज़र डालें

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

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

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

निमंत्रण

क्या आपको याद है कि आपने पहली बार फोटोशॉप का इस्तेमाल कैसे किया था? मुझे याद है कि मैंने पहली बार इस कार्यक्रम को खोला और एक ग्रे फील्ड और शक्तिशाली उपकरणों का एक बड़ा सेट देखा।



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

एक दशक आगे तेजी से ... सैकड़ों हजारों एप्लिकेशन बनाए गए हैं जो आसानी से डाउनलोड के लिए उपलब्ध हैं। प्रत्येक श्रेणी में कार्यक्रमों के लिए बहुत सारे विकल्प हैं जो कार्यों को डुप्लिकेट करते हैं। उनमें से कई स्वतंत्र हैं, जो आपको इसके इंटरफ़ेस को जटिल लगने पर एप्लिकेशन को जल्दी से बदलने की अनुमति देता है।

प्रारंभिक वास्तविकता ब्राउज़र, लेयर रियलिटी ब्राउज़र के साथ प्रारंभिक अनुभव पर विचार करें।



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

नीचे निमंत्रण टेम्प्लेट हैं:

संवाद

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

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

मदद

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



खरीदारी के दौरान उपयोगकर्ता क्रमिक कदम कैसे उठाता है, उसके अनुसार निम्नलिखित संकेत उसके लिए खोले जाते हैं।

यात्रा

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

दौरे को कार्यक्रम की प्रमुख विशेषताओं को उजागर करना चाहिए, छोटा और नेत्रहीन आकर्षक होना चाहिए।

डेमो

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

प्रदर्शनों में प्रमुख विशेषताओं का वर्णन करना चाहिए और यह दिखाना चाहिए कि कार्यक्रम का उपयोग कैसे किया जाए। सामान्य वीडियो नियंत्रण, जैसे ठहराव, मात्रा, विस्तार और पतन, मौजूद होना चाहिए।

स्लाइड

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

सुनिश्चित करें कि जैसे ही उपयोगकर्ता स्क्रीन को छूता है, स्लाइड बंद हो जाती हैं।

में निर्मित

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

एक स्क्रीन में कई अंतर्निहित संकेत हो सकते हैं। आपका कार्य छवियों या अन्य दृश्य संकेतों का उपयोग करके उन्हें स्पष्ट रूप से अन्य जानकारी से अलग करना है (यानी निमंत्रण के लिए ग्रंथों के रंग और आकार का उपयोग न करें जो आप आवेदन में सामान्य जानकारी के लिए उपयोग करते हैं)।

स्थायी

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

संक्षिप्त हो। आपका कार्य समान है - छवियों या अन्य दृश्य संकेतों का उपयोग करके उन्हें स्पष्ट रूप से अन्य जानकारी से अलग करें (यानी निमंत्रण के लिए ग्रंथों के रंग और आकार का उपयोग न करें जो आप आवेदन में सामान्य जानकारी के लिए उपयोग करते हैं)।

छिपा हुआ

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

छिपी निमंत्रणों का संयम से उपयोग करें। उनके उपयोग का सबसे लोकप्रिय उदाहरण वह स्थिति हो सकती है जब आपको कुछ डेटा डाउनलोड करने की आवश्यकता होती है।



गैलरी और मोबाइल इंटरफ़ेस टेम्पलेट्स वेबसाइट
मोबाइल डिजाइन पैटर्न गैलरी में निमंत्रण केवल एक प्रकार का टेम्पलेट है।

टेम्पलेट दीर्घाओं के साथ कुछ और उपयोगी लिंक:
वेबसाइट , टेम्पलेट गैलरी , ब्लॉग , फ़्लिकर फोटो गैलरी ।

Android के लिए टेम्पलेट: AndroidPatterns ;
IOS के लिए टेम्पलेट: मोबाइल पैटर्न , Pttrns ;
आम मोबाइल यूआई टेम्पलेट: 4 दिन ।

युपीडी। उपयोगी टेम्पलेट सेवा ने SerGe007 से प्रेरित-ui.com का सुझाव दिया

_{यह लेख यूक्रेनी अनुवाद में भी उपलब्ध है।}