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