
2014-05-12 | &nbs★©↓♦p; 發布者:梁國(guó)芳 ♣≥σ★ | 查看(kàn♠δ♠):3320次
網站(zhàn)優化(huà)谷歌(gē)公司的(de)研究人(rén)員(yuán)聆聽(tīng)≈×≈σ了(le)119個(gè)小(xiǎo)時(shí)用(y ₩òng)戶對(duì)移動網站(zhàn≥®)的(de)抱怨,了(le)解到(dào)構建移動網站(zhàn)的(d•<e)精髓。
最近(jìn),來(lái)自(zì)谷歌(gē)公司和(hé)Ω∑÷βAnswerLab的(de)研究人(rén)員λ£(yuán)主持了(le)一(yī)場(chǎn→←g)長(cháng)達119小(xiǎo)×時(shí)的(de)用(yòng)戶測試會(huì)議(yì≤₽→∑),他(tā)們每天都(dōu)會(huì)讓用(yòng₹÷☆π)戶訪問(wèn)100個(gè)不(bù)同的(de)移動網₽±&♥站(zhàn),這(zhè)些(xiē) 網站(zγ€hàn)涉及的(de)行(xíng)業(yè)範圍非常廣泛,比如(Ω>☆±rú)零售行(xíng)業(yè),保險行(xíng)業(yè),或是(>↑✔βshì)新聞行(xíng)業(yè)。參與測試的(de)®≥用(yòng)戶會(huì)把自(zì)己的(d♦<παe)使用(yòng)感覺實時(shí)告訴研究人(rén)員(yuán)。→∞ 最後,谷歌(gē)公司的(de)研究人(rén)員(yuán)總結 出了(©☆ le)25個(gè)要(yào)點,內(nèi)容如(rú)下(xi•Ωà):
1、“行(xíng)為(wèi)召喚”>✘±內(nèi)容要(yào)靠前或居中
對(duì)于移動用(yòng)戶來(lái)說(Ω÷₹$shuō),往往很(hěn)容易忘記菜單選項,因此,你(n>α≥ǐ)應該把自(zì)己最關鍵的(de)“行(xíng)為(wèi)±£ 召喚”內(nèi)容放(fàng)置在一(yī)個(gè)醒目的(♣α↓de)位置上(shàng),這(zhè)Ω樣用(yòng)戶就(jiù)能(néng)輕松看(kàn)到(dào)。所以¥♠™,你(nǐ) 需要(yào)讓最重要(yào)的(de∏↑)“行(xíng)為(wèi)召喚”內(nèiφ∞)容占據到(dào)網站(zhàn)的(de↔•)主體(tǐ)部分(fēn)上(shàn " §g),用(yòng)戶就(jiù)能(néng)夠♠©÷∏快(kuài)速完成相(xiàng)關任務,另外(≤"÷wài),如(rú)果要(yào)繼續執行(®∏¶↕xíng)下(xià)一(yī)個(gè)任務,↔₩₩你(nǐ)可(kě)以利用(yòng)菜單選項标>≠&明(míng),也(yě)可(kě)以 把下(xià)個( γ≈gè)任務緊跟在第一(yī)個(gè)任 務完成之後。在移動端,你(nǐ)的(de)“行(xíng)為£☆(wèi)召喚”內(nèi)容應該和(hé)桌面終端不(b≠↓ù)一(yī)樣,所以你(nǐ)必須要(yào)"₽∑≥“對(duì)号入座”,因地(dì)制(zhì)≠<±宜。
關鍵要(yào)素:把你(nǐ)最重要(yào)的(de)“行≥λσφ(xíng)為(wèi)召喚”內(nèi)容放(fàng)置在γ←✔♦網站(zhàn)最突出的(de)位置上(shàng)面✔ $γ。
2、讓菜單看(kàn)起來(lái)既簡潔∞₹₽又(yòu)親切
一(yī)個(gè)範圍較廣的(de)菜單可(kě)能(néng)非常适用₹•(yòng)于桌面網站(zhàn),但(↕↓dàn)是(shì)移動用(yòng)戶可(kě)能(÷∏®♣néng)沒有(yǒu)足夠的(de)耐心來(lái)回☆↑✘滑動自(zì)己的(de)手機(jī),他↔↓(tā)們不(bù)喜歡在查看(kàn)一(yī)長(chángδ≥)串菜單選項之後才找到(dào)自(zì)己想 要(y€÷ ào)的(de)東(dōng)西(xī)。那(nà)麽♠δ,你(nǐ)需要(yào)想想看(kàn),如(rú)何在∏φ最少(shǎo)的(de)菜單裡(lǐ)面放(fàng)上(shàn☆δβg)自(zì)己最需要(yào)的(de)功能(néng)選項呢↑↑(ne)?舉個(gè)例子(zǐ),有(yǒu)一(yī)家(jiā)€∑ 大(dà)型零售商店(diàn)(在此就(jiù)不(bù★≠¥)透露它的(de)名字了(le)),他(≈ tā)們在自(zì)己 的(de)移動網站(zh&↕•£àn)上(shàng)優化(huà)産品類λ别菜單,和(hé)桌面菜單完全不(bù)同,讓Ω≥™&移動終端的(de)菜單選項為(wèi)用(yòng)戶提供了(le)αασ一(yī)個(gè)更加簡短(duǎn)βα,更加清晰的(de)産品列表。
關鍵要(yào)素:一(yī)個(gè)簡短(duǎ♣α×n)的(de)菜單,搭配上(shàng)清晰的(de)類≈δ≤别選項,可(kě)以讓移動訪問(wèn)者更加清晰的(de)進行(xíng)α站(zhàn)點導航。
3、要(yào)讓用(yòng)戶便于回到(dào)主頁
當移動用(yòng)戶在你(nǐ)的(de)網站(β★zhàn)上(shàng)面導航浏覽時(shí),他(≠→tā)們會(huì)希望可(kě)以快(kuài)速回到(dào)λ₽ 之前的(de)主頁上(shàng)面。谷歌(gē₹≠)公司在研究中發現(xiàn),用(yòng)戶往往喜歡點擊頁面上(αφ∑αshàng)的(de)公司Logo,因為(wèi) <₹≈他(tā)們覺得(de)這(zhè)種方式可(kě)以直接回到(dào×&)主頁上(shàng)去(qù),所以你(nǐ)的(de)₹↓∏網站(zhàn)必須也(yě)要(yào)支持這(zhè)個(gè)功¶✔能(néng),否則如(rú)果用(yòng)戶點擊©↑了(le)Logo,卻毫無反應,他(tā)們≥ 肯定會(huì)覺得(de)非常失望。
關鍵要(yào)素:把網站(zhàn)上(shàng)的(de)♣↔α公司Logo優化(huà)成一(yī)個(gè)導航按鍵,當用(yò₽∏¥ng)戶點擊之後可(kě)以導航回到(dào)主頁
4、别讓促銷廣告搶了(le)你(nǐ)網站(zhàn)的(de)風(fēng)±☆λ♣頭
促銷活動和(hé)廣告會(huì)影(yǐng)響你(nǐ)的(de)網πα×站(zhàn)內(nèi)容,也(yě)會(huì)影(yǐn≈∞→↔g)響用(yòng)戶在網站(zhàn)上(shφ ↓àng)的(de)體(tǐ)驗。谷歌(gē)的(de)研究人(rén)員(yλεuán)讓用(yòng)戶訪問(wèn)一(yī)家(jiā)公司¶ 的(de)移動網站(zhàn),上(shàng)面有(yǒu)一(yī)個(✘≈∏gè)巨大(dà)的(de)橫幅廣告,這(zh¶∏α←è)些(xiē)用(yòng)戶無一(yī)不(bù)被這(zhè)個'₹σ (gè)廣告吸引,而無心注意廣告下(xià)面δ¥↑☆的(de)導航按鍵,而這(zhè)個(gè)導航按鍵反而能(néngλ&γ)夠為(wèi)用(yòng)戶提供更多(du•£↑≈ō)關于該公司的(de)內(nèi)容信息。
關鍵要(yào)素:确保促銷廣告不(bù)會(&♣×πhuì)影(yǐng)響網頁的(de)導航§↔功能(néng),而且要(yào)把廣告和(hé)&ldqσ↔♣∞uo;行(xíng)為(wèi)召喚”內(nèi₽φ)容徹底區(qū)分(fēn)開(kāi)
5、保持搜索功能(néng)可(kě)見(jiπ§®♦àn)
如(rú)果用(yòng)戶需要(yào)尋找一(yī)些(™₩xiē)特殊信息,那(nà)麽他(tā)們就(jiù)會(hu✔ ì)使用(yòng)網站(zhàn)的(de)♠搜索功能(néng),因此,搜索必須是(shì)移動網站("¶> zhàn)上(shàng)最重要(yào)₩↔的(de)功能(néng)之一(yī),一(yī)般而言,用(yòng)↓ 戶希望能(néng)夠在網站(zhàn)頁面的(de)頂部使用(yò§§αng)文(wén)本搜索功能(néng),→₽€因為(wèi)頁面頂部位置最容易讓人(rén)發現(÷©xiàn)。
關鍵要(yào)素:把網站(zhàn)的(de)搜索÷∑功能(néng)放(fàng)在主頁的(de)頂部,可(kě)以用(yò®αε♣ng)一(yī)個(gè)文(wén)本 Ω₩★框顯示搜索功能(néng)。
6、确保網站(zhàn)搜索結果符合用(yòng)戶©""預期
實際上(shàng),用(yòng)戶似乎并不(♦¶bù)討(tǎo)厭(yàn)一(yī)頁一(yī)頁的(de)α♠←®翻閱搜索結果,但(dàn)是(shì)他↓ε©(tā)們更加看(kàn)重網站(zhàn)返回的(de↕±)搜索結果是(shì)否符合他(tā)們的(de)預期↔,因此,你(nǐ)至少(shǎo)需要(yào)确保自(zì)己搜索結±←果的(de)第 一(yī)個(gè)顯示頁面能(néng)夠精準的(de)滿♦ •足用(yòng)戶搜索要(yào)求。在移動終端π≤÷上(shàng)面,因為(wèi)屏幕非常小(xiǎo),所以你(nǐ)需<±要(yào)提供一(yī)些(xiē)智能(néng)搜索功能(n≠γéng),比如(rú)幫助用(yòng)戶自★÷₽(zì)動拼寫,或是(shì)修正用(yòng)戶的(de)錯(↕∏✘βcuò)誤 拼寫,等等。
關鍵要(yào)素:确保你(nǐ)的(de)網站(zhàn)搜索©&→功能(néng)可(kě)以返回有(yǒu)®≠∞γ效的(de)結果,另外(wài)需要(yào)完善智能(néng ∑)搜索,提供自(zì)動拼寫或錯(cuò)誤拼寫糾正↑'等功能(néng)。
7、使用(yòng)過濾功能(néng)提升網站(♣&zhàn)搜索易用(yòng)性
用(yòng)戶會(huì)使用(yòng)搜索過濾功能(né∏≈↑÷ng),這(zhè)樣可(kě)以縮小(xΩ×iǎo)搜索範圍,返回的(de)搜索結果也(yě)更精準。不(bù)過,你(nπ∞ǐ)需要(yào)确保用(yòng)戶使用(yòng)過濾∏★搜索之後,不(bù)會(huì)一(yī)無所獲。 "₹£網站(zhàn)應該讓用(yòng)戶知(zhī)道↓™(dào)一(yī)個(gè)過濾搜索功能(néng™♦)可(kě)能(néng)會(huì)返回多"≥♦(duō)少(shǎo)搜索結果,這(zhè)樣可(kě)以幫助用(yòng≥₹)戶避免一(yī)些(xiē)問(wèn)題。
關鍵要(yào)素:為(wèi)用(yòng±)戶提供過濾搜索服務,但(dàn)是(sh★<αì)要(yào)确保不(bù)會(huì)≥₩← 返回空(kōng)結果。
8、指導用(yòng)戶去(qù)訪問(wèn)較±♦好(hǎo)的(de)網站(zhàn)搜索結果
對(duì)于一(yī)個(gè)網站(zhàn)而<α&₩言,用(yòng)戶有(yǒu)各種各樣的(de)類型,所以,在用(yò↔↑ng)戶進行(xíng)搜索的(de)時(shí)候,可(kě)以先詢φ♠'問(wèn)幾個(gè)相(xiàng)關•< 問(wèn)題,這(zhè)樣可(kě)以确保他(tā)∑們的(de)搜索結果與預期一(yī)緻。舉個¥Ω→(gè)例子(zǐ),一(yī)家(jiā₩π)大(dà)型鞋子(zǐ)零售商在其移動網站(zhàn)上(shàngβ')面提供了(le)搜索服務,但(dàn)是(shδ<ì)搜索前會(huì)詢問(wèn)用(yòng)戶的(♠∞↓™de)性别,以及腳的(de)尺寸等問(wè&₽δn)題。
關鍵要(yào)素:如(rú)果你(nǐ)希望縮小(xiǎo)搜索返回結果的δ™✔♣(de)範圍,那(nà)麽可(kě)以提前詢問(wèn)用("∑↓yòng)戶一(yī)些(xiē)相(xiàn¶→g)關問(wèn)題,這(zhè)樣确保用(yòng)戶能(néng)®σ看(kàn)到(dào)符合自(zì)己預期的₹↓(de)搜索結果。
9、不(bù)要(yào)一(yī)上(shàng)來(lái π ")就(jiù)讓用(yòng)戶在網站(zhàn)上(shàng)≥✘↔注冊
如(rú)果你(nǐ)的(de)移動網站(zhàn)一(yī)∞上(shàng)來(lái)就(jiù)讓用(yònφδ≤g)戶注冊,那(nà)麽體(tǐ)驗一(yī)定非常糟糕。谷 ★歌(gē)公司的(de)研究人(rén)員(yuán)發現(xγ≤™iàn),最讓用(yòng)戶難以接受的(de)就(jiù¶)是(shì)必須注冊之後才能(néng)訪問(wèn)網站(z≤♥∑≈hàn)內(nèi)容。實際上(shàng),用(∏★∑yòng)戶希望在提交個(gè)人(rén)信息之前就(jiù)₽π可(kě)以先浏覽一(yī)下(xià)網站(zhàn)內(nèi)容,至少('α∞shǎo)需要(yào)了(le)解一(©>yī)下(xià)這(zhè)個(gè)網站(zhàn)能(néng)夠≥"©為(wèi)自(zì)己提供些(xiē)什(shén)麽東(dōng)西(xαī)。
關鍵要(yào)素:不(bù)要(yào)強迫用(y•<òng)戶注冊一(yī)個(gè)賬号,允許任何♥→♦訪問(wèn)者浏覽你(nǐ)的(de)≤©$×網站(zhàn)
10、讓用(yòng)戶能(néng)以訪客的(∏'π£de)身(shēn)份在你(nǐ)的(de)網站(zhàn)上(shàng↕✘₽)購(gòu)物(wù)
即便用(yòng)戶想在你(nǐ)的(de)零售網站(zh≠€≈àn)上(shàng)購(gòu)買商品,但(dàn)其實↕>>§,他(tā)們仍然不(bù)希望注冊一(yī)個(gè)賬戶。¶""用(yòng)戶會(huì)覺得(de),如(rú ←)果能(néng)夠以訪客的(de)身(shēn)份購(g ↕↑€òu)買商品,那(nà)麽真的(de)是(shì)非常方便,簡單,而且快(ku↔€£ài)捷。人(rén)們不(bù)太喜歡在網™<∞↓站(zhàn)購(gòu)物(wù)時(σλ♠¶shí)強制(zhì)注冊一(yī)個(gè)賬号,而且,許多(duō)網≈₩ 站(zhàn)并沒有(yǒu)告知(zhī)用(yòng)戶注冊賬号對(₽←•duì)他(tā)們來(lái)說(shuō)有(yǒu)什(s hén)麽好(hǎo)處。
關鍵要(yào)素:你(nǐ)可(kě)以在移動網站(zhàn)上(shà≤ <βng)面提供一(yī)個(gè)選項,讓用(yòng)戶能(nénφg)以訪客的(de)身(shēn)份進行(x₩÷íng)購(gòu)物(wù)。另外(wài),如(r≥∑¥ú)果你(nǐ)需要(yào)用(yòng)δ↑ ☆戶在網站(zhàn)上(shàng)注冊一(yī)個(gè)賬号,那(™©εnà)麽可(kě)以明(míng)确的(Ω$de)告訴他(tā)們注冊賬号會(huì)有(yǒu)什(sh±•±↓én)麽好(hǎo)處。
11、使用(yòng)已有(yǒu)信息,"§最大(dà)程度為(wèi)用(yòng)戶λ≠↕♠提供便利
對(duì)于那(nà)些(xiē)網站(zhàn)注冊用(yòngε∏)戶而言,你(nǐ)需要(yào)記住他(tā)們的(de)偏好(hǎo★>α )。而對(duì)于新用(yòng)戶而言,你(nǐ)₩®可(kě)以提供一(yī)個(gè)他(tā)們習(xí)慣使用↑(yòng)的(de)第三方支付服務。谷歌(φ≠gē)研究人(rén)員(yuán)對(duì)一(yī)些(xiē)零$™ε售網站(zhàn)進 行(xíng)了(le)調研,他(tā)們€→發現(xiàn)許多(duō)網站(zhà→±n)都(dōu)提供了(le)第三方支付服務,避免了(le)最後買單時(♥'↑shí)的(de)不(bù)便,另外(wài)移動♣☆β網站(zhàn)還(hái)可(kě)以根>≈α據注冊用(yòng)戶的(de)已有(yǒu)信息,提供預填∑λ∞ 物(wù)流地(dì)址信息功能(néng)。
關鍵要(yào)素:要(yào)利用(yònα<g)好(hǎo)你(nǐ)手中掌握的(de)信息,£∑★盡可(kě)能(néng)使用(yòng)第三方支付服務,盡可(kě)π∑∞能(néng)為(wèi)用(yòng)戶提供便利
12、對(duì)于複雜(zá)任務,使用(yòng)“點擊撥≤★♣打電(diàn)話(huà)”功能(β™÷néng)
如(rú)果用(yòng)戶需要(yào)進入一(yī)個(gè)較為∞" (wèi)複雜(zá)或是(shì)較為(wèi)敏感的(de)α£→任務時(shí),你(nǐ)需要(yào)提供一(yī)個(gè)&ldquo∏¥±;點擊撥打電(diàn)話(huà)&rdqu£α§o;的(de)服務功能(néng)。舉個(gè)例✘©子(zǐ),有(yǒu)一(yī)家(jiā)提供金(jīn)融服務¶<的(de)公司,他(tā)們的(de)移動網站(z¶₽hàn)上(shàng)就(jiù)提供了(le)這(zhè)ε¥β≠項功能(néng),如(rú)果用(yòng)∑ 戶不(bù)想在移動端填寫複雜(zá)的(de)表格,可(kě)以立刻用(♣♠∑≥yòng)自(zì)己的(de)移動手機(¥₽€jī)撥打電(diàn)話(huà),由人(rén)工(gō±↓♥ng)坐(zuò)席受理(lǐ)業(yè)務。
關鍵要(yào)素:當用(yòng)戶需要(yào)↕®提供複雜(zá)信息時(shí),你(nǐ)可(kě'<≥↓)以在網站(zhàn)突出位置上(shàng)提供一(yī)個(gè)&✘≈ldquo;點擊撥打電(diàn)話(huà)”功能(néng),© ♥™這(zhè)樣可(kě)以避免客戶從(cóng)“漏鬥&r↑♣↔♠dquo;裡(lǐ)掉下(xià),造成客戶流失。
13、當用(yòng)戶更換不(bù)同的£¥(de)移動設備時(shí),确保能(néng)夠便捷的(de)完&✘✘✔成交易
用(yòng)戶可(kě)能(néng)會(huì)在不(bù✔★)同的(de)移動設備上(shàng)訪 ₽÷☆問(wèn)你(nǐ)的(de)移動網站(zhàn)£ ↕φ,因為(wèi)你(nǐ)需要(yào)提供一(yī)個(gè)簡→γ±單的(de)方法,讓他(tā)們在不(bù)同設備上(♦&shàng)分(fēn)享信息。比如(rú)一™₽(yī)家(jiā)招聘網站(zhàn),當用(yòng)戶完成應聘之後,®σ&他(tā)們會(huì)發生(shēng)一(yī)封電(diàn✔βδ)子(zǐ)郵件(jiàn),這(zhè)樣用(yòng)戶在其他(≠σtā)設備上(shàng)也(yě)能(néng)訪問(wèn)自(z&™ì)己的(de)網站(zhàn)。
關鍵要(yào)素:移動用(yòng)戶很(hěn)可(kě)能(néng)€會(huì)更換不(bù)同的(de)設備,•<✔因此你(nǐ)可(kě)以通(tōng)過社交分(fēn)享,電(diàn)∑®&∏子(zǐ)郵件(jiàn),或是(shì)&ldqu<¥o;存入購(gòu)物(wù)車(chē)”等方法∏πφ✔,讓用(yòng)戶能(néng)夠繼續✘ 自(zì)己在網站(zhàn)上(shàng)的¶•™≤(de)體(tǐ)驗。
14、信息輸入時(shí)做(zuò)到(dào)↔£≠Ω流線作(zuò)業(yè)
如(rú)果網站(zhàn)能(néng)夠預先判斷出一(yī)些(xiē)信•∏ ✘息,用(yòng)戶體(tǐ)驗就(jiù)會(huì)非常§↓∑棒。比如(rú)預先判斷出用(yòng)戶所在的≤≈(de)郵政編碼,或是(shì)出生(shēng)日(r÷ì)期等等。在輸入一(yī)些(xiē)信息時(shí),如(rú)果'α₩能(néng)夠做(zuò)到(dào)自(zì)動 輸入,那(nà)麽體(t>>₩ǐ)驗将會(huì)更加流暢。相(xiàng)比而言,'☆ φ如(rú)果網站(zhàn)要(yào)求用(yòng)戶在小(xiǎo)表格×☆&β框內(nèi)反複輸入一(yī)些(xiē)信息,讓他(tā)們在手≤→★ 機(jī)鍵盤上(shàng)頻(pín±∑✘ )繁切換數(shù)字/字母模式,體(tǐ✘¶λ←)驗就(jiù)會(huì)非常糟糕。
關鍵要(yào)素:如(rú)果你(nǐ)的(de)網站(zhàn)需要™λ↔(yào)輸入數(shù)字時(shí),可(kě)以為(®↔wèi)用(yòng)戶提供一(yī)個(gè)專門(mé↔≥"n)的(de)數(shù)字鍵盤,當用(yòng)戶點擊輸入框時(shí),•λ©自(zì)動彈出這(zhè)個(gè)數(shù)♣λ©字鍵盤。
15、為(wèi)每一(yī)個(gè)任務選擇最簡單的(de)輸入方法♣φ★
如(rú)果用(yòng)戶需要(yào)在有(yǒu)限的(de)選擇項• 內(nèi)做(zuò)選擇時(shí),最簡單的(de)方式φ™→©就(jiù)是(shì)點擊選擇,而不(bù)是(shβ★ì)使用(yòng)文(wén)本輸入,或是(shì)<π÷♥在下(xià)拉框內(nèi)選擇。如(rú)果要(yào)在許多(duō)選÷φ 項中選擇一(yī)個(gè)項目,傳統的(de∑→)下(xià)拉框是(shì)最直接的(de)。無論什(α↔λshén)麽任務,你(nǐ)需要(yào)選擇最簡單的(de)輸入方法。©π£
關鍵要(yào)素:如(rú)果需要(yào)在移動網站(z↓≠ hàn)的(de)表格上(shàng)進行(xíng)輸入操作( ✔γ♠zuò),那(nà)麽可(kě)以選擇下(xià)拉框和(hé)切換功能≠✔★¥(néng),在任何時(shí)候都(dōu)要(yào)确保操作<₩(zuò)便于點擊。
16、在需要(yào)選擇日(rì)期的(de)時¶÷↔(shí)候,提供一(yī)個(gè)可(kě)視(shì)化(©♦φ huà)日(rì)曆
當用(yòng)戶在移動網站(zhàn)上(shàng)預定航班時(shí)€<,很(hěn)難确定“下(xià)周♠™的(de)某一(yī)天”是(shì)幾月(yuè)幾号,所↑♣ π以你(nǐ)需要(yào)提供一(yī)個(gè)可(kě)視(shì)化↔δλ(huà)日(rì)曆供用(yòng)戶勾選日(rì)期。這(zhè)樣用(y'¶$òng)戶就(jiù)不(bù)需要(yào)離(lí)開(kāi)£$λδ你(nǐ)的(de)網站(zhàn),然後 ∞ 在打開(kāi)手機(jī)上(shàng)的(de)日(rì₽®)曆App應用(yòng)了(le)。在選擇開(kāi)始和(hé)結γ±σ束日(rì)期時(shí),可(kě)以提供一(yī)個(g×σ>è)清晰的(de)标簽,以免用(yòng)戶把日(rì)期搞混淆©±。
關鍵要(yào)素:當需要(yào)選擇輸入日(r•β≥ì)期時(shí),你(nǐ)需要(yào)提供一↑€'←(yī)個(gè)可(kě)視(shì)↕∞¶化(huà)日(rì)曆,而且要(yào)有(yǒ&≈☆u)一(yī)個(gè)清晰的(de)日(rì)期結構,這(zhλ ≤è)樣可(kě)以保證用(yòng)戶不(bù)會(huì)¶±中斷使用(yòng)體(tǐ)驗。
17、通(tōng)過标簽和(hé)實時(sh↕₩←í)确認,第一(yī)時(shí)間(jiān)解決輸入錯(cuò)誤
在你(nǐ)的(de)表格框內(nèi),要(yào)有(yǒu)提示标φ₩¥ 簽功能(néng),而且在用(yòng)戶實際輸入時(shíδγ÷),可(kě)以看(kàn)見(jiàn)₽♥¥必要(yào)且準确的(de)提示信息。這(zhè)裡(lǐ)就(jiù)有♠$δ¥(yǒu)一(yī)個(gè)例子(zǐ),用(yòn↓←g)戶曾經在一(yī)個(gè)電(diàn)子(zǐ)郵件(jiàn)₽✔★∞地(dì)址欄裡(lǐ)面輸 入了(le)自(zì)己®↔≤的(de)家(jiā)庭住址,因為(wèi)₽δ當時(shí)這(zhè)一(yī)欄內(nèi)↕₹∑的(de)提示信息并不(bù)明(míng)确,隻有(yǒu)一(yī★δ∑↔)個(gè)“地(dì)址”标簽。把提∞÷示信息放(fàng)在輸入框內(nèi)也(yě↑↓Ω¥)會(huì)存在問(wèn)題,因為(wèi)當用(☆↕↑$yòng)戶點擊準備輸入時(shí),提示 信息就(↑β↓✘jiù)會(huì)消失掉,因此需要(yΩ≠ào)利用(yòng)标簽做(zuò)提示。另外(©§wài),如(rú)果用(yòng)戶在輸入過程中,需要(y¥✘ào)做(zuò)到(dào)實時(shí)确認,否則一(yī)旦出錯(∞ ∏cuò),就(jiù)會(huì)反複提交,引起用(yòn∑₩✘g)戶反感。
關鍵要(yào)素:使用(yòng)清晰可(kě)見(jiàn)的(d☆×≠©e)标簽,讓用(yòng)戶知(zhī)道(&↕©≈dào)自(zì)己的(de)需要(yào),實時(shí)驗證±←∑β輸入錯(cuò)誤,在最後正式提交信息之前幫助用(yòng)戶糾正。
18、設計(jì)高(gāo)效的(de)表格
你(nǐ)要(yào)确保自(zì)己設計(jì)的(de✔♠)表格不(bù)會(huì)出現(xiàn)重複操作(zuò),隻提供≥"必輸信息即可(kě),另外(wài)你(nǐ)還€←(hái)需要(yào)利用(yòng)自(zα∑ì)動填寫功能(néng)。當用(yòng)↔₽♦戶在填寫表格的(de)時(shí)候,最好(hǎo)在屏幕®←"∏頂部顯示一(yī)個(gè)進 度條,這(zhè)樣人(ré✘>n)們就(jiù)可(kě)以知(zhī)道(dào)自(zì)己的(d↑•γe)進展。如(rú)果表格過于複雜(zá)則會(huì)讓人(rén)反↕£∞"感,相(xiàng)對(duì)而言,一(yī)個(gè)簡單直£≈€×接的(de)表格會(huì)讓人(rén≈♠>±)覺得(de)很(hěn)舒服。如(rú)果能(n¶δ€αéng)搭配上(shàng)自(zì)動填寫功能(néng)☆€&≠,比如(rú)預 輸入用(yòng)戶的♦♥γ(de)姓名和(hé)郵政編碼,效果則會(h$Ω♠✘uì)更好(hǎo)。
關鍵要(yào)素:盡量減少(shǎo)表格中的(de)數(shù)字γ™輸入,盡可(kě)能(néng)提供自(zì)動填寫功能(n₩®éng),使用(yòng)一(yī)個(gè)清晰的(de)進度條。
19、針對(duì)移動終端,整體(tǐ)優•∑"化(huà)你(nǐ)的(de)網站(zhàn)
如(rú)果你(nǐ)有(yǒu)一(yī)個(gè)專門(mén)針對(du∑§♣ì)移動終端的(de)網站(zhàn),那(nà)麽當用(yòng)戶使用λ×"(yòng)移動設備訪問(wèn)時(shí♥γ∑),肯定比純桌面網站(zhàn)要(yào)簡單的(&de)多(duō),這(zhè)點毋庸置疑。但(₩÷↓♠dàn)是(shì)最難受的(de),就(jiù)是(shì)把移動和(hé☆•σ₩)桌面兩個(gè)網站(zhàn)版本都(dōu)混合在一(yī)♥≠起,用(yòng)戶訪問(wèn)起來(lái)比全桌面網站(zhàn♣✔↓)還(hái)要(yào)困難。
關鍵要(yào)素:如(rú)果你(nǐ)網站(zhàn)頁面都(§&™dōu)是(shì)針對(duì)移動終端<'$進行(xíng)設計(jì),那(nà)麽♦₽©使用(yòng)起來(lái)會(huì)很(hěn)便捷" ≥。
20、不(bù)要(yào)讓用(yòng)戶用(yòng)手捏×★&放(fàng)屏幕,去(qù)放(fàng)大(d≥≈à)或縮小(xiǎo)圖片
如(rú)果用(yòng)戶需要(yào)用<β<(yòng)手捏放(fàng)屏幕,去(qù)放(fàng)ε→£¶大(dà)或縮小(xiǎo)圖片時(shí),有(yǒu)時(shí→")會(huì)看(kàn)不(bù)到(dào)一(yī)些(xiē)重要(y $ào)信息或相(xiàng)關的(de)&ldqu↔®¥"o;行(xíng)為(wèi)召喚”內(nèi)容,這(z®™πhè)會(huì)讓用(yòng)戶感到(dào)很(hě&♠σn)失望。在設計(jì)網站(zhàn)的(de)時(shí)候,你(nǐ) '♥₽就(jiù)應該注意到(dào)這(zhè)一(yī)點,不(×✔bù)要(yào)讓用(yòng)戶去(qù)改變網站(zhàΩ<•"n)尺寸。有(yǒu)些(xiē)網站(zhàn₩×)會(huì)把捏放(fàng)屏幕功能(néng)取消掉↓ φσ,如(rú)果你(nǐ)的(de)網站(zhàn)設計(jì)的(©↔•'de)非常合理(lǐ),用(yòng)戶根本不(bù)會(huì)&₹注意到(dào)沒有(yǒu)這(zhè)個Ω→'(gè)功能(néng)。
關鍵要(yào)素:如(rú)果用(yòng)戶放(fàng)大(dà)某個 φ(gè)網站(zhàn)圖片時(shí),有(yǒ↑ u)時(shí)可(kě)能(néng)會(huì→≠¥)看(kàn)不(bù)到(dào)一(yī)些(φ™xiē)“行(xíng)為(wèi)召喚&rdquλ"λo;內(nèi)容。在設計(jì)網站(zhàn)的(de)時(s¶→&hí)候,就(jiù)要(yào)注意這(zhè)一(yī)點。
21、你(nǐ)的(de)産品圖像需要(yào)支持大(dà)圖顯示
顧客想要(yào)看(kàn)看(kàn)自(zì)己買的(de)産品。在ε₹≤零售網站(zhàn)上(shàng),用(yòng)戶希望可(kě)以&♦∑看(kàn)到(dào)分(fēn)辨率更高(gāo)的(de✔₹)産品圖片,這(zhè)樣可(kě)以看(kàn)到(dào)更多(duō ✘β)細節,如(rú)果網站(zhàn)不(bù)支持産 品大(dà)圖顯示,肯定會(huì)讓用✘™(yòng)戶覺得(de)非常失望。
關鍵要(yào)素:對(duì)于産品照(zhào)片這(zhè)些↑©σ(xiē)關鍵圖片而言,需要(yào)提供高(gāo)質φ©σ≤量的(de)特寫圖片。
22、告知(zhī)用(yòng)戶在哪種屏幕方向上(shàng)訪問(<"wèn)網站(zhàn)最舒服
用(yòng)戶往往會(huì)在一(yī)個φ<♠(gè)固定的(de)屏幕方向上(shàng)訪問(wèn)網站(z≠↑hàn),除非有(yǒu)提示告訴他(tā)們切換屏幕方向(比如(ε'rú)在觀看(kàn)視(shì)頻(pín)的(de)時(sh♥í)候)。你(nǐ)可(kě)以設計(jì)網站(zhàn)的(de)時(s£←♦hí)候就(jiù)考慮到(dào)垂直和(hé)水(shuǐ)平兩 種屏®' 幕方向的(de)浏覽方式,并鼓勵用(yòng)戶切換到(dào)最佳'♠屏幕方向上(shàng)。但(dàn)是(shì)無論如(rú)何β↓βγ切換屏幕方向,你(nǐ)必須要(yào)确保一(yī)些(xiē)重要(yà¥↓γ✔o)的(de)“行(xíng) Ω為(wèi)召喚”內(nèi)容能(néng)夠清晰φ©∏的(de)顯示在網站(zhàn)上(shàng)₽♣₩面。
關鍵要(yào)素:你(nǐ)可(kě)以和(hé)用(yòngγ¶)戶交流一(yī)下(xià)最佳屏幕方向,但(dàn)是(sσ£☆☆hì)要(yào)确保重要(yào)的(de)&ld∞&↔quo;行(xíng)為(wèi)召喚& &∞'rdquo;內(nèi)容保持在醒目位置上(shàng)。
23、讓用(yòng)戶保持在單獨一(yī)個(gè)★ 浏覽器(qì)窗(chuāng)口裡(lǐ)訪×™$問(wèn)你(nǐ)的(de)網站(zhàn)
在智能(néng)手機(jī)上(shàng)頻(pβ←≈ín)繁切換窗(chuāng)口是(shì)一↓(yī)件(jiàn)非常麻煩的(de)事(shì<©)兒(ér),而且用(yòng)戶還(hái)有(yǒu)可(kě)能(né↑¶ng)找不(bù)到(dào)如(rú)何回到(dào)你(nǐ)的(de)εεβ∏網站(zhàn)上(shàng)去(qù)。所以↔÷☆,要(yào)讓用(yòng)戶在單獨一(yī)個(gè)窗(chuā↑ ↓ng)口裡(lǐ)浏覽你(nǐ)的(de)網站(zhàn)。特别要(₽ש♥yào)提到(dào)的(de)是(shì),不(∏₽✔bù)要(yào)在新窗(chuāng)口打開(kāi)“行('± ≠xíng)為(wèi)召喚”內(n≠§≈♦èi)容。
關鍵要(yào)素:要(yào)确保“₹λγ≠行(xíng)為(wèi)召喚”內(nèπ→£i)容在單獨一(yī)個(gè)浏覽器(qì)窗(chuāng)口裡(lǐ)顯 '♥∞示。
24、避免“全網站(zhàn)&rα¥dquo;标簽
用(yòng)戶一(yī)旦看(kàn)到(dào)&ldquα$o;全王權”這(zhè)個(gè)選項,就(jβ≤ ♣iù)會(huì)覺得(de)是(shì)不(bù)是←(shì)“移動網站(zhàn)”©© '是(shì)被壓縮的(de)精簡版網站(zhàn),÷₩'最終紛紛選擇點擊進入“全網站(zhàn)”。即λ$↕$便是(shì)桌面網站(zhàn)和(hé)移動網站(zhàn)的(de)內λε>(nèi)容一(yī)緻,也(yě)會(huìδ©®§)給用(yòng)戶造成誤解,因此,你(♦λ₹nǐ)完全可(kě)以用(yòng)&ld© ÷quo;桌面網站(zhàn)”∑&₹标簽,代替“全網站(zhàn)&β★'rdquo;。
關鍵要(yào)素:要(yào)給用(yòng)戶一(yī)個(gè)簡單的γ↑★ (de)網站(zhàn)切換體(tǐ)驗,用(yòng)& ∑×♣ldquo;桌面網站(zhàn)”标簽₹✘,代替“全網站(zhàn)&rd×φquo;标簽。
25、你(nǐ)必須要(yào)清楚自(zì)己為 γ¶≈(wèi)什(shén)麽需要(yào)用(yòng)戶的(de₹ )地(dì)址信息
用(yòng)戶一(yī)般都(dōu)希望了(le)✔∑$<解,為(wèi)什(shén)麽你(nǐ)會(♦huì)向他(tā)們要(yào)地(dì)理(lǐ)位置信息。比如(rú®¥)某用(yòng)戶在一(yī)家(jiā)旅遊網站(zhàn)上(γ✘shàng)面訂其他(tā)城(chéng)市(shì)的(dσ ↓→e)酒店(diàn),但(dàn)是(shì)他(tā)就(jiù)感到(d✘δβào)很(hěn)奇怪,因為(wèi)這(zhè)個(gè)網站(zhànσ€γ)會(huì)要(yào)求該 用(yòng)戶提供目前所在的₽σ∑(de)地(dì)理(lǐ)位置信息。所以×Ω,你(nǐ)需要(yào)把網站(zhàn)上(sh∏©₩àng)地(dì)理(lǐ)位置這(zhè)一(yī)欄默✘±λ認為(wèi)空(kōng),然後讓用(yòng)戶自(zì§" ↔)己選擇,或是(shì)為(wèi)用(yòng)戶提供一(yī)個(×gè)清晰的(de)“行(xín"♦₹g)為(wèi)召喚”操作(zuò),比如(rú) &ld↔☆quo;在我附近(jìn)查找”,等等。↕₹£
關鍵要(yào)素:你(nǐ)必須要(yào)清楚自$×(zì)己為(wèi)什(shén)麽需要(yào)用(y€♥òng)戶的(de)地(dì)址信息,然後要(yπφào)了(le)解這(zhè)些(xiē)信息是(shì•§λ)如(rú)何影(yǐng)響用(yòng)戶體(tǐ)驗的(de)
針對(duì)上(shàng)述這(zhè)25個(gè)要(γβyào)點,谷歌(gē)公司用(yòng)戶體(tǐα→$)驗研究員(yuán)Jenny Gove總結了(le)最重要(yà®φ≤o)的(de)四點建議(yì),分(fēn)别如(rú)下(xià):>¥€↑
1、 添加一(yī)個(gè)醒目的(de)¶₩< 搜索條
如(rú)果你(nǐ)的(de)移動網站(zhàn)≈ε≤還(hái)沒有(yǒu)一(yī)個(gè)搜索條,那(n ↑à)麽真的(de)需要(yào)趕緊添加一(yī)個(gè)了βγ✔♥(le)。“在移動終端上(shàng),人(rén®γ♥$)們希望能(néng)夠快(kuài)速找到(dào)自(zì)己§λ÷$需要(yào)的(de)東(dōng)西(xī),因此我∑€們發現(xiàn),人(rén)們對(duì)搜索條•β的(de)需求很(hěn)大(dà),而且最好(∏δhǎo)能(néng)夠放(fàng)在主頁上(shàng)面。&r™¶dquo;Gove解釋說(shuō)道(dào∏ε•)。
當然啦,作(zuò)為(wèi)由谷歌(gē) 發起的(de)研究項目,推薦在網站(zhàn)醒φ£♥"目位置安裝搜索條似乎并不(bù)讓人(rén)感♥"∞到(dào)意外(wài)。但(dàn)實際上(sh∏¥àng),谷歌(gē)公司發現(xiàn),用(yòng)戶其實并不(♦ ♦bù)介意使用(yòng)搜索條,因為(wèi)這(zhè)♥¶✔樣可(kě)以讓他(tā)們快(kuài)速找到(dào)自Ω₽(zì)己需要(yào)的(de)信息。 ♠
2、 把大(dà)表格拆分(fēn)成小(xiǎo)塊
谷歌(gē)發現(xiàn),許多(duō)網站(zhàn)都(dōu)會 ≥≤<(huì)要(yào)求用(yòng)戶提供各種各樣★→的(de)信息,比如(rú)地(dì)址信息(寄送商 ★品時(shí)需要(yào)),信用(yδ$♥òng)卡号(支付買單時(shí)需要(yào) ₩),等等。而在填寫這(zhè)些(xiē)信息的(de)時(shí) 候↕±,網站(zhàn)往往都(dōu)會(huì ≥®)提供一(yī)個(gè)長(cháng)長(cháng)的(d₹≠∏♦e)表格頁面,上(shàng)面有(yǒu)各種輸入框,非↑×常複雜(zá)。所以,如(rú)果能(néng)把這(zhè)些(xσφ¥iē)表格拆分(fēn)成更小(xiǎo),更容易理"α (lǐ)解的(de)小(xiǎo)塊,效果可(kě)能(néng)↓≠₩會(huì)更好(hǎo)。
另外(wài),Gove建議(yì),最好(hǎo)能(néng)夠顯示 ₽↔表格填寫的(de)步驟。而且最好(hǎo)₩ 在填寫時(shí)可(kě)以實時(shí)驗證輸入內(nèλεΩi)容的(de)正确性,比如(rú)用(yòng)戶在輸入自(zì)↕≥>己的(de)郵政編碼時(shí),可(k€'ě)以實時(shí)校(xiào)驗。
3、 允許用(yòng)戶匿名浏覽
有(yǒu)些(xiē)購(gòu)物(wù)網站(zhàn)會(huì♠≈γ&)要(yào)求用(yòng)戶必須注冊或登錄↑→₽才能(néng)進行(xíng)購(gò←u)買操作(zuò)。而有(yǒu)些(xiē)網站(zσ$hàn)更誇張,必須注冊或登錄後才能(néng)進Ω÷'行(xíng)浏覽。這(zhè)兩種方式都(dōu)是(shì)大(d×₹à)錯(cuò)特錯(cuò)。
Gove表示,“如(rú)果你(nǐ)準備創建一☆σγ(yī)個(gè)零售網站(zhàn),如(rú)÷γ果用(yòng)戶沒有(yǒu)注冊帳号,那(nà)麽完全可(kě)以←® 為(wèi)他(tā)們提供一(yī)個(g↓≈è)訪客的(de)身(shēn)份。沒錯(cuò),商家(jiā)都(★ dōu)希望用(yòng)戶可(kě)以注冊登錄,但(dàn)是(shì)他(±♣tā)們完全可(kě)以在買單之後才進行(xíng)操作β→∑λ(zuò)。”
4、 要(yào)支持設備之間(jiān)的≠ (de)便捷切換
因為(wèi)人(rén)們都(dōu)♥₩是(shì)随時(shí)随地(dì)使↔₽↑¥用(yòng)移動終端,因此很(hěn)有(yǒu)可(kě)能(néng→↕)在使用(yòng)過程中被某件(jiàn)事(shì)情打斷,然後轉移到(dào)筆(bǐ)記本電(diàn)腦(nǎo)上(shàng)面工(gōng)$✘作(zuò)去(qù)了(le)。
Gove認為(wèi),最悲催的(de)♣π體(tǐ)驗就(jiù)是(shì),當用(yòng)戶<α切換設備之後,無法繼續自(zì)己之前的(de)使用(yγ®òng)體(tǐ)驗,如(rú)果讓用(yòng)戶複制(zhì)粘貼自(z ↓&ì)己訪問(wèn)的(de)URL,簡直是(shì♣←)太麻煩了(le)。
最好(hǎo)的(de)解決方案就(jiù)是(shì),移動網站(zhà→σφ≥n)可(kě)以提供一(yī)個(gè)快(kuài)捷按鍵,然後β₹£₩自(zì)動把當前的(de)鏈接,或訪問(wèn)內(nèi)容發送到(d✔♦∞$ào)用(yòng)戶自(zì)己的(de)郵₽♠✔™箱裡(lǐ)面,然後不(bù)管之後用(yòng)戶在什(sδΩhén)麽設備上(shàng)面登錄,都(dōu)σ↔₩•可(kě)以繼續自(zì)己的(de)使用λ ¶(yòng)體(tǐ)驗。
最後,Gove覺得(de)谷歌(gē)通(tōnγ∏g)過用(yòng)戶研究,清晰的(de)定位了(le)£ε<構建移動網站(zhàn)存在的(de)問(wèn)題,她(tā)覺得(δ♠∑♠de),雖然問(wèn)題不(bù)少(shǎo),但(dàn)好(hǎo)$λε在這(zhè)些(xiē)問(wèn)題都(dōu)能(néng)夠被識ε∑↕♦别出來(lái),而如(rú)果這(zhè)些(xiē)問(wèn✔ ™)題可(kě)以被人(rén)們寫下(x ☆§≥ià)來(lái),就(jiù)意味著(z₩©•he),人(rén)們也(yě)有(yǒu÷←™")能(néng)力解決這(zhè)些(xiē)問(₩₹☆≤wèn)題。
