किसी वेबसाइट पर उपयोगकर्ताओं की आंखों को कैसे निर्देशित करें


25

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

वेब डिज़ाइन में क्या किया जा सकता है ताकि उपयोगकर्ता को उस दिशा में साइट पर ले जाया जा सके जिस दिशा में आप उपयोगकर्ता को पेज के सही हिस्सों के लिए शिकार करना चाहते हैं?

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


7
आप नीलसन और Pernice द्वारा "Eyetracking वेब उपयोगिता" (2009) में रुचि हो सकती: useit.com/eyetracking
जरी Keinänen

2
@ iyiyu मैं गया और "एफ" लेख पाया और इसे पोस्ट करने के बारे में था जब मुझे एहसास हुआ कि आपके पास पहले से ही था। मैं इस बात पर जोर नहीं दे सकता कि यह पढ़ने की आदत कितनी महत्वपूर्ण है। महान डिजाइन इस प्रवाह के साथ खुद को संरेखित करते हैं, और खराब डिजाइन इसके खिलाफ जाते हैं।
zzzzBov 19

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

जवाबों:


8

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

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

आई ट्रैकिंग आपको यह नहीं बताती है कि क्या उपयोगकर्ता देख रहे हैं वे समझते हैं कि यह क्या है या नहीं। अगर वे झिझक रहे हैं या सिर्फ ग्राफिक रचना की प्रशंसा कर रहे हैं।

एक बेहतरीन किताब जो इसमें आपकी मदद कर सकती है, वह है रॉकेट क्रड मेड मेड ईज़ी ऑफ स्टीव क्रूग


5

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

उस ने कहा, हो सकता है कि आपको मेरा उत्तर इस प्रश्न के लिए उपयोगी लगे कि किसी डिज़ाइन के विशिष्ट क्षेत्र पर ध्यान कैसे आकर्षित किया जाए? यह ठीक वैसा ही सवाल नहीं है, लेकिन यह करीब है।

अधिक नज़र रखने वाले संसाधन:

नेत्र ट्रैकिंग सेवाएं:


3

यहाँ त्वरित टिप: अपने लक्ष्य ऑब्जेक्ट (जैसे एक उत्पाद, एक सदस्यता बटन) को देखने या इंगित करने वाले व्यक्ति की एक छवि शामिल करें। यहाँ एक विज्ञापन से एक उदाहरण है, लेकिन मैंने वेबपृष्ठों पर एक ही रणनीति देखी है: सनसिल्क उदाहरण

(स्रोत: http://www.grokdotcom.com/2007/10/04/how-a-pretty-face-can-push-visitors-away/ )


0

मैं एक वेबसाइट पर उपयोगकर्ताओं की आंखों को निर्देशित करने के दो सरल तरीकों के बारे में सोच सकता हूं:

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

वेब एक स्थिर माध्यम नहीं है। तीर लोगों का मार्गदर्शन नहीं करता है। आपको उन्हें भारित प्रणाली में विभिन्न आकारों और रंगों के साथ मार्गदर्शन करने की आवश्यकता है।
dkuntz2

मुझे समझ नहीं आ रहा है। क्या आप "तीरों को लोगों का मार्गदर्शन नहीं करते" और "एक भारित प्रणाली में विभिन्न आकारों और रंगों के साथ मार्गदर्शन" पर अधिक विस्तृत कर सकते हैं?
गण
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.