कसरी एक वेब पृष्ठ को एक सुलभ डिजाइन बनाउन

ल्यापटप स्क्रिन

अनलाइन स्टोर, बैंकिंग अनुप्रयोगहरू, होटल आरक्षण वा स्वतन्त्र रोजगार, अधिक र अधिक इन्टरनेट मार्फत ह्यान्डल गरिएका कार्यहरू र त्यो केहि केसहरुमा बदलिएको छ, परम्परागत मिडिया।

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

डिजिटल विश्वको यस उदयको साथ यो आवश्यक छ सुलभ र राम्रो डिजाइन इंटरफेस को विकास मा लगानी प्रयोगकर्ताहरूको लागि। यद्यपि हामी त्यो बिर्सन सक्दैनौं त्यहाँ अशक्तताबाट ग्रस्त प्रयोगकर्ताहरू छन् शारीरिक वा मनोवैज्ञानिक जसले उनीहरूको अनुभव र कम्प्यूटर र मोबाईल प्रयोग गर्ने तिनीहरूको क्षमतालाई पर्याप्त सीमित गर्दछ।

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

तर यो समस्या समाधान गर्ने केवल पहिलो भाग हो। यी प्रयोगकर्ताहरूको सोच्दै, हामीले गर्नु पर्छ वेब पृष्ठ ईन्टरफेस डिजाइन कि तपाइँको अनुभव र तपाईको आवश्यकता अनुसार मिल्छ हामी लागू गर्न सक्छौं कि डिजाइन गर्दा केहि सिद्धान्तहरु छन्।

सामग्री र स्रोतहरू

सब भन्दा आधारभूत को साथ शुरू, तपाईं गर्न पर्छ सामग्री डिजाइन मा प्राथमिकताहरू सेट गर्नुहोस्। हेडर र मेनू पट्टी दृश्यात्मक रूपमा सजिलैसँग लोकेटेबल हुनुपर्दछ र प्रयोगकर्ताले देख्ने पहिलो चीज हुनुपर्दछ। गृह पृष्ठमा तत्वहरू, छविहरू र सम्बन्धित जानकारी फेला पार्न दोस्रो हुनेछन्।

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

तपाईंले प्रयोग गर्ने फन्टहरू प्राथमिकता तिनीहरू हुनु पर्छ ठूलो र सुवाच्य प्रकार सान सेरिफ र बोल्ड तिनीहरू dyslexia बाट पीडित व्यक्तिहरूको लागि पढ्न धेरै सजिलो बनाउँदछन्। अन्य सिफारिश फन्टहरू हुन्: एरियल, टाइम्स न्यू रोमन, हेल्वेटिका, टाहोमा, क्यालिब्री, र भर्दाना।

र पक्कै पनि, तपाईंले जहिले पनि सावधान हुनुपर्दछ कि त्यहाँ स्पष्ट भिन्नता छ पाठ र पृष्ठभूमि। उस्तै र colorsहरू प्रयोग नगर्नुहोस्, बरु छनौट गर्नुहोस् फरक रंगहरू।

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

सैन सेरिफ बोल्ड फन्ट प्रयोग गरेर पाठको राम्रो दृश्यको लागि अनुमति दिन्छ।

वैकल्पिक पाठ

El वैकल्पिक पाठ वा अल्ट ट्याग, वर्णनहरू जुन छविहरूमा राखिन्छ वेब पृष्ठहरूमा। यद्यपि यो पाठ प्रयोगकर्ताहरूका लागि पढ्न उपलब्ध छैन, a राम्रोसँग लेखिएको विवरण एक उपकरण हो जुन हामीलाई अझ राम्रो एसइओ स्थिति प्राप्त गर्न मद्दत गर्दछ।

तर Alt ट्यागको उपयोगिता मात्र यसमा आउँदैन। ती लागि स्क्रिन रिडरहरू प्रयोग गर्ने प्रयोगकर्ताहरू दृश्य कमजोरीहरूको लागि, छविहरूको वर्णनहरू केवल संदर्भ तिनीहरूले थाहा छ उपस्थिति के हो पृष्ठमा के उजागर गरियो। त्यसोभए यदि हामी स्थानमा जाँदैछौं, उदाहरणका लागि, केहि सुकुलेन्टहरूको फोटो, एक राम्रो वैकल्पिक पाठ हुनेछ: गुलाबी भाँडामा तीन रसीला बिरुवाहरू। धेरै छोटो पाठ जस्तो: कुँदिएको बोटबिरुवा, यो वर्णन होईन जुन प्रासंगिक विवरण दिन्छ र त्यसकारण काम गर्दैन।

गुलाबी भाँडामा Succulents

गुलाबी भाँडामा तीन रसीला बिरुवाहरू। वैकल्पिक पाठ उदाहरण।

अनुकूलन

डिजाईन गर्दा हामीले सबैलाई पनि ध्यानमा राख्नु पर्छ हाम्रो ईन्टरफेस देखाइनेछ कि प्रस्तुतिहरु, या त भित्र वेब वा मोबाइल संस्करण। हामी जहिले पनि हेर्दैछौं तब अनुभव सधैं भिन्न हुन्छ।

जब हामी मोबाइल प्रयोग गर्दछौं, हामी विभिन्न वातावरणमा पर्न सक्छ पढ्न गाह्रो बनाउँछ सामग्रीको पर्दा को। यदि हामी उदाहरणका लागि बाहिर छौं भने, सूर्यको चमकले स्क्रिन धेरै अँध्यारो देखिनेछ, र हल्लाले हामीलाई अडियो राम्रोसँग सुन्न अनुमति दिँदैन। त्यसकारण यी विवरणहरूको बारेमा राम्रोसँग सोच्न महत्त्वपूर्ण छ, त्यसैले मोबाइल संस्करणसँग ठूला अक्षरहरू र गाढा र colorsहरू छन्, र भिडियोहरू उपशीर्षक हुनु पर्छ यदि उनीहरू सुन्न गाह्रो छ।

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

इन्टरफेस डिजाइन अनुकूल गर्नुहोस् ताकि यो दुबै मोबाइल फोन र कम्प्युटरहरूमा पढ्न योग्य छ।

डिजाइनमा स्थिरता

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

हामीलाई स्वचालित रूपमा प्ले हुने भिडियोहरू राख्न यो सुविधाजनक पनि छैन पृष्ठ खोल्दा स्क्रिन रिडरहरू प्रयोग गर्ने प्रयोगकर्ताहरूको लागि तिनीहरूलाई पज गर्ने तरिका जान्न गाह्रो छ।

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

स्टारबक्स पृष्ठमा रहेको मेनू बार सबै सेक्सनमा समान छ।

कीबोर्ड नेभिगेसन

अन्तमा, मोटर समन्वय समस्याको साथ केहि उपयोगकर्ताहरूले कम्प्युटर माउस बुझ्न वा ल्यापटपको टचप्याड प्रयोग गर्न कठिनाई भोग्छ, र किबोर्डमा पूर्ण रूपमा निर्भर हुन्छ। निश्चित हुनुहोस् तपाइँको वेबसाइट एक तरीकाले डिजाईन गरीएको छ त्यो पूर्ण रूपमा हुन सक्छ किबोर्ड बटनहरूको साथ मात्र कार्यक्षम।


लेखको सामग्री हाम्रो सिद्धान्तहरूको पालना गर्दछ सम्पादकीय नैतिकता। त्रुटि क्लिक गर्न रिपोर्ट गर्नुहोस् यहाँ.

टिप्पणी गर्न पहिलो हुनुहोस्

तपाइँको टिप्पणी छोड्नुहोस्

तपाईंको ईमेल ठेगाना प्रकाशित हुनेछैन। आवश्यक फिल्डहरू चिन्ह लगाइएको छ *

*

*

  1. डाटाका लागि उत्तरदायी: मिगुएल gelन्गल ग्याटन
  2. डाटाको उद्देश्य: नियन्त्रण स्पाम, टिप्पणी प्रबन्धन।
  3. वैधानिकता: तपाईंको सहमति
  4. डाटाको सञ्चार: डाटा कानुनी बाध्यता बाहेक तेस्रो पक्षलाई सूचित गरिने छैन।
  5. डाटा भण्डारण: डाटाबेस ओसीन्टस नेटवर्क (EU) द्वारा होस्ट गरिएको
  6. अधिकार: कुनै पनि समयमा तपाईं सीमित गर्न सक्नुहुनेछ, पुन: प्राप्ति र तपाईंको जानकारी मेटाउन।