二次確認頁，英文名是confirmation alert，在目前的諸多網頁設計中，確認頁越來越多了，用戶體驗非常的不便。究竟有沒有一些原則和規範可以指導二次確認頁的用法的?本文就二次確認頁的一些問題，做了分析研究。

一、什麼是二次確認頁?
　　二次確認頁其實就是Confirmation Alert，屬於Alert家族中重要的一員。英文定義：A confirmation is a modal dialog box that asks if the user wants to proceed with an action。翻譯成中文大概就是：一個確認頁是一種詢問用戶是否想繼續執行某個動作的對話方塊。

　　二次確認頁面的特點：
　　直接出現在用戶剛剛發起的某個操作之後。
　　詢問並確認用戶是否想要繼續之前的操作。
　　一般會包含一個簡單的問題和兩到三個操作。

二、什麼時候用到二次確認?
　　二次確認的好處是：
　　1、減少誤點擊
　　2、避免動作中斷時的損失(保存確認)
　　3、使操作更加慎重
　　4、安全性(有的二次確認還需要使用者輸入密碼)

　　缺點是：
　　1、干擾了正常的操作流程，不恰當的多餘的二次確認面還會讓客戶心生厭煩。
　　2、在一些鼓勵的流程中，二次確認頁還會形成巨大的漏斗效應，直接造成客戶流失。
　　
　　因此，有以下三個原則：能不用就不用；必要時才用；用了就讓人明白。

　　那麼，什麼時候用二次確認呢?
　　1. 儲存確認(Save Confirmation)
　　例：填寫表單中途離開，郵件寫了一半關閉流覽器，文檔未保存狀態下點關閉。
　　確認的目的：避免誤操作或損失。
　　2. 刪除確認(delete confirmation)
　　例：開心網帳戶的刪除(不能恢復)，刪除好友或檔案等。
　　注意：並不是所有的刪除都需要確認，例外情況有如：頻繁的操作(如刪除郵件)，不重要的刪除或者恢復成本較低。
　　3. 其他重要且後果不可逆的操作
　　例：淘寶的確認收貨並同意放款，百度有啊的撤銷退款協議。確認的目的：告知後果使操作謹慎，避免誤操作。
　　4. 重要且不推薦的操作
　　確認的目的：通過確認讓用戶更改選擇。最典型的例子莫過於淘寶的“評價確認”。

二次確認頁的特徵既然是存在兩個以上的操作選擇，所以當只存在一種選擇的時候，無論頁面長得再怎麼像確認頁，也不是。
　　大家都很關心的問題：到底該如何判斷要不要確認頁呢?
　　建議如下：
　　1. 若不存在兩個以上的動作選擇——不要使用確認頁，可以是成功提示，或者錯誤提醒，設計成不需要使用者操作的樣子。
　　2. 若存在兩個以上的選擇，但是90%的使用者都會選擇預設的選項——二次確認也是可以考慮去除的。
　　　 可以加注一些提示來避免那5%的用戶出現損失，但是不要用一個確認頁去干擾這90%的用戶。
　　3. 考慮重要性和恢復成本：
　　    重要但是恢復成本低的，和不重要但是恢復成本高的，不建議使用二次確認，提供撤銷操作更人性化。
　　    重要且恢復成本高的，最好二次確認，避免損失和誤操作。
　　4.是否是頻繁使用的操作：一般情況下，若頻繁使用，重要性就不是特別高，而且頻繁出現的確認頁會讓人抓狂的，這種情況下，最好不用二次確認頁。而且確認頁有很多替代的形式，能夠達到同樣的目的但是更加親和。

三、二次確認頁的形式：
　　從設計角度劃分：
　　1. 系統彈出框
　　
　　2. lightbox(浮出層)
　　解釋：Lightbox的效果類似於WinXP作業系統的登出/關機對話方塊，除去螢幕中心位置的對話方塊，其他的區域都以淡出的效果逐漸變為銀灰色以增加對比度，此時除了對話方塊內的表單控制項，沒有其他區域可以點擊。
　　
　　3. 郵箱驗證及手機驗證碼等替代形式
　　比如，要刪除開心網帳號時，開心網會發一封郵件，點擊郵箱裡的連結來確認一定要刪除。這種形式適用於比較重要的不可恢復的場合。
　　手機驗證碼確認的形式一般和資金相關，也用於比較重要的操作。
　　從內容和功能角度劃分 （這段資料來自於《windows vista UX guide》，為避免偶英文翻譯有誤，保留原文名稱）

　　確認頁使用時機：　　
　　1.Routine confirmations(常規確認)
　　Confirm that the user wants to proceed with a routine, low risk action.
　　確認用戶想要繼續一個常規的，低風險的操作。
　　
　　2.Risky action confirmations(風險操作確認)
　　Confirm that the user wants to proceed with an action that has some risk and can’t be easily undone.
　　確認用戶想要繼續一個有風險並且不容易撤銷的操作。

　　3.Unintended consequence confirmations(未預期的確認)
　　Confirm that the user wants to proceed with an action that has unexpected or unintended
　　consequences.
　　確認用戶想要繼續一個可能會導致意料外的結果的動作。
　　很多時候，確認頁是建立在用戶有明確的操作意向的時候，這種情況下，也許使用者對後果是有預期判斷的：刪除就意味著後果就是刪除。而若刪除命令同時會導致別的意料之外的結果產生，那就是unintended consequence confirmation。
　　典型的例子：在多標籤流覽器環境中，關閉流覽器，一般就會彈出一個確認框。

　　4.Clarifications(澄清式確認、探詢式確認)
　　Clarify how the user wants to proceed with an action that has potentially ambiguous or unexpected
　　consequences.
　　搞清楚用戶想如何繼續一個行為，而這個行為可能會導致預期外結果。
　　就好像在岔路口，導遊說：好，我們繼續走吧。你可能想反問一下：怎麼走呢?向左還是向右?因為你擔心右邊可能會有打劫的埋伏。
　　UX guide建議除非確實認為這個行為可能會出現的多種結果中，不然就不需要這種澄清式的確認。

　　5. Security confirmations(安全確認)
　　Confirm that the user wants to proceed with an action with security consequences.
　　確認用戶想繼續執行一個會出現安全問題的動作。
　　
　　6. Ulterior motive confirmations(別有用心的確認)
　　使用誤導的文字或是多餘的內容，所提供的二次確認頁

四、二次確認頁的替代方案：
　　如果不喜歡二次確認頁，那麼有別的方法可以取代嗎?
　　1. 防止出錯——設置任務，用戶在進行破壞性的操作前有前置任務需要完成。
　　比如，在我們最近的一個項目中，用戶在點擊某個button時，那個命令是需要被確認的，否則一旦誤點擊會造成不可恢復的後果。但是在點擊下這個button後，使用者是需要填寫一個表單的。在提交表單時，我們就發現沒有必要再用一個二次確認。因為用戶在填寫表單的過程中是可以思考和反悔的，他既然願意花時間和精力去填寫表單，證明他確實想明白了。

　　2. 提供撤銷操作(Undo)

　　3. 提供回饋，讓不期望的結果顯著化。
　　
　　4. 消除選擇——往往需要被確認的是因為有兩個或多個response(後續動作)，可以認真想一下，是否一定有多個選擇，如果僅僅剩下唯一一個了，那麼就不需要詢問了。
　　如果需要被confirm的選項不是很重要，乾脆拿掉它。我特討厭有些網站給你一個長長的表單，下面有兩個button，一個提交一個清空。往往會不小心點擊了清空，結果剛才忙活了半天的東西都沒有了。要避免這種情況，當然你可以在我點擊清空時給我一個確認，不過我更加期望把這個button拿掉。

　　五、設計形式的選擇：
　　自從有了浮動圖層，越來越多的web 2.0的網站拋棄了系統彈出框。開始使用lightbox(浮出層)，當然，他們各有優劣，不能一概而論。
　　比如以下這種情況：
　　
　　系統彈出層可以允許我挪開確認視窗以閱讀“需要被確認的內容”。
　　而如果使用浮動圖層，挪都挪不開，怎麼確認?當然你可以把需要被確認的內容放到浮動圖層上，前提是有足夠的資訊承受量。

　　六、二次確認頁注意事項：
　　1、時機——確認是必要的時機
　　2、形式——是不是採取了合適的形式(有哪些形式?)，注意不要用二次確認頁魚目混珠，有很多網站把成功頁面做成像二次確認頁一樣，居然還有個感嘆號來警示用戶“操作已經成功”……
　　3、文案
　　4、icon
　　5、出錯控制——：二次確認頁應該給出建議性的下一步操作，默認的動作。
　　6、結構——這個頁面不需要太多創新，最保險的方式就是照顧使用者已有的習慣，用主流的結構去呈現。

　文案太重要了：
　　1. button的文案——需要讓使用者思考。
　　很多時候我們發現一個頁面很莫名其妙，很不容易理解，仔細看看，原來是文案沒有傳達清楚。
　　如果二次確認頁面也出現含糊不清，模棱兩可的文案，那是最糟糕的事情。
　　
　　現實生活中，某個人負責寫二次確認頁面文案，但是button上顯示的文案有時卻得走"規範"，統一使用YES或者OK(比如)，至於點擊了button到什麼頁面是由設計師和工程師決定的。就會導致以上矛盾的情況：button和文案牛頭不對馬嘴，點擊後卻又是另外的情況……

　　2. 頁面的文案——足夠的資訊講明白後果。　　
　　你會經常被這種頁面搞得很苦惱，你確定嗎?你真的確定嗎?你考驗我的智力還是判斷力還是耐力?

　　3. ICON可不能亂用
　　icon很美觀，似乎很多設計師總是想用一個icon點綴一下二次確認頁。即使不是二次確認頁(像是某些成功頁面，卻被用了警示的icon，實在匪夷所思)

PATTERN TAP - 免費網頁設計素材庫，常用資源一應俱全

Pattern Tap 提供網頁設計的相關素材，包括有播放器、背景、邊框、原始碼、表單、圖示、連結、導覽列等等，內容與分類相當廣泛，喜歡到處亂逛的使用者可以逛逛。

相當大部分的範例都是來自於網際網路的各大網站，所以內容都不會太過老舊。無須註冊就可以瀏覽網站內的所有項目，但如果要留言的話就必須註冊一個帳號。例如 Pattern Tap 提供的一些 404 頁面，怎麼看都比預設的 404 頁面美觀多了吧！

或是看起來很舒服的網站設計，都可以從縮圖中找到來源網站（Source）。

【網站網址】Pattern Tap

COLORCOMBOS.COM - 網頁色彩分析工具，數以萬計的免費調色盤！

如果你是一個網頁設計師，那麼一定常常會遇到網站如何配色的問題，免費資源網路社群先前也介紹過一些關於網站配色的工具，如果你覺得還不過癮的話，可以試試看 ColorCombos ，它提供免費網站色彩獲取工具、混色測試工具與調色盤收藏室。

透過 GRAB WEBSITE COLORS 可以輕鬆得知該網站的主要配色，這可以作為網頁設計時的參考或範本，輸入網頁網址後稍待片刻就會立即分析出顏色。

這就是免費資源網路社群的色彩配置，ColorCombos 是從 CSS 抓取顏色，如果你測試過 Google 的顏色，可以發現它呈現的是超連結的三種顏色。使用者可以針對這些顏色進行調整或是刪減。

而在右方的 Color Tags 可以直接找出合適的色彩，ColorCombos 會提供關於這個顏色的配色方式，也就 Combo Library, 數以萬計的調色盤可以免費取得。若你的工作或是生活上常需要進行色彩搭配，或者你已經擁有許多本關於色彩學的書，你應該不難發現這類書籍都不是很便宜。不過現在你可以免費取得這些內容，只要動動滑鼠，完全不用花費任何一毛錢！

【網站網址】ColorCombos.com

Free Website Templates 提供超過50種的免費網站設計模板，該網站提供的網站模板多半都有相當多的網頁圖片，使得網站模板顯得活潑且色彩豐富。使用者可以免費下載網站模板並加入欲呈現的內容，輕鬆打造出一個簡單的個人網站，如果你並不擅長網頁設計，這個網站應該很適合你。

所有的網站模板皆包含 CSS 檔，且在你使用網站模板時，你無須放置任何廣告連結，因為 Free Website Templates 的網站模板完全免費。

Blind Text Generator - 虛擬文章產生器，網頁設計必備工具！ 

如果你也是個熱衷於網頁設計的使用者，可能必須不斷地測試網頁的呈現效果，無論在 CSS 的配置或是文字的顯示樣式。或許你也曾遇到一個窘境，那就是不知道要去哪裡找這些測試用的文字。

依照 Pseric 的經驗，常常會到新聞網站任意複製一段文章，然後貼到要測試效果的網頁內來看看整體呈現的感覺，不過現在你有更好的選擇－Dummy Text Generator！從字面上的意思就可以大致推斷出該網站的用途，沒錯，它是一個非常方便的工具，可以隨機產生一段虛構的文字，方便使用者規劃整體佈局。

可以產生哪些樣式的文字？

一進入 Dummy Text Generator，就可以看到網站已經產生一段虛構文字（Dummy Text），使用者可以直接點選 SELECT ALL 全選，或是拖曳文字右下方的箭頭來調整文章的寬度。

在左方可以選擇你想產生的文字種類，包括最常見的 Lorem ipsum 、Cicero、 Li Europan lingues 等等。在下方也有其他設定可以調整：

Number - 顯示的文字數（Words）或是字元數（Characters）。
Paragraphs - 段落數。
Display ＜P＞ Tags - 是否顯示 ＜P＞ 分段標籤。
此外，在最下方的 ADVANCED OPTIONS 選項內也有一些進階設定，有興趣的使用者不妨試試看囉。

【網站網址】http://www.blindtextgenerator.com/

說到影片分享服務，大家可能第一個想到的就是：YouTube, 但 YouTube 真的有這麼「神」嗎？那倒是見仁見智，例如 YouTube sucks: 4 sites that do recording better,  或是 Why YouTube Sucks? 都指出了不少缺點。

今天要介紹的這個服務－Vimeo, 除了是 YouTube 的眾多對手之一，更是獲得多數好評的影片空間，它的優點有哪些呢？包括更美觀的操作環境與上傳介面，也支援更多影片檔案格式，諸如 asf, asx, avi, divx, dv, dvx, m4v, mov, mp4, mpeg, mpg, qt, wmv, 3g2, 3gp, 3ivx 和 3vx ，遠比 YouTube 的四種格式硬是多上一大截。

你以為這樣就沒了嗎？不，Vimeo 更提供了 HD 高畫質影片功能，你還在看網路上模糊不清的影片殘害自己的眼睛嗎？換個 HD 影片來看看吧！

而 YouTube 限制影片長度不可超過10分鐘，但 Vimeo 則不會對影片時間進行限制，而是限制使用者可以使用的容量。新註冊使用者可以獲得 500MB 空間，之後每週都會自動將你用完的空間補到 500MB, 相信應該足以應付一般使用。

註冊 Vimeo 帳號

1. 如果你想上傳影片到 Vimeo，趕緊按照以下方式註冊一個Vimeo帳號吧！進入 Vimeo 首頁後，點選右方 Sign up for Vimeo 。

Vimeo 網站首頁: http://vimeo.com/
Vimeo 註冊頁面: http://vimeo.com/sign_up 

2. 接著會看到一個很可愛的註冊畫面，依序填入以下資料：

First & Last Name: 你的姓名。
Email: 你的 E-Mail Address
Password: 輸入密碼
最後別忘了閱讀一下使用條款並勾選同意，按下最後的按鈕加入 Vimeo 大家庭。

3. 接著會跳出歡迎畫面，詢問使用者是否升級為 Vimeo Plus （每年 $59.95 美金），在 Vimeo Plus 中使用者將可以享有以下功能：

每週10倍以上的上傳容量。
高畫質 HD 影片上傳無限制。
可自訂化的介面。
高畫質影片。
如果暫時沒有打算升級，點選 maybe later 就能跳過。

4. 最後還是必須到你的信箱收取驗證信以取得完整權限，如果沒有驗證就想上傳影片的話，Vimeo 可是會出現提示訊息的喔！如果你遲遲等不到驗證信件，可以點選 Send me added commendation email 要求 Vimeo 再次寄出。Pseric 使用 Gmail 收信大約按了三次，才在幾分鐘之後收到第一封驗證郵件。

上傳影片到 Vimeo

在完成身份驗證後，再次回到 Upload a recording 頁面，可以看到出現選擇上傳影片的選項。在上傳前務必先瞭解一下 Vimeo 的規則。

不允許商業、政治或是任何形式的廣告內容。Vimeo 只允許用於個人和非營利。
不要上傳電視節目、你在其他網站找到的影片或是遊戲影片。
當然也不可以上傳成人或是色情內容的影片。
沒問題之後，可以點選 Choose a enter to upload 上傳影片。

使用者在上傳影片的同時不會感覺或沒事可做，這時候可以動動手修改一下影片標題、描述或標籤。左方的功能都可以設定，不會影響影片上傳。

Privcy: 可以自訂誰能夠看到影片、密碼保護、瀏覽者可以做的動作與影片留言的設定。
Photos: 可以為你的影片加入 Flickr 照片。

上傳完成後進入你的影片頁面，可能會看到以下訊息： 

這表示目前 Vimeo 的上傳數過多，而影片會在幾分鐘之後開始進行轉檔的動作。不過使用者別擔心，一旦 Vimeo 轉檔完成，會以 E-Mail 通知使用者影片已可以線上觀賞。

如果你希望可以跳過這個等待時間，那麼可以考慮升級為 Vimeo Plus, 就不會有這個限制。

上傳 HD 影片說明

既然許多人都對於 HD 影片有疑問，那麼我就到 Help 頁面幫大家找了有關 HD 影片的說明。

為什麼我上傳了 HD 高清影片後沒辦法以 HD 播放？

首先，請先確認你所上傳的為 HD 影片。為了有 HD 的品質，你的 HD 影片外觀比例必須大於 4:3, 寬度至少為 1280 像素，如此一來才會以 HD 方式處理。必須注意的是 Vimeo 僅允許免費帳號一個星期上傳一個 HD 影片，也就是說如果你一個星期上傳了兩個，只有第一個會以 HD 方式處理，其餘則是 SD 。

其他都是比較小的問題，如果有 HD 影片的疑問，可以找找 FAQ 頁面的 HD 項目，Vimeo 整理了一些使用者可能會遇到的 HD 影片問題。

將影片放到部落格或網站

在把影片上傳到 Vimeo 後，其他使用者可以直接在網站內找到你的影片並且觀看它。但如果你希望可以把影片內嵌（Embed）到部落格內也是可以的，方法很簡單，只要將滑鼠移到影片上，右上方會出現 LIKE, SHARE 和 EMBED, 點選 EMBED 就可以取得 HTML 原始碼。

除了有影片大小的設定，使用者也可以選擇自己喜愛的顏色、顯示方式等等。

介紹到這邊，大家還有什麼問題嗎？其實 Vimeo 的功能當然不僅於此，但礙於版面限制，Pseric 無法逐一介紹，還是必須由你自己親身體驗才知道囉。如果你是一個熱愛觀賞影片的使用者，那麼到 YouTube 可以找到更多影片。不過如果你想找個比較適合分享影片的網站，或許可以試試看 Vimeo 。

【網站網址】http://vimeo.com/
【單檔大小】無限制（Vimeo Plus 帳號為單檔1GB）。
【上傳限制】免費帳號一個月500MB, 每日最多可上傳 10 個檔案。
【流量限制】無限制。
【檔案類型】asf, asx, avi, divx, dv, dvx, m4v, mov, mp4, mpeg, mpg, qt, wmv, 3g2, 3gp, 3ivx, 3vx。
【砍檔時間】無。
【必須註冊】必須。

網路上有許多流傳著各種提高網站排名、增加網站流量、人氣的方法。

最常見到的，大多是討論如搜尋引擎優化(SEO)、友情連接、論壇宣傳…等等，其中不乏各種旁門左道，但往往只是討一時之巧，結果終是得不償失。

搜尋引擎在偵測網站作弊行為方面是很聰明的，所以從長計議，網站排名最好不要採用作弊行為。

事實上即使執行了上述提及的動作，真的能提高搜尋引擎的網站排名嗎？

知名的搜尋引擎（如 Google， Yahoo...等）能夠分析你網站網頁的內容，進一步判段網站的價值以及在網路上受到其他網站重視的程度，這當中又以 Google 的 PageRank 最受到囑目與討論。

因此瑞宇網頁設計公司給大家的建議是，與其每天想著如何得到更高的網站排名與流量，還不如盡力把網站的內容做得更好，提高網站對搜尋引擎的重要程度。

有價值的內容就是吸引更多訪客最重要的因素，如果你的公司網頁內容太過簡單或貧乏， 就算刊登再多的網路廣告，訪客來到您的網站也只會短暫停留。

只有充實的網站內容才會得到搜尋引擎的重視，吸引更多的人氣、流量。

所以最好的網站宣傳方法，就是把網站的內容做得更充實、專業，提高網站對搜尋引擎的評分！

軟體版本：4.0
授權類型：免費軟體
支援語系：繁體中文

軟體簡介：
色胚子是一套設計師輔助配色的工具軟體，提供電腦設計最常用的 RGB 調色及最適合人類直覺的 HSB 調色、色環調色模式及多種設計配色輔助工具，且支援多種色碼格式的複製與貼上，並可匯出、匯入多種色票格式，方便與各類型影像處理軟體、網頁設計軟體共通顏色，在網頁設計色彩方面亦提供網頁 216 安全色色盤及自動檢測網頁設計安全色的功能，而便利的色票管理功能更可幫助設計師管理調配好的顏色，作者也特別收集了許多色票可供直接使用。

軟體下載點

軟體分類： 網頁編輯
軟體性質： 免費
最近版本： 10.0.1
語言界面： 英文

軟體介紹：
對於網頁設計師來說，如何讓自己所設計的網頁同時在各種不同的瀏覽器中呈現相同的效果，這就是一件最令人頭痛的問題，不過你現在可以藉由符合 W3C 規範的 Amaya 來替你進行網頁設計的編輯，避免成果不符規範。

對於網頁設計師來說，一款方便好用的網頁設計軟體絕對是工作上不可或缺的好幫手，但是偏偏許多設計工具都有自己的一套元件編輯方式，如此一來，常使得使用者所完成的成果在不同的瀏覽器上得到不同的表現，甚至會發生錯誤。為了避免這樣的情況發生，一款符合 W3C 規範的網頁設計軟體就成為你所不可或缺的工具了。

Amaya 是一款開放原始碼的網頁設計軟體，使用者可以透過它的編輯功能來進行網頁設計，且 Amaya 本身就具備了瀏覽器的功能，因此可以讓使用者直接於線上對網頁進行編輯，而編輯後的成果也就與在 Amaya 上所見的一模一樣，不會有任何差異。而透過 Amaya 所設計的網頁，在完成後更可以透過直接進行儲存來達到網頁上傳的目的，讓你可以一邊修改網頁且在修改完成的同時就一起完成網頁的更新工作。

而 Amaya 最大的特色就是完全遵循 W3C 的規範，因此只要瀏覽者所使用的瀏覽器也一樣符合這項網頁標準，那麼你就不需要擔心它們所看見的結果會與你辛苦的成果有所不同。而且除了一般的 HTML編輯外， Amaya 也支援 CSS 框架以及 MathML 、 SVG 、 RDF 與 XPointer 等新一代的網頁設計語言喔，讓你的網頁絕對跟得上時代的變化。

Windows NT/2000/XP/Vista 版本下載點

其他作業系統下載點：

網頁編輯類：
Dreamweaver、Formpage

Adobe Dreamweaver：
1. 剛開始接觸的人，會對於其操作介面有些陌生。短時間內需要適應。
2. 若您的網站主機，是屬於Unix或是Linux的系統，Dreamwaver與主機檔案的傳輸與管理，會比Frontpage好。
3. Dreamweaver的網頁製作功能，有些比Frontpage還好，例如：表單製作時，可以檢查輸入資料的內容，是否為數字、電子郵件等等。
4. 能與主機資料庫結合，不必寫程式，就能做出資料庫網頁，包含ASP、PHP、JSP等語法。

MicroSoft Frontpage：
1. 因為是OFFICE家族的一員，所以操作介面跟OFFICE的軟體很類似，在編輯網頁時，您可把他看作Word操作，就會覺得很簡單。
2. 若您的網站主機是Winodows Server，Frontpage與主機的Frontpage Extension，能緊密結合，做很好的檔案傳輸與管理。
3. 有些功能是Dreamweaver所沒有的，如快速製作電子相簿，還有像共用網頁等功能，產生的html語法，也和Dreamweaver有所不同。

影像設計類(點陣圖處理)：
Adobe Photoshop、Adobe ImageReady、Ulead PhotoImpact、Ulead GIF Animator、Macromedia Fireworks、ACDSee 4.0 以後

影像設計類(向量圖處理)：
Adobe Illustrator、Macromedia FreeHand、Macromedia Flash

聲音處理類：
Media Play、錄音機、GoldWave、快樂音樂家、Cooledit、音樂半日通、Cakewalk

網頁瀏覽器類( Web Browser )：
Internet Explorer、Netscape Navigator、KK、FB