微軟設計主管談web設計

來源:互聯網
上載者:User

作為設計主管,Peter Stern 已經領導 microsoft.com 重新設計了首頁並且開發了五個不同的互動工具,這些工具被用於下載中心、產品目錄、設定檔中心、 搜尋 和註冊等聯機功能。 他為幾個內部工具設計了使用者介面,並且正致力於建立將於今年晚些時候發布的下一代首頁。

從頭銜上,您可能認為我主要關心的是 microsoft.com Web 網站幾千個網頁的版面設計。的確,這些確實是我所關注的。視覺上的吸引力是重要的,但是這僅僅是工作的一小部分。而最終的目的是確保整個網站運轉正常。

我的意思是,人們通常在訪問 microsoft.com 時,並未將它當作藝術作品來讚賞。而是為了獲得有關產品的資訊,或者有一些技術問題需要諮詢,或是閱讀有關開發商的期刊。所以網站的設計應該盡量清楚和有條理,以便他們能夠容易地找到所需資訊。

設計網站

在進行 Web 設計時–在設計過程中–形式應該服從功能。這種方法應用於我們網站的整個設計過程中。當然,我們有最新的 Web 工具,並且能夠將各種可視的小配件上傳到網頁上。但是我們認為這樣做將不利於為訪問者提供有效服務。

事實上,我經常發現一些網站未將重點放在功能上。常見的錯誤包括:

使用者介面元素不一致。例如,同一個控制項在不同的頁面上功能不同,或者同一個功能對應幾個使用者介面控制項。

導覽列位置不一致。決定網站的哪些頁和功能需要在網站的任何頁上都可被訪問到。這就是應該保持一致性的“全域導覽列”。

不太注意或根本不注意基本的圖形設計原則。例如排版式樣、色彩和版面的設計。
相關元素和功能的隨意分組。注意將元素放置在網頁上的位置和目的。這可協助訪問者從其它相鄰的選擇和位置來推斷某個連結的功能。

使網頁過於龐大以至使訪問者需要通過典型的數據機速度的 網際網路連線進行長時間的下載。這並不是說不應該使用圖形,但是您需要對它們進行精挑細選,然後用適當的壓縮和色彩索引最佳化它們。

現在的 Web 網站仍然存在很多問題,這並不奇怪。畢竟,Web 設計“藝術”相對來說還是個新生事物。在四、五年以前,Web 頁甚至是普通的。那時,人們好像認為他們的 Web 網站將會吸引訪問者只是因為它們存在–並且,可能在某些情況下這種方法確實有效。但是這些網站一般很難看,並且更重要的是,它們真的難以使用。接下來便 進入“看看我們能做些什麼”階段,在網頁中加入了大量的動畫、音效檔以及其它附加件,導致訪問者需要長時間地進行下載,但是並未獲得多少實實在在的內 容。

如今的 Web 設計師們已經吸取了前人的經驗和教訓。好的網站傾向於簡化和快速,同時在功能上有所提高。這是 Microsoft 的目標,而且我們最先承認自己所犯的錯誤(參閱“Microsoft 的 Web 簡史”看一看以前的首頁設計)。
設計錯誤並不總是顯而易見的。有時在設計上對一個小元素的移動或更改將有很少或根本沒有影響。但是,在其它情況下,它可能確實會對頁面功能有所影響。而且如果說我們從過去幾年學到了一些東西,那就是小的改動會使 Web 頁的運行方式有很大的不同。

明確的流程

若要避免類似問題,我們為新服務(例如“搜尋”)的建立或關鍵的 Web 頁(如首頁)設計了一個明確的流程。 每個項目都是在一定的基礎上開始的,即我們有一個受益於我們網站上的頁面、部分或使用者介面元素的產品或服務。在早期的產品計劃階段(第 1 階段),我被要求設計一些初級模型:大致描述頁面、部分或功能的草圖。然後產品項目組檢查產品計劃建議,看看此項服務是否可以為 microsoft.com 的訪問者真正帶來一些實惠。

如果答案是“可以”,那麼此項目會獲得批准,我們開始寫項目說明書(第 2 階段)。我們在第 1 階段的草圖和概念基礎上建立並提出一個更為完整的計劃。這時,我們一般還會開始可用性測試(一般會有書面的模型)以瞭解潛在使用者將對計劃中的設計做出何種 反應。 在最後開發階段(第 3 階段),我們建立運行計劃服務的 Web 原型,並且進行全面的可用性測試以及內部複查。然後完成網站的代碼,修改程式錯誤,最後網站通過實際運轉的 Web 網站向客戶發布。

正如您所見到的,可用性在整個流程中扮演著重要的角色(參閱“建立有效 Web 介面需要認真計劃”)。我們可以為使用者運行某項任務計時,這樣我們就可以在產品以後的版本中對比相同的測試。我們可以使用這種方法進行度量,以確定一個功 能的重新設計是否為客戶帶來任何真正的價值。

還有,我們將仔細地觀察以瞭解可用性對象是否可以計算出如何正確使用新功能–我們稱為“可 發現性”的方法。有時這為我們提供了一些挑戰。例如:在我們的網站上,在 搜尋引擎 中鍵入一個片語或字會產生一列結果。然後我們請使用者選擇在這些結果中進行搜尋,以便進行更細的搜尋並且導向某一頁或資源。但是即使“在結果範圍內搜尋”被 明顯地標記在深色標籤上,很少有人熟悉它。一些使用者認為他們正開始新的搜尋,並且可能毫無結果。我們正在解決這個問題以確保客戶可以利用 microsoft.com 上所有豐富的功能來提高他們對此網站的認識。
選項“在結果範圍內搜尋”看上去很直觀,但不是非常易發現的。此問題一直是困擾我們的設計的問題之一。



相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。