अपने वेब डिज़ाइन को ठीक से सरल कैसे करें

लेखक: Monica Porter
निर्माण की तारीख: 22 जुलूस 2021
डेट अपडेट करें: 20 जून 2024
Anonim
डेवलपर्स के लिए वेब डिज़ाइन युक्तियाँ
वीडियो: डेवलपर्स के लिए वेब डिज़ाइन युक्तियाँ

विषय

निर्णय उपयोगकर्ता इंटरैक्शन का पहला चरण है। इससे पहले कि उपयोगकर्ता किसी लिंक या छवि पर क्लिक करें, उन्हें पहले यह तय करना होगा कि ऐसी कार्रवाई सार्थक है।

हम समझते हैं कि किसी साइट या ऐप से जुड़ने के लिए उपयोगकर्ता की पसंद केवल इंटरफ़ेस ऑब्जेक्ट की मात्रा से अधिक प्रभावित होती है। रंग, टाइपोग्राफी, दृश्य पदानुक्रम उन दर्जनों तत्वों में से हैं जो निर्णयों को प्रभावित करते हैं।

19 सामान्य UX समस्याएं और उन्हें कैसे ठीक करें

लेकिन यहां तक ​​​​कि सबसे सुंदर रंग योजना, कुरकुरा टाइपोग्राफी, और सहज दृश्य पदानुक्रम कोई फर्क नहीं पड़ता अगर इसे उपयोगकर्ता प्रवाह के बारे में सोचे बिना निष्पादित किया जाता है।

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


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

इंटरेक्शन डिज़ाइन के लिए हिक का नियम क्यों महत्वपूर्ण है

1951 में, ब्रिटिश मनोवैज्ञानिक विलियम एडमंड हिक ने उन प्रयोगों का संचालन किया जो हिक के नियम का नेतृत्व करते थे, जिसमें कहा गया था कि निर्णय लेने के लिए आवश्यक समय उपलब्ध विकल्पों की संख्या के आधार पर लॉगरिदमिक रूप से बढ़ता है।

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

परंपरागत रूप से, डिज़ाइनर हिक के नियम की सबसे सरल व्याख्या को स्वीकार करते हैं: नेविगेशनल मेनू, ड्रॉपडाउन आदि में आपके पास विकल्पों की मात्रा को सीमित करें।


यह गलत नहीं है - वास्तव में, यह वास्तव में एक अच्छी युक्ति है। तत्काल उपयोगकर्ता लक्ष्यों को पूरा करने के लिए डिजाइनरों को हमेशा ऑन-स्क्रीन विकल्पों की मात्रा को कम करना चाहिए।

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

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

इस मामले में, सूचना का संक्रमण बहुत अधिक परेशान करने वाला है।

शमन इच्छा

जब तक उपयोगकर्ता ठीक से नहीं जानता कि वे क्या चाहते हैं, ओवरस्टॉक का इंटरफ़ेस स्वतंत्र रूप से ब्राउज़ करने की किसी भी इच्छा को समाप्त करता है, जो ऑनलाइन खरीदारी के सबसे सुखद तत्वों में से एक है।


तीन-क्लिक नियम का पालन करने से भी सचमुच ये UX गलतियाँ हो सकती हैं। निश्चित रूप से, उपयोगकर्ता तकनीकी रूप से 3 क्लिक के भीतर एक रसोई तालिका ढूंढ सकते हैं, लेकिन निर्णय प्रक्रिया बहुत अधिक जानकारी पार्सिंग के साथ उलझी हुई है

अब, इसकी तुलना अमेज़ॅन से करते हैं, जो लगभग समान उत्पादों की पेशकश करता है, शायद अधिक, लेकिन इसे सरल रखता है:

खोज बार प्रतिस्पर्धी दृश्य तत्वों से मुक्त है, जो सूचित उपयोगकर्ताओं को सही में गोता लगाने के लिए प्रोत्साहित करता है। लेकिन एक मेनू के माध्यम से नेविगेट करने का विकल्प उपलब्ध रहता है, हालांकि एक सरलीकृत ड्रॉपडाउन के रूप में (जो पूरे पृष्ठ में नहीं फैलता है)। इसके बजाय, इंटरफ़ेस में एक विभाजित निर्णय लेने की प्रक्रिया शामिल है

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

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

अगला पृष्ठ: वेब डिज़ाइन पर हिक का नियम कैसे लागू करें

हमारी सिफारिश
बड़ा सवाल: स्कूलों में कौन सी कंप्यूटर स्किल सिखाई जानी चाहिए?
पढ़ना

बड़ा सवाल: स्कूलों में कौन सी कंप्यूटर स्किल सिखाई जानी चाहिए?

अन्ना डहलस्ट्रॉमannadahl trom.comकिसी भी शिक्षण पाठ्यचर्या की तरह इसे यह सुनिश्चित करने के लिए संशोधित किया जाना चाहिए कि यह उन बच्चों की जरूरतों और वर्तमान स्तरों को पूरा करता है जिन्हें वह शिक्षित क...
जानें कि इस इतालवी स्टूडियो का विस्तार लंदन में क्यों हुआ
पढ़ना

जानें कि इस इतालवी स्टूडियो का विस्तार लंदन में क्यों हुआ

तीन साल पहले मिलान में लॉन्च होने के बाद से, बुटीक मोशन ग्राफिक्स स्टूडियो फुलस्क्रीम विलासिता, फैशन और टीवी बाजारों में लहरें बनाने में व्यस्त है। रॉबर्टो कैवल्ली, एमटीवी, स्वारोवस्की, स्काई और एक्स ...
समीक्षा करें: Wacom MobileStudio Pro
पढ़ना

समीक्षा करें: Wacom MobileStudio Pro

पोर्टेबिलिटी, पावर और बेहतरीन बिल्ड क्वालिटी एक प्रो टैबलेट पैकेज में दी गई है। शक्तिशाली उत्कृष्ट ड्राइंग अनुभव नक़्क़ाशीदार ग्लास स्क्रीन प्रो पेन 2 बढ़िया है महंगा काफी भारी एडजस्टेबल स्टैंड अतिरिक...