向谷歌進修若何讓讓網站的用戶體驗進步

網站須要從用戶體驗動身去計劃
2016-05-13
馬化騰眼裡的互聯網用戶體驗
2016-05-13
Show all

向谷歌進修若何讓讓網站的用戶體驗進步

我們在做網站的時刻也在為用戶體驗而頭疼,我們應當怎樣做?沒有如來看看谷歌吧。谷歌的計劃一貫以簡略著稱,讓頁面清新文雅地出現,一方面節儉瞭頁面載入的時光,削減用戶的期待,另外一方面也削減瞭用戶在閱讀頁面時的專心。但是,在這簡略的計劃背後,其實不是計劃師偷懶,而是加倍敏銳、過細、簡便的交互體驗計劃。Google+作為交際收集的又一力作, 在繼續瞭公司有名的十大計劃原則下,在若何更輕、更快速、更人道化方面有瞭很大的沖破。本文重要以交際收集為例,剖析總結出瞭六條讓web體驗更靈動的計劃辦法,供人人參考。

  1、圖形化的導航

  交際網的信息非常復雜,是以導航的引誘就顯得相當主要。沒有公司比Google更勇敢瞭,將導航的tab全體簡化成icon,隻要鼠標hover上去的時刻才會表現這個tab的解釋。明顯,這對新手用戶而言,有必定的進修門坎的,然則我們從中無沒有從中感觸感染到瞭簡練的力氣,圖形化導航讓整欄顯得清潔整齊,功效會合,切換便利。

  縱不雅海內外幾大支流交際網的導航,導航大多采取的是筆墨,固然從功效上看一覽無餘,然則因為筆墨自己不敷簡練,排佈起來有范圍,那末隻幸虧計劃的時刻,更要斟酌功效的歸結散佈和優先級展現,隱蔽沒有經常使用的功效。

  2、應用灰色按鈕

  常常做計劃的人都曉得,灰色按鈕代表著是被禁用的功效,是弗成點擊的。但是Google+卻勇敢的應用瞭灰色按鈕,經由過程鼠標hover告知用戶這是可點的。細心想來,這用做以下兩個緣故原由:1、均衡瞭頁面的配色。因為Google的logo主題色有四種,假如讓按鈕們默許展現原本的色彩,頁面會看起來很花,沒有重點。像如許灰失落的處置,使選中的tab加倍凸起,也沒有會帶來滋擾。2、按鈕由灰點變彩色的方法給人一種點亮圖標的表示,加強瞭用戶點擊按鈕的願望。

  從圖標的成長趨向來看,不管色彩照樣形狀都是朝著簡練偏向走的,曩昔花花綠綠的圖標已掉去瞭它原本的標識感,純色的圖標運用起來會顯得更上流,更高端。

  3、鼠標所到的地方均有反應

  網頁上的大多半元素,在鼠標滑過的時刻,都應當有其響應的反應。不管是僅僅產生鼠標指針變更,照樣湧現下劃線,或是聯合一些簡略功效的操縱和解釋來表現。計劃師在做靜態計劃稿時,很輕易疏忽這些計劃細節,但這恰是一個產物表現優越交互機能的癥結時候。就比如和人攀談,假如他對我的話語沒有任何反應,我也會削減對他訴說的興致,假如他時而頷首,時而淺笑,時而贊成,那末我大概會有更多更故意思的工作告知他。是以,哪怕僅僅是邊框的色彩變深瞭一些,也能表達這個頁面臨用戶是友愛的,而沒有是不睬不理的。

  hover態是展現用戶在當前頁想曉得的相幹內容的最好機會。比方鼠標劃到頭像時,會湧現誰人人的相幹信息等。Hover態還能夠對某一模塊有強引誘的感化,比方Google會誇大它的搜刮功效。別的,還能夠用於隱蔽一些沒有經常使用的操縱,比方刪除等。

  4、簡略義務在當前頁完成

  這裡最值得一提的是Google+加石友和分組的流程優化。本來加石友和分組是兩個自力的義務,分組是在對方贊成加石友時能力舉行,因為Google+推出的是單向幹系鏈,是以將分組能夠提早到增加石友這一步做。本來加石友是須要點擊按鈕,現在隻用hover上去就會湧現分組框,大大下降瞭加石友和分組的操縱門坎。用戶起碼隻要點擊一下便可完成兩步步調。現在Face book等一些雙向幹系鏈的交際網也開端進修這類快速加石友和分組的方法。

  5、feed及時滾屏更新

  Feed就是我們的天天定閱的新新聞。信任人人對上面的小黃條都沒有生疏吧,海內大部門網站都是采取點擊小黃條來檢察新的新聞,而Google+是主動滾屏的方法展現最新新聞,並在左邊湧現一條藍豎線,表現是最新更新。Google的計劃之以是顯得靈動,另有一個主要的緣故原由,在於它的這些狀況的轉變都隨同著文雅的動畫,而沒有是赤裸裸的湧現、消逝。包含feed的批評和贊,都是及時更新,配上簡略華美的動畫,的確就像在看現場直播。

  6、立即的體系反應

  相似上圖中的提醒條在全部網站都是同一同等的,它們都是主動湧現,主動消逝,有的還負擔著簡略的操縱,比方圖中的取消等。有瞭如許簡便的體系反應,就沒有會再湧現彈窗等很重的反應方法,頁面的交互就顯得簡便流利很多,無時無刻沒有在撫慰著用戶煩躁的情感。

  綜上所述,本文從敏銳簡便的角度,對Google+的體驗舉行剖析,總結出以上六點讓web更簡便敏銳的計劃辦法。好瞭,就寫到這裡瞭,願望可以或許贊助到人人。

Comments are closed.