मुझे इतनी सारी websites (अपनी भी), products/services, sign-up forms और contests मिले हैं जिनमें मैं कुछ ज़रूरी काम पूरा करने में बिल्कुल lost हो जाता था। इन्हीं अनुभवों की वजह से User Experience के बारे में और जानने की इच्छा हमेशा से थी — सिर्फ website के लिए नहीं, बल्कि किसी भी product/service का अच्छा overall experience users/customers तक कैसे पहुँचाएँ। और कहते हैं कि सीखने का सबसे अच्छा तरीका है सिखाना — इसलिए amateur होने का जोखिम उठाते हुए मैंने यह materials तैयार किए।

हाल ही में मुझे यह घड़ी मिली:

मैंने इसे लगभग खरीद लिया था। यह classic Casio G Shock है — देखने में काफी cool लगती है और पहनने पर और भी अच्छी लगती है। लेकिन मैंने नहीं खरीदी — क्योंकि घड़ी होने के बावजूद मैं analog watch देखकर time नहीं पढ़ पाता। Time बताना एक घड़ी का basic function है। बहुत लोग इसे design के लिए खरीदेंगे — और यह ठीक है, हर कोई अलग होता है।

वियतनाम में Marketers का अपर्याप्त ध्यान

मुझे मानना होगा कि User Experience एक ऐसा area है जिसे वियतनाम में digital agencies और marketers पर्याप्त attention नहीं देते। सब एक "beautiful design" चाहते हैं — ज़रूरी नहीं कि user-friendly। Agency pitch के दौरान कहती है कि वे user experience की परवाह करते हैं, लेकिन execution में यह झलकता नहीं। (आश्चर्य!) Time की कमी एक आम excuse है, client का budget कम होना एक और। Expertise की कमी भी एक कारण है — वियतनाम में user experience professionals बहुत कम हैं।

User Experience मुश्किल है या सिर्फ common sense?

User experience मुश्किल है क्योंकि इसमें बहुत सारी disciplines एक साथ चाहिए। Jodie Moule के अनुसार: interaction design, human factors engineering, industrial design, psychology, anthropology, sociology, computer science, graphic design, cognitive science।

User experience को प्रभावित करने वाले factors:

• Usefulness
• Usability
• Learnability
• Aesthetics: क्या यह अच्छा दिखता है?
• Emotions

Jodie Moule की किताब "Killer UX Design" अच्छी है — खासकर agency में काम करने वाले लोगों के लिए। वे सिर्फ web नहीं, सभी online/offline touchpoints की बात करती हैं।

Beginners के लिए Steve Krug की "Don't make me think" शायद सबसे अच्छी, easy-to-read किताब है। Title में ही सब कुछ है — हमारा काम user को बहुत ज़्यादा सोचने पर मजबूर करना नहीं है। सब कुछ natural और obvious होना चाहिए।

अगर खुद usability test करना चाहते हैं तो Steve Krug की "Rocket Surgery Made Easy" भी है।

Speed मायने रखती है

Google report के अनुसार वियतनाम में site loading का average time करीब 2.5 seconds है। अगर site 15 seconds लेती है, कुछ गड़बड़ है।

मुझे परवाह नहीं कि आपकी website कितनी beautiful, useful या rich है — अगर load होने में 30 seconds लगे, मुझे कोई interest नहीं। Google Analytics में Content category के नीचे page speed report मिलती है।

First Impression मायने रखता है

क्या आप आसानी से समझ सकते हैं कि site किसकी है? आप site के किस section/page पर हैं? यहाँ से आप क्या कर सकते हैं? अगर यह सब पता करने में 20 seconds लग गए, site की information architecture बहुत confusing है। Main navigation में ऐसे terms हों जिनका मतलब आपको पता नहीं — यह user-friendly नहीं है। "Don't make me think" का principle यहाँ भी लागू होता है।

मैं कहाँ हूँ? वहाँ से कहाँ जा सकता हूँ?

User को site पर उनकी location समझाने के लिए breadcrumb और अन्य design cues use करें।

Internal search function अब optional नहीं, MUST है। यह वैसा ही है जैसे किसी department store में खो जाएं तो दो options हैं:

• Signs देखें और direction ढूंढें (main navigation)
• Store assistant से पूछें — यह online में search function का equivalent है।

Amazon की internal search बेहद robust है — user का जीवन आसान बनाती है।

Basic Accessibility

Text to background contrast: Text आसानी से पढ़ा जाना चाहिए। Black text on white/light grey background। Dark blue text on black background — बिल्कुल नहीं।

Font size और spacing: Size 10 से छोटा web पर पढ़ना मुश्किल है। शायद मेरी उम्र हो रही है, लेकिन मैं छोटे text पर time waste नहीं करूँगा।

Clear Visual Hierarchy

जो ज़्यादा important है, वह page पर ऊपर होना चाहिए। Important content above the fold होना चाहिए।

ज़्यादा important headline बड़े font में, कम important छोटे में। और जो चीज़ें logically related हैं, वे physically भी पास होनी चाहिए — जैसे supermarket में fish और dry food अलग-अलग sections में होते हैं।

Convention Follow करना ज़रूरी है

• Site ID/Logo page के top पर होना चाहिए — आमतौर पर top left या top center।
• Company logo homepage पर click करने पर वापस ले जाए।
• Clickable links clearly दिखें: convention के अनुसार blue और underlined text clickable है।
• Self-invented icons बिना text support के मत use करें।
• Site search top center या top right में हो।

Key Actions Complete करने की क्षमता

यह सबसे ज़रूरी aspect है। अगर user वह आसानी से कर सके जो आप उनसे करवाना चाहते हैं — आप star हैं! अगर नहीं — आप डूब जाएंगे चाहे site कितनी भी "pretty" हो।

Top 3-5 key actions list करें जो आप users से करवाना चाहते हैं। 3-5 scenarios लिखें। अब इसे किसी ऐसे person से test करवाएं जो marketing team, creative team, sales या IT team का हिस्सा नहीं है। Target audience से test करें। जो होगा उसे देखकर आप हैरान हो सकते हैं।

• किसी event में invite करना है? Register link को ढूंढना बहुत मुश्किल नहीं होना चाहिए — 5 pages scroll करने के बाद bottom पर छोटा link नहीं।
• Fast food chain है और phone order चाहते हैं? Phone number homepage पर clearly visible होना चाहिए।

कुछ और छोटी-छोटी गलतियाँ

• Sign up form में सिर्फ 1 password field, confirm password नहीं??
• Form जो बहुत ज़्यादा personal information माँगे बिना कारण बताए।
• Form submit करने पर error आने पर सब data गायब — 2013 में यह नहीं चलता। Password या CAPTCHA दोबारा भरना ठीक है, बाकी सब नहीं।
• Status bar photo/video upload के दौरान: वियतनाम में internet slow है — user को पता होना चाहिए कि progress हो रही है।
• Auto play video with sound ON: Marketer के रूप में हम video दिखाना चाहते हैं, लेकिन auto play with sound मेरी पहली reaction होती है उसे बंद कर दूँ — देखे बिना।
• Location without map: Address list करना काफी नहीं। Google Map accurate और easy है — use करें।

• Logo जो clickable न हो! यह मुझे सबसे ज़्यादा परेशान करता है। Logo पर click करके homepage पर वापस जाना एक common habit है — clickable न होने वाला logo बताता है कि आपको अपने users की परवाह नहीं।

बस मेरी तरफ से इतना। अपने experience और advice share करें ताकि यह list और useful बने।

शुभकामनाओं सहित, Chandler

P.S: यह chapter मेरी किताब Vietnam Digital Marketing Fundamentals में भी शामिल है!

Update 1: 13Jul 2013 Dr. Peter J. Meyers का "25 point website usability checklist" एक उपयोगी checklist है।

Update 2: 28Oct2013. ज़रूर पढ़ें — 28 शानदार UI tips: http://goodui.org/