我們在瀏覽網頁時,如果需要學習別人的網站如何製作時, 通常你會怎麼做?
Cut 圖? 另存 html ? 檢視原始檔? 或是使用砍站軟體?
怎麼做都可以, 其實只要自己方便, 能解決問題就好了.

Cut 圖的工具相當多, 就算你直接按 print Screen 也可以. 但缺點是無法看到別人如何巧妙運用 html 或是 css 來產生畫面的結構. 另一個想法是可以激盪一下自已的腦力, 如何做出這樣的效果.
幾個簡單好用的軟體:

• FastStone Capture - free
• Snag IT!

另存 html 和檢視原始檔, 雖然方便, 但通常在頁面上還有許多網頁的元素, 像圖檔, css, js..等等, 你要將這些檔案存下來, 還真要花一翻功夫, 有點麻煩, 也浪費時間.

砍站軟體, 好處是自動化, 會幫你把網站都自動抓下來, 但是仍有些缺點, 像是 form 的認證, 或是網站有記錄 cookie, 或是透過 ssl 或是 401 authorization …等等, 就會遇到問題.
最常見的幾個工具如下:

• Httrack - 免費的
• Teleport - 要付費的, 但試用版有一些基本功能

那怎麼辦? 介紹一個超級好用的工具 - ScrapBook,
不管是 form 的認證(聰明的網站, 會讓你使用3個欄位登入)或是 401 …等等, 很簡單就幫你把網站給 cut 下來, 還可以分類使用, 將不同的頁面存放在不同的類別中, 還可以管理, 大量匯出, 這在討論和參考別人設計的網頁時就相當好用.

相當簡單的, 在 FireFox 裡, 安裝 ScrapBook 的外掛程式, 然後, 就用它就對了.
ScrapBook

不管你是要畫面, 還是網頁原始碼或是裡頭的元素, 都可以輕鬆的透過 ScrapBook 來達成.

當然, 很多使用會把它拿來當離線閱讀文章的利器,
但對於網頁設計師或是相關的開發工程人員, 卻是另一個好用的網站學習工具.

試試看.

使用blog的人是愈來愈多. 雖說 blog 是屬於個人的網誌, 但常常找著資訊就不小心到了別人的 blog.

現在最痛苦的一件事就是: 自動播放音樂. 老天!

尤其是在使用頁籤式的瀏覽器IE7+,FF+, Opera..等等, 你可能同時在看許多網頁和資訊, 這時, 你就會突然找不到, 到底是那個 blog 正在放音樂. 到底外掛了什麼播放器? 有時, 你同時打開同一個 blog, 瀏覽不同的文章, 就會聽到, 相同的歌曲, 正在一直 ECHO 的播放著….GOD! 嚇到我了…有些音樂, 簡直是魔音傳腦.

我想, 這時使用者, 會盡速離開/關閉你的 blog 或網站.
當然, 把電腦的聲音關掉也不失為一個好方法. 只是在你需要看影音時, 又要再打開一次.
也許會有瀏覽器外掛, 幫忙把聲音這件事搞定. 設定什麼網站開, 或是即時的靜音或是打開這件事.

用 UE 的角度來看, 我會建議 Turn off music auto-play. 還我一個安靜的瀏覽空間.
除非, 你的聲音元素, 對網站或blog來說是必要的, 不定然鐵定會扣分.

讓使用者自行選擇, 不失為一個好方法, 如果你想和別人分享你的音樂, 就讓使用者自己選擇吧.
不要強迫我聽歌, 謝謝.

對於自動和手動的方式, 對於不同網站的應用, 應該要適得其所. 以上.

錯誤範例

• xx房屋 - 使用 google Chrome 時, 突然冒出的聲音, 唱著xx好, xx房屋好…這…

Don’t make user think or learn ?

I don’t think so.

Everything , you must learn.
when you were a child, climb on the ground, and you learn how to walk.
iPhone user interface , you n’t need to learn how to using ? how to move, how to resize screen.
if you want drive a car, you don’t need to learn ?

I think, Make user no choice, Make uses learn less 3 steps.

• Think about it, who using you new UI Idea. you want them how to do?
• Not display more none information front of user’s face. It’s a bad idea.
• how to step 1-2-3, done everything. if not, you must think what’s wrong with your flow ?
• Not too much choice. too much, you’ll get more complain.
• don’t combine everything on a page. not everyone know how to do that, only you or your boss know that ?
• if you want to survey form not dispaly table list.
• simple radio/check box, alaways good for drag drop + Ctrl+Select All + copy 2 other side, just only mouse click not too much actives.
• wheye am I ?

and more…