top of page
LND.gif
Apple iPhone 11 Yellow.png

लुमोस नॉक्स सैलून 

मोबाइल अनुभव के लिए अनुकूलित नया स्वरूप

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

उपकरणों का इस्तेमाल

Figma Logo.png
Whimsical logo

मेरा क्यों?

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

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

Down Arrows.png

समस्या _

वेबसाइट का समग्र उद्देश्य संभावित ग्राहकों को सही स्टाइलिस्ट के साथ मिलाना है। साइट के वर्तमान पुनरावृत्ति में, यह कार्य तीन प्राथमिक कारणों से थकाऊ और सबसे अधिक असफल होने की संभावना है।
 

3 points.png
The Problem
Down Arrows.png

प्रक्रिया _

LSLanding.png

मेरी प्रक्रिया वर्तमान उपयोगकर्ता प्रवाह की पहचान करके शुरू हुई और कौन से टचपॉइंट, या इसकी कमी, समस्याग्रस्त हैं।



लैंडिंग पृष्ठ पर कार्रवाई के लिए कॉल की कमी में पहला दर्द बिंदु जल्दी से प्रकट हुआ था

दूसरा और शायद सबसे अधिक विचलित करने वाला दर्द बिंदु बुकिंग अनुभाग में पाया जाता है।

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

LSBooking.png

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

The Process
Surprised Face.png

इस प्रक्रिया के दौरान मैंने कुछ गलतियाँ कीं।

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

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

 

  • इस पद्धति का नकारात्मक पक्ष बिना किसी ठोस शोध के घंटों बर्बाद करना है।

  • सफल सीख यह है कि मैं अपनी प्रक्रिया में एक अंतर की पहचान करने में सक्षम था और यह भी सीखता था कि डिजाइन टूल जैसे कि सनकी और फिगमा का उपयोग कैसे करें।

Lumos Nox Flow 1.png
Wireframes.png

मैंने उपयोगकर्ता प्रवाह को मैप करके और कुछ वायरफ्रेम विचारों को स्केच करके शुरू किया।

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

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

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

Lumos Nox Salon Project_2x-6 1.png
Lumos Nox Salon Project_2x-7 1.png
Lumos Nox Salon Project_2x-8 1.png
Down Arrows.png

प्रोटोटाइप _

Group 42.png

प्रोटोटाइप के साथ बातचीत करें

Hi-Fidelity

चाभी  टेकअवे

Down Arrows.png
Group.png

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

carbon_search-locate.png

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

icons8_idea.png

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

Takeaways

अन्य प्रोजेक्ट देखें

ITB Horizontal Card.png
ITB Horizontal Card-2.png
bottom of page