转http://ka-yue.com/blog/apples-web-design-3
我從來都認為參巧是學習設計其中一個最有效的方式，故推出「優秀設計賞系列」，把我從各大網站學到的小事情記錄下來，與大家分享。本文是本系列的第二篇。
只要是 Apple 出品的，無論是硬件還是軟件，在易用性﹑用戶體驗等方面都是業界一流的。所以我很好奇 Apple 的網站用戶體驗又如何呢? 關於 Apple 網站的舊版本點評請閱 Apple 網站歷年設計 ，多謝支持。
新版網站首頁設計。
今次改版中，影響到整個網站的改動有:
- 網站大小: 由以前的 800 * 600 變成了現在 1024 * 768。蘋果已經放棄了那些還在使用 800 * 600 的用戶了。(相關閱讀: 07年用戶瀏覽環境數據)
- 跟以往的改版一樣，目錄項目總是第一個被改的地方，詳細請讀 Apple 網站歷年設計。本次改版刪除了 QuickTime，加入了 Download。
- 在目錄上加入了 Search。以往 Search 一般在頁面底部。
- 網站內容方面，加入了很多第三分軟件的資訊在 Download 欄目下。
- 網站內頁的底部加入了一個類似 Site Map 的東西，後文會有詳述。
- 用了很多 AJAX 效果。
OK OK，我們由首頁開始一頁一頁慢慢說。 大家都說 Apple 的首頁看著就覺舒服，不知道你有沒有想過為甚麼呢? 首頁資訊少是主因之一。 一般來說我們都愛把所有內容一股腦的掉到首頁上，這樣做很容易對用戶做成資訊過載。 Apple 網站首頁的中心只有一個 – 中部的圖。 雖然圖片經常改變，但視覺中心會不變。見下圖:
好的設計都應該只有一個重點， Apple 首頁的設計很好地做到了這一點。 被中心所吸引之後，你的視線會跑到上方的目錄去，就如上圖所示。 這也是一個好的設計應有的特點: 用戶不會不知道該往哪處去。
請注意一點，瀏覽或閱讀時的視線不是真的如上圖般呈線性的，而是應該是一跳一跳的。 設計網站時請留意這一點。 我見 Microsoft Office 2007 的新介面已經犯了這個錯 … Orz …
接下來到內頁的設計了，假設用戶點擊了目錄上的 Store ，他們的視線應如下圖:
第一個視點很理所當然的坐落於網頁的左上方，因為:
- 我們剛剛點擊了位於目錄左方﹑網站左上方的 Store 按鈕;
- 這是我們的閱讀習慣，由左至右由上至下;
- 網頁是由左上方的元素開始下載的，所以左上方的圖片和文字會最先下載完畢;
- 網頁左上方有一不太好看的藍色方塊，吸引了我們的目光 ;
- 即使我們看一張白紙，或一個空白的網頁，第一眼也應該望著 中間偏左偏上 的位置 (黑點下方);
因此，大部份網站都把 Logo 放到左上方的位置，而不是置中或者置右，這樣方能讓用戶一眼就把 Logo 認出。在此之後，眼光會快速掃到頁面右下方。 嗯， 用戶瀏覽網站的時候，絕對不是一行一行的讀，而是高速掃描。 因此撰寫文案時應盡量簡潔，適時使用圖片，以方便面用戶在掃讀的時候認出內文。 千萬不要把你的網站搞得像報紙一樣，這樣做絕對是趕客的行為，緊記這一點。
另外，用戶的線視流程基本上都是如上圖所示，左上至右下，少有改變。 沒錯，你的設計的確可以影響視線流程，不過不要嘗試這樣做: 改變用戶習慣是可用性的大忌。 順應用戶的習慣，才能做到一目了然，一睇就明。
視線流程。
回复Comments
作者:
{commentrecontent}