15 tips for cross-device optimisation

सभी उपकरणों के लिए डिजाइन! अन्ना दहलस्ट्रॉम के महत्व के बारे में बात करेंगे [2 9] बिल्डिंग डिवाइस-एग्नोस्टिक यूएक्स सिस्टम

पर लंदन जेनरेट करें , 21-23 सितंबर। वह क्यों चलती है डिवाइस-अज्ञेयवादी डिजाइन मामलों में, इसका क्या अर्थ है और हम इसके बारे में कैसे जाते हैं; अभी बुक करें !

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

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

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

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

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

01. मत समझो सब कुछ हल करता है

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

कभी-कभी लोग सोचते हैं कि [6 9] प्रतिक्रियात्मक वेब डिज़ाइन

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

मैं कई उत्तरदायी साइटों को देखता हूं जिनकी सतही स्लीकनेस है लेकिन उपयोगिता पर असफल हो जाती है क्योंकि टीम ने ग्राहक ज्ञान को नजरअंदाज कर दिया है। एक अच्छा उदाहरण है ईकॉमर्स वेबसाइट वह उत्तरदायी हो गया और अपने राजस्व का 40 प्रतिशत खो गया। इसने एक महान मोबाइल अनुभव बनाया था लेकिन डेस्कटॉप संस्करण चूस गया, और यही वह जगह है जहां 80 प्रतिशत धन आया था। यह जानकर कि गोल्डन हंस कहाँ मदद करता है यदि आप इसे मारने से बचना चाहते हैं!

02. पहले अपना शोध करें

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

के साथ Analytics डेटा का उपयोग करना [6 9] प्रयोगकर्ता का अनुभव

अनुसंधान, सर्वेक्षण या प्रतिक्रिया 'यात्रा' के बारे में बकवास, अहंकार और धारणाओं को हटाने के लिए एक तेज़ और हल्के तरीके है। सूचित डेटा का एक घंटा अचूक राय के एक हजार घंटे के लायक है।

अग्रिम पठन: ' एक घंटे में रूपांतरण अनुसंधान '; ' [9 3] अनुसंधान के लिए सत्र रीप्ले उपकरण

'।'

03. लोगों को ट्रैक करें, डिवाइस नहीं

[10 9]

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

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

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

04. व्यापक संदर्भ को नजरअंदाज न करें

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

05. कार्यालय से बाहर निकलो

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

अग्रिम पठन: ' UX उपकरण उन सभी पर शासन करने के लिए '।'

06. मान लें कि हर कोई iPhones का उपयोग करता है

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

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

अग्रिम पठन: ' [16 9] क्रॉस-डिवाइस अनुकूलन के लिए Google Analytics का उपयोग करने के लिए अंतिम गाइड

'।' [2 9]

07. कॉल ट्रैकिंग न भूलें

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

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

08. वेबसाइट की गति को ट्रैक करने के लिए वास्तविक डेटा का उपयोग करें

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

प्रदर्शन और रूपांतरण दर के बीच एक बड़ा सहसंबंध है, इसलिए यदि धीमा है, तो आप अपने प्रतिस्पर्धियों को लोगों को भेजने के लिए मार्केटिंग पैसे खर्च कर रहे हैं!

अग्रिम पठन: ' साइट की गति की व्याख्या करें '।'

09. रचनात्मक के बजाय परीक्षण विधि की प्रतिलिपि बनाएँ

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

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

अग्रिम पठन: ' सबसे अच्छा अभ्यास और अनुकूलन विशेषज्ञों का अंतहीन चूसना '; ' जब रूपांतरण अनुकूलन सर्वोत्तम अभ्यास विफल हो जाते हैं '।'

10. योजना के बिना परीक्षण न करें

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

'बस बदलते सामान' परीक्षण के लिए पर्याप्त कारण नहीं है; आपको एक अच्छा परीक्षण चलाने के लिए साक्ष्य या अंतर्दृष्टि की आवश्यकता है। सबसे अच्छी शिक्षा आपके परीक्षण में चैनल करने के लिए महान प्रश्न होने से आती है।

11. अपनी परिकल्पना स्थापित करें

परिकल्पना किट सबसे उपयोगी चीजों में से एक है जो मैं सिखाता हूं:

क्योंकि हमने देखा [डेटा / फीडबैक] हम उम्मीद करते हैं कि [परिवर्तन] [प्रभाव] का कारण होगा। हम [डेटा मीट्रिक] का उपयोग करके इसे मापेंगे।

लोगों को उनके प्रश्न या ए / बी परीक्षण को फ्रेम करने के लिए कहा जाता है, इस तरह उन्हें इस बारे में सोचने के लिए मजबूर करता है कि वे परीक्षण क्यों चला रहे हैं और सफलता कैसे मापी जाएगी।

अग्रिम पठन: परिकल्पना किट 3 ।

12. पहले एक परीक्षण कैलकुलेटर चलाएं

ए / बी परीक्षण से पहले एक परीक्षण कैलकुलेटर चलाने के लिए यह वास्तव में अच्छा अभ्यास है। यदि यह कहता है कि इसे खत्म करने में लगभग नौ मिलियन वर्ष लगेंगे, तो आप अपने जीवन के साथ कुछ और उपयोगी कर सकते हैं।

13. 95% आत्मविश्वास पर मत रोको

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

अग्रिम पठन: ' [2 9 3] सांख्यिकीय महत्व वैधता के बराबर नहीं है

'; ' [2 9 9] क्यों हर इंटरनेट विपणक एक सांख्यिकीविद् होना चाहिए '।'

14. डिवाइस क्लास द्वारा सेगमेंट

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

हमेशा यह समझें कि आप मोबाइल, टैबलेट और डेस्कटॉप डिवाइस कक्षाओं में लोगों को कैसे लक्षित या विभाजित कर रहे हैं। कोई 'औसत' विज़िटर नहीं है - जब डिवाइस अनुभव इतनी बेहद भिन्न होता है।

15. क्यूए परीक्षण मत भूलना

यदि आपने अपने डिवाइस मिश्रण का काम नहीं किया है, तो आप शायद अपने ए / बी परीक्षणों का परीक्षण कर रहे हैं। इसका मतलब है कि उनमें से कुछ संभवतः टूट गए हैं - और यदि आपका ए / बी परीक्षण टूटा हुआ है, तो आपके डेटा और निर्णय लेने की संभावना त्रुटिपूर्ण है। मेरे सभी परीक्षण डिजाइनों में से लगभग 30-40 प्रतिशत बेसिक क्यूए, यहां तक ​​कि उच्च गुणवत्ता वाले डेवलपर्स के साथ भी - यह आपके लिए जावास्क्रिप्ट है! मान लें कि यह अन्यथा साबित होने तक टूट गया है।

सारांश

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

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

डिवाइस-अज्ञेयवादी डिजाइन के महत्व के बारे में जानें अन्ना दहलस्ट्रॉम पर लंदन जेनरेट करें ! में [2 9] बिल्डिंग डिवाइस-एग्नोस्टिक यूएक्स सिस्टम

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

यह लेख मूल रूप से दिखाई दिया नेट पत्रिका अंक 279; [35 9] अब सदस्यता लें

!