歡迎來到合肥浪訊網(wǎng)絡(luò)科技有限公司官網(wǎng)
咨詢服務(wù)熱線：400-099-8848
咨詢服務(wù)熱線：400-099-8848
商家如何巧用草根微信公家號(hào)做推廣？ |
| 發(fā)布時(shí)間：2016-07-19 文章來源： 瀏覽次數(shù)：3080 |
| 決定一個(gè)網(wǎng)站成敗命運(yùn)的，不是視覺設(shè)計(jì)，而是設(shè)計(jì)的可用性和有效性。訪問網(wǎng)頁(yè)的用戶們握著鼠標(biāo)，決定一切，“以用戶為中央”已然是成功網(wǎng)站的尺度設(shè)計(jì)方向�？傊脩舨挥玫墓δ�，就不該存在。 我們并不打算重復(fù)探討操縱細(xì)節(jié)(好比：“搜索工具欄”應(yīng)當(dāng)怎么放置)，相反，我們的目光將集中在網(wǎng)站有效設(shè)計(jì)的核心原則、啟發(fā)式方法和入門上。這些假如能夠使用得當(dāng)，可以催產(chǎn)出更豐碩的設(shè)計(jì)作品，且使呈現(xiàn)的信息更輕易被獲取。 網(wǎng)頁(yè)設(shè)計(jì)有效性原則 為了能夠公道利用這些原則，我們首先需要理解用戶是怎樣與網(wǎng)頁(yè)交互流動(dòng)的，是怎么思索的，行為的基本模式又是怎樣的。 用戶是怎么思索的? 通俗地講，用戶在互聯(lián)網(wǎng)上的行為習(xí)慣與日常商店中的顧客們并無(wú)二樣。來訪者們掃視每個(gè)新頁(yè)面，瀏覽其中的一些文本，點(diǎn)擊他們最感愛好的鏈接，或者隱約覺得能帶他們找到他們想要內(nèi)容的鏈接。事實(shí)上，頁(yè)面的絕大部門，他們根本不看。 很多用戶找尋感愛好(或者他們覺得有用)且可以點(diǎn)擊的信息，只要一些看起來符合期望的目標(biāo)泛起，用戶就會(huì)去點(diǎn)擊。假如新頁(yè)面沒有知足用戶的期望，用戶將點(diǎn)擊“撤退退卻”，繼承搜索。 用戶看重質(zhì)量和信譽(yù)。假如一個(gè)網(wǎng)站向用戶提供了高質(zhì)量的內(nèi)容，用戶就演繹忍受廣告和糟糕的設(shè)計(jì)。這就是為何有些網(wǎng)站設(shè)計(jì)平平，但提供了高質(zhì)量?jī)?nèi)容，就年復(fù)一年擁有著驕人的流量。內(nèi)容重于形式。 用戶不是閱讀，而是瀏覽。用戶分析一個(gè)網(wǎng)頁(yè)的時(shí)候，尋找一些重要的節(jié)點(diǎn)或者錨點(diǎn)，目的是但愿這些鏈接能夠指引他們到期望的內(nèi)容。 web-可用性-有效性 用戶不是閱讀，而是掃視瀏覽。主要“高亮”區(qū)域在頁(yè)面內(nèi)容的中中斷開了 互聯(lián)網(wǎng)用戶是無(wú)耐心且必需立刻被知足的。非常簡(jiǎn)樸的原則：假如一個(gè)網(wǎng)站沒有達(dá)到用戶的期望，設(shè)計(jì)師的工作就失敗了，公司也會(huì)有經(jīng)濟(jì)損失。認(rèn)知負(fù)荷越高、導(dǎo)航越不直觀，用戶越傾向于離開這個(gè)網(wǎng)站，尋找它的替換品。 用戶不做最優(yōu)的抉擇。用戶不會(huì)尋找最便捷的方法找到他們需要的信息。他們也不是線性瀏覽一個(gè)網(wǎng)頁(yè)，按順序從一個(gè)站點(diǎn)跳轉(zhuǎn)到另一個(gè)站點(diǎn)。相反，用戶是很輕易知足的，他們通常選擇第一個(gè)讓他們滿足的選項(xiàng)。只要他們找到一個(gè)他們覺得能指向期望目標(biāo)的鏈接，他們通常會(huì)立刻點(diǎn)擊。最優(yōu)的抉擇是有難度的，需要花費(fèi)良多時(shí)間。滿足即可非常高效。 網(wǎng)頁(yè)設(shè)計(jì)-有效性 網(wǎng)頁(yè)-瀏覽路徑 兩個(gè)圖片都顯示網(wǎng)頁(yè)閱讀模式長(zhǎng)短線性。右下方路徑圖顯示用戶瀏覽一個(gè)網(wǎng)頁(yè)的視線軌跡 用戶遵從他們的直覺。在通常的情況下，用戶雜亂無(wú)章地掃視而非閱讀設(shè)計(jì)師們呈現(xiàn)的信息。根據(jù)Steve Krug的研究，最根本的原因是：用戶不關(guān)心。“假如我們發(fā)現(xiàn)一些東西奏效，我們就會(huì)被吸引。這些東西是怎么運(yùn)作的對(duì)我們來說不重要，我們只要能夠使用它們就足夠了。假如你的受眾喜歡大的公告欄，就要做的就是設(shè)計(jì)一個(gè)更大的，公告欄。” 用戶但愿有可控感。用戶想控制他們自己的瀏覽行為本身，且依靠網(wǎng)站呈現(xiàn)的連續(xù)的內(nèi)容。例如，他們不想一個(gè)新窗口出乎意料地彈出，他們但愿用“撤退退卻”按鈕返回剛剛的頁(yè)面;因此，從不在一個(gè)新的瀏覽窗口中打開超鏈接是一個(gè)好的行為。 1.別讓用戶思索 根據(jù)Krug的可用性第一原則，網(wǎng)頁(yè)應(yīng)當(dāng)清楚且不言自明。當(dāng)你創(chuàng)建一個(gè)網(wǎng)站的時(shí)候，你的工作就是避免題目——那些需要用戶反復(fù)慎重考慮來龍去脈才能做出決定的選擇。 假如網(wǎng)站的導(dǎo)航和結(jié)構(gòu)不是直觀的，產(chǎn)生的題目就會(huì)數(shù)目大增，且使得用戶很難理解系統(tǒng)是如何工作的，怎樣才能從A點(diǎn)跳轉(zhuǎn)到B點(diǎn)。一個(gè)清楚的架構(gòu)，中等強(qiáng)度溫順的視覺引導(dǎo)，易于識(shí)別的鏈接，可以匡助用戶找到實(shí)現(xiàn)目標(biāo)的途徑。 網(wǎng)站有效性分析－beyondis 固然設(shè)計(jì)本身非常簡(jiǎn)樸且直觀，但用戶仍舊需要去找尋才能明白這個(gè)網(wǎng)頁(yè)是做什么的。這就是所謂的不必要的題目。設(shè)計(jì)師職責(zé)是要讓題目降到0。具有視覺效果的解釋已經(jīng)放在右邊。只要交換左右模塊的位置，可用性就會(huì)增加。 網(wǎng)站可用性分析 ExpressionEngine 使用了與Beyondi非常相似的結(jié)構(gòu)，但避免了不必要的題目。更進(jìn)一步的是，宣傳性的口號(hào)起到了效果，用戶們會(huì)選擇嘗試服務(wù)，下載免費(fèi)使用版本。 通過減少認(rèn)知負(fù)荷，你可以使訪客更輕易獲取系統(tǒng)背后的思惟。只要你做到了這一點(diǎn)，你就可以理解為何這個(gè)系統(tǒng)是有用的，而用戶又是怎樣從中獲益的。假如人們?cè)谀愕木W(wǎng)頁(yè)上迷路的話，他們是不會(huì)使用你的網(wǎng)站的。 2. 別鋪張用戶的耐心 在任何一個(gè)你想向用戶提供服務(wù)或者使用工具的項(xiàng)目工程了，盡量使你的門檻降低，對(duì)用戶的要求減少。一項(xiàng)服務(wù)要求用戶付出的越少，越有可能被一個(gè)隨機(jī)進(jìn)入的訪者真正嘗試。假如不用填那些他們以后都不會(huì)再次用到的長(zhǎng)長(zhǎng)的網(wǎng)頁(yè)表格，首次來訪的用戶都會(huì)愿意嘗試服務(wù)。請(qǐng)讓用戶自由瀏覽網(wǎng)頁(yè)，讓他們不用交換私家信息就能嘗試你的服務(wù)。強(qiáng)迫用戶填寫電子郵箱地址來測(cè)試用戶特征是不公道的。 正如37Signals team的開發(fā)者Ryan Singe所言，用戶們假如在看到產(chǎn)品之后被要求留下電子郵箱地址的話，可能是愿意的，因此他們對(duì)于留下電郵的回報(bào)是有想法主意的。 可用性研究-stikkit Stikkit是一個(gè)用戶友好的極佳例子，它清楚易懂，且?guī)缀醪幌蛟L客索取任何東西。這也是你在你的網(wǎng)站應(yīng)當(dāng)使你的用戶體驗(yàn)到的。 網(wǎng)站可用性-研究 很顯著，Mite就索取良多。但是整個(gè)注冊(cè)表可以在30秒之內(nèi)完成——由于網(wǎng)頁(yè)是橫向的，用戶不需要?jiǎng)訌楉?yè)面。 假如要理想化地去除所有的障礙，首先就是不需要貢獻(xiàn)些什么或者填寫注冊(cè)。僅僅一個(gè)用戶注冊(cè)表本身就足以阻礙用戶在網(wǎng)站的隨意瀏覽行為，且會(huì)對(duì)網(wǎng)站瀏覽產(chǎn)生很大不利影響。 3. 捉住用戶的留意 由于網(wǎng)站都是通常既提供靜態(tài)的內(nèi)容又提供動(dòng)態(tài)的內(nèi)容，一些用戶界面就會(huì)比另一些更加吸惹人。很顯著，圖像比文本更吸引眼球——就似乎加粗的句子比未加粗的更輕易引起留意。 人類的眼睛是一個(gè)高度非線性運(yùn)作的設(shè)備，網(wǎng)頁(yè)用戶能夠直覺地識(shí)別邊界、模式和運(yùn)動(dòng)。這是為什么視頻廣告特別輕易引起反感，但是從市場(chǎng)營(yíng)銷的角度來說，他們的確完美地吸引了用戶的留意。 web可用性 使用中等強(qiáng)度的視覺元素來將用戶的留意力吸引到網(wǎng)頁(yè)的特定區(qū)域，能夠使你網(wǎng)站的訪客不假思考地從A點(diǎn)輕松到達(dá)B點(diǎn)，忽略背后可能存在的邏輯關(guān)系。訪客碰到的題目越少，就越會(huì)具有良好的方向感，且會(huì)更加信任這個(gè)網(wǎng)站呈現(xiàn)的公司。換言之：對(duì)于這個(gè)屏幕呈現(xiàn)的內(nèi)容需要琢磨的越少，可用性的首要目標(biāo) ——用戶體驗(yàn)，就會(huì)越好。 4. 盡量使特征顯著呈現(xiàn) 當(dāng)代網(wǎng)頁(yè)設(shè)計(jì)老是冷笑用光鮮視覺效果的大按鈕指示用戶：第一步——第二步——第三步……但是從設(shè)計(jì)的角度來說，這些元素事實(shí)上并非化石。相反的，這些導(dǎo)航是極其有效的，由于他們能夠以一種非常簡(jiǎn)樸和友好地方式帶領(lǐng)網(wǎng)頁(yè)的瀏覽者在網(wǎng)站內(nèi)容間穿梭。 網(wǎng)站有效性 讓用戶看清晰功能的公道性是成功用戶界面的基準(zhǔn)。這個(gè)是否達(dá)到了，實(shí)際上并不重要，重要的是內(nèi)容是否被很好地輿解了，而用戶是否覺得他們與這個(gè)系統(tǒng)的交互非常愜意。 5. 有效書寫 因?yàn)榫W(wǎng)站與打印出版史不一樣，它需要與用戶喜歡的書寫方式相匹配，且與瀏覽習(xí)慣相契合。鼓吹浮夸的文字將不會(huì)被閱讀。大段沒有圖像、標(biāo)粗或者斜體樞紐字的文本將被忽略�？鋸埖恼Z(yǔ)言將被忽略。 說正經(jīng)的。避免太過于高�；蛘咦宰髦腔鄣拿�，市場(chǎng)導(dǎo)向的名字，公司名，或者不被樹枝的技術(shù)名詞。例如，假如你描述了一種服務(wù)，需要用戶注冊(cè)一個(gè)賬戶，“注冊(cè)”比“就從這開始吧!”要好，而后者依然好過“探尋我們打服務(wù)”。 網(wǎng)站可用性-有效書寫 使用簡(jiǎn)短的語(yǔ)句(直擊要害，越快越好) 使用鋪陳的方式(將內(nèi)容分類，使用多層標(biāo)題，用視覺線索和樹狀圖) 使用平白直觀的語(yǔ)言(一個(gè)宣傳口號(hào)不用聽上去像廣告;給用戶一些理性和客觀的理由，讓他們駐足在你的網(wǎng)站，享用你的服務(wù)) 6. 盡量簡(jiǎn)潔 “簡(jiǎn)潔”是網(wǎng)站設(shè)計(jì)的首要原則。用戶們很少駐足一個(gè)網(wǎng)站是由于喜歡它的設(shè)計(jì)，通常情況下他們是在找尋他們需要的信息，當(dāng)然設(shè)計(jì)為他們提供了尋找匡助。盡量簡(jiǎn)潔，而不是復(fù)雜。 網(wǎng)站可用性-簡(jiǎn)潔 Crcbus為網(wǎng)頁(yè)訪客提供了一個(gè)整齊簡(jiǎn)樸的設(shè)計(jì)。也許由于它是意大利語(yǔ)的，你不能明白這個(gè)網(wǎng)站是干嘛的，但是，可以可以清楚地識(shí)別出導(dǎo)航，標(biāo)題，內(nèi)容區(qū)域和腳注。留意，圖標(biāo)都可以清楚地傳遞信息。只要將鼠標(biāo)懸浮在圖標(biāo)上，更多的信息就自動(dòng)呈現(xiàn)出來。 從用戶的角度出發(fā)，好網(wǎng)頁(yè)應(yīng)當(dāng)是一個(gè)純文本的，沒有廣告的，新加內(nèi)容與用戶尋找目標(biāo)緊密親密相關(guān)的。這也是一個(gè)利便打印的網(wǎng)頁(yè)帶來用戶良好體驗(yàn)的原因之一。 網(wǎng)站可用性-原則 Finch清楚地呈現(xiàn)了網(wǎng)站信息，讓用戶在沒有無(wú)關(guān)內(nèi)容干擾的情況下，做出進(jìn)一步瀏覽的選擇。 7. 別怕留白 事實(shí)上，在網(wǎng)頁(yè)上留出空缺區(qū)域的好處怎么估計(jì)都不外分。它不僅使網(wǎng)頁(yè)訪客的認(rèn)知負(fù)荷減少，而且更輕易獲取網(wǎng)頁(yè)所呈現(xiàn)的信息。新用戶瀏覽網(wǎng)頁(yè)時(shí)要做的第一件事情，通常是掃視全頁(yè)，將內(nèi)容區(qū)域在心理上劃分成合適的組塊，然后再對(duì)信息進(jìn)行加工。 復(fù)雜的結(jié)構(gòu)不易于閱讀，掃視，分析和使用。假如有兩種選擇，一是用顯著的豎線將兩個(gè)區(qū)域隔開，另一個(gè)是使用一些空缺達(dá)到這種效果，通常比較好的選擇是后者，即留出空缺。分層減少頁(yè)面復(fù)雜感(Simon法則)：視覺上的層次感覺越好，你網(wǎng)頁(yè)上的內(nèi)容信息就越輕易被獲取。 網(wǎng)站可用性 空缺區(qū)域是很好的。 8. 用“可視化”語(yǔ)言有效交流 Aaron Marcus在“有效的視覺表達(dá)”一文中，曾經(jīng)提及過三個(gè)基本原則，其中一個(gè)就“視覺語(yǔ)言”，即用戶在屏幕上所看到的內(nèi)容。 組織：為用戶提供清楚不亂的概念結(jié)構(gòu)。一致性，頁(yè)面布局，模塊關(guān)系和頁(yè)面導(dǎo)航是組織中的重要概念。同樣的表達(dá)方式和規(guī)則合用于所有元素。 經(jīng)濟(jì)化：盡量少地使用視覺元素。簡(jiǎn)約、清楚、區(qū)別性和重點(diǎn)凸起，這四個(gè)要點(diǎn)需要被權(quán)衡。簡(jiǎn)約的含義是：只有表達(dá)需要的重要元素才可以被呈現(xiàn)。清楚則指的是：所有的組件都應(yīng)當(dāng)與它們傳遞的意義相吻合，不要引起歧義或者表達(dá)含糊。區(qū)別性長(zhǎng)短常重要的，它要求所有元素都應(yīng)當(dāng)是唯一無(wú)二的。重點(diǎn)凸起則是指：樞紐的元素要能夠被認(rèn)知等閑捕捉。 表達(dá)：使用用戶能力能夠接受的表達(dá)方式。為了使得表達(dá)順暢，用戶界面必需在可讀性，易讀性，結(jié)構(gòu)，象征性，很多的觀點(diǎn)，顏色和材質(zhì)效果之間來找到一種平衡。在一個(gè)頁(yè)面里最多只能用三種字體,最多只能用3種字號(hào)——文本每行最多呈現(xiàn)18個(gè)字或者50-80個(gè)字符。 9. 規(guī)范是我們的朋友 使用傳統(tǒng)的元素設(shè)計(jì)出的網(wǎng)站并非索然無(wú)趣。事實(shí)上，傳統(tǒng)規(guī)范非常有用，由于他們減少了學(xué)習(xí)的周期且節(jié)省了去收集有效性的精力。例如，假如所有網(wǎng)站對(duì)于RSS源都啟用不同的視覺特征，這將是可用性的一個(gè)夢(mèng)魘。這與我們習(xí)慣于對(duì)數(shù)據(jù)規(guī)范收拾整頓，或者對(duì)于商場(chǎng)的貨架規(guī)律擺放，并無(wú)區(qū)別。 假如你遵從規(guī)范，你將獲得用戶的決心信念，信賴，信任，且證實(shí)你的可靠。遵從用戶的但愿——理解他們對(duì)于一個(gè)網(wǎng)站導(dǎo)航、文字結(jié)構(gòu)、搜索欄位置的期望，等等。(參考Nielsen： Usability Alertbox) 網(wǎng)站可用性原則-規(guī)范 BabelFish in use: Amazon.com in Russian. 在可用性測(cè)試方面一個(gè)典型的例子是：將網(wǎng)頁(yè)翻譯成日語(yǔ)(假設(shè)你的網(wǎng)站用戶不懂日語(yǔ)，例如，是使用Babelfish的)，然后請(qǐng)你的可用性測(cè)試被試在異種語(yǔ)言的網(wǎng)頁(yè)中尋找一些內(nèi)容。假如規(guī)范被良好的遵從，那么用戶是可以找到一些不適特別特殊的目標(biāo)內(nèi)容的，盡管他們對(duì)于這種語(yǔ)言一無(wú)所知。 Steve Krug建議僅僅在你確認(rèn)自己有一個(gè)更好的想法主意的時(shí)候再去立異，但是假如沒有的話，好好遵守現(xiàn)有規(guī)范。 10. 早些測(cè)試，經(jīng)常測(cè)試 TETO原則可被應(yīng)用于任何網(wǎng)頁(yè)設(shè)計(jì)，由于對(duì)于現(xiàn)有布局的重要的題目和細(xì)節(jié)，可用性測(cè)試?yán)鲜悄芴峁屑~的洞見。 測(cè)試不要做的太遲，太少，或是為了分歧適的理由而做。“不為了分歧適的理由兒測(cè)試”的意思是，很多設(shè)計(jì)方面的決議計(jì)劃是為著當(dāng)下的，你不能普適性地公布某些布局方式就一定優(yōu)于其它，由于你需要從一個(gè)特殊的角度去權(quán)衡(考慮需求，投資者的利益，預(yù)算，等等) 一些要點(diǎn)需要牢記于心: 根據(jù)Steve Krug的研究，測(cè)試一個(gè)用戶要比一個(gè)都不測(cè)好一倍，且在項(xiàng)目啟動(dòng)之初測(cè)試一個(gè)用戶要比項(xiàng)目告罄的時(shí)候測(cè)試五十個(gè)要好得多。根據(jù)Boehm的法則一，錯(cuò)誤在需乞降設(shè)計(jì)流動(dòng)中長(zhǎng)短經(jīng)常見的，而越遲被發(fā)現(xiàn)，代價(jià)就越昂貴。 測(cè)試是一個(gè)迭代的過程。這意味著你需要設(shè)計(jì)些東西，然后接著就測(cè)試它，修正它，然后再接著測(cè)試。也許第一輪不能發(fā)現(xiàn)一些題目，由于這些題目可能被其它題目所籠蓋，用戶們?cè)谄渌}目上就已經(jīng)被絆住了。 可用性測(cè)試?yán)鲜菐碛杏玫慕Y(jié)果。不管是被指泛起有網(wǎng)站存在的題目或者是沒有觸犯某些主流的設(shè)計(jì)錯(cuò)誤，都會(huì)使您對(duì)于自己的項(xiàng)目做出一個(gè)有意義的審閱。 根據(jù)Weinberg’的法則，網(wǎng)站的代碼開發(fā)者不適合做為測(cè)試職員。這個(gè)原則同樣合用于設(shè)計(jì)師。由于你對(duì)一個(gè)網(wǎng)站設(shè)計(jì)了相稱長(zhǎng)的時(shí)間，你已經(jīng)不能夠從一個(gè)全新的角度去審閱它。你知道它是如何搭建的、如何工作的——你比獨(dú)立的測(cè)試職員和網(wǎng)站訪客們“知道的太多”。 基線原則：假如你想做出一個(gè)極好的網(wǎng)站，那一定得測(cè)試。 |
|
