अनुकूली क्षेत्र नेविगेशन संकल्पना

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

इंट्रो प्रोडक्शन

एक बार जब मैं एक सोफे पर बैठा था, कागज का एक उबाऊ टुकड़ा लिख ​​रहा था, और यहाँ VKontakte को समर्पित एक चैनल में एक वैगन VK मोबाइल एप्लिकेशन के एक नए डिज़ाइन के क्यूआर कोड के साथ आता है। बेशक, मैं, यूआई / यूएक्स के क्षेत्र में सब कुछ नया करने में रुचि रखने वाले व्यक्ति के रूप में, और बस एक सक्रिय (कई समुदायों) वीके उपयोगकर्ता के रूप में, कोड को तुरंत स्कैन किया, हैकर स्क्रीन सेवर को देखा और अपडेट किए गए इंटरफ़ेस को मास्टर करना शुरू किया, नीचे उन लोगों के लिए स्क्रीनशॉट हैं जो अचानक नहीं करते हैं। इस सामाजिक नेटवर्क का उपयोग करता है।

समस्याओं

(वीके रिडिजाइन और हाल ही में सभ्य यूएक्स चेकलिस्ट लेख के उदाहरण का उपयोग करके)।

तो, आइए कल्पना करें कि हम अपने सामाजिक नेटवर्क ब्राउज़ करते समय फोन को कैसे पकड़ते हैं। नेटवर्क। व्यक्तिगत रूप से, मैं, अपने परिचितों और दोस्तों के 90% की तरह, नीचे दी गई खोज से स्क्रीनशॉट से लगभग 1-3, 5-8 की तस्वीरों के समान हैं।



इसका क्या कारण है?

जब हम ट्रेन में होते हैं, तब हम एक हाथ से फोन पकड़ते हैं, जब हम नाश्ते में टेप के माध्यम से छोड़ते हैं, जब हम टेबल के नीचे एक संदेश लिखते हैं ताकि शिक्षक / शिक्षक / नियोक्ता का ध्यान न जाए। अंत में, अभी मैं एक दाहिने हाथ में फोन पकड़ रहा हूं, क्योंकि मैं इस लेख को अपनी बाईं ओर टाइप कर रहा हूं।

यह इस तथ्य की ओर जाता है कि अब औसत के लिए, और शायद आने वाले वर्षों में प्रदर्शन 5.5-6 इंच है, उपयोगकर्ता के अनुकूल कार्यक्षेत्र का आकार बहुत कम हो गया है। यदि आप इसे योजनाबद्ध तरीके से चित्रित करते हैं - यह कुछ ऐसा दिखता है (चित्र एक लिंक है क्योंकि यह लंबवत है)।

अब, उन कारणों पर वापस लौटते हैं, जिन्होंने मुझे इस लेख (मिल्कशेक वीके और "30 अंकों के यूएक्स के लिए चेकलिस्ट" ) में ले लिया और उन्हें 5.5-6 इंच के औसत प्रदर्शन और ~ 2.8 इंच के एक सफेद वयस्क पुरुष के अंगूठे की औसत लंबाई के दृष्टिकोण से बिल्कुल ठीक मानते हैं। उसी वीके के माध्यम से जनसंख्या के मेरे सर्वेक्षण के परिणाम।

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



उन पर हम देखते हैं:

1) स्क्रीनशॉट 1 - समाचार अनुभाग, अपने आप से यह अच्छी तरह से किया जाता है, समाचार स्क्रॉल किया जाता है, क्लिक करके खोला जाता है, नेविगेशन बार आसानी से सुलभ है (हालांकि हम नेविगेशन बार पर वापस आ जाएंगे), कहानियां एक आरामदायक स्तर से थोड़ा ऊपर हैं, लेकिन जब से वे उन्हें पसंद नहीं करते हैं - हाँ और भगवान उनके साथ हो, लेकिन वहाँ एक है ...

ऊपरी दाएं कोने पर ध्यान दें, हमारे पास एक अधिसूचना बटन है, बटन अविश्वसनीय रूप से महत्वपूर्ण है, क्योंकि आपकी टिप्पणियों का कोई भी जवाब, "घंटी" वाले समुदायों से समाचार, प्रबंधित समुदायों से समाचार, पसंद और सब कुछ है, यहां तक ​​कि नए लोगों की सूचनाएं भी बिल्ड यहाँ आते हैं।

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

यह अच्छा है अगर यह एक खरोंच है, लेकिन शायद -30 हजार। स्क्रीन की मरम्मत के लिए रूबल। धन्यवाद UIUX VK

2) स्क्रीनशॉट 2 - प्रोफ़ाइल लगभग सही है, शायद ही कभी उपयोग किए जाने वाले फ़ंक्शन का ऊपरी दायां बटन बाईं ओर स्वाइप से खुलता है, जो इसे खींचने की आवश्यकता को समाप्त करता है, और फिर भी वे शायद ही कभी उपयोग किए जाने वाले फ़ंक्शन =) होते हैं। हालांकि, मैं आपको इस तथ्य पर भी ध्यान देने के लिए कहता हूं कि इतिहास, पोस्ट और ईथर बनाने के लिए बटन एक ही आरामदायक क्षेत्र की तुलना में थोड़ा अधिक है, जो 16: 9 स्क्रीन के लिए सहनीय है, लेकिन जब आप 2: 1 और 21: 9 डिस्प्ले पर स्विच करने की प्रवृत्ति पर विचार करते हैं तो फिर से सवाल उठता है। ।

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

चलो ऊपरी बाएं बटन पर ध्यान दें। नहीं, यह बहुत अच्छा और अद्भुत है, यह निर्विवाद है, लेकिन मुझे इस पर कैसे क्लिक करना चाहिए? यही है, आवेदन वास्तव में एक खुली पोस्ट (एक संवाद और कुछ अन्य खिड़कियां) को बंद करने के लिए एक वास्तविक और सुविधाजनक अवसर प्रदान नहीं करता है।

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

4) स्क्रीनशॉट 4 के साथ, सब कुछ बस 2 के साथ अच्छा है, सिवाय इसके कि "सदस्यता लें", "साझा करें" और "सूचनाएं" बटन के स्थान पर सवाल उठता है, मैंने उन्हें अलग तरीके से व्यवस्थित किया होगा (सूचनाएं -> सदस्यता लें -> साझा करें, क्योंकि सूचनाएं हो सकती हैं उन समूहों से प्राप्त करें जिन्हें सदस्यता नहीं दी गई है, और हस्ताक्षर बटन, जो अक्सर अधिक दबाया जाता है, एक आरामदायक क्षेत्र में आता है)।

आप (शायद) पूछते हैं: "यह सब वीके के बारे में है, लेकिन लेख में अनुप्रयोगों के डिजाइन में आवश्यक 30 चीजों के बारे में सामग्री का लिंक भी है!", और अब इसके बारे में थोड़ा सा:

औपचारिक रूप से (आप VKontakte को डाउनलोड कर सकते हैं, नए इंटरफ़ेस को सक्रिय कर सकते हैं और इसे स्वयं जांच सकते हैं)।

आवेदन इस चेकलिस्ट के सभी अनुरोधों को पूरा करता है, उन सभी के लिए सही है:

1. इसमें एक लॉगिन स्क्रीन सेवर है;
2. इसमें पासवर्ड पुनर्प्राप्त करना संभव है;
3. इसमें एक परिचयात्मक ट्यूटोरियल है;
4. अधिसूचना अनुभाग में (VK के ही p1 पार्सिंग) सभी क्रियाओं की सभी पुष्टिएँ आती हैं;
5. आवेदन में खाली जगहों पर स्टब्स हैं;
6. एक डिफ़ॉल्ट अवतार है;
7. वीके अनुमति के लिए अनुरोध भेजता है जब फ़ंक्शन को स्वयं की आवश्यकता होती है (हालांकि बाद में यह कभी-कभी उन्हें गाली देता है, लेकिन अब उस बारे में नहीं);
8. बेशक तत्वों के विभिन्न राज्य हैं;
9. वीके से लोगों की कमी के पूरक, सामग्री डिजाइन से चिह्न एक ही शैली में बनाए गए हैं;
10. एक समर्थन बटन है;
11. दस्तावेज़ डाउनलोड करने या वीडियो / फोटो / कहानियों को अपलोड करते समय शेष डाउनलोड समय दिखाता है;
12. सही कार्यों की पुष्टि करने वाले शिलालेख भी जगह में हैं (हालांकि वे हमेशा खराब इंटरनेट के साथ सही ढंग से काम नहीं करते हैं, लेकिन यह खराब इंटरनेट है);
13. चैट रूम में स्वत: पूर्ण कार्य;
14. लगभग कोई भी ऑपरेशन आसानी से रद्द हो जाता है;
15. एप्लिकेशन को बड़ी संख्या में भाषाओं में अनुवादित किया गया है;
16. अभी भी उपलब्ध सहायता बटन;
17. आवेदन + - रंग उलटा के साथ विपरीत मोड के साथ काम करता है;
18. आवेदन सही ढंग से पुश भेजता है, आपको उनकी रसीद को कॉन्फ़िगर करने की अनुमति देता है;
19. आप अपनी इच्छानुसार चित्र काट और संपादित कर सकते हैं।
20. व्यक्तिगत डेटा आसानी से संपादित किया जाता है, यह फ़ंक्शन सोशल नेटवर्क की नींव में से एक है;
21. बेशक खाते से बाहर निकलने के लिए एक बटन है;
22. स्टॉक में नियम;
23. गोपनीयता अनुकूलन योग्य है, हालांकि एक प्रमुख प्रमुख से नहीं;
24. मदद बटन हमेशा के लिए;
25. टेप स्क्रॉल करते समय, इसका शीर्षक गिर जाता है;
26. डिफ़ॉल्ट व्यवहार को लगभग सभी मामलों में आसानी से कॉन्फ़िगर किया गया है;
27. अच्छी तरह से वे कर रहे हैं, व्यावहारिक उपयोग वास्तव में बहुत, बहुत संदिग्ध है;
28. आइटम 5 के समान;
29. आइकन, पहचानने योग्य और आवेदन के लिए 100 प्रतिशत उपयुक्त है।

और अब अपने आप को दो सवालों का जवाब दो (भगवान मैं कैसे प्यार सूची):

क) कितने अनुप्रयोगों को वास्तव में इन सभी 30 उपयोगी कार्यों की आवश्यकता है जो अब उनके पास नहीं है?

ख) क्या आपके द्वारा इसे उपयोग करने की इच्छा बढ़ गई है जब आपने पाया है कि कुलपति सभी 30 उपयोगी कार्यों के अनुरूप हैं?

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

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

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

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

वास्तव में कुछ मामूली चीजों पर ध्यान केंद्रित किए बिना, कुछ खिड़कियों का स्क्रीनशॉट:



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

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

स्क्रीनशॉट 4 - समाचार अनुभाग का दृश्य, फिर से पैनल पर देखें - बटन "मेनू", "शुरुआत में स्क्रॉल करें", "फ़ीड अपडेट करें" - यह आधिकारिक एप्लिकेशन की तुलना में भी अधिक है।

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

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

ये स्क्रीनशॉट सुस्त लग सकते हैं, इसलिए, एक उदाहरण के रूप में, यह एमडी 2 का उपयोग करने में उन रुझानों को कैसे ध्यान में रखना पसंद करेगा जो वर्तमान समय में हैं और मैं इसे अब कैसे करूंगा:



अच्छी तरह से, या पूरी तरह से यादृच्छिक तृतीय-पक्ष सेवाओं के उदाहरण पर:



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