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