धेरैजसो वेब डिजाइनरहरू SaaS ड्यासबोर्डहरू, ईकमर्स स्टोरफ्रन्टहरू, र जीवनशैली ब्रान्डहरूको एउटै आहारमा प्रशिक्षित हुन्छन्। त्यसैले जब कुनै फाउन्ड्री, रिफ्र्याक्टरी आपूर्तिकर्ता, वा बायलर निर्माता पाइपलाइनमा अवतरण गर्छ, तब प्रवृत्ति एउटै प्लेबुकमा पुग्ने हुन्छ: हिरो भिडियो, ओभरसाइज्ड टाइपोग्राफी, लम्बाई स्क्रोल। त्यो प्रवृत्ति लगभग सधैं गलत हुन्छ।
औद्योगिक खरीददारहरूले उपभोक्ता जस्तो व्यवहार गर्दैनन्। तिनीहरू पार्ट नम्बर, समयसीमा, र सेकेन्डमा मापन गरिने घर्षण सहनशीलता लिएर आउँछन्। यदि तपाईंको डिजाइनले त्यसलाई बेवास्ता गर्छ भने, तपाईंले एउटा सुन्दर साइट बनाउनुभएको छ जसले सेवा दिनुपर्ने एक मात्र व्यक्तिहरूलाई असफल बनाउँछ।
आफ्नो कला नगुमाईकन भारी-उद्योग ग्राहकहरूको लागि डिजाइन र विकास कार्यको बारेमा कसरी सोच्ने भन्ने कुरा यहाँ छ।
स्क्रिनको अर्को छेउमा वास्तवमा को छ भनेर जान्नुहोस्
औद्योगिक साइटको प्रयोगकर्ता व्यक्तित्व कुनै साधारण किनमेल गर्ने व्यक्ति होइन। यो एक खरीद प्रबन्धक, एक प्लान्ट इन्जिनियर, वा एक विशिष्ट समस्या भएको मर्मतसम्भार प्रमुख हो। तिनीहरू प्रायः कोलाहलपूर्ण सुविधामा डेस्कटपमा हुन्छन्, कहिलेकाहीं ट्रकमा फोनमा हुन्छन्, र लगभग सधैं समयको दबाबमा हुन्छन्।
यसले "राम्रो UX" कस्तो देखिन्छ भनेर परिवर्तन गर्छ। B2B प्रयोगकर्ताहरूले उपभोक्ताहरू भन्दा घर्षणलाई कडा सजाय दिन्छन् किनभने उनीहरूको समय बिलयोग्य हुन्छ र उनीहरूको निर्णयहरू लेखा परीक्षण गरिन्छ। औद्योगिक साइटहरूको लागि टेकवे सरल छ: स्पष्टताले आनन्दलाई हराउँछ, र विशिष्टताले अनुनयलाई हराउँछ।
यसलाई संक्षिप्तमा अनुवाद गर्नुहोस्। ग्राहकलाई सोध्नुहोस् कि फोन उठाउनु अघि खरिदकर्ताले कुन तीन प्रश्नहरू सोध्छन्। त्यसपछि निश्चित गर्नुहोस् कि ती उत्तरहरू महत्त्वपूर्ण पृष्ठहरूमा पट्टि माथि छन्।
सूचना वास्तुकला वास्तविक डिजाइन कार्य हो।
राम्रोसँग निर्मित आपूर्तिकर्ता साइट हेर्नुहोस् - उदाहरणका लागि, सामग्री दलाल विविध सिरेमिक सेवाहरू, इंक। तपाईंले याद गर्नुहुनेछ कि नेभिगेसन दुई अक्षहरू वरिपरि व्यवस्थित गरिएको छ: तिनीहरूले स्रोत गर्ने सामग्रीहरू र तिनीहरूले सेवा गर्ने उद्योगहरू। त्यो शैलीगत छनौट होइन। यसले खरिदकर्ताले कसरी खोजी गर्छ भनेर प्रतिबिम्बित गर्दछ।
काओलिनको खोजीमा रहेको माटोको भाँडा बनाउने कम्पनीलाई तपाईंको ब्रान्डको कथाको वास्ता छैन। तिनीहरू तपाईंसँग यो ब्रान्ड छ, कुन रूपमा छ, र तपाईं उनीहरूको क्षेत्रको सेवा गर्नुहुन्छ कि हुनुहुन्न भनेर पुष्टि गर्न चाहन्छन्। त्यो मानसिक मोडेललाई प्रतिबिम्बित गर्ने वास्तुकलाले तपाईंले माथि राखेको कुनै पनि दृश्यात्मक फस्टाउने क्षमतालाई उछिनेको छ।
फिग्मा खोल्नु अघि, वर्गीकरणको स्केच बनाउनुहोस्। ह्वाइटबोर्डमा दुई स्तम्भहरू। एउटा कम्पनीले के बेच्छ भन्ने कुराको लागि, अर्को कसले किन्छ भन्ने कुराको लागि। बिल्डमा रहेको प्रत्येक पृष्ठ दुबै तर्फबाट दुई क्लिकमा पहुँचयोग्य हुनुपर्छ।
औद्योगिक खरीददारहरूको लागि प्रदर्शन र पहुँच वैकल्पिक छैन।
प्लान्ट नेटवर्कहरू छिटो छैनन्। फिल्ड जडानहरू भरपर्दो छैनन्। यदि तपाईंको हिरो सेक्सनले ४ एमबी अटोप्ले भिडियो खिच्छ भने, तपाईंले ग्रामीण टेनेसीमा हटस्पटमा पहिले नै खरिदकर्ता गुमाउनुभएको छ।
गुगलको आफ्नै मुख्य वेब महत्वपूर्णहरू मार्गदर्शनले छिटो LCP र स्थिर लेआउटहरूको लागि जोड दिन्छ, र यी मेट्रिक्सले औद्योगिक साइटहरूमा कम होइन, बढी महत्त्व राख्छ। पहुँचयोग्यताको लागि पनि यही कुरा लागू हुन्छ: वृद्ध खरीददारहरू, कम प्रकाशको वातावरण, र टचस्क्रिनमा पन्जा लगाएका हातहरू वास्तविक अवस्थाहरू हुन्।
- मिडियाको तौल काट्नुहोस्। स्थिर, अनुकूलित छविहरूले खरिद पृष्ठमा पृष्ठभूमि भिडियो भन्दा राम्रो प्रदर्शन गर्छन्। केस स्टडीको लागि गति बचत गर्नुहोस्।
- कम गतिको सम्मान गर्नुहोस्। prefers-reduced-motion मिडिया क्वेरीलाई सम्मान गर्नुहोस्। लामो सिफ्टमा काम गर्ने प्लान्ट इन्जिनियरहरूले तपाईंलाई धन्यवाद दिनेछन्।
- न्यूनतम WCAG AA मा हिट गर्नुहोस्। बलियो कन्ट्रास्ट, वास्तविक फोकस अवस्था, र किबोर्ड नेभिगेसन पहुँचयोग्यता थिएटर होइनन्। यी आधारभूत कुराहरू हुन्।
- थ्रोटल गरिएको जडानमा परीक्षण गर्नुहोस्। यदि साइट Chrome DevTools मा ढिलो 3G मा प्रयोग गर्न योग्य छैन भने, यो आधा देशमा प्रयोग गर्न योग्य छैन।
गम्भीर दर्शकहरूको लागि पोग्राफी र दृश्य भाषा
औद्योगिकको अर्थ कुरूप होइन, र गम्भीरको अर्थ बोरिंग होइन। तर दृश्य दर्ताले क्षमताको संकेत गर्नुपर्छ, प्रवृत्ति-पीछा गर्ने होइन। स्ट्रिटवेयर ब्रान्डको लागि काम गर्ने भारी डिस्प्ले फन्टहरू आगोको ईंटको अनुमान गर्ने प्लान्ट प्रबन्धकलाई गम्भीर रूपमा पढ्नेछन्।
बलियो अंकहरू भएका मानवतावादी सेन्स-सेरिफ वा संक्रमणकालीन सेरिफहरूमा भर पर्नुहोस्। यी साइटहरूमा स्पेक्स, पार्ट नम्बरहरू, र मापनका एकाइहरू जताततै देखिन्छन्, त्यसैले डेटा तालिकाहरूको लागि तालिकाबद्ध आंकडाहरू र स्पष्ट मोनोस्पेस जोडी समयको लायक छन्।
रंगले काम गर्नुपर्छ, सजावट होइन। CTA र सुरक्षा-सान्दर्भिक कलआउटहरूको लागि बलियो उच्चारण आरक्षित गर्नुहोस्। अरू सबै कुरा एक संयमित प्यालेटमा बस्न सक्छ जुन उत्पादन इमेजरीको साथ प्रतिस्पर्धा गर्दैन।
भारी उद्योगमा रूपान्तरण हुने सामग्री ढाँचाहरू
औद्योगिक आपूर्तिकर्ताहरूको लागि लिड जेनेरेसन विरलै ल्यान्डिङ पृष्ठको तल रहेको आकर्षक फारम मार्फत हुन्छ। यो तब हुन्छ जब खरिदकर्ताले विश्वास गर्छ कि तपाईंले उनीहरूको प्रक्रिया बुझ्नुहुन्छ।
- सामग्री र उत्पादन पृष्ठहरू। फारामहरू, ग्रेडहरू, विशिष्ट अनुप्रयोगहरू, र तिनीहरूलाई प्रयोग गर्ने उद्योगहरू समावेश गर्नुहोस्। कास्टेबल रिफ्रेक्टरीमा रहेको पृष्ठ ब्रोसर होइन, स्पेक पाना जस्तै पढ्नु पर्छ।
- उद्योग पृष्ठहरू। ग्राहकको संसारलाई प्रतिबिम्बित गर्नुहोस्। फाउन्ड्रीहरूको लागि पृष्ठले फाउन्ड्री भाषा प्रयोग गर्नुपर्छ, सामान्य मार्केटिङ प्रतिलिपि होइन।
- सेवा क्षेत्रको स्पष्टता। यदि ग्राहकले दस राज्यहरूमा सामान पठाउँछ भने, तिनीहरूलाई सूचीबद्ध गर्नुहोस्। खरीददारहरूले थाहा नपाउँदा छिटो आफैंलाई अयोग्य ठहराउँछन्।
- वास्तविक सम्पर्क मार्ग। हेडरमा भएको फोन नम्बरले कुनै पनि च्याटबटलाई उछिन्छ। केही ग्राहकहरूको लागि, त्यो एउटा निर्णयले कुनै पनि पुन: डिजाइन भन्दा योग्य सोधपुछलाई बढी उठाउँछ।
साइटलाई उपयोगी राख्ने ह्यान्डअफ
औद्योगिक ग्राहकहरूसँग जटिल CMS कायम राख्नको लागि मार्केटिङ टोली विरलै पर्खिरहेको हुन्छ।
क्लाइन्टले वास्तवमा अद्यावधिक गर्न सक्ने स्ट्याक छान्नुहोस्। उत्पादन विशिष्टताहरूको लागि अनुकूलन ब्लकहरू सहितको एक दुबला WordPress निर्माण एक बेस्पोक हेडलेस सेटअप भन्दा बढी टिक्नेछ जसलाई कर्मचारीहरूमा कसैले पनि छुन सक्दैन।
ढाँचाहरू कागजात गर्नुहोस्। नयाँ सामग्री वा उद्योग पृष्ठ थप्दा छोटो लुम रेकर्ड गर्नुहोस्। अबदेखि छ महिनामा, जब ग्राहकले नयाँ ठाडो ल्याउछ, तिनीहरूले तपाईंलाई कल नगरी प्रकाशित गर्न सक्षम हुनुपर्छ।
औद्योगिक ग्राहकहरूको लागि डिजाइनले संयमलाई पुरस्कृत गर्छ। खरिदकर्तालाई सेवा नदिने कुराहरू हटाउनुहोस्, काम गर्ने कुराहरू तिखार्नुहोस्, र यो काम वर्षभरि तपाईंले पठाउनुहुने सबैभन्दा सन्तोषजनक कामहरू मध्ये एक हुनेछ।