關於User Experience嘅一啲諗法
我用過無數令人頭痛嘅網站同註冊表——呢度係我學到嘅關於點解user experience喺越南被忽視同點樣修正嘅經驗。
我見過好多網站（包括我自己嘅）、產品/服務、好多註冊表、好多比賽，搞到我完全唔知點樣完成某啲critical tasks。因為呢啲經歷，我一直都想了解多啲User Experience，唔單止係網站，而係點樣將好嘅overall experience帶畀產品/服務嘅用戶/客戶。有人話最好嘅學習方法就係教人，所以雖然冒住聽起嚟太ignorant同喺user experience方面完全係amateur嘅風險，我整合咗一啲關於呢個subject嘅materials。我喺最新嘅書Vietnam Digital Marketing Fundamentals入面都有講到。最近我見到呢隻錶。
FYI我差啲就買咗。佢係Casio G Shock嘅經典款之一。睇起嚟幾cool，戴上手仲靚。不過我最後冇買，因為作為一隻錶，我睇唔到analog錶面顯示幾點。能夠show幾點係錶最基本嘅功能。唔好誤會，我覺得好多人會因為佢嘅design而買，我的確見到幾個路人戴住佢。每個人都唔同。Introduction夠喇，依家開始深入探討。
越南marketer嘅關注唔夠
我要講user experience係一個喺越南嘅digital agencies同marketers入面唔太受到足夠關注嘅領域。雖然佢唔係新嘢，但似乎所有人都喺追求靚嘅design而唔係一個user-friendly嘅site。而且，agency可能喺pitching嘅時候話佢哋care user experience，但喺execution階段可能就冇做到。（廢話！）時間唔夠係常見嘅藉口，客戶budget唔夠係另一個。缺乏expertise可能都係原因。事實係越南嘅user experience professionals唔係好多。
User Experience係難定其實係common sense？
User experience難係因為佢需要好多disciplines一齊配合。從Jodie Moule嘅觀點嚟睇，佢需要：interaction design、human factors engineering、industrial design、psychology、anthropology（anthropology嘅定義喺度）、sociology、computer science、graphic design、cognitive science。有好多因素會影響用戶對產品/服務嘅體驗：
- Usefulness
- Usability
- Learnability
- Aesthetics：靚唔靚？
- Emotions
順帶一提，Jodie Moule寫咗一本好書叫「Killer UX Design」。如果你喺agency做嘢，Killer UX Design好applicable，因為作者係從agency嘅角度寫嘅。Jodie唔係淨講web上面嘅User Experience，佢仲generally討論咗你可能同用戶/客戶online/offline嘅所有touch points。呢個係一個好powerful嘅概念，因為好多時候，淨係Owned Media Channel一個，我哋就會有website/microsite、Facebook fanpage、YouTube Channel等等... 唔單止用戶用desktops、laptops、smartphones、tablets嚟access呢啲properties，所以我哋需要確保喺成個user journey入面有pleasant嘅experience，從佢哋第一次同我哋接觸開始，佢哋之後做咩，然後佢哋完成之後去邊。對於amateur嚟講，好多User Experience嘅嘢應該係easy同common sense。佢來自對用戶需求嘅理解同focus。「Don't make me think」（Steve Krug著）可能係我呢啲amateur最好、最容易讀嘅書之一。書名已經為我哋summarize咗一切，係咪？我哋嘅工作唔係令用戶要想太多先可以用個website/application。所有嘢都應該係natural、obvious嘅，特別係key call to action。如果你想更進一步自己做usability test，Steve Krug有另一本好、簡單易讀嘅書叫「Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems」。Amazon有一個關於User Experience and Website Usability嘅best sellers section，你可以check吓。因為呢個subject已經有好多materials，所以我唔想reinvent the wheel。我強烈建議你揀幾本User Experience嘅書嚟讀。不過我都明白有啲人唔想讀太多書，只係想要一啲practical tips令生活easier。所以以下係你應該睇嘅basic checklist：
速度好重要
從Google嘅report可以睇到，越南嘅網站平均loading time大概2.5秒，所以如果個site要15秒先load到，就有啲唔對路。用戶喺internet上面唔想等，20秒喺網上已經係「好長嘅時間」。
有好多關於點樣令你嘅site更快嘅文章，包括Google嘅文章。我唔理你個website幾靚、幾有用、幾rich，如果要30秒先load到，我唔感興趣。如果你喺個site裝咗Google Analytics，你可以喺Content category下面睇page speed report。
第一印象好重要
你能唔能夠輕鬆理解個site係關於咩？係邊個site？你喺site嘅邊個section/page？你喺而家嘅位置可以做咩，係唔係obvious嘅？如果你要太耐（好似20秒）先搞清楚你喺邊、你可以做咩/點開始，個site嘅information architecture可能太confusing或者design太複雜。如果main navigation入面有terms你唔肯定係咩意思，咁可能唔夠user-friendly。雖然某啲site因為好technical所以需要有domain knowledge嘅用戶先用到，但我對嗰啲site owners嘅challenge係：「你想唔想有更多business？你想唔想從之前唔係你客戶嘅人嗰度得到更多business，即係新客戶？」所以盡量令嘢simple到人哋可以理解係最重要嘅。呢度嘅overarching principle仲係「Don't make me think」。
我喺邊？我可以去邊？
為咗幫用戶理解佢哋喺site嘅邊度、喺呢個level有咩options，我哋可以用breadcrumb同其他design cues。如果你唔知breadcrumb係咩，請參考以下screenshot：
另外，好重要嘅係用戶如果迷路咗可以 search 個site。呢個係好重要嘅功能。不過，我都好慚愧我個site嘅search功能唔係好好！以我嘅意見，internal search功能已經唔係optional而係MUST（當然如果你個site只有兩頁，你可能唔需要search功能）。Internal search功能基本上就係個search button，畀用戶喺你個site上面search嘢。現實生活嘅analogy係如果你喺百貨公司搵唔到嘢或者迷路，你基本上有兩個options：
- 你睇吓頭頂嘅指示牌嚟理解你喺邊同搵你想去嘅地方。即係睇main navigation
- 你問附近嘅store assistant點去珠寶section或者兒童section等等... 呢個就等於online嘅search功能。我經常好懶，總係問store assistant，所以喺online上面，如果我唔能夠即刻搵到我要嘅嘢，我就會用search功能。Amazon，最大嘅e-commerce site之一，有一個好robust嘅search功能，令用戶嘅生活好easy。
基本accessibility問題
文字同背景對比：文字應該易讀，同背景有足夠嘅contrast，好似白色或者淺灰色背景上嘅黑色文字。千祈唔好試用黑色背景上嘅深藍色文字或者藍色背景等等... T以下嘅例子除咗其他問題之外，文字同背景嘅contrast都唔好，仲試圖用文字解釋一個location？
另一樣係字型大小同spacing。我覺得任何細過size 10嘅嘢喺web上面都唔容易讀。可能我老喇，但我唔會花時間去讀細字。
清晰嘅visual hierarchy
我哋可以花好多時間討論呢個point。本質上係越重要嘅嘢，需要喺頁面越高嘅位置。重要嘅content應該above the fold。
以上係literally一個landing page嘅「above the fold」部分，係我click咗vnexpress上面嘅banner之後見到嘅。如果你係用戶，你覺得點？另外，越重要嘅headline應該用越大嘅字。請睇以下screenshot，估吓佢想convey咩information，即係呢張地圖嘅重要information係咩？呢個screenshot嘅context係一個房地產項目嘅location。你喺地圖上面見唔見到個project？我喺Location menu下面睇咗大概一分鐘都搵唔到。
邏輯上相關嘅嘢應該物理上靠近。就好似你喺超市點排列商品一樣。你唔會見到魚同乾糧混喺同一個section，對唔對？
跟從convention好重要
一啲conventions包括：
- Site ID（logo）需要清楚標明，而且通常喺頁面頂部。佢通常喺左上角或者上方中間嘅位置，多過右上角。你有冇見過site logo喺右上角嘅？
- 公司logo應該link返homepage
- 清楚標明邊個部分係可以click嘅：按照convention，藍色加底線嘅文字係可以click嘅（有時候淨係藍色文字都得）。
- 唔好用冇文字support嘅自創icon。呢個同樣適用於自創嘅abbreviation。雖然用一啲新發明嘅abbreviation可能令你聽起嚟好cool，但對business唔好。如果人哋唔明某樣嘢而你又唔喺度答佢哋嘅問題（記住係online啊！），咁就只會turn people off。
- Site search應該喺頂部居中或者右上角位置。
完成Key actions嘅能力
呢個被認為係最重要嘅方面。如果用戶可以成功、輕鬆、冇hiccup咁完成你想佢哋做嘅嘢，你就係star！如果用戶做唔到佢哋想做嘅嘢，你就完蛋喇，唔理你個site幾「靚」。列出你想用戶喺site上面做嘅top 3-5個key actions。然後寫3-5個同呢啲key actions match嘅scenarios，等如果你叫其他人完成呢啲tasks，佢哋會有background information。呢個應該好easy，幾乎任何人，由marketing到IT到sales都可以做呢個list。而家，用一個唔係marketing team、creative team、sales或者IT team嘅人嚟test呢個list。基本上我想要嘅係你要嘛同target audience test，或者因為target audience通常會比較闊，你可以同任何冇參與building、designing、maintaining個site嘅人test。希望你唔會好似我喺好多場合咁surprised。以下係一啲例子：
- 如果你想邀請人嚟你organize嘅party/event，最好唔好direct佢哋去你嘅PR新聞頁或者將offline brochure放上網。我見過brochure type landing page，用戶完全唔知點register。佢哋基本上要scroll落去大概5頁先喺底部見到一個好細嘅call to action話register here for your free tickets。
- 如果你係快餐店，想用戶去個site然後打電話叫嘢食，你嘅電話號碼應該喺homepage同盡可能多嘅頁面visible。唔好將佢收埋喺其他地方。
其他小嘢
我會列出一啲我見過嘅常見website/microsite「錯誤」，等你可以留意：
- 註冊表只有1個密碼field，冇重新輸入密碼嘅field？？
- 註冊表要求太多個人資料而冇好嘅理由。
- 註冊表click submit button之後如果有嘢出錯，所有嘢都冇晒，你要重新打晒所有嘢！拜託而家係2013年，用戶唔應該因為有嘢出錯就要重打所有field。重打密碼或者CAPTCHA可以理解，但唔係所有嘢好似name、email等等...
- Upload相或者影片時嘅Status bar：以越南相對慢嘅internet connection嚟講，如果我哋要求用戶upload嘢，我哋應該有一個status bar行緊，等用戶知道進度、失敗咗、仲要等幾耐？
- Auto play影片加sound ON：我知道作為marketer，我哋想人哋睇我哋嘅影片，特別係如果花咗幾千蚊去拍。不過以我嘅意見，auto play影片加sound ON係大大大NO NO。作為用戶，我嘅第一反應永遠都係關咗個影片同聲，唔理佢播緊咩。
- 冇地圖嘅Location：好多時候，我哋會喺網站上面放office、store、餐廳嘅locations，想用戶去探訪。不過淨係列出address冇地圖係sub optimal嘅。Google Map好準確又容易做，所以加埋佢等用戶知道點去你嘅store/餐廳。
以下嘅store listing喺我睇嚟係sub optimal嘅。
呢個就好好多。有詳細address、電話號碼、地圖等等... 
- 唔可以click嘅Logo！呢個真係要我命。好常見嘅習慣係人哋會click logo期望返到homepage。有logo但唔可以click就係傳遞一個訊息：你根本唔care你嘅用戶。
以上就係我嘅分享。請share你嘅經驗、建議嚟令呢個list更complete同有用。我肯定漏咗好多嘢。祝好，Chandler P.S：呢個chapter都包含喺我嘅書Vietnam Digital Marketing Fundamentals入面！更新1：2013年7月13日 我搵到一個有用、簡單嘅checklist，來自Dr. Peter J. Meyers「25 point website usability checklist」 更新2：2013年10月28日。一篇must read，有28個好正嘅User Interface tips http://goodui.org/
