सामग्री के रूप में तस्वीरें

प्रसिद्ध अमेरिकी प्रयोज्य विशेषज्ञ जैकब नीलसन के लेख का अनुवाद:



आंखों के आंदोलन पर हमारे अध्ययन से साइटों पर छवियों के प्रति लोगों के दृष्टिकोण में महत्वपूर्ण अंतर सामने आया है :

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

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

• ई-कॉमर्स में, ये उत्पाद तस्वीरें हैं जो उपयोगकर्ताओं को दो समान चीजों के बीच अंतर को समझने में मदद करती हैं।
• व्यक्तिगत वेबसाइटों पर, उपयोगकर्ता साइट के पीछे व्यक्ति का चेहरा देखना चाहते हैं। उदाहरण के लिए, एक लेखक की तस्वीर पोस्ट करना ब्लॉगों के लिए महत्वपूर्ण प्रयोज्य युक्तियों में से एक है।

उपरोक्त सभी को स्पष्ट करने के लिए, आइए हम इस वर्ष किए गए आँख आंदोलन अध्ययनों के कुछ उदाहरणों पर एक नज़र डालें।

लोग तस्वीरें - अच्छा (यदि यह असली लोग हैं)

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



FreshBooks.com ने और भी आगे बढ़कर साइट पर अपने सभी कर्मचारियों के फोटो पोस्ट किए:







वास्तव में, यह सब एक बहुत लंबा पृष्ठ है, जिसे यहां फिट करने के लिए तीन भागों में विभाजित किया गया है। मूल में, पृष्ठ ९ ३३५ पिक्सल ऊंचा था और हमारे परीक्षण उपयोगकर्ताओं ने इसे लगभग अंत तक स्क्रॉल किया। यह उदाहरण दिखाता है कि लोग कभी-कभी लंबे पृष्ठों के बजाय नीचे स्क्रॉल करते हैं, लेकिन आमतौर पर नीचे दी गई जानकारी पर कम और कम ध्यान देते हैं।



इस पृष्ठ पर, उपयोगकर्ताओं ने जीवनी की तुलना में कर्मचारियों की तस्वीरों को देखने के लिए 10% अधिक समय बिताया , हालांकि बाद वाले ने 316% अधिक स्थान लिया। जाहिर है, उपयोगकर्ता जल्दी में थे और फ्रेशबुक डॉट कॉम वेबसाइट टीम को जल्दी से ब्राउज़ करना चाहते थे, और फोटो देखना पूरे पैराग्राफ को पढ़ने की तुलना में बहुत तेज है।



मुख्य बिंदु यह है कि तस्वीरें वास्तविक लोग हैं जो वास्तव में कंपनी में काम करते हैं ।



और, इसके विपरीत, लोग फोटो बैंकों से "आम लोगों" की छवियों को पूरी तरह से अनदेखा करते हैं :









मेरा मानना ​​है कि येल स्कूल ऑफ मैनेजमेंट की यह तस्वीर वास्तव में वास्तविक छात्रों को दिखाती है (स्टॉक से फोटो को शायद ही इतनी बुरी तरह से क्रॉप किया गया होगा या यह नीली शर्ट में एक आदमी की तरह मॉडल को रोक देगा)। फिर भी, इस पृष्ठ पर फोटोग्राफ केवल खाली जगह भरने के लिए है । उपयोगकर्ता यहां प्रवेश के लिए आवेदन करने की प्रक्रिया को समझने के लिए हैं, न कि छात्र की डिग्री का आकलन करने के लिए।



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



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

उत्पाद विवरण चित्रित - अच्छा

पॉटरी बार्न और Amazon.com से उत्पाद सूची दृश्य के इन दो उदाहरणों की तुलना करें:









फोटो फ्रेम के थंबनेल का उपयोगकर्ताओं द्वारा अधिक गहन अध्ययन किया जाता है, जबकि फ्लैट स्क्रीन टीवी के थंबनेल को ज्यादातर अनदेखा किया जाता है। वास्तव में, अमेज़ॅन पेज के पूर्ण संस्करण पर (अब केवल शीर्ष दिखाया गया है), तस्वीरों पर देखने का केवल 18% समय खर्च किया जाता है, जबकि पाठ पर 82% ध्यान दिया जाता है । औसतन, प्रत्येक उत्पाद के थंबनेल आंख के 0.9 निर्धारण होते हैं, जबकि पाठ विवरण औसतन 4.4 निर्धारण पर आकर्षित होते हैं।



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



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

बड़ी छवियाँ - अच्छा (जब आवश्यक हो)

किसी व्यक्तिगत उत्पाद के बारे में विस्तृत जानकारी वाले उत्पाद पृष्ठों के हमारे शोध में, उपयोगकर्ताओं ने उत्पाद फ़ोटो पर और भी अधिक ध्यान दिया। लोग अक्सर वैकल्पिक उत्पाद तस्वीरें देखना चाहते थे और "विस्तार" लिंक पर क्लिक किया।



2005 में वापस, "अपर्याप्त फोटो विस्तार" वेब डिजाइन में मेरी TOP10 गलतियों में 10 वें नंबर पर था। यही है, जब कोई उपयोगकर्ता "विस्तार" लिंक पर क्लिक करता है, तो छवि उसे दिखाई गई थी, शायद केवल 20% अधिक। और यह मूल आकार से कम से कम 2 गुना होना चाहिए, अधिमानतः और भी अधिक। दुर्भाग्य से, यह त्रुटि 5 साल बाद भी होती है।



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









ध्यान दें कि एक्सट्रीमटेक डॉट कॉम के साथ फ्रंट पैनल के क्लोज-अप ने 12 फिक्सेशंस को आकर्षित किया (साइट पर फोटो यहां से दोगुनी थी)।

सूचना असर छवियाँ - अच्छा

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



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

सारांश

उपयोगकर्ता प्रासंगिक जानकारी वाले तस्वीरों और छवियों पर पूरा ध्यान देते हैं और वेब पेज को केवल "चेतन" करने के लिए उपयोग किए जाने वाले रंगीन चित्रों को अनदेखा करते हैं।



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