वेब पृष्ठाची प्रवेशयोग्य डिझाइन कशी तयार करावी

लॅपटॉप स्क्रीन

ऑनलाइन स्टोअर्स, बँकिंग अनुप्रयोग, हॉटेल आरक्षणे किंवा स्वतंत्ररित्या काम करणार्‍या नोकर्‍या आणि बरेच काही इंटरनेटद्वारे हाताळली जाणारी कार्ये आणि ते काही प्रकरणांमध्ये बदलले आहे, पारंपारिक माध्यम.

Este डिजिटल ऑपरेशन्सच्या वेगवान वाढीमुळे आमच्यासाठी हे सुलभ झाले आहे अनेक पैलूंमध्ये जीवन व्यवहार जलद असल्याने कोणत्याही भौतिक स्थापनेकडे जाण्याची आवश्यकता नसल्यामुळे आणि यामुळे आपला वेळ वाचतो आणि नक्कीच, नवीन मीडिया तयार केले गेले आहे जे यापूर्वी अस्तित्वात नव्हते आणि आता बहुतेक लोक सोशल नेटवर्क्स, स्ट्रीमिंग मूव्हीज आणि नेटफ्लिक्स सारख्या प्लॅटफॉर्मवर मालिका किंवा पेपल सारख्या ऑनलाइन पेमेंट सिस्टमचा वापर करतात.

डिजिटल जगाच्या या उदयाबरोबर ते आवश्यक आहे प्रवेश करण्यायोग्य आणि डिझाइन केलेल्या इंटरफेसच्या विकासात गुंतवणूक करा वापरकर्त्यांसाठी. तथापि, आम्ही ते विसरू शकत नाही असे लोक आहेत जे अपंगत्व ग्रस्त आहेत शारीरिक किंवा मनोवैज्ञानिक जे त्यांच्या अनुभवावर आणि संगणक आणि मोबाईल वापरण्याच्या त्यांच्या क्षमतेस मर्यादित करते.

जरी काही अपंगत्व आहेत, जसे की व्हीलचेअर्स वापरणारे लोक, जे इंटरनेटच्या वापरामध्ये व्यत्यय आणत नाहीत, इतर, जसे की दृष्टी समस्या किंवा अंधत्व, मोटर समन्वय समस्या, बहिरेपणा किंवा ऑटिझम, ते आपल्या वेबवर नेव्हिगेट करण्याच्या क्षमतेस गंभीरपणे अडथळा आणू शकतात. या प्रकरणांसाठी, काही आधीच तयार केले गेले आहेत डिव्हाइसेस स्क्रीन वाचकांप्रमाणे, जे वापरकर्त्यांना मदत आणि समर्थन करतात ज्या भागात त्यांना अपंगत्व येते.

परंतु समस्या सोडवण्याचा हा फक्त पहिला भाग आहे. या वापरकर्त्यांचा विचार करणे, आम्हाला आवश्यक आहे वेब पृष्ठ इंटरफेस डिझाइन आपला अनुभव सुलभ करते आणि आपल्या गरजा भागविण्यासाठी. आम्ही लागू करू शकतो असे डिझाइन करताना काही तत्त्वे असतात.

सामग्री आणि स्रोत

सर्वात मूलभूत सह प्रारंभ करून, आपल्याला हे करावे लागेल सामग्री डिझाइनमध्ये प्राधान्यक्रम सेट करा. शीर्षलेख आणि मेनू बार दृश्यास्पदपणे सहजपणे शोधण्यायोग्य असणे आवश्यक आहे आणि वापरकर्त्याने पहात असलेली पहिली गोष्ट असणे आवश्यक आहे. मुख्य पृष्ठावरील घटक, प्रतिमा आणि संबंधित माहिती शोधण्यात दुसरी असेल.

जाहिराती किंवा जाहिराती बॅनर बर्‍याच पृष्ठांवर दिसतात. जर स्वतःच हे सर्व वापरकर्त्यांसाठी त्रासदायक असेल तर, दृष्टीदोष असलेल्यांसाठी ही समस्या आहे कारण यामुळे बर्‍याच गोंधळाचे कारण बनते आणि वेब आकृतीच्या वाचनात हस्तक्षेप करते. म्हणूनच आपण तयार करणे आवश्यक आहे सामान्य संपादकीय रचना पृष्ठ आहे तार्किकदृष्ट्या आयोजित आणि समजण्यायोग्य आहेत आणि घटकांचे योग्य आकार आहेत, जेणेकरून इतर अडथळे असले तरीही वापरकर्ते महत्त्वपूर्ण सामग्रीवर लक्ष केंद्रित करू शकतात.

आपण वापरत असलेले फॉन्ट शक्यतो ते असणे आवश्यक आहे मोठे आणि सुवाच्य. प्रकार सॅन्स सेरिफ आणि बोल्ड ते डिस्लेक्सिया ग्रस्त अशा लोकांसाठी वाचन अधिक सुलभ करतात. इतर शिफारस केलेले फॉन्ट हेः एरियल, टाईम्स न्यू रोमन, हेलवेटिका, टाहोमा, कॅलिबरी आणि वर्दाना.

आणि नक्कीच, आपण नेहमीच काळजी घेतली पाहिजे की यामध्ये स्पष्ट फरक आहे मजकूर आणि पार्श्वभूमी. तत्सम रंग वापरू नका, त्याऐवजी निवडा विरोधाभासी रंग.

सॅनस सेरिफ बोल्ड टाइपफेस

सॅनस सेरिफ बोल्ड फॉन्ट वापरणे मजकूराची अधिक चांगली दृश्यासाठी परवानगी देते.

वैकल्पिक मजकूर

El वैकल्पिक मजकूर किंवा Alt टॅग, वर्णन आहेत जे प्रतिमांवर ठेवलेले आहे वेब पृष्ठांवर. हा मजकूर वाचण्यासाठी वापरकर्त्यांसाठी उपलब्ध नसला तरी अ चांगले लिखित वर्णन एक असे असे साधन आहे जे आम्हाला एसईओची उत्कृष्ट स्थिती प्राप्त करण्यात मदत करते.

परंतु ऑल्ट टॅगची उपयुक्तता केवळ इतकीच कमी केली जात नाही. त्यांच्या साठी स्क्रीन वाचक वापरणारे वापरकर्ते व्हिज्युअल हानीसाठी, प्रतिमांचे वर्णन आहे देखावा काय आहे हे जाणून घेण्यासाठी त्यांना फक्त संदर्भ आहे पृष्ठावर उघड काय आहे. जर आपण ठेवणार आहोत, उदाहरणार्थ, काही सक्क्युलेंटचे छायाचित्र, एक चांगला पर्यायी मजकूर असाः गुलाबी भांडी मध्ये तीन रसाळ वनस्पती एक अगदी लहान मजकूर: कुंभार वनस्पती हे असे वर्णन नाही जे संबंधित तपशील देते आणि म्हणून कार्य करत नाही.

गुलाबी भांड्यात सुकुलेंट्स

गुलाबी भांडी मध्ये तीन रसाळ वनस्पती वैकल्पिक मजकूर उदाहरण.

अनुकूलता

डिझाइन करताना आम्हाला सर्व गोष्टी विचारात घ्याव्या लागतात सादरीकरणे ज्यामध्ये आपला इंटरफेस दर्शविला जाईलमध्ये, एकतर वेब किंवा मोबाइल आवृत्ती. आपण ज्या माध्यमात ते पहात आहोत त्या आधारावर हा अनुभव नेहमीच भिन्न असतो.

जेव्हा आम्ही मोबाइल वापरतो, आपण वेगवेगळ्या वातावरणात येऊ शकतो जे वाचन कठीण करते सामग्रीची स्क्रीन च्या. उदाहरणार्थ आपण घराबाहेर असल्यास सूर्याची चमक स्क्रीन खूप गडद दिसेल आणि आवाज आपल्याला ऑडिओ चांगल्या प्रकारे ऐकू देणार नाही. म्हणूनच या तपशीलांबद्दल काळजीपूर्वक विचार करणे आवश्यक आहे, जेणेकरुन मोबाइल व्हर्जनमध्ये मोठी अक्षरे आणि गडद रंग आहेत आणि व्हिडिओ ऐकणे कठिण असल्यास व्हिडिओंची उपशीर्षके असावी.

मोबाइल स्क्रीन

इंटरफेस डिझाइन रूपांतरित करा जेणेकरून ते मोबाइल फोन आणि संगणक दोन्हीवर वाचनीय असेल.

डिझाइनमध्ये सुसंगतता

संपादकीय रचना आम्ही आमच्या वेबसाइटवर काय करतो विभाग पर्वा न करता समान असणे आवश्यक आहे आपण कोठे आहात. मेन्यू बारवरील समान चिन्हे संपर्क विभागात प्रमाणेच होम विभागात दिसून येतील. आपण शैली बदलू नये किंवा वेब की की बटणे स्थान नाही.

आपोआप प्ले होणारे व्हिडिओ ठेवणे देखील आमच्यासाठी सोयीचे नाही पृष्ठ उघडताना. स्क्रीन वाचक वापरणार्‍या वापरकर्त्यांना, त्यांना कसे विराम द्यावा हे जाणून घेणे अवघड आहे.

स्टारबक्स वेबसाइट

स्टारबक्स पृष्ठावरील मेनू बार सर्व विभागात समान आहे.

कीबोर्ड नेव्हिगेशन

शेवटी, मोटर समन्वयाची समस्या असलेल्या काही वापरकर्त्यांना संगणक माउस समजण्यास किंवा लॅपटॉपचा टचपॅड वापरण्यात अडचण येते आणि पूर्णपणे कीबोर्डवर अवलंबून असतात. खात्री करा आपली वेबसाइट एका प्रकारे डिझाइन केलेली आहे ते पूर्णपणे असू शकते केवळ कीबोर्ड बटणासह कार्यशील.


टिप्पणी करणारे सर्वप्रथम व्हा

आपली टिप्पणी द्या

आपला ई-मेल पत्ता प्रकाशित केला जाणार नाही. आवश्यक फील्ड चिन्हांकित केले आहेत *

*

*

  1. डेटा जबाबदार: मिगुएल Áन्गल गॅटन
  2. डेटाचा उद्देशः नियंत्रण स्पॅम, टिप्पणी व्यवस्थापन.
  3. कायदे: आपली संमती
  4. डेटा संप्रेषण: कायदेशीर बंधन वगळता डेटा तृतीय पक्षास कळविला जाणार नाही.
  5. डेटा संग्रहण: ओकेन्टस नेटवर्क (EU) द्वारा होस्ट केलेला डेटाबेस
  6. अधिकारः कोणत्याही वेळी आपण आपली माहिती मर्यादित, पुनर्प्राप्त आणि हटवू शकता.