इंटरेक्शन एक्सपीरियंस के एलिमेंट्स- बुक की मेरी शॉर्ट रिटेलिंग

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

अमूर्त मेरे विचारों के साथ अनुभवी है, मैं स्तरों पर बाहर ले जाऊंगा, कुल 5 हैं:
1. रणनीति का स्तर
2. अवसरों के एक सेट का स्तर
3. संरचना का विस्तार
4. लेआउट
5. सतह का स्तर




इंटरनेट अब सामग्री और सॉफ्टवेयर दोनों के साथ एक स्थान है। यही कारण है कि बातचीत के अनुभव के डिजाइन में एक एकीकृत दृष्टिकोण को ध्यान में रखना आवश्यक है।

इंटरैक्शन के 5 तत्व आपको अनुभव को अमूर्त से कंक्रीट तक के स्तरों पर डिजाइन करने की अनुमति देते हैं।

रणनीति स्तर

इस स्तर पर, हमें यह समझने की आवश्यकता है कि हमें परियोजना से क्या चाहिए, और भविष्य के उपयोगकर्ताओं को क्या चाहिए।

साइट के लक्ष्यों को परिभाषित करना

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

उपयोगकर्ता की जरूरतों का निर्धारण

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

अगला कदम उपयोगकर्ताओं की जरूरतों को निर्धारित करना है और इसे समूहों में तोड़ना है।
उदाहरण के लिए:
A1 कक्षा की जानकारी प्राप्त करें
A2 कक्षाओं के लिए पंजीकरण करें
बी 3 कक्षाओं के संचालन के अवसर के बारे में जानकारी प्राप्त करें
B4 शिक्षक के रूप में पंजीकरण करें

जानकारी जुटाना

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

फ़ीचर सेट स्तर

इस स्तर पर, हमें यह समझने की आवश्यकता है कि हमें क्या करने की आवश्यकता है, और यह महत्वपूर्ण है कि हमें इसे करने की आवश्यकता नहीं है।



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

अवसरों को कैसे रैंक करें

- उद्देश्य और आवश्यकता कई संभावनाओं को निर्धारित करती है
- अवसर कई उद्देश्यों की जरूरत है

कार्यात्मक विशिष्टताओं का वर्णन कैसे करें

- क्यों का वर्णन करें
- एक उदाहरण देने के लिए, एक समान तत्व को संदर्भित करना बेहतर है
- परिदृश्य का वर्णन करें:
- उपयोगकर्ता एक बटन दबाता है
- तंत्र दुनिया को नष्ट कर देता है
- उपयोगकर्ता सहयोगी
- सकारात्मक रहें:
- नहीं - सिस्टम उपयोगकर्ता को कार्रवाई 0 के बिना कार्रवाई करने की अनुमति नहीं देता है
- हां - उपयोगकर्ता द्वारा तारीख 1 के बाद की प्रणाली इसे 0 पर कार्रवाई करने के लिए पुनर्निर्देशित करती है
- उद्देश्य हो
- नहीं - साइट उत्पादक होनी चाहिए
- हाँ - साइट को 1 मिनट में 1000 विज़िट का भार झेलना होगा
- वैचारिक मॉडल का उपयोग करें - अक्सर डेवलपर्स द्वारा उपयोग किए जाने वाले समाधान, जिनके लिए उपयोगकर्ता पहले से ही उपयोग किया जाता है
- मानसिक मॉडल का उपयोग करें - वास्तविक जीवन में उपयोग किए गए (टोकरी) के समान समाधान

सामग्री आवश्यकताओं को कैसे परिभाषित करें

- प्रारूप - पाठ, ध्वनि, वीडियो, फोटो
- नियुक्ति - सवालों के जवाब, कायल
- बनाने के लिए कौन जिम्मेदार है
- कितनी बार अपडेट करना है

संरचना स्तर

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

सूचना वास्तुकला

- एक शीर्ष-डाउन आर्किटेक्चर विकास दृष्टिकोण - हम साइट के लक्ष्यों और उपयोगकर्ता की जरूरतों के आधार पर श्रेणियों में सभी सामग्री और कार्यात्मक समाधानों को तोड़ते हैं:
उत्पाद चुनें
ऑर्डर उत्पाद
माल वितरित करें
इस दृष्टिकोण के विपक्ष - विवरण याद किया जा सकता है

- वास्तुकला के विकास के लिए एक ऊपर की ओर दृष्टिकोण - - सामग्री और कार्यात्मक समाधानों के आधार पर, हम श्रेणियों को परिभाषित करते हैं:
उत्पाद सूची
सेवा सूची
दुकान का पता
इस दृष्टिकोण के विपक्ष - नई सामग्री और समाधान के लिए लचीला नहीं है

सत्य, हमेशा की तरह, 2 दृष्टिकोणों के बीच है, अर्थात, ऊपरी स्तर की श्रेणियां नीचे की ओर दृष्टिकोण द्वारा निर्धारित की जाती हैं, और श्रेणियां आरोही द्वारा कम होती हैं।

संभव वास्तु समाधान

1. पदानुक्रमित प्रणाली
उच्चतम स्तर को छोड़कर सभी के पास एक मूल नोड है।


2. मैट्रिक्स
आपको विभिन्न उपयोगकर्ताओं (फ़िल्टर) के लिए एक ही सामग्री पर नेविगेशन बनाने की अनुमति देता है।


3. कार्बनिक
मनमाने ढंग से नोड्स को जोड़ता है, संचार सामग्री के लिए उपयुक्त है जिसमें वे स्पष्ट नहीं हैं।


4. लगातार संरचना
लेख और व्यक्तिगत अनुभागों के लिए एक के बाद एक नोड्स।

भाषा और तरीके

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

लेआउट स्तर

इस स्तर पर, हम अलग-अलग पृष्ठों और फ़ंक्शन ब्लॉकों पर ध्यान केंद्रित करते हैं।

- यदि उपयोगकर्ता एक कार्रवाई करता है - इंटरफ़ेस डिज़ाइन।
- यदि उपयोगकर्ता चलता है, तो नेविगेशन डिज़ाइन।
- यदि उपयोगकर्ता कोई कार्रवाई करता है - सूचना डिज़ाइन।

इंटरफ़ेस डिजाइन

एक सफल इंटरफ़ेस वह है जिसमें महत्वपूर्ण जानकारी तुरंत दिखाई देती है, और महत्वपूर्ण माध्यमिक नहीं।

इंटरफ़ेस का डिज़ाइन उपयुक्त तत्वों के चयन के लिए कम हो जाता है, उपयोगकर्ता के सामने आने वाले कार्यों को ध्यान में रखता है, और उन्हें इस तरह से रखता है कि इसका उपयोग कैसे और क्यों करना आसान है।

इंटरफ़ेस डिज़ाइन तत्व:
झंडे


बटन


पाठ फ़ील्ड


ड्रॉप डाउन सूची


ड्रॉप डाउन सूची


रेडियो बैटन - आप एक दूसरे के आधार पर चुनाव करने की अनुमति देते हैं

नेविगेशन डिजाइन

3 मुख्य नेविगेशन विशेषताएं:
1. उपयोगकर्ता को साइट पर एक बिंदु से दूसरे तक जाने की अनुमति दें
2. पृष्ठों (पदानुक्रम) के बीच संबंध को दर्शाता है
3. नेविगेशन और पृष्ठ सामग्री के बीच के संबंध को दर्शाता है

! सबसे महत्वपूर्ण उपयोगकर्ता प्रश्न है कि मैं कहाँ हूँ और मुझे कहाँ मिल सकता है।

नेविगेशन के प्रकार

वैश्विक नेविगेशन
आपको किसी भी स्तर पर साइट के एक छोर से दूसरे स्थान तक जाने की अनुमति देता है


स्थानीय नेविगेशन
मूल पृष्ठ, वंशज पृष्ठ और पड़ोसी पृष्ठों तक पहुँच प्रदान करता है


अतिरिक्त नेविगेशन
पृष्ठ से संबंधित सामग्री तक पहुंच देता है।


प्रसंग नेविगेशन
अंतर्निहित सामग्री, आपको सीखने की कनेक्टिविटी की जरूरतों के आधार पर अनुभाग पर नेविगेट करने की अनुमति देती है।


सेवा नेविगेशन
उन सूचनाओं वाले अनुभाग जो हमेशा उपयोगी हो सकते हैं (संपर्क, कॉल आदेश)


रिमोट नेविगेशन
- साइट का नक्शा - शायद हर कोई जानता है कि यह क्या है)
- सूचकांक - सभी लिंक वर्णानुक्रम में

सूचना डिजाइन

यह इस तरह से जानकारी प्रस्तुत करने के बारे में है कि यह लोगों को इसे देखने और उपयोग करने में आसान बनाता है।

उस पृष्ठ के प्रोटोटाइप का उपयोग करने वाले सूचना डिज़ाइन का वर्णन करने के लिए:
- सामग्री आवश्यकताएँ
- सहभागिता योजनाएं
- तकनीकी विनिर्देश

सतह का स्तर

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

एक तत्व द्वारा प्रतिष्ठित किया जा सकता है:
- इसके विपरीत
- तत्वों की एकरूपता

कंपनी में संभावित डिजाइन समस्याएं

2 समस्याएं:
- बाहरी - कंपनी के अन्य उत्पादों और संचार की तुलना में एक अलग डिजाइन दृष्टिकोण।
- आंतरिक - साइट के विभिन्न हिस्सों में डिजाइन करने के लिए अलग-अलग दृष्टिकोण।

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

फोंट का उपयोग करना

- ध्यान आकर्षित करने के लिए विभिन्न फोंट का उपयोग करें
- फोंट की बदलती संख्या के माध्यम से अधिभार न डालें
- फॉन्ट में शोर नहीं होना चाहिए