Freecodecamp: उपयोगकर्ता खाता/उपयोगकर्ता जानकारी पृष्ठ में सुधार करें

मैं 2 और 3 दोनों को खोदता हूं। सबसे लंबे समय तक मुझे यह भी नहीं पता था कि नीचे विकल्प थे, इसलिए मुझे लगता है कि यह एक बहुत अच्छा सुधार होगा!

@ltegman जो मेरी बात साबित करता है। मुझे संदेह है कि बहुत से लोग इसके अस्तित्व के बारे में जानते हैं क्योंकि शायद ही कोई इतना नीचे स्क्रॉल करने के बारे में सोचता भी हो।

आपकी विचारशील प्रतिक्रिया के लिए धन्यवाद, @pmbenjamin। यहाँ मेरे विचार हैं:

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

@QuincyLarson मैं आपके विचारों से पूरी तरह सहमत हूँ।
क्या इस प्रकार के परिवर्तन (जैसे UI/UX) को एक कोर टीम सदस्य (जैसे बर्कले) द्वारा किए जाने की आवश्यकता है?
या मैं उस पर वार कर सकता हूँ?

@QuincyLarson Collapsible टेबल मेरे लिए एक अच्छे विचार की तरह लगता है। मुझे लगता है कि उन्हें डिफ़ॉल्ट रूप से हमारे अपने पृष्ठ पर संक्षिप्त किया जाना चाहिए ताकि हम बहुत अधिक स्क्रॉल किए बिना जल्दी से खाता सेटिंग तक पहुंच सकें।

मैं कोड पोर्टफोलियो से गैर-कोड चुनौतियों को हटाने का भी सुझाव दूंगा। यह भी शामिल है:

• फ्री कोड कैंप कम्युनिटी में शामिल हों में सब कुछ (5 आइटम)
• सफलता के लिए तैयार हैं सब कुछ (4 आइटम)
• कुछ भी जो "गेट सेट" से शुरू होता है (3 आइटम)

@pmbenjamin नहीं, यह पकड़ने के लिए तैयार है।

संभावित उप-मुद्दे का संदर्भ: #6452

अच्छी तरह से सोचा, मैं दूसरा @alistermada उन तत्वों के साथ पोर्टफोलियो से हटा दिया जा रहा है।

इसके बाद और सभी पोर्टफोलियो थ्रेड्स को देखने के लिए कि क्या हम एक साथ एक बेहतर संस्करण के साथ आ सकते हैं।

हाँ, कृपया #6452 देखें! मुझे लगता है कि मानचित्र का उपयोग करना इसके लिए एकदम सही होगा। मुझे स्क्रीन के किनारे नया नक्शा पसंद है। मैं एफसीसी के स्रोत कोड से परिचित नहीं हूं, इसलिए मुझे नहीं पता कि मानचित्र को फिर से तैयार करना कितना आसान होगा। यह कल्पना करेगा कि यह कुछ कोड को सुखा देगा।

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

अरे, मैं @hallaathrad से बात कर रहा
तो मैं बैठ गया और एक नकली किया।

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

:+1:

@nightwalkerkg मुझे वास्तव में वह साइडबार पसंद है। एकमात्र चिपचिपा विकेट, जैसा कि @hallaathrad पहले ही लाया जा चुका है, वह मोबाइल दृश्य होगा। फिर भी, यह वर्तमान "नीचे तक सभी तरह से स्क्रॉल करें" संस्करण से काफी बेहतर है।

ठीक है, मोबाइल कोई समस्या नहीं है क्योंकि मैं डिजाइन को कोडिंग करने वाला एक व्यक्ति बनूंगा, जैसा कि अब है (एक चीज एक दूसरे के ऊपर) दृश्य और कार्यात्मक सुधारों को छोड़कर।

हालाँकि मैं वास्तव में प्रोफ़ाइल को साइडबार होने के लिए ललचा रहा हूँ।
हाहाहा साइडबार अधिभार। हम धीरे-धीरे एक FCC मोबाइल ऐप के लिए आधार तैयार कर रहे हैं।

@SaintPeter हम साइडबार को नेविगेशन ड्रॉअर में बदल सकते हैं।
http://www.roblukedesign.com/trunk/trunk.html

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

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

@ हल्लाथ्रैड मेरा मतलब मोबाइल व्यू के लिए था। सामान्य तौर पर नहीं।

हम्म मैं सुन रहा हूँ। यह निश्चित रूप से कुछ करने योग्य है, जरूरी नहीं कि एक और मॉड्यूल जोड़कर लेकिन इसे स्वयं कोडिंग करें (मैंने पहले कुछ jQuery लाइनों के साथ कुछ ऐसा ही किया है)।

ठीक है, एक वृद्धि के रूप में चर्चा करने के लिए। कुछ समय के लिए, आइए एक प्रतिक्रियाशील सामान्य डिज़ाइन पर ध्यान दें

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

इसे आजमाना चाहते हैं और अपना दृष्टिकोण प्रस्तुत करना चाहते हैं? @xRahul

@हल्लाथ्रैड ज़रूर! आइए देखें कि मैं किसके साथ आ सकता हूं ..

@xRahul , कभी इसके साथ कहीं भी आओ? मुझे लगता है कि यह एक शानदार विचार है।

@atjonathan अभी तक नहीं .. मैं साइट के UI को संशोधित करने से पहले कुछ फ्रंटएंड सीख रहा हूं। हालांकि जल्द ही इसे शुरू करने जा रहे हैं!

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

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

@QuincyLarson , मैं इसे

@QuincyLarson मेरा प्रस्तावित नया स्वरूप:

_ कृपया फ़ॉन्ट मुद्दों को त्याग दें: मैंने उन्हें मिलान करने या सही लोगों का उपयोग करने की जहमत नहीं उठाई :stuck_out_tongue_closed_eyes: _

@atjonathan यह ठोस दिखता है। हम यहां कुछ ऑनबोर्डिंग भी स्थानांतरित कर सकते हैं। निम्नलिखित चुनौतियाँ ऊपर की ओर बटन हो सकती हैं जिनके आगे चेक मार्क होते हैं या उनके आगे +1 पॉइंट आइकन होते हैं:

https://www.freecodecamp.com/challenges/configure-your-code-portfolio
https://www.freecodecamp.com/challenges/join-a-campsite-in-your-city
https://www.freecodecamp.com/challenges/learn-what-to-do-if-you-get-stuck
https://www.freecodecamp.com/challenges/read-coding-news-on-our-medium-publication
https://www.freecodecamp.com/challenges/join-our-forum
https://www.freecodecamp.com/challenges/watch-coding-videos-on-our-youtube-channel
https://www.freecodecamp.com/challenges/join-our-linkedin-alumni-network
https://www.freecodecamp.com/challenges/commit-to-a-goal-and-a-nonprofit

तब मैं शुरू करने वाली पहली दो चुनौतियों का विलय कर सकता था (https://www.freecodecamp.com/challenges/learn-how-free-code-camp-works और https://www.freecodecamp.com/challenges/create-a -जीथब-अकाउंट-एंड-जॉइन-ऑर-चैट-रूम) एक चुनौती है जिसे हम / स्वागत में रख सकते हैं

यह हमें "आरंभ करना" और "गियर अप फॉर सक्सेस" अनुभागों को पूरी तरह से समाप्त करने की अनुमति देगा।

आपको क्या लगता है कि हम कोड पोर्टफोलियो पर इन तत्वों की सर्वोत्तम कल्पना कैसे कर सकते हैं? शायद आप एक नकली या एक कार्यात्मक प्रोटोटाइप बना सकते हैं?

@QuincyLarson बहुत अच्छा लगता है मुझे फ़ोटोशॉप में इसे आज़माने दें ...

@QuincyLarson , मैं कुछ इस तरह की कल्पना करता हूं:

@atjonathan यह ठोस दिखता है। मुझे नहीं लगता कि प्रोफ़ाइल पूर्णता एक भूत बटन होना चाहिए, हालांकि। यहां बताया गया है कि लिंक्डइन ने यह कैसे किया:

ध्यान रखें कि कुछ लोगों के नाम बहुत लंबे होंगे, और यह कि उपयोगकर्ता नाम 15 वर्णों तक लंबे हो सकते हैं।

दोस्तों, मुझे लगता है कि आप कार्यक्षमता पर बहुत अधिक ध्यान केंद्रित कर रहे हैं और सौंदर्यशास्त्र और उपयोगकर्ता अनुभव पर बहुत कम ध्यान दे रहे हैं।

आसान नेविगेशन के लिए मैंने कार्ड में तत्वों को अलग किया। अभी ऐसा लगता है कि आपने एक खाली पृष्ठ लिया और उस पर तत्वों को फेंक दिया।

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

(आप केवल बाईं ओर एक आइकन के साथ एक सूची बना सकते हैं और दाईं ओर टेक्स्ट जो उपयोगकर्ता गायब है)

मैं प्रोफाइल कार्ड के नीचे बटन लगाता हूं और जगह बर्बाद करने से बचने के लिए उन्हें एक पंक्ति में रखता हूं।

@stefanivic , मैं इसे खोदता हूं: मणि:। @QuincyLarson आपका दिमाग क्या सोचता है?

कोई मुझसे नहीं पूछ रहा है, लेकिन मैं @stefanivic से सहमत हूं। इस और किसी भी उत्पाद की निर्णय लेने की प्रक्रिया में UX को सर्वोच्च प्राथमिकता दी जानी चाहिए। हो सकता है कि वह इस दौर की टिप्पणियों में फिर से शामिल होना चाहें?

(और उम्मीद है कि यह मुद्दा फिर से निष्क्रिय नहीं होगा)।

@हल्लाथ्रैड , अगर @QuincyLarson खुश है, तो मैं इसे #8943 के साथ तुरंत लागू करना शुरू कर सकता हूं

: +1: @stefanivic

@atjonathan आप निश्चित रूप से आगे बढ़ सकते हैं और #8943 को लागू करना शुरू कर सकते हैं - हम यहां जिस चीज की चर्चा कर रहे हैं वह केवल पृष्ठ पर तत्वों की कॉन्फ़िगरेशन है।

@stefanivic आपका नकली अच्छा लग रहा है। एक युगल नोट:

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

@stefanivic क्या आप इस दृश्य को स्वयं लागू करने के लिए बूटस्ट्रैप और जेड के साथ काफी अच्छे हैं? इस तरह हम देख सकते हैं कि सभी अलग-अलग व्यूपोर्ट आकारों में आपकी दृष्टि कैसी दिखाई देगी।

@QuincyLarson हाँ, मैं हर समय दोनों का उपयोग करता हूँ। मैं इस पर कूद जाऊंगा, एकमात्र समस्या यह है कि मेरे पास अभी परीक्षाएं हैं, इसलिए इसमें दो, तीन दिन लग सकते हैं। :पी

@stefanivic ठीक है - बढ़िया! परीक्षा के लिए शुभकामनाएं। जितनी जल्दी हो सके हमें काम करने वाले प्रतिक्रियाशील विचार प्राप्त करने के लिए धन्यवाद।

सभी को ठीक, प्रतीक्षा के लिए खेद है। मेरे पास FCC सेटअप करने और इसे वास्तविक चीज़ पर करने के लिए अधिक समय नहीं था इसलिए मैंने इसे CodePen पर किया ताकि आप देख सकें कि यह कैसे उत्तरदायी दृश्य को संभालता है।
http://codepen.io/nightwalkerkg/full/XKjVXz/

@QuincyLarson इस पर कोई अपडेट?

@QuincyLarson इस पर आपके क्या विचार हैं?

@stefanivic , इसके लिए एक पुल अनुरोध करने देता है: स्माइली:
क्या आप इसे बनाना चाहते हैं?

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

अगर हम इस पर सहमत होते हैं तो मुझे इस नए डिजाइन को लागू करने में खुशी होगी। मैं व्यक्तिगत रूप से अभी भी सोचता हूं कि @stefanivic का प्रस्ताव वर्तमान डिजाइन में सुधार है।

मुझे वास्तव में यह पसंद है कि प्रस्ताव कितना अधिक कॉम्पैक्ट है। मैं भी बटन पसंद करता हूं क्योंकि वे वर्तमान में हैं। स्थिरता के लिए, वर्तमान बटन शैली का उपयोग करना शायद अच्छा होगा। मुझे लगता है कि पाठ को बड़ा बनाने से वास्तव में पठनीयता में मदद मिल सकती है। यहाँ पाठ FreeCodeCamp पर अधिकांश स्थानों की तुलना में छोटा है। क्विंसी ने पहले FCC पर फ़ॉन्ट आकार बढ़ाने के बारे में टिप्पणी की थी।

@systimotic हाँ - बूटस्ट्रैप 4.0 डिफ़ॉल्ट फ़ॉन्ट आकार को 17px तक बढ़ा देता है जो मुझे लगता है कि एक बहुत अच्छा आकार है। हम इसे बाद में स्थिर होने के बाद लागू करेंगे।