मोबाइल के लिए अपने Store को ऑप्टिमाइज़ करने के लिए 6 सुझाव

अब आप आसानी से अपने स्टोर का मोबाइल या डेस्कटॉप व्यू बना सकते हैं, और आपके Store का एक संस्करण स्वचालित रूप से दूसरे डिवाइस के लिए बन जाएगा. अपना Store बनाते समय, रियल टाइम में अपने डिज़ाइन की प्रगति देखने के लिए डिवाइस व्यू के बीच स्विच करें और हर डिवाइस के लिए ऑप्टिमाइज़ किए गए एसेट जोड़ें.

यह विचार करना ज़रूरी है कि एक अलग मोबाइल इमेज अपलोड करने का विकल्प सिर्फ इमेज टाइल और हेडर इमेज के लिए उपलब्ध है. यह विकल्प टेक्स्ट या प्रोडक्ट की खरीदारी के मुताबिक इमेज का इस्तेमाल करके अन्य विजेट के लिए उपलब्ध नहीं है.

जैसा कि पहले बताया गया है, अब यह कल्पना करना आसान है कि Stores बिल्डर के मोबाइल-फ़र्स्ट अपडेट के साथ आपका Store मोबाइल पर कैसा दिखेगा. हालांकि, असली मोबाइल डिवाइस पर अपने Store का परीक्षण करना आपके लिए उन गलतियों की खोज करने का सबसे प्रभावी तरीका है जो आपके खरीदारों के अनुभव को प्रभावित कर सकते हैं. समायोजन करने का सबसे अच्छा तरीका अपने लिए यह पता लगाना है कि मोबाइल पर कस्टमर को आपके Store से किस तरह का अनुभव मिलता है. अपने डेस्कटॉप/लैपटॉप कंप्यूटर से दूर रहें और फोन या टैबलेट पर अपने Store को ऐक्सेस करें. पेज और टाइल के माध्यम से टैप करें. क्या आपके Store को नेविगेट करना आसान है? क्या टेक्स्ट और ग्राफिक्स को पढ़ना आसान हैं?

अपने Stores अनुभव को आज़माने के लिए:

1. Stores बिल्डर में प्रीव्यू > प्रीव्यू शेयर करें पर क्लिक करें.

2. प्रीव्यू लिंक कॉपी करें

3. इस प्रीव्यू लिंक को किसी ईमेल में या कहीं भी पेस्ट करें, जहां आप इसे अपने फोन से एक्सेस कर सकते हैं (टिप: प्रीव्यू लिंक का पासवर्ड एक अलग लाइन में शामिल करें, ताकि इसे बाद में आसानी से कॉपी करके डाला जा सके).

4. अगर आप एक ख़रीदार हैं, तो अपने मोबाइल पर अपने Store के माध्यम से नेविगेट करें और इस पर ध्यान दें कि क्या सुधार किए जा सकते हैं. क्या नेविगेट करना आसान है? क्या आप वे प्रोडक्ट या जानकारी पा सकते हैं जिन्हें आप ढूंढ रहे हैं? आपके इमेज मोबाइल पर कैसे दिखते हैं?

मोबाइल स्क्रीन संकुचित और तेजी से स्क्रॉलिंग के लिए डिज़ाइन की गई हैं, जिसका मतलब है कि कॉन्टेंट का क्रम और लेआउट डेस्कटॉप और मोबाइल एक जैसे नहीं हैं. मोबाइल Stores सामग्री क्रम के लिए बाएं से दाएं पंक्ति वाले प्राथमिकता का इस्तेमाल करते हैं या अरबी को पसंदीदा भाषा के तौर पर सेट किए जाने पर दाएं से बाएं का इस्तेमाल करते हैं. नीचे इसका एक उदाहरण दिया गया है:

इस बात की पुष्टि करने के लिए कि कॉन्टेंट सही क्रम में दिखाई दे रहे हैं या नहीं, मोबाइल डिवाइस पर अपने Store को देखें.

Store बिल्डर के मोबाइल को पहली बार अपडेट करने के लिए धन्यवाद, अब मोबाइल के लिए एक अलग हेडर इमेज अपलोड करना संभव है. हालांकि, यह विचार करना ज़रूरी है कि इमेज टाइल के विपरीत, इस इमेज के ऊंचाई को बदलना संभव नहीं है और मोबाइल और डेस्कटॉप, दोनों के लिए एक ही डाइमेंशन का इस्तेमाल किया जाना चाहिए. इसका मतलब यह है कि मोबाइल Store को गतिशील रूप से आकार देने से टेक्स्ट सहित हेडर में सभी ग्राफिक एलीमेंट सिकुड़ जाएंगे.

इस वजह से, कृपया मोबाइल हेडर इमेज के लिए इन बातों का ध्यान रखें:

• हेडर पर प्रोडक्ट की संख्या को तीन तक सीमित करने का प्रयास करें. हेडर में आप जितने ज़्यादा प्रोडक्ट का इस्तेमाल करेंगे, मोबाइल पर यह उतना ही ज़्यादा अव्यस्थित नज़र आएंगे.
• हेडर में कॉपी 30 वर्णों से कम होनी चाहिए, ताकि आप टेक्स्ट का आकार बढ़ा सकें और हेडर को ओवरलोड किए बिना इसे मोबाइल डिवाइस पर पढ़ा जा सके. इसके लिए हम कम से कम 90pt एरियल रेगुलर फ़ॉन्ट या इसके ही जैसा फ़ॉन्ट साइज़ की सलाह देते हैं.

एक पाठक के रूप में, आप आमतौर पर कैसे पढ़ते हैं? आप अपनी मूल भाषा के आधार पर बाएं से दाएं या दाएं से बाएं स्कैन करते हुए ऊपर से नीचे पढ़ सकते हैं. इस फ़्लो को ध्यान में रखने से आपको मोबाइल पर अपने कॉल-टू-एक्शन (CTA) बटन के लिए एक प्रभावी प्लेसमेंट चुनने में मदद मिल सकती है.

ऊपरी आधे हिस्से में दिखाए जाने वाले तत्वों के महत्त्व को समझें, Store पेज के हिस्सा हैं, जो नीचे स्क्रॉल करने से पहले ही दिखाई देते हैं. यदि एक CTA को वर्टिकल टाइल के नीचे रखा गया है, तो इसके ऊपरी आधे हिस्से में दिखने की संभावना नहीं है, जिससे कस्टमर को यह कम दिखाई देता है.

मोबाइल पर CTA के पास उनके चारों ओर पर्याप्त जगह होनी चाहिए, ताकि कस्टमर इसे आसानी से ढूंढ सकें और इस पर क्लिक कर सकें. CTA के लिए सीमित स्थान होने की वज़ह से यह अपने आसपास एक के ऊपर एक आ सकते हैं और जिसके चलते वह हैरारकी और दृश्यता खो सकता है.

किसी Store पर मोबाइल की तुलना में डेस्कटॉप पर नेविगेशन मेनू अलग तरह से दिखाई देता है. डेस्कटॉप पर, नेविगेशन बार के साथ-साथ खरीदारों को कई और टैब दिखता है. मोबाइल पर, खरीदारों को एक ड्रॉप-डाउन मेनू दिखाई देता है. तुलना करने के लिए नीचे दिए गए इमेज देखें:

जब Store पर आपके शीर्ष केटेगरी या टैब को हाइलाइट करने की बात आती है तो इस पर विचार करना एक ज़रूरी कारक है. मेनू में उन शीर्ष के पेज को रखना एक अच्छी रणनीति है, लेकिन आप अपने स्टोर को नेविगेट करने के लिए एक अतिरिक्त तरीका अपनाने के लिए इमेज या टेक्स्ट टाइल का भी इस्तेमाल कर सकते हैं. एक मजबूत CTA के साथ अपने Store के ऊपर इन टाइल को जोड़ना, यह सुनिश्चित करता है कि बिना ड्राप डाउन मेनू खोले भी खरीदारों को आपका सबसे ज़रूरी कंटेंट भी दिख जाएगा.

¹Amazon आंतरिक डेटा, WW, 2021.