久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

先學習提高網站可用性的6大原則

  通常網站有三種類型,一種是沒創意沒設計,光靠內容出彩的,這類網站以1024和正方系統為代表。第二種是設計出彩,體驗糟糕的,最后這類視覺功夫好,可用性也特別棒的網站,才能留住訪客,今天分享6個提高網站可用性的基本原則,都是用戶體驗的基礎知識,新手必備呦!

先學習提高網站可用性的6大原則  三聯

  通常,網站有三種類型:

  第一種網站有杰出的創意和設計。這樣的網站會讓你發出「Wow」的贊嘆。但是,不幸的是,除了好設計,他們沒有更多東西了。

  第二種網站缺乏創意和設計,但是你在上面可以立刻找到你想要的東西!但是你會因為他們在視覺上缺乏吸引力而關掉它么?

  最佳的網站是將可用性和視覺吸引完美結合的。這樣的網站會吸引你持續訪問它。從市場營銷的角度來說,這是最好的類型。

  好看的網站如果不能讓用戶持續訪問、增加使用轉換率、或者達成銷售目標,那它就沒有任何價值。如果你希望他們回來,而不是僅僅是發表完贊美后轉身離開。你就不應該僅僅滿足用戶視覺上的愉悅。

  如果你的目標是希望用戶會回頭持續訪問你的網站,成為忠實用戶,那么你應該考慮提高網站可用性和以用戶為中心的設計原則。這意味著專注于用戶的需求,提供他們高效的、便于使用的網站。如果你做到了,你就會獲得信任。就這么簡單。

  請注意提高可用性并不等同于提高用戶體驗,用戶體驗的重點在于提高用戶心理上的積極感受。當然了,提高可用性會讓你的用戶感到快樂,這會最終促成積極的用戶體驗。

  讓我們開始聊聊提高可用性的幾個簡單原則吧。

  一、不要讓用戶思考

  這是最重要的提高可用性的原則,由 Steve Krug 在他的書《Don’t Make Me Think》中提出。

  網頁應當讓人一上來就理解。用戶下意識地就知道哪里可以點,點哪里可以獲得他們想要的東西。完全不用多想。

  做到這點毫無疑問會讓你的用戶感到愉悅。我們拿 MailChimp 來做個經典例子。

  MailChimp

6r201410122

  MailChimp 的這個頁面非常簡單。提高可用性其實無需做什么開創性的設計,只需讓對的東西出現在對的位置(用戶期望他們出現的位置)就可以了。

  這個頁面的另一出色的地方在于它沒有讓用戶感到「選擇恐懼癥」,這是必須知道的另一原則。

  二、避免「選擇恐懼癥」

  當一個人面對太多選項的時候,他們往往會不做任何選擇,或者選擇一個已經最熟悉的選項。這種「選擇恐懼癥」不僅僅出現在網頁上,在生活中也很常見。比如在咖啡館面臨寫在黑板上上的各種咖啡名的時候。「選擇恐懼癥」真讓人困擾,它會讓人放棄選擇,或者選擇回到他們已經熟悉的地方。

  新用戶應當完全不用糾結于下一步點哪里。MailChimp的這個頁面在這方面也做得非常好。

  技巧:最必要的選項一定要著重強調,比如「免費注冊」這樣的重要操作按鈕。而其他的選項則可以收進「更多」,這樣可以有效避免在一個頁面上出現太多選項。

6r201410123

  不重要的選項可以收進「更多」

  三、立刻給用戶他們想要的

  用戶在瀏覽網站的時候,跟他們在傳統線下商店閑逛很像,并不會檢視所有細節,他們只是在尋找他們真正需要的東西。用戶在網站上并不會逐字閱讀,他們只會隨意瀏覽。一旦有什么東西滿足了他們的需求,他們就會點擊打開。

  經驗:不要讓用戶覺得「這看上去要讀很久」。

  比如可以通過視覺化手段來滿足這些快速瀏覽者的需求。

  視覺化信息方便快速瀏覽

  讓用戶可以直觀地對比出不同的付費計劃的區別,選擇適合的,非常清晰和簡單。

  四、要有「搜索」

  你的網站提供的內容要符合用戶的需求,搜索就有意義。尤其像維基百科這樣擁有大量的不同領域內容的網站,「搜索」功能是必須的。

6r201410125

  維基百科的搜索

  順手奉上搜索框的最佳實踐:

  搜索框要在所有頁面都有,而不僅僅出現在首頁。

  搜索框要夠長(比如Google的),讓用戶方便地查看和修改。

  搜索框要智能。用戶在搜索的時候,可以把類似的「常見搜索詞」提供給他參考。另外,在用戶輸入一個詞的時候,你可以在下方直接提供一些「推薦結果」。蘋果官網的搜索是這個最佳實踐的好例子。

6r201410124

  蘋果官網的搜索

  五、了解你的用戶

  年輕的極客熱愛探索新事物。有點復雜的網站,如果有好的內容,會對年輕人產生強烈的興趣。他們也許還會好奇地探索所有選項,點擊所有按鈕。比如Gamestop,曾有一次我花了數小時在這個網站上,根本沒有意識到它有點難用。

  style=”color: #e36c09″Gamestop

6r201410126

  而成年人情況就不一樣了。他們更保守,更愛簡潔,而且會更抗拒新事物。

  因此,在設計網站的時候還要把你的目標用戶群體考慮進去。

  以Google為例,用戶群體非常廣,但是沒有人會遇到使用障礙,因為它在簡單和功能性上做到了非常好的平衡。

  再來幾個快速技巧!

  注意「橫幅盲區」,事實上,用戶經常會忽略那些看上去非常像廣告的東西,他們注意到了廣告,但仍然會無視它。試著不要出現看上去像廣告的元素(例如,堆在網頁右側的塊狀信息)。

  如果你要求注冊,衡量下用戶的時間,盡可能減少需要填寫的選項數量,只留下最重要的。

  允許「一鍵退訂」。

  永遠不要忘記手機用戶。做響應式設計!

  不要讓用戶只依賴瀏覽器的前進后退。如果他們需要「返回」,讓他們用網站上的「返回」,而不是瀏覽器的。

  讓設計服務于內容。

  強調鏈接。通過鼠標移到文本上去出現指針變化才能鑒別出一個鏈接是災難體驗。

  至此,我想你你已經準備好了,動手提升你的網站的可用性吧,讓用戶有更爽的體驗吧。

  當然這些原則并非適用所有情況,可能都需要具體情況具體分析。然而,我們還是留了一手,6大原則的最后一點,是真正適用所有情況的。最后,并且是最重要的一點。

  六、測試

  測試,這是成功提高網站可用性的關鍵。我們一開始說過,有無數方法去設計、制作和維護一個成功的網站,盡管去試吧,試過之后,請一定要通過測試檢查效果,不斷改善,以不斷獲得更好的成果!

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 一区二区播放 | 国产日韩欧美精品 | 久久婷婷色 | 久久久久久国产精品 | 亚洲精品成人 | 成人久久久 | 国产亚洲精品精品国产亚洲综合 | 不卡一二区 | 欧美一级片在线看 | 99国产精品一区二区三区 | 日韩欧美天堂 | 欧美黄色片 | 精品国产乱码久久久久久闺蜜 | 91精品国产91久久久久久不卞 | 国产精品欧美精品日韩精品 | 国产精品高清一区二区三区 | 91 视频网站 | 国产精品久久777777 | 色约约视频 | 怡红院成人在线视频 | 91精品国产麻豆 | 国产精品一区二区三区四区五区 | 中文字幕爱爱视频 | 久久精品亚洲精品国产欧美 | 久久丝袜视频 | 香蕉视频久久久 | 日韩一区二区三区在线播放 | 91久久精品一区二区二区 | 日韩欧美在线观看视频 | 欧美黄色片 | 99久9| 在线观看av不卡 | 欧美激情精品久久久久久 | 亚州国产 | 精品无码久久久久久国产 | 免费高潮视频95在线观看网站 | 涩涩视频在线看 | 欧美一区二区另类 | 特黄小视频| 好好的日在线视频 | 国产视频精品视频 |