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

सारांश

3 घंटे की रचनात्मक समस्या-समाधान व्यावहारिक कार्यशाला में हमने वेब एक्सेसिबिलिटी की मूल बातें सफलतापूर्वक प्रस्तुत कीं, वास्तविक जीवन की कहानियों का उपयोग करके विशेष उपयोगकर्ताओं (विकलांग उपयोगकर्ताओं) के प्रति सहानुभूति पैदा की, सक्रिय रूप से 12 प्रतिभागियों को सह-निर्माण के लिए अभिनव सुलभ समाधान तैयार किया। नेत्रहीन (कम दृश्य तीक्ष्णता), सुनने में कठिन और हाथ कांपने वाले उपयोगकर्ता। हमें सत्र के अंत में संतोषजनक प्रतिक्रिया मिली, जिसमें 50% से अधिक प्रतिभागियों ने कहा कि वे व्यक्तित्व के साथ सहानुभूति रखते हैं, समस्या समाधान सत्र का आनंद लेते हैं, और विजार्ड ऑफ ओज़ उपयोगकर्ता परीक्षण की भूमिका निभाना पसंद करते हैं। 80% प्रतिभागियों ने कहा कि कार्यशाला उनकी अपेक्षाओं पर खरी उतरी और 75% ने कहा कि कार्यशाला के दौरान प्राप्त ज्ञान उनके काम में उपयोगी/लागू होगा।

परिचय

व्यवसाय-केंद्रित होने से उपयोगकर्ता-केंद्रित होने पर अपना ध्यान केंद्रित करने में व्यवसायों को थोड़ा समय लगा। अब हम तेजी से एक नए युग की ओर बढ़ रहे हैं, जहां जीतने वाली कंपनियां उपयोगकर्ता-केंद्रित से समाज-केंद्रित, एकवचन से बहुवचन में स्थानांतरित होती हैं। (स्मैशिंग मैगज़ीन)

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

इस 3 घंटे की कार्यशाला के माध्यम से, हम असंतुलन को दूर करने के एक ऐसे पहलू के बारे में जानेंगे - विशेष रूप से समावेशी डिज़ाइन, वेब एक्सेसिबिलिटी। लक्षित दर्शकों में वेब डिज़ाइनर, उत्पाद/सेवा डिज़ाइनर, और परियोजना प्रबंधक शामिल हैं जो अपने दैनिक जीवन में जटिल समस्याओं को हल करते हैं ताकि उपयोगकर्ताओं को कार्यों को पूरा करने में सहायता मिल सके।

01 बहिष्करण को पहचानें।

बहिष्करण तब होता है जब हम अपने पूर्वाग्रहों का उपयोग करके समस्याओं का समाधान करते हैं। पानी में मछली की तरह जिसे बाहरी दुनिया का कोई पता नहीं है।

02 मानव विविधता से सीखें।

विविधता को अपनाने में मनुष्य ही वास्तविक विशेषज्ञ है। समावेशी डिजाइन प्रक्रिया की शुरुआत से ही लोगों को केंद्र में रखता है, और वे ताजा, विविध दृष्टिकोण सच्ची अंतर्दृष्टि की कुंजी हैं।

03 एक के लिए हल करें, कई तक बढ़ाएँ।

हर किसी के पास क्षमताएं होती हैं, और उन क्षमताओं की सीमाएं होती हैं। विकलांग लोगों के लिए डिजाइनिंग वास्तव में ऐसे डिजाइनों में परिणत होती है जो लोगों को सार्वभौमिक रूप से लाभान्वित करते हैं। बाधाएं एक खूबसूरत चीज हैं।

लक्ष्य

हम एक साधारण लक्ष्य के साथ निकल पड़े

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

हमने 5-प्रश्न प्रश्नावली के एक सेट के साथ कार्यशाला की प्रभावशीलता को मापा।

कार्यशाला

हमने कार्यशाला को 3 भागों में विभाजित किया, अर्थात। एक्सेसिबिलिटी, हैंड्स-ऑन प्रॉब्लम सॉल्विंग और विजार्ड ऑफ ओज यूजर टेस्टिंग रोल प्ले पर प्रस्तुति । समस्या-समाधान सत्र के दौरान 5-10 मिनट का समय-समय प्रदान किया गया था।

एक मजेदार सत्र

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

हम प्रतिभागियों को अर्ध-फ़ॉन्ट पाठ, और पढ़ने की अक्षमता के अन्य रूपों को दिखाना चाहते थे, लेकिन समय की सीमाओं के कारण उन्हें अंतिम प्रस्तुति में शामिल नहीं करने का निर्णय लिया।

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

व्यक्तित्व

हमने अपने प्रतिभागियों, मार्क, रोज़, जो और एलिस के लिए 4 प्राथमिक व्यक्तित्व पेश किए।

01 मार्क, 35 वर्ष, कलर ब्लाइंड

02 गुलाब, 62 वर्ष, हाथ कांपना

03 ऐलिस, 14 वर्ष, अत्यधिक धुंधली दृष्टि (कानूनी रूप से नेत्रहीन)

कार्य

व्यक्तियों को पेश किए जाने के बाद, हमने टीमों को कार्य समझाया। टीमों को निर्देश दिया गया था कि वे अपने संबंधित व्यक्तियों को कार्य पूरा करने में मदद करने के लिए डिजाइन थिंकिंग पद्धति का पालन करें।

कार्य 3 गुना थे, अर्थात। नेविगेशन, कुकिंग और कम्युनिकेशन ।

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

समस्या को सुलझाना

प्रतिभागियों को किसी भी समस्या/चुनौतियों को सूचीबद्ध करने के लिए कहा गया था जो वे कार्यों को पूरा करने का प्रयास करते समय अपने व्यक्तित्व के लिए पहचान सकते थे। बाद में प्रत्येक टीम ने अपना विश्लेषण साझा किया।

एक बार समस्याओं की पहचान हो जाने के बाद, टीमों ने विचार-मंथन किया और अपने भौतिक प्रोटोटाइप पर काम किया। हमने कच्चे प्रोटोटाइप के निर्माण की सुविधा के लिए विभिन्न कच्चे माल (टेप, फोम बोर्ड, कार्डबोर्ड, धागे, चिपकने वाले, कप, प्लेट आदि) प्रदान किए।

प्रोटोटाइप और उपयोगकर्ता परीक्षण

01 जो, 80, सुनने में मुश्किल

2 टीमों ने जो व्यक्तित्व पर स्वतंत्र रूप से काम किया - सुनने में कठिन। दुर्भाग्य से, मैं यहां समाधानों का खुलासा नहीं कर सकता। विस्तृत समाधान के लिए मुझसे बेझिझक संपर्क करें ।

02 गुलाब, 62, हाथ कांपना

टीमों में से एक ने रोज़ के लिए समाधान तैयार करने का काम किया, जिसे हाथ कांपना था। हमने उपयोगकर्ता के हाथ मिलाते हुए कृत्रिम झटकों का अनुकरण किया। विस्तृत समाधान के लिए मुझसे बेझिझक संपर्क करें ।

03 ऐलिस, 14, अत्यधिक धुंधली दृष्टि

एलिस विजार्ड ऑफ ओज परीक्षण के लिए, हमने प्रतिभागियों में से एक को आंखों पर पट्टी बांधकर धुंधली दृष्टि का अनुकरण किया। यह अभी भी देखना संभव था, हालांकि कम तीक्ष्णता के साथ।

उनके डिजाइन समाधानों पर टीम का प्रतिबिंब

उपयोगकर्ता परीक्षण सत्र के अंत में, प्रत्येक टीम को अपने डिजाइन समाधानों पर विचार करने के लिए कहा गया था। उन्होंने अपने-अपने व्यक्तित्व के लिए डिजाइनिंग पर अपने विचार साझा किए।

प्रश्नावली

हमने अपनी प्रश्नावली के लिए प्रतिभागियों की प्रतिक्रिया का विश्लेषण किया। कुल मिलाकर, हमें सुधार की गुंजाइश के साथ अच्छी रचनात्मक प्रतिक्रिया मिली। पूर्वनिरीक्षण में,

• हमें अपनी प्रस्तुति में और विवरण जोड़ने की जरूरत है,
• कार्यशाला की गतिविधि को हमारे दैनिक डिजाइन कार्य के लिए अधिक प्रासंगिक बनाएं, और
• कार्यशाला की अवधि कम करें

निष्कर्ष

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

त्वरित अभिगम्यता युक्तियाँ

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

आयोजक: येरुह ऊई (रू) और प्रत्युष पांडब (पीपी)

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

पढ़ने के लिए धन्यवाद। तुम्हारे जाने से पहले…

ताली बजाओ , अगर आपको मज़ा आया, तो अन्य लोग इसे पा सकते हैं
टिप्पणी 💬, अगर आपका कोई सवाल है जिसे आप पूछना चाहते हैं या इसके बारे में अधिक जानना चाहते हैं, तो अलीबाबा डॉट कॉम डिज़ाइन और ट्रिप डॉट कॉम से अंदर की कहानियों को जानने के लिए
मुझे फॉलो करें ( प्री ) डिज़ाइन

अधिक दिलचस्प पढ़ता है ...

आप अपने साथियों को वेबसाइटों/ऐप्स के लिए क्रॉस-सांस्कृतिक डिज़ाइन की समझ बनाने में मदद कर सकते हैं। यहाँ सिर्फ आपके लिए एक विस्तृत स्लाइड डेक है ।

पढ़ने के लिए धन्यवाद! संपर्क करें →

संदर्भ और आगे पढ़ना

• एलिसा गोंजालेज द्वारा कलाकृति चित्रण
• https://www.slideshare.net/rajeshlal/accessible-design-how-interactive-design-conference-washington-dc-sept-2729-2012?qid=2c3942e8-7b91-4438-81c1-4393cd421658&v=&b=&from_search=2
• https://www.slideshare.net/UXAndrew/universal-design-26013302
• https://www.slideshare.net/donahuephoto/design-with-accessibility-in-mind
• https://www.slideshare.net/cspin/do-the-right-thing-accessibility-and-inclusive-design-with-drupal
• https://i0.wp.com/www.webteacher.ws/blog/wp-content/uploads/2015/07/UM_Accessibility-Infographic_Blog-Version.jpg
• https://www.w3.org/WAI/tips/designing/
• https://www.slideshare.net/RickDzekman/beginners-guide-to-accessibility
• https://www.slideshare.net/MajaBenke/accessible-design-wordcamp-london-2018?qid=2c3942e8-7b91-4438-81c1-4393cd421658&v=&b=&from_search=10
• https://www.slideshare.net/HelenaZubkow/web-accessibility-101-including-accessibility-profitably?qid=6615d82d-e3be-4c79-8a87-822f20375470&v=&b=&from_search=11
• https://www.slideshare.net/vtomberg/web-accessibility-workshop-2?qid=6615d82d-e3be-4c79-8a87-822f20375470&v=&b=&from_search=10
• https://www.slideshare.net/vtomberg/web-accessibility-workshop-3
• https://webaim.org/resources/designers/
• https://www.w3.org/WAI/tips/designing/
• https://www.schepens.harvard.edu/images/stories/nire/color_blind.pdf
• https://enchroma.com/pages/color-blindness-test#test
• https://enchroma.com/pages/types-of-color-blindness
• https://www.youtube.com/watch?v=VN3U1MWJsdo- अंधे लोग क्या देखते हैं?
• https://design.google/library/ux-next-billion-users/
• https://lawsofux.com/
• https://www.jamber.com/pages/best-coffee-mug-for-seniors?utm_campaign=1490347828&utm_source=google&utm_medium=cpc&utm_content=315537997164&utm_term=parkinsons%20cup&adgroupid=57617799095&gclid=Cj0KCQiApvbhBRDXARIsALnNoK3lP_Jsc5gXrIyWq-q-e-Kn3hAWaz94H6bAA1U2lwgomaYkhGNecdsaAuh8EALw_wcB
• https://www.w3.org/WAI/teach-advocate/accessibility-training/workshop-outline/#overall-learning-objectives
• https://www.slideshare.net/UXAndrew/universal-design-26013302
• https://www.slideshare.net/rajeshlal/accessible-design-how-interactive-design-conference-washington-dc-sept-2729-2012?qid=2c3942e8-7b91-4438-81c1-4393cd421658&v=&b=&from_search=2
• https://www.slideshare.net/HelenaZubkow/web-accessibility-101-including-accessibility-profitably?qid=6615d82d-e3be-4c79-8a87-822f20375470&v=&b=&from_search=11
• https://www.youtube.com/watch?v=38fbB8wCPzg
• https://design.google/library/designing-global-accessibility-part-1/
• https://chrome.google.com/webstore/detail/nocoffee/jjeeggmbnhckmgdhmgdckeigabjfbddl?hl=en-US