लोग मुझे अपनी साइट भयानक क्यों बताते रहते हैं?


9

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

अब यह कैसा दिखता है:
यहाँ छवि विवरण दर्ज करें

मैं वास्तव में अपनी साइट के लिए विशिष्ट किसी भी सुझाव की सराहना करूँगा, या सामान्य तौर पर किसी साइट के डिज़ाइन को कैसे सुधार सकता हूं (मैंने कुछ साइटों का दौरा किया है जो बताते हैं कि साइटों को कैसे डिज़ाइन किया जाए, लेकिन यह मदद करने के लिए प्रतीत नहीं होता है :))।

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

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

2 संपादित करें : यहाँ एक और प्रिंटस्क्रीन है:
यहाँ छवि विवरण दर्ज करें

संपादन 3 : बस स्पष्ट होने के लिए, इनमें से गैर स्क्रीनशॉट मेरा लैंडिंग पृष्ठ है। वे विषय-विशिष्ट सामग्री पृष्ठ हैं।


6
+1, सॉफ़्टवेयर उपयोग और फ़ॉन्ट खोजने के बजाय डिज़ाइन के बारे में प्रश्न देखना हमेशा अच्छा होता है - लेकिन, एक निश्चित उत्तर पाने के लिए (जो कि हम StackExchange पर लक्ष्य रखते हैं) हमें थोड़ी और जानकारी की आवश्यकता होगी ताकि कुछ मानदंड हों उत्तरों का आकलन करने के लिए, और इसलिए हम एक सामान्य डिजाइन समस्या को हल कर रहे हैं जो दूसरों के लिए प्रासंगिक हो सकती है और केवल एक व्यक्ति के लिए एक मुफ्त डिजाइन परामर्श के रूप में कार्य नहीं कर रही है;)। साइट के लक्षित दर्शक कौन हैं, इच्छित इंटरैक्शन क्या है, और आपको अब तक क्या प्रतिक्रिया मिली है? यह StackExchange के समान साइट की तरह दिखता है?
user56reinstatemonica8

@ user568458: टिप्पणी के लिए बहुत बहुत धन्यवाद। "1 संपादित करें" और "एक साइड नोट:" जोड़ा गया।
ओरेन ए

5
आपको डिज़ाइन करने के लिए संभवतः एक वास्तविक डिज़ाइनर मिलना चाहिए। निश्चित रूप से आपने अपने करियर के दौरान कुछ संपर्क बनाए हैं जो आपको झुका सकते हैं। त्वरित टिप: कुछ भी लेकिन विशाल हेडर के लिए सेरिफ़ फोंट का उपयोग न करें, वे स्क्रीन पर कम आकार में महान नहीं हैं। उप विषय टैग वास्तव में बहुत भयानक लगते हैं, आपको कुछ पैडिंग जोड़नी चाहिए और उनके लिए बेहतर रंग चुनना चाहिए, नारंगी पर बैंगनी यह सब अच्छी तरह से काम नहीं करता है।
kotekzot

1
ब्लीमी, बहुत सारे उत्तर हैं और वे सभी बहुत उपयोगी नहीं हैं ... यदि आप कुछ प्रासंगिक ठोस बुनियादी डिजाइन सिद्धांतों को समझना चाहते हैं, तो यहां एक संबंधित प्रश्न का एक क्लासिक उत्तर मैंने कुछ समय पहले देखा था कि आपको उपयोगी स्टैकओवरफ़्लो
user56reinstatemonica8

@ user568458 उस पोस्ट को हटा दिया गया है ... यह कहीं भी है?
अबे

जवाबों:


9

सबसे पहले मैं इस बात पर जोर देना चाहता हूं कि इस उत्तर में सब कुछ सिर्फ एमएचओ है, कुछ सार्वभौमिक सत्य नहीं;)।

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

अब, अपने डिजाइन के लिए के रूप में। मैं, व्यक्तिगत रूप से, यह नहीं जानता कि इसे कहां से शुरू किया जाए। मुझे यह सब पढ़ना है, यह सब समझना है, इसके बारे में सोचना है, और फिर चीजों को उस क्रम में वापस लाना है जो मुझे लगता है कि सही है। एक पाठक के रूप में मेरे लिए यह बहुत काम की बात है। यह परिभाषित करना कठिन है कि एक झलक में यहां सबसे महत्वपूर्ण और कम से कम क्या महत्वपूर्ण है। यहां तक ​​कि जब मुझे सामग्री को जानने के लिए अपना समय लगेगा, तब भी कुछ दृश्य "स्थलों" का एक बहुत कुछ नहीं है जो मुझे कुछ विशिष्ट डेटा का रास्ता खोजने में मदद कर रहा है। सोचें: जब आप अपनी कार को उस स्थान पर छोड़ते हैं, जिसे आप याद रखने के लिए कुछ “लैंडमार्क” की तलाश में हैंआपकी कार कहाँ है एक पल के लिए यह सोचने की कोशिश करें कि आप वेबसाइटों का उपयोग कैसे करते हैं, आप कैसे याद रख सकते हैं कि आपके द्वारा सबसे अधिक उपयोग किए जाने वाले विकल्प / लिंक कहां हैं। क्या ऐसा नहीं है कि आप एक लिंक के रूप में "साइट के ऊपरी हिस्से में इस लाल लोगो से दाईं ओर दूसरा वर्ग" देख रहे हैं? कोई रीडिंग नहीं - बस छवि / स्थान याद रखना।

मुझे लगता है कि यहां सबसे बड़ी समस्या "बदसूरती" नहीं है - मुझे लगता है कि यह महत्व में कमी की कमी है। अपने डेटा के माध्यम से अपनी वेबसाइट के आगंतुक को "लीड" करने का प्रयास करें। आप उसे पहले क्या देखना चाहते हैं? वहां से कहां जाएं? इस तरह आप "एक रीडफ़्लो" / "वर्कफ़्लो" बना रहे हैं। आप प्रेरित करते हैं (हो सकता है कि स्थापना करें?)) एक विशिष्ट पथ जिसे आपके पाठक अनुसरण करेंगे। यदि कुछ मार्ग हैं, तो उन्हें यथासंभव अलग करने का प्रयास करें (उदाहरण के लिए "पथ" मेनू को गर्तित करें - सामग्री की तालिका / मुख्य अवलोकन / संरचना विवरण की तरह कुछ, "पथ" लॉगिन फ़ॉर्म को गर्तित करें आदि। )। मुझे लगता है कि यदि आप इसे ठीक करेंगे, तो निश्चित रूप से आपके डिजाइन में सुधार होगा। हो सकता है कि इसे तुरंत "सुंदर" नहीं मिलेगा, लेकिन कम से कम यह एक सुलभ प्रभाव के रूप में अधिक सुलभ और समझदार होगा और सौंदर्य की दृष्टि से अधिक मनभावन होगा।

मुझे आशा है कि आपको कुछ समझ में आता है :)।


आपके उत्तर के लिए धन्यवाद। मुझे यह बहुत दुर्भाग्यपूर्ण लगता है, क्योंकि हर कोई आपके उत्तर को पसंद करता है, यह कहता है कि वास्तव में किताबें क्या कहती हैं, और मुझे यह नहीं लगता है! जैसा कि आपने शायद देखा कि मेरी साइट eLearning के बारे में है। मुझे नहीं लगता कि उदाहरण के लिए विकिपीडिया में "लैंड" और "लीड" कैसे हैं, या इस साइट पर नहीं, बल्कि मेरा है। मेरे पास एक (पूरी तरह से मानक) छोड़ दिया गया नेविगेशन बार, ऊपरी लॉगिन बार, एक स्पष्ट शीर्षक है, और पृष्ठ के भीतर जानकारी का आदेश दिया है। उससे अधिक मानक, स्पष्ट और आदेशित क्या है? यह इतना मुश्किल कैसे है? Btw, चूंकि एक पेज भ्रामक हो सकता है, इसलिए मैंने एक और प्रिंटस्क्रीन.इनएक्सएक्स को फिर से जोड़ा
ओरेन ए

3
आपकी टिप्पणी को देखते हुए, मुझे डर है कि आप अपने डिजाइन को बेहतर बनाने की कोशिश कर रहे हैं। मैंने अनुभव किया है कि एक दो बार खुद को महसूस कर रहा हूं :)। बात यह थी, मैं चीजों को देखने के अपने तरीके पर इतना तय था कि मैंने अपना दृष्टिकोण पूरी तरह से खो दिया। सब कुछ बस "सही जगह", "स्पष्ट" और "स्पष्ट" लग रहा था। लेकिन यह नहीं था :)। केवल कुछ समय के बाद, जब मैं अपने प्रारंभिक विचारों के बारे में पूरी तरह से भूल गया, तो मैं बताने में सक्षम था :)। मेरी सलाह है: इसे थोड़ी देर के लिए आराम दें, "इसे भूल जाएं" और फिर खरोंच से शुरू करें, अपने पिछले डिजाइन को पूरी तरह से फेंक दें ।
thebodzio

मुझे लगता है कि मेरे संकेत काफी कच्चे और सामान्य हैं, लेकिन, जो मैं समझने में सक्षम था, आप अपने दम पर "डिजाइन" करना सीखना चाहते हैं और मेरी राय में यही तरीका है। इसलिए मैं आपको यह नहीं बताऊंगा: "अपना लोगो यहां ले जाएं, अपना मेनू वहां रखें"। यह सिर्फ अपने स्थान पर यह सब डिजाइन होगा। शायद यह बेहतर होगा यदि आप पहले किसी परियोजना के लिए एक डिजाइन करने की कोशिश करेंगे, जो पहले आपके लिए पूरी तरह से अज्ञात है? लेकिन यह एक लंबी प्रक्रिया होगी, जो इस सेवा की तुलना में पीएम के लिए बेहतर है।
thebodzio

8

कुछ चीजें जो मैं नोटिस करता हूं कि मुझे विशेष रूप से पसंद नहीं है:

  • यह एक वेबसाइट के "बैक-एंड" या "एडमिन" भाग की तरह दिखता है, विशेष रूप से सामग्री प्रबंधन प्रणाली का कुछ रूप, बजाय "फ्रंट-एंड" या जो लोग देखते हैं। विशेष रूप से, PhpMyAdmin दिमाग को पॉप करता है।
  • रंगों में असंगति का उपयोग किया जा रहा है। लोगो (जो मुझे लगता है कि थोड़ा बहुत तंग है) में पहले से ही कुछ रंग हैं, इसलिए उन रंगों का उपयोग साइट के लिए एक रंग योजना विकसित करने के लिए किया जा सकता है। यह रंग योजना तालिकाओं के लिए बैंडिंग, लिंक के लिए रंग आदि जैसी चीजों पर लागू होनी चाहिए।
  • कई विपरीत दृश्य भी हैं। मैं आमतौर पर डिजाइन में अधिक सादगी और मानकीकरण की वकालत करता हूं। हालाँकि, इस स्क्रीनशॉट में, हम देखते हैं:
    • "एवरीथिंग" बॉक्स एक हार्ड राइट एंगल्ड बॉक्स है।
    • साइडबार नेविगेशन गोल कोनों का उपयोग करता है।
    • उपपट्टियाँ एक रेडियल ढाल का उपयोग करती हैं।
    • किसी भी बॉक्स में पर्याप्त "पैडिंग" नहीं है: ध्यान दें कि "सबटॉपिक्स" लिंक में शब्द कैसे दिखाई देते हैं; अगर उनके आस-पास कुछ जगह होती तो वे ज्यादा बेहतर दिखते।

फिर, निश्चित रूप से @thebodzio से उत्तर को ध्यान से पढ़ें , क्योंकि यह बहुत सटीक है: साइट पर एक नए आगंतुक को यह जानने में मुश्किल समय होगा कि पहले कहां देखा जाए, और यह आमतौर पर "खराब" डिजाइन का संकेत है।


आपकी टिप्पणी के लिए बहुत बहुत धन्यवाद! यह बहुत शिक्षाप्रद है! मैं उत्तर देना चाहूंगा, हालांकि :) 1. यह एक ई-लर्निंग साइट है, मैंने विकिपीडिया के करीब एक डिजाइन के बारे में सोचा। तो यह "बैकऑफ़िस" नहीं है, लेकिन मैं चाहता था कि यह सादा और सरल हो। क्या मैं इसे बहुत दूर ले गया? :) 2. यह वही है जो मैंने करने की कोशिश की थी! लोगो नीले और पीले रंग का है, और ऐसा ही सब कुछ है जिसके लिए मुझे रंगों का चयन करना था! क्या यह नहीं दिखा? 3. यह एक महान टिप है! क्या पृष्ठभूमि वाली सभी वस्तुओं को एक समान आकार की पृष्ठभूमि के साथ होना चाहिए ?? अंत में, मैंने @thebodzio को भी जवाब दिया :) आप चाहें तो इसकी जाँच कर सकते हैं :)। धन्यवाद!
ओरेन ए

8

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

कहा जाता है कि, सापेक्ष महत्व "उप विषय" अजीब लगता है:

  • क्या शीर्षक "उप-विषय" जैसा होना चाहिए?

  • यह दाईं ओर है और विषय शीर्षलेख से अधिक महत्वपूर्ण है; शायद आप इसे अधिक अधीनस्थ महसूस करने के लिए इसे मुख्य विषय निकाय में शामिल कर सकते हैं?

  • "उप विषय" शीर्षक का वजन विषय ब्रेडक्रंब की तुलना में भारी (अधिक महत्वपूर्ण) लगता है।

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

  • कंट्रास्ट : ऐसे तत्व जो समान नहीं हैं, उन्हें अलग-अलग दिखना चाहिए जो आपके उपयोगकर्ता तुरंत उन्हें अलग बता सकते हैं।

  • दोहराव : केवल देखो अच्छी बातें है कि अगर डिजाइन कर रहे हैं ऐसा लगता है जैसे एक ही नज़र। दूसरे शब्दों में, स्थिरता के लिए लक्ष्य। एक ही संतृप्ति और हल्कापन होने पर आपकी सभी पृष्ठभूमि का रूप ले सकता है, लेकिन रंग में भिन्नता, या सभी शीर्षकों पर ग्रेडिएंट का उपयोग करना (या किसी भी ग्रेडिएंट का उपयोग नहीं करना)। उदाहरण के लिए:

    • "सब टॉपिक्स" बैकग्राउंड केवल एक ग्रेडिएंट के साथ है (बटन एक अलग चीज है, इसलिए इस पर ग्रेडिएंट होने से यह अलग दिखता है, नाटक में विपरीतता लाता है)

    • बाईं ओर नेविगेशन हाइलाइट में गोल कोनों हैं जबकि अधिकांश अन्य तत्वों में तेज वर्ग कोने हैं

    • "क्विज़ प्रेफ़रेंस" (वर्तनी गलत) के लिए रंग लोगो में दिखाई नहीं देता है, जिसे आप अन्यथा अपने रंगों की कोशिश कर रहे थे; पुस्तक में रंगों के रूप में पृष्ठ तत्वों के लिए एक ही रंग पाने की कोशिश करें

(वास्तव में, यह सुनिश्चित करने का एक आसान तरीका है कि रंग एक साथ चलते हैं: एक ही रंग से शुरू करें फिर रंग, संतृप्ति या हल्केपन में से केवल एक में भिन्नता है। इस विधि द्वारा आपके द्वारा उत्पन्न सभी रंग एक साथ अच्छे दिखना चाहिए।)

  • संरेखण : संरेखण बिखरे हुए और असंगत दिखने के बजाय तत्वों को एक पूरे से जोड़ते हैं। उदाहरण के लिए:

    • "मुझे याद रखें" बॉक्स इसके बगल में मौजूद अन्य पाठ से कम है

    • "प्रश्नोत्तरी वरीयताएँ" विषय ब्रेडक्रंब से ऊपर दाईं ओर है

    • प्राथमिकताएं केंद्रित हैं, जबकि अधिकांश अन्य शरीर पाठ बाएं-संरेखित हैं

  • निकटता : वस्तुओं को एक साथ पास लाना उन्हें आपके उपयोगकर्ता के मन में समूहीकृत करता है, हालांकि वस्तुओं के आसपास बहुत कम जगह छोड़ने से उन्हें अलग-अलग वस्तुओं के रूप में देखने के लिए तंग और मुश्किल हो जाता है। उदाहरण के लिए:

    • आपके विषयों ब्रेडक्रंब या उप-विषयों के आसपास कोई स्थान नहीं है (मेरे दिमाग में, यह सबसे आम विशेषताओं में से एक है जो मुझे बताता है कि ग्राफिक डिजाइन पूरी तरह से विकसित नहीं हुआ है)

    • मुख्य शरीर शीर्षक के नीचे आपके पैराग्राफ की रिक्ति असंगत है

वेब पर डिज़ाइन सिद्धांतों पर बहुत अधिक है, लेकिन ये चार सबसे महत्वपूर्ण हैं।


कि +2 ...
Oren A

7

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

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

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


ठीक है, चलो थोड़ा और अधिक विशिष्ट है। मेरी सलाह का पहला हिस्सा होगा: सरलीकृत करना! आप Google के मूल फ्रंट पेज डिज़ाइन से प्रेरणा लेना चाह सकते हैं , जिसमें मूल रूप से तीन तत्व थे: लोगो, खोज बॉक्स और दो बटन (और एक तर्क दे सकता है कि दूसरा बटन अनावश्यक अव्यवस्था था)। ओह, और अधिक सामान के साथ अन्य पृष्ठों के लिए कुछ लिंक - जो स्पष्ट रूप से एक छोटे से फ़ॉन्ट में, और / या ग्रे में कम होने से माध्यमिक महत्व के होने के रूप में चिह्नित थे - और एक कॉपीराइट नोटिस, जाहिरा तौर पर एक सूक्ष्म संकेत के रूप में जोड़ा गया उपयोगकर्ता जो पृष्ठ वास्तव में समाप्त हुए थे।

या डूडल पर एक नज़र डालें , एक और कंपनी जिसमें एक नामहीन और एक सरल लेकिन प्रभावी फ्रंट पेज डिज़ाइन है। सुविधा के लिए, मैंने उनके फ्रंट पेज का स्क्रीनशॉट लिया और शीर्ष पर कुछ लाल स्क्रिबल्स जोड़े:

Doodle.com एनोटेशन के साथ फ्रंट पेज स्क्रीनशॉट

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

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

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


तो आपकी साइट के बारे में क्या है? आपके स्क्रीनशॉट में सबसे पहली चीज जो मेरे लिए छलांग लगाती है, जो संभवतः देखने लायक हो सकती है, हरे रंग के शीर्षक हैं, जो कम से कम, बड़े प्रकार के हैं और बीच में "सामग्री क्षेत्र" जैसे दिखते हैं। काश, वहाँ कोई दिलचस्पी नहीं है - "विषयगत जानकारी" अनुभाग में कुछ तुच्छ मेटाडाटा है जो किसी कोने में छोटे प्रिंट में होना चाहिए, "उप विषय" अनुभाग में कुछ लिंक हैं (अन्य समान पृष्ठों के लिए?) जो दिखाई देते हैं? शीर्ष दाएं कोने में उन लोगों को डुप्लिकेट करने के लिए, और "संसाधन" अनुभाग बस खाली है। और इसके अलावा, यह सब पढ़ने के बाद भी, मुझे अभी तक पता नहीं है कि साइट क्या है या मैं इसके साथ क्या कर सकता हूं।

तो, मैं आपकी साइट के साथ क्या कर सकता हूं? ठीक है, आप कहते हैं कि मैं क्विज़ बना सकता हूं और ले सकता हूं, इसलिए सामने पृष्ठ पर कुछ बड़े और आकर्षक दिखने वाले लिंक / बटन लगाने के बारे में कैसे कहें कि " एक प्रश्नोत्तरी लो " और " एक प्रश्नोत्तरी बनाएं "? (पूर्व को अधिक प्रमुख होना चाहिए, क्योंकि एक नया उपयोगकर्ता संभवतः एक बनाने की तुलना में क्विज़ लेने की अधिक संभावना रखता है, लेकिन फ्रंट पेज पर दूसरे को शामिल करने से कम से कम उपयोगकर्ताओं को पता चलता है कि वे भी ऐसा कर सकते हैं।) इसके अलावा, ए। संक्षिप्त विवरण - कुछ शब्दों से लेकर एक छोटे पैराग्राफ तक - जो आपकी साइट के बारे में है वह भी अच्छा होगा। (यह भी "पर एक और अधिक पढ़ें" लिंक से निपटने के लिए एक अच्छी जगह हो सकती है।)

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

अन्य चीजों का एक गुच्छा है जिसे आप भी खो सकते हैं: उदाहरण के लिए, एक नए और अपंजीकृत उपयोगकर्ता के रूप में, मैं क्यों देख रहा हूं कि "डिलीट" लिंक जैसा दिखता है? क्या मैं वास्तव में पृष्ठ को हटा सकता हूं? यदि हाँ, तो क्यों ? यदि नहीं, तो वहां लिंक क्यों है?

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

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


वाह, उन कुछ महान टिप्पणियाँ हैं :)। मैं हालांकि यह उल्लेख करना चाहूंगा कि आप मेरी साइट के सामग्री पृष्ठों के साथ अन्य साइटों के लैंडिंग पृष्ठों की तुलना कर रहे हैं (मुझे शायद इस प्रश्न में उल्लेख किया जाना चाहिए)। अगर मैंने अपना लैंडिंग पृष्ठ पर रखा होता .. तो आप कम से कम कहने के लिए डिज़ाइनर मेरे डिज़ाइन के बारे में इतना धैर्यवान नहीं होंगे। लेकिन आपने मुझे अपने लैंडिंग पृष्ठ को बेहतर बनाने के बारे में कुछ बेहतरीन विचार दिए! दूसरा, मेरा लॉगिन इस साइट के लॉगिन की तरह है (और इस साइट की तरह ही मेरे पास एक स्कोरिंग योजना है, और लॉगिन बार "ओरेन ए। ऐसे और स्कोर और पदक ...") में बदल जाता है, इसलिए मुझे यकीन नहीं है इसके बारे में ..
ऑरेन ए

और जैसा कि अयोग्य लिंक प्रदर्शित करने के लिए .. क्या यह उपयोगकर्ताओं को यह समझने में मदद नहीं करता है कि वे पंजीकरण करने के बाद क्या कर पाएंगे? और अंतिम बात- मुझे सुझाव है कि मुझे "क्विज़ बनाएं" बटन जोड़ना चाहिए, जिससे यह साबित हो सके कि मेरी साइट संदेश नहीं देती है - उपयोगकर्ता वास्तव में क्विज़ नहीं बना सकते हैं, वे केवल प्रश्न जोड़ते हैं, और साइट स्वयं उनके लिए क्विज़ बनाती है।
ओरेन ए

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

जैसा कि अयोग्य लिंक के लिए, मैं आमतौर पर कहूंगा कि कम से कम, "हटाएं" जैसी कार्रवाइयों के लिए, जो संभवतः केवल सीमित उपयोगकर्ताओं के लिए लागू होते हैं। (ध्यान दें कि स्टैक एक्सचेंज सबसे इंटरफ़ेस सुविधाओं को भी कैसे छुपाता है यदि आपके पास उनका उपयोग करने के लिए रिपीट नहीं है।) यदि यह सुविधा ऐसी है जो आप कई उपयोगकर्ताओं से अपेक्षा करते हैं कि वे इसका उपयोग करना चाहते हैं, और यदि यह उपयोग करने के लिए इसे लॉग इन कर रहा है। तब मैं इसे एक वास्तविक कार्य लिंक बनाऊंगा, लेकिन क्या यह पहले लॉगिन / पंजीकरण फॉर्म को पॉप अप करता है।
इल्मरी करोनन

Ps। मुझे वास्तव में आपके दूसरे स्क्रीनशॉट के बारे में अधिक विस्तृत रूप से लिखना चाहिए, लेकिन मुझे जल्दी से सुझाव दें कि, यदि क्विज़ वास्तव में लेने के लिए तैयार है, तो ऊपर दिए गए फॉर्म के ऊपर (या बगल में) बटन को हिलाते हुए, और बाद वाले पर जोर देते हुए, यह स्पष्ट कर देगा। जैसा कि यह है, ऐसा लगता है कि पृष्ठ का शीर्षक "क्विज़ प्रीफ्रेंस" (sic) माना जाता है, जो इसे किसी प्रकार के व्यवस्थापक / पूर्वावलोकन पृष्ठ की तरह दिखता है, कि वह स्थान जहाँ आप सामान्य रूप से क्विज़ लेने जाते हैं । ।
इल्मरी करोनन

3

1995 में आपका "डिज़ाइन" अच्छा होगा ... वास्तव में यह पुराना है। यह एक ऐसा डिज़ाइन है जो इंजीनियर हमेशा :-) के साथ आते हैं। आप जो सबसे आसान काम कर सकते हैं वह है कुछ सीएसएस फ्रेमवर्क यानी ट्विटर बूटस्ट्रैप , ज़र्ब , जो भी हो । फ्रेमवर्क आपको अपनी खुद की "रचनात्मकता" से बचाने में मदद करता है ;-)


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

1
... लेकिन हे, हम महान कोड लिखते हैं :)। फ्रेमवर्क के लिए, हालांकि मैंने कई साइटों को देखा, मैं उन लोगों पर भी एक नज़र डालूंगा, धन्यवाद।
ऑरेन

सुनिश्चित करें कि हम करते हैं - मैं एक देव पुरुष भी हूं। रूपरेखा को आपको सैंडबॉक्स करना चाहिए और आपका नेतृत्व करना चाहिए ताकि रंग विकल्पों (पहले से निर्धारित), पृष्ठ / सूचना वास्तुकला (पहले से ही पूर्व निर्धारित) आदि के लिए कोई ज़रूरत न हो। आप बस प्रीसेट का पालन करें। पथ। आपको केवल यह तय करना है कि पृष्ठ पर कौन सी जानकारी महत्वपूर्ण है, क्या कम महत्वपूर्ण है आदि। उदाहरण के लिए: आपके दोनों स्क्रीनशॉट में आप नेत्रहीन वेबपेज के दो अलग-अलग हिस्सों को मिला रहे हैं: ब्रेडक्रंब और हेडिंग। सीएसएस फ्रेमवर्क आपको ऐसा करने से रोकना चाहिए क्योंकि ये तत्व पहले से ही पूर्व निर्धारित हैं।
नूबम

3

लेआउट के दृष्टिकोण से, आपकी वेब साइट पर वास्तव में कुछ भी गलत नहीं है। यह एक मानक 3 कॉलम लेआउट है जिसमें ऊपर बाईं ओर लोगो है। यह समग्र रूपरेखा युगों से उपयोग में है, और ऐसा इसलिए है क्योंकि यह काम करता है। अधिकांश आधुनिक वेब साइटें अभी भी समान सिद्धांतों का उपयोग करती हैं, जो कुछ मुट्ठी भर सामान्य लेआउट्स के आधार पर हैं, लेकिन बहुत चालाक ग्राफिक्स के नीचे दबे हुए हैं। (उन लोगों से बहुत सावधान रहें जो इस बात की आलोचना करते हैं कि आधुनिकता कितनी आधुनिक है - सिर्फ इसलिए कि कुछ साल बीत गए हैं, इसका मतलब यह नहीं है कि मनुष्य जानकारी कैसे लेते हैं।

कुछ के बारे में समझा जा सकता है कि मुख्य नेविगेशन लिंक बाईं ओर या शीर्ष पर होना चाहिए, लेकिन वे अंतर साइट बनाने या तोड़ने के लिए नहीं हैं।

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

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

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

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

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

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

दुर्भाग्य से, यह एक के रूप में के रूप में उद्देश्य के बारे में है, और हिमशैल के टिप के केवल सबसे ऊपर बिंदु हो सकता है। आशा है कि मैंने जो कुछ कहा है, वह मदद करता है, हालांकि।


यह मेरे मामले में "उसका" है;)
thebodzio

1
मुझे लगता है कि आप इसे करने के लिए - भावना लग रहा है। मैंने कई साइटों को देखा है, और मेरी नज़र में मेरा डिज़ाइन उनसे बहुत अलग नहीं है। मुझे लगता है कि मैं सिर्फ "महसूस" कर रहा हूं कि यह सब एक साथ कैसे अच्छा लगेगा। जो मुझे थोड़े उम्मीद खो देता है :( :)। मैं पूरे दिन रंगों के साथ खेल सकता हूं, और फिर भी पता नहीं चलेगा कि कौन सा सबसे अच्छा फिट है ... शायद अन्य साइटों में अधिक देख रहा है, और एक दूसरे के साथ रंगों को फिट करने की "भावना" प्राप्त करने की कोशिश कर रहा है। एक साइड नोट के रूप में हालांकि, मेरे द्वारा चुने गए रंगों को लोगो (नीले और पीले) के साथ फिट करने का इरादा था। मुझे लगता है कि काम नहीं किया :) मुझे लग रहा है कि पीला है .. बहुत जोर से
Oren A

@OrenA blog.visual.ly/the-use-of-yellow-in-data-design - सूचना डिजाइन के बारे में और अधिक लेकिन सिद्धांत अभी भी लागू होते हैं। मूल रूप से, पीला जोर से है: देखभाल के साथ उपयोग करें। यह सूक्ष्म
स्पलैश

1
@ ऑरेना: मैं अपनी पोस्टिंग को हतोत्साहित करने के लिए नहीं था, और मुझे खेद है अगर यह इस तरह से आया। कृपया इसका मतलब यह न निकालें कि "महसूस" ऐसा कुछ है जिसके साथ आप जरूरी संघर्ष करेंगे क्योंकि यह निर्विवाद है। मेरा मतलब केवल इस बात पर जोर देना था कि क्योंकि सीखने की डिजाइन काफी हद तक एक प्रक्रिया व्यावहारिक प्रयोग है, इसलिए आपको एक समर्थन फोरम में एक या दो स्पष्टीकरणों के साथ क्लिक न करने के लिए तैयार रहना चाहिए। यदि यह ऐसा कुछ है जिसका आप आनंद लेते हैं और करना चाहते हैं, तो मैं बस सावधानी बरत रहा हूं कि थोड़ा धैर्य की आवश्यकता है, और जल्द ही निराश न हों।
प्रश्नकर्ता

2

यही कारण है कि मुझे लगता है कि लोग आपकी साइट पर नकारात्मक प्रतिक्रिया देते हैं: यह बहुत सारे सवाल उठाता है!

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

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

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

फिर आपको अपनी जानकारी व्यवस्थित करनी चाहिए। क्या सामग्री है, क्या मेटा है (लोगो, नेविगेशन, लॉगिन)। स्टैकएक्सचेंज पर एक नज़र डालें। सामग्री (प्रकाश) स्पष्ट रूप से मेटा (अंधेरे) से प्रतिष्ठित है।

एक साथ जाने वाली चीजों को समूह बनाएं। आपके पास ब्रेडक्रंब हैं जो नेविगेशन से अलग किए गए हैं। दिखने में रूप में अच्छी तरह शब्दों के रूप में। मुझे मुख्य नेविगेशन में "सब कुछ" नहीं मिला। मैं वहाँ कैसे आ सकता हूँ?

यह सब क्यों? जितनी जल्दी लोग उन्हें प्रस्तुत की गई जानकारी को समझते हैं, उतनी ही अधिक संभावना है कि वे रुकेंगे और बातचीत करेंगे। यदि वे भ्रमित हैं और उन सवालों का सामना कर रहे हैं जिनका वे जवाब नहीं दे सकते हैं, तो वे नकारात्मक प्रतिक्रिया करेंगे।


1

क्योंकि यह करता है। इसका मतलब था, यह नहीं था :) यह सिर्फ एक मजाक था, मेरा सबसे अच्छा जवाब होगा कि आप किसी के साथ काम कर सकते हैं, अगर आपके पास कोई ऐसा नहीं है जो फ्रीलांसर पाने के लिए काम करे, अगर वह काम नहीं करता है भी बस फिर से खरोंच से शुरू करते हैं, लेकिन चीजों को और अधिक सरल रखने की कोशिश करते हैं, और सामग्री को सांस लेने की अनुमति देते हैं ...

कुछ पहले युक्तियां / सलाह / सिफारिशें देखें: एच टैग (टाइटल) फोंट को पी टैग से बड़ा बनाएं, बहुत बड़ा (शीर्षक फ़ॉन्ट आकार 30-48 की श्रेणी में कुछ और पैराग्राफ (11-अधिकतम 13)। कम से कम अनुमति दें। सामग्री के ब्लॉक के बीच 20 px मार्जिन या पैडिंग (उदाहरण के लिए एक maring-bottom: 20px; लॉगिन बार के लिए यह अधिक अलग और पढ़ने में आसान होगा।

किसी को तुम एक उचित लोगो डिजाइन करने के लिए जाओ, एक तुम अब है ... अच्छा नहीं है। अलग-अलग फोंट, शायद एक सेन्स-सेरिफ़ फ़ॉन्ट (जैसे ओपन सेन्स, Google फोंट पर मुफ्त, या .. सिर्फ एरियल-हेल्की) आज़माएँ।

ढ़ाल का उपयोग न करें यदि आप रंग के कोई मतलब नहीं है सिर्फ इसलिए कि अपने शांत या सिर्फ इसलिए कि यह आप पर बेहतर लग रहा है, केवल सीटीए पर किया कोशिश और ढ़ाल के साथ प्रयोग सादे रंग के और शायद अंत में रहना, जब आप कर रहे हैं की कोशिश ( कॉल टू एक्शन) क्षेत्रों (उदाहरण के लिए बटन पर)।

बहुत कुछ है जो आप कर सकते हैं ... लेकिन ये चीजें आमतौर पर समय के साथ आती हैं, आप बहुत सारे शानदार डिजाइनों को देखकर एक प्रशिक्षित आंख प्राप्त करते हैं और यह समझने की कोशिश करते हैं कि उस परिणाम का उत्पादन कैसे हुआ ... इसका सबसे अच्छा तरीका यह है उसी परिणाम को स्वयं आज़माएँ और पुनः बनाएँ, उस प्रक्रिया में आप UI के देखने और बातचीत करने और अनुभव करने के लिए कुछ चीजें क्यों और कैसे की जाती हैं, इस पर कुछ ज्ञान और जानकारी प्राप्त करेंगे।

पुस्तक पुनर्मूल्यांकन: मुंहतोड़ पुस्तक [पहली और दूसरी पुस्तक] और वेबसाइट:

http://smashingmagazine.com

और एक और एक: http://www.bamagazine.com/


विशिष्ट सुझावों के लिए बहुत बहुत धन्यवाद! वे बहुत मदद कर रहे हैं। और btw, मुझे मेरे लिए अपना लोगो बनाने के लिए कोई (एक फ्रीलांसर) मिला :)
Oren A

1

वाह! आपने वास्तव में एक प्रतिक्रिया उत्पन्न की! कम से कम आप जानते हैं कि आपका डिजाइन किसी का ध्यान नहीं जाता;)

आपके प्रश्न का संक्षिप्त उत्तर यहां दिया गया है: साइट ऐसा लग रहा है जैसे यह एक सॉफ्टवेयर इंजीनियर द्वारा डिजाइन किया गया था। यही आप करते हैं और मुझे यकीन है कि आप इसे अच्छी तरह से करेंगे। अब आपको किसी ऐसे व्यक्ति की आवश्यकता है जो आपके विचार को स्वीकार्य बनाने के लिए UI डिज़ाइन करता है। उसके आसपास कोई रास्ता नहीं है। आप एक सप्ताह के अंत में डिजाइन सीखने और समस्या को ठीक करने के लिए नहीं जा रहे हैं।

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


0

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

  1. पृष्ठ का पृष्ठभूमि रंग सफेद है, लेकिन अनुभाग हेडर / हाइलाइट्स पीले या सफेद रंग में हैं , आप थोड़ा विपरीत रंगों की कोशिश कर सकते हैं , आप अपने तत्व पदानुक्रम (अधिक उच्च स्तर हेडर = अधिक मेल खाने के लिए इसके विपरीत के स्तर को डिजाइन कर सकते हैं) कंट्रास्ट) या एक निश्चित हेडर-कंटेंट कलर स्कीम (उदाहरण के लिए, ऑरेंज के लिए लोगो में दिखाए गए किताब के दूसरे पेज के रूप में डीप ऑरेंज, हेडर टेक्स्ट के लिए व्हाइट और कंटेंट-टेक्स्ट के लिए डार्क-ग्रे)।
  2. आपके पृष्ठ में बहुत अधिक खाली स्थान , मुक्त स्थान उपयोगकर्ताओं को सांस लेने के लिए जगह देने के लिए अच्छा है, लेकिन बहुत अधिक खाली स्थान आपके पृष्ठ को बैक-ऑफिस / अंडर-रखरखाव की तरह दिखता है। उदाहरण के लिए, पहली स्क्रीन में "सब-टॉपिक्स" सेक्शन को "एवरीथिंग" सेक्शन के तहत पूरे स्पेस में फैलाया जा सकता था। इसके अलावा दो निरर्थक उप-विषय खंड क्यों?
  3. सामग्री का IMO वितरण एक पदानुक्रम के अंतर्गत आना चाहिए । यदि आप Google कोड पृष्ठ (जो आपकी साइट के समान दिखता है), विकिपीडिया या इस साइट पर उदाहरण के रूप में किसी भी साइट को लेते हैं, तो वे सभी साइट हेडर के लिए एक महत्वपूर्ण स्थान खर्च करते हैं , फिर सामग्री आती है। अब भी कई दिनों में कई पेज हेडर जैसे टूलबार का उपयोग करते हैं, जिसमें एक अलग रंग, सामान्य मेनू और साइट लोगो अंकित होता है, लेकिन आप कह सकते हैं कि आपका लोगो ऐसा करने के लिए बहुत बड़ा है। उदाहरण के लिए, पृष्ठ के सबसे दाहिने हिस्से में उप-विषय अनुभाग
    लें , क्या वे वास्तव में वर्तमान सामग्री के आगे विशेषज्ञता की तरह दिखते हैं? बल्कि वे यादृच्छिक टैग या संबंधित विषयों को अधिक पसंद करते हैं। आप एक बनाकर उनके पदानुक्रम को प्रतिबिंबित कर सकते हैंविभिन्न प्रलेखन पृष्ठों में पेड़ जैसी संरचना , यह ब्रेडक्रंब को भी अनावश्यक बना देगा। इसके अलावा IMO उस पेड़ (नेविगेशन) के लिए सही जगह बायीं साइडबार में होगी और बाकी सारी गतिविधियाँ ब्रेडक्रंब की जगह पर जाएँगी।
  4. वितरण के रूप में एकरूपता महत्वपूर्ण है। आपके बटन उनके उद्देश्य / महत्व के अनुसार अलग-अलग रंग के हो सकते हैं। लेकिन उनकी संरचना एक समान होनी चाहिए। आपका "लॉगिन" बटन तेज धार वाला है, जबकि "टेक क्विज़ अब" गोल-गोल है। आप उन दृष्टिकोणों में से किसी एक से छुटकारा पाना चाह सकते हैं।
  5. लिंक और क्रियाएं समान नहीं हैं , आपको उनके अनुसार भी नाम देना चाहिए। बाईं ओर "हटाएं" मेनू की तरह हटाए गए आइटम या हटाए गए कार्य को दर्शाता है, कहा नहीं जा सकता। उपयोगकर्ताओं को GMail की तरह ही एक डिलीट बटन और एक डिलीट किया हुआ आइटम मेनू / टैब दें।
  6. उद्देश्य को प्रतिबिंबित करने के लिए फ़ॉन्ट्स बहुत महत्वपूर्ण हैं। यदि आप एक आर्ट-पेज या कोई साहित्य सेरिफ़ परिवार बना रहे हैं, तो उसके लिए अच्छा है, लेकिन ई-लर्निंग साइट बनाने के लिए आपको एक ऐसा फॉन्ट चुनना होगा, जो अलग-अलग साइज़ में फॉलो करने के लिए कम्फर्टेबल हो और जिसमें कम इज़ाफ़ा हो (जैसे लम्बी एड़ियाँ), उस में संस अच्छे हैं। उदाहरण के लिए विकिपीडिया इसका उपयोग करता है। आकार और वजन का चुनाव भी महत्वपूर्ण है। जहां आँकड़े महत्वपूर्ण हैं (और बदलते हैं) नंबर को बोल्डफेस में (उदाहरण के लिए 703 उपलब्ध प्रश्न) बनाते हैं । जैसे आपने दूसरी स्क्रीन में प्रश्नों की संख्या चुनने के लिए किया है। हेडर IMO में इटैलिक अच्छा नहीं दिखता है, इसके बजाय बोल्डफेस का उपयोग क्यों नहीं करते हैं?
  7. यह मेरी निजी राय को बहुत पसंद करता है लेकिन मुझे लगता है कि कुछ और गोल कोनों को बॉक्स जैसी भावनाओं से राहत मिलेगी।

0

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

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

यदि आप एक त्वरित सुधार करना चाहते हैं, तो मैं आपको आरंभ करने के लिए कुछ बारीकियों को देने की कोशिश करूँगा। यहाँ उत्तर अच्छे हैं - लेकिन वे बहुत विशिष्ट नहीं हैं। मै कोशिश करुॅगा।

ध्यान दें कि एक चर चौड़ाई डिजाइन हमेशा निश्चित चौड़ाई डिजाइन की तुलना में थोड़ा अधिक मुश्किल है। मुझे लगता है कि आप एक 3 कॉलम डिजाइन चुनने का अधिकार हो। सामग्री सही है, डिजाइन इतना बढ़िया नहीं है (मेरी राय में)।

यहाँ मैं क्या करूँगा (यह शायद एक दिन से भी कम समय लगेगा):

  1. लोगो के साथ शुरू करो। यह बहुत व्यस्त दिखता है -> इसे सरल बनाने की कोशिश करें। अधिक जीवंत रंग का उपयोग करें; पीला गंदा लग रहा है। एक सरल फ़ॉन्ट का प्रयास करें।
    • लोगो करने के बाद, आप साइट के रंगों को उससे मिला सकते हैं
  2. वेबसाइट के बारे में सब कुछ "हवादार" होना चाहिए। तो चीजों को तंग मत करो।
    • बाएं स्तंभ अधिक चौड़ा होना चाहिए। वर्तमान चौड़ाई का 1.5 गुना है
    • शीर्ष पर लॉगिन फ़ील्ड के आसपास अधिक रिक्ति होनी चाहिए
    • दाईं ओर एक नई पंक्ति में प्रत्येक उप विषय होना चाहिए। उन्हें अपने आस-पास बड़ी दूरी बना लें ताकि वे एक-दूसरे में न झांके
    • उप तालिका कोशिकाओं पर टन अधिक पैडिंग का उपयोग कर सकती है, शीर्षक डिव को अधिक गद्देदार किया जा सकता है, आदि।
  3. पूरी सामग्री को तड़का हुआ होने के बजाय बहना चाहिए। इसका मतलब है कि जितना संभव हो उतना संरेखित करें, समान फोंट और उचित आकारों का उपयोग करें।
    • केंद्र स्तंभ "दुनिया में सभी ज्ञान" बाकी सामग्री के साथ जगह से बाहर दिखता है। शायद इसे छोड़ दिया तैरता है, अंडरलाइन को हटा दें, और निश्चित रूप से इसे शीर्षक से छोटा करें।
    • पृष्ठ सामग्री संरेखित नहीं है। यदि आप उप सामग्रियों को उप शीर्षकों के साथ संरेखित करना छोड़ दें तो यह बेहतर लगेगा।
  4. शीर्ष पर लॉगिन फ़ील्ड को अच्छे से किया जा सकता है।
    • आप पाठ इनपुट बॉक्स के अंदर लेबल डाल सकते हैं (बाहर निकाल सकते हैं)। जो इसे क्लीनर बना देगा।
    • आप मुझे याद कर सकते हैं चेकबॉक्स / फ़ॉन्ट बहुत छोटा है। यह सबसे महत्वपूर्ण विशेषता नहीं है, इसलिए यह महत्वपूर्ण भाग जितना बड़ा नहीं होना चाहिए।

यह आपकी साइट को इंटरनेट पर सबसे भयानक साइट नहीं बनाएगा, लेकिन यह उम्मीद से पॉलिश करेगा कि यह निरीक्षण पारित करेगा। :)


-1

वाह ... यह बहुत बुरा लोल है।

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

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

इसलिए, जैसा कि संदेश के लिए ... पहली बात के बारे में सोचने के लिए कि वे क्या देख रहे हैं .. वेब पेज, हाँ, लेकिन वेब पेज क्या? अपनी श्रेणियों को पढ़ते हुए भी, यह मेरे लिए स्पष्ट नहीं है कि वह पृष्ठ क्या है।

'यह' क्या है यह रंग योजना, समग्र लेआउट और शीर्षकों के शीर्षक द्वारा व्यक्त किया जाएगा।

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

मैं अनुमान लगा रहा हूं कि आपकी सबसे महत्वपूर्ण बात 'ऑल नॉलेज इन द वर्ल्ड' है, क्योंकि आपने इसे (बुरा विचार) केंद्रित कर दिया है, इसे इटैलिक (बुरा विचार!) बना दिया है और इसे अपने आस-पास बहुत जगह दे दी है (अच्छा विचार)। लेकिन सिवाय इसके कि। शब्द खुद ... यह स्पष्ट नहीं है कि आईएस या क्या करता है, कुछ अधिक वर्णनात्मक और कम नासमझ कोशिश करें।

लैंडिंग पृष्ठ को 3 डिज़ाइन तत्वों और सूचना महत्व के 3 स्तरों में तोड़ने का प्रयास करें। अपने आप से पूछें कि उन्हें जो FIRST चीज़ देखनी चाहिए, FIRST चीज़ उन्हें क्या करनी चाहिए? दूसरा, तीसरा क्या है? और उसके अनुसार नया स्वरूप देने का प्रयास करें।

कम रंगों का उपयोग करें और उन्हें समझ में आता है .. क्यों पाठ के चारों ओर 3 अलग-अलग क्लैसी ब्लूज़ बेतरतीब ढंग से छिड़के ??? अधिक फॉन्ट साइज (!) का उपयोग करें, फिर से इसे 3 एस में तोड़ना एक अच्छी शुरुआत है, सबसे महत्वपूर्ण के लिए लार्ज फॉन्ट, माध्यमिक के लिए माध्यम आदि।

मेरा अंतिम सुझाव कोड लिखने से पहले आपकी डिज़ाइन FIRST और अच्छी तरह से करना है। मेरा सुझाव है कि पेज को बंद करने के लिए PAPER और पेन या पेंसिल से शुरू करें। बस त्वरित रेखाचित्र, जब आप ऐसा करते हैं तो वास्तविक शब्द न लिखें, सिर्फ उन क्षेत्रों में ब्लॉक करें जहां आप यह तय करने की कोशिश करते हैं कि सामग्री क्षेत्र कितना बड़ा होना चाहिए बनाम शीर्ष लेख। , साइडबार वगैरह कितना बड़ा है।

फिर एक ग्राफिक्स प्रोग्राम में अधिक अंतिम रूप से डिजाइन करें। आस-पास की चीजों को रखें और प्लेसमेंट के साथ प्रयोग करें। याद रखें कि आप एक ऐसा पेज डिजाइन कर रहे हैं जिसे पत्रिका पेज की तरह काम करना है। अपने दर्शक को विराम दें, उन्हें यह दिखाने का प्रयास करें कि आप उन्हें क्या देखना चाहते हैं, उन्हें नेतृत्व करने का प्रयास करें कि आप उन्हें क्या करना चाहते हैं।

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

और कला विद्यालय के सुझाव पर विचार करें। ग्राफिक डिजाइन कार्यक्रम अक्सर अपने छात्रों के लिए वास्तविक दुनिया के पुन: डिजाइन परियोजनाओं की तलाश कर रहे हैं।


-2

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

जब तक आप यह स्वीकार करने के लिए तैयार नहीं होते कि आप यूएक्स में चूसते हैं तब तक आपको यह समस्या बनी रहेगी। जैसा कि ऊपर कहा गया है, ग्राफिक डिजाइन महसूस के बारे में है। ग्राफिक डिजाइन इंजीनियरिंग डिजाइन के बराबर नहीं है। आप गणितीय रूप से कुछ का निर्माण नहीं कर सकते हैं, इसे अन्य "गणितीय रूप से सही" चीजों के साथ एकीकृत कर सकते हैं और अच्छे परिणाम की उम्मीद कर सकते हैं। आप यूएक्स (शायद) में कभी भी अच्छे नहीं होंगे क्योंकि आप दुनिया को उस तरह से नहीं देखते जिस तरह से एक डिजाइनर इसे देखता है। लेकिन अगर आप अपने पृष्ठ को मापना बंद कर देते हैं और उसकी तुलना किसी और चीज़ से करते हैं - अपने आप को पूरी तरह से खोलकर यह जान लेते हैं कि आपको ग्राफिक डिज़ाइन के बारे में कुछ नहीं पता है, तो आप इसे प्राप्त करना शुरू कर सकते हैं ...


1
ओह, मैं पूरी तरह से स्वीकार करता हूं कि मैं यूएक्स में चूसता हूं। लेकिन नए लोगों के साथ मेरी वर्तमान धारणाओं को बदलने के लिए, मुझे यह समझने की आवश्यकता है कि वे गलत क्यों हैं। मैं सिर्फ अपने आप को नहीं बता सकता "मेरे फोंट अच्छे नहीं लगते क्योंकि एक प्रो डिजाइनर ने ऐसा कहा"। यह सीख नहीं है। मुझे इसके बजाय एक अच्छी व्याख्या की आवश्यकता है कि मैंने वास्तव में क्या गलत किया, और मुझे यह गलत क्यों लगा, इससे पहले कि मैं चीजों को देखने का एक नया तरीका अपना सकूं। मैं "बचाव" नहीं कर रहा हूँ, बस समझने की कोशिश कर रहा हूँ ..
Oren A

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

अपनी टिप्पणी को स्वीकृत उत्तर मानें।
ओरेन ए
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.