波多野结衣无码|337p日本欧洲亚洲大胆艺术96|国产同事露脸对白在线视频
  • <p id="sd9wx"></p>

    <table id="sd9wx"></table>

    <table id="sd9wx"><ruby id="sd9wx"></ruby></table>
    1. <acronym id="sd9wx"><label id="sd9wx"></label></acronym>
    2. <acronym id="sd9wx"><strong id="sd9wx"></strong></acronym>
    3. 技術觀點

      加強技術投入,共享技術成果

      從網易用戶體驗談開去


      編輯:杭州大顯網絡科技有限公司更新日期:2009-05-26
      一年多以前剛進入網易的時候,比較驚訝的是美術部還沒有自己的網頁規范,只有小莫同學一些比較原始的條目,剛好那時自己收集過其他一些大型網站的視覺規范,并為以前公司做過類似的標準,于是欣然接受了重新編寫網頁視覺規范這個任務。后來出來的版本增加了非常多的條目,有些條目看似比較冷門很少人關注,不過在我看來對于提高用戶體驗是非常有幫助的,而恰恰是網易做得不太好的,借博客這里解釋一下某些條目列入網頁規范的原因。那時在寫規范的時候還總結了版面影響體驗的一些具體問題,后來由于各種原因不了了之了,現在也同時在這里總結一下拿出來給大家討論討論。先聲明一下,觀點僅代表個人意見,歡迎拍磚。網頁規范中諸如固定標識、頁面結構、header、footer、文字規范、色彩、統一按鈕樣式等是屬于用戶體驗中品牌性的范疇,品牌性反映的是品牌形象,各網站之間沒有統一的標準衡量,是很具有特異性的,需要公司整個決策層去制定,但需保持一個網站內品牌形象的一致性和延續性。其實有時老羅同學說得也是對的,新浪的排版、色彩、結構不一定就是好的,但給用戶接受和習慣了之后它就牛了,說的其實就是品牌性問題,對比這些其實無太多意義,而一味模仿只會越發損失自己原有的品牌特征。之前改版組一次討論到首頁改版問題,就談到新浪的首頁改來改去都基本是老樣子,考慮的可能就是品牌延續性問題,而網易二級欄目頁里大間隔分欄加頻道標識則是網易獨創,品牌性非常明顯,而品牌特征非常明顯的東西個人希望是延續和保留的。其實以下要講的問題基本都不涉及用戶體驗中的品牌性,也不屬于內容,而是功能性和使用性。功能的健全與否、能否及時得到信息及反饋、是否易用、是否符合使用習慣、使用中是否友好、是否能有預知性等等是功能性和使用性的范疇,這方面其實是有標準的,也較容易評判,也比較容易發現問題。要改善用戶體驗,改善功能性和使用性則更顯得迫切,也能更快體現效果。一些樣式上的誤導或者不統一帶來使用上的認知失誤和非預知性網頁上一些交互按鈕或標簽,強調的是操作的可識別和可預知性。如果鼠標移上一個按鈕區域,而這個按鈕沒任何反應的話,那說明這個按鈕是不可識別的,會令用戶非常迷惑。網易頁面上還有不少此類情況,樣子是按鈕的樣式,但鼠標移入按鈕的區域是沒任何反應的,其實是要移到里面的文字才會有反應,如下圖。解決的辦法要么就取消按鈕的樣式,要么就把整個按鈕區域加上鏈接而不是只有文字有鏈接。標簽有4態,激活前、激活后、鼠標移上和點擊,不過現在一般都縮減為3態或者2態了,這倒不是最重要的問題。如果一個網站不同的頁面上甚至同一個頁面上混雜著標簽鼠標移上就激活和需點擊標簽才激活兩種操作方式的話,那會令用戶無所適從,因為用戶不會花心思去記住你這個標簽是鼠標移上就激活還是需要點擊才激活,常常會出現操作混亂和失誤。如下圖網易首頁的標簽是鼠標移上即激活,而到了體育首頁和財經的的切換標簽便需要點擊才能激活了。有同樣問題的還有很多頁面的焦點圖變換,如圖體育的是點擊激活,而其他的則是鼠標移上激活。解決辦法是全站統一一種激活方式,讓用戶習慣于一種操作方式,減少用戶使用前不必要的思考。增加解釋性標簽的必要性如下圖中一個例子,為了遷就某些固定寬度的板塊,又不愿文字鏈折行而影響美觀程度和令內容減少,造成的后果是用戶只能看到文章標題的一部分,甚至只是一小部分,連大意還弄不明白。而此處用戶移上鼠標沒任何提示性語言,用戶就只能是一個個鏈接去打開才能清楚知道文章內容是什么了,但用戶不會那么有耐心去一個個點擊,也許他漏掉了他關注的內容。網易還有不少地方存在相類似的情況,文章標題未完而用省略號代替的情況下,添加title標簽顯得尤其重要,這可以令用戶不必每條鏈接打開而鼠標移上便可以看到完整的文章標題內容。
      波多野结衣无码
    4. <p id="sd9wx"></p>

      <table id="sd9wx"></table>

      <table id="sd9wx"><ruby id="sd9wx"></ruby></table>
      1. <acronym id="sd9wx"><label id="sd9wx"></label></acronym>
      2. <acronym id="sd9wx"><strong id="sd9wx"></strong></acronym>