ui

這是另一個想法：

國內入口網站的首頁設計，近年來有向雅虎奇摩靠攏的趨勢，不論是本土或是外來的入口網站，在雅虎奇摩改版後，都會紛紛相繼改版，並且在版面配置上與其極為相似。我想分析歷年各網站首頁設計，深入訪談各網站經營者的策略與設計師的觀感，也企圖瞭解使用者的使用經驗與感受。(模仿網站經營者的策略為何？設計者的專業與感受？被模仿者/使用者的看法？)

因為工作經驗的關係，我自己是對此問題很有興趣，很想揭露網路產業的黑暗/現實面...不過呢，老師的分析：不容易寫成一百頁的論文，因為其原因可能很容易即可歸納出： (1)台灣人愛模仿；(2)模仿是降低進入門檻的策略...。策略九說提到的生態說，可能即可解釋此現象：

• 環境資源主宰企業組織的存續，應採行適當的生命繁衍策略
• 建構適當的利基寬度，靠山吃山，靠水吃水
• 盡量調整本身狀況和環境同形

今天看到 Jakob Nielsen 的這篇《OK–Cancel or Cancel–OK?》，就知道他終於要幫我解惑了。簡記如下：

• 這兩種方式都有理。OK–Cancel 符合一般由左到右的閱讀順序，使用鍵盤的 tab 鍵做選擇時也較快。 Cancel–OK 則表示 OK 是一個結束，並有上一個/下一個的左右順序感。
• 其實啊，這是小事情，不要花太多時間去爭論。
• 原則上，依循平台慣例（windows -> OK–Cancel，mac -> Cancel–OK）。
• 若是 Web-Based Apps，基本上 windows 使用者總是佔多數，所以只好...
• 另一方面，不要老是用 "OK"，應使用符合脈絡的精確用語，例如"儲存"。
• 且，可把常用的那一個選項設為預設值並特別標示（粗體）出來。

大師是對的！

昨天利用聽研討會的空檔，把 Prioritizing Web Usability 這本書的內容大致瀏覽過一遍：

microarchitect - Why you should right align form labels?

The thing that has always bothered me, is that only a few companies, realize that form fill-up is still an annoying exercise. The onus is therefore on them to make this task easier, and less time consuming. One of the several ways to do that is to right align form labels.

作者是根據眼球運動的距離來作分析，不過實際上會差多少？作者也不保證。

Donna Maurer - Usability for rich internet applications

Usability？ 使用性、可用性、優使性。簡而言之，就是好不好用。

Donna Maurer在Webstock 2006裡的一份簡報裡，列出她覺得好用服務的特性、應考量的使用者習性，以及11個網路服務的操作錄影檔，分析其中優劣，值得一看，可以體會好用/不好用之間的差異。

Jakob Nielsen - F-Shaped Pattern For Reading Web Content

Jakob Nielsen 最近研究了232個網路使用者在瀏覽網站時的模式，歸納出一個F模式：
1. 先水平瀏覽內容，就像是英文字母F的第一橫
2. 然後是一個短一點的水平瀏覽，F的第二橫
3. 最後是針對左欄做一個垂直掃描，F的一豎

奇摩測試新首頁，動作真快，美國也都還沒改哩...先來看看兩篇關於Yahoo!新首頁的分析，簡單寫一下摘要（圖片連結自原作）：

Yahoo! User Interface Blog - Patterns Behind the Yahoo! Home Page Beta

Read/WriteWeb - Exclusive: New Yahoo! homepage

根據UI blog的說法，他們在做改版時，最常考慮到的是：

Cross Page Boundaries Reluctantly

Yahoo!米國的使用者介面程式庫，是一堆用JavaScript寫成的工具和控制項，可以為採用DOM、DHTML、AJAX等技術的網路服務，建立豐富的互動性。

這些元件都是以BSD授權方式提供，完全免費使用。除了該網站上有說明與範例之外，也可到Sourceforge下載。

YUI Library有兩種元件：工具(utility)和控制項(control)。

Yahoo! Design Pattern Library

What's a Pattern?
A pattern describes an optimal solution to a common problem within a specific context.
針對在特定脈絡下所發生的問題的最佳解決方案

今天同事問我網頁表單下方的按鈕的排法。
他認為預設的按鈕應該要放在右邊，因為多數人是右撇子，這樣操作起來比較近，可以比較快點選到。

我的看法相反，認為預設按鈕（我們認為/想要使用者執行的動作）應該在最左邊。一是因為Windows上多數桌面軟體的按鈕似乎都是預設動作在左（確定 | 取消），二是因為網頁瀏覽/輸入一般都是由左到右。這應有人體工學上的依據，而不是因為使用者的個人習慣，且與左右撇無關。