「破格」是什麼意思？
所謂網頁設計上的「格」就是「Standard Content Design Model」，簡稱 SCDM，說穿了就是我們習以為常的兩欄、三欄式的排版法。如今不論中英文的網頁，這種排版法都佔了絕大多數，導致我們有種錯覺，就是網頁上能看到的內容只能有這三種排版法。SCDM 會有今天的地位，其實是因為 SCDM 也是各類瀏覽器的預設內容呈現方式。
2012年9月3日 星期一
網頁排版：前菜—破格的好例子－原也網頁設計、網站規劃、網站行銷
引用自http://www.inside.com.tw/2012/08/30/web-layout-design-0
「破格」是什麼意思？
所謂網頁設計上的「格」就是「Standard Content Design Model」，簡稱 SCDM，說穿了就是我們習以為常的兩欄、三欄式的排版法。如今不論中英文的網頁，這種排版法都佔了絕大多數，導致我們有種錯覺，就是網頁上能看到的內容只能有這三種排版法。SCDM 會有今天的地位，其實是因為 SCDM 也是各類瀏覽器的預設內容呈現方式。
「破格」是什麼意思？
所謂網頁設計上的「格」就是「Standard Content Design Model」，簡稱 SCDM，說穿了就是我們習以為常的兩欄、三欄式的排版法。如今不論中英文的網頁，這種排版法都佔了絕大多數，導致我們有種錯覺，就是網頁上能看到的內容只能有這三種排版法。SCDM 會有今天的地位，其實是因為 SCDM 也是各類瀏覽器的預設內容呈現方式。
2012年8月29日 星期三
企業網站要避免的四大忌諱設計－原也網頁設計、網站規劃、網站行銷
引用自http://www.bnext.com.tw/article/view/cid/103/id/24388
如果你並不打算利用網路銷售產品或服務，需要建立網站嗎？LogoGarden網站說：這是必要的，因為現在的消費者習慣利用網路搜尋，不為企業建立網站，就失去了一個和消費者接觸的管道。該如何為小型企業建立網站？挑選一個對的網址、放上合適的照片、與業務相關的說明文字…，請記得避免以下常見錯誤，因為功能不良的網站不但無法協助業務拓展，更有可能傷害企業形象。
如果你並不打算利用網路銷售產品或服務，需要建立網站嗎？LogoGarden網站說：這是必要的，因為現在的消費者習慣利用網路搜尋，不為企業建立網站，就失去了一個和消費者接觸的管道。該如何為小型企業建立網站？挑選一個對的網址、放上合適的照片、與業務相關的說明文字…，請記得避免以下常見錯誤，因為功能不良的網站不但無法協助業務拓展，更有可能傷害企業形象。
2012年8月27日 星期一
Google Chrome 超越 IE 成為全世界最多人使用的瀏覽器－原也網頁設計、網站規劃、網站行銷
引用自http://www.inside.com.tw/2012/05/21/google-chrome-overtakes-ie-as-no1-web-browser
根據 StatCounter 的資料顯示，Chrome 已經超越 IE 成為全世界最多人使用的瀏覽器，距離 Google 在 2008 年 9 月 2 日推出 Chrome 至今還不到四年。 從下圖我們可以看出，Chrome 的成長曲線已經在今年第 19 週時與 IE 交錯，而目前雙方的差距還在擴大中（從圖中看起來比較像是 IE 加速下跌）。
資料來源：StatCounter StatCounter
首次發現 Chrome 超越 IE 是在今年的 3 月 18 日，不過只持續了一天（註 1），但是最近的資料看來，Chrome 在整個 5 月的使用量可能成為世界第一。
資料來源：StatCounter
這項消息對 Google 而言無疑是一場瀏覽器大戰的重大勝利，而且不只是 Chrome，Android 上的瀏覽器 Android Robot 也在今年三月超越了 Opera 成為世界上最多人使用的行動版瀏覽器（註 2）。
註 1：Chrome was world’s top browser — for a day
註 2：Android Now the Most Popular Mobile Browser
原也網頁設計、網站規劃、網站行銷。
根據 StatCounter 的資料顯示，Chrome 已經超越 IE 成為全世界最多人使用的瀏覽器，距離 Google 在 2008 年 9 月 2 日推出 Chrome 至今還不到四年。 從下圖我們可以看出，Chrome 的成長曲線已經在今年第 19 週時與 IE 交錯，而目前雙方的差距還在擴大中（從圖中看起來比較像是 IE 加速下跌）。
資料來源：StatCounter StatCounter
首次發現 Chrome 超越 IE 是在今年的 3 月 18 日，不過只持續了一天（註 1），但是最近的資料看來，Chrome 在整個 5 月的使用量可能成為世界第一。
資料來源：StatCounter
這項消息對 Google 而言無疑是一場瀏覽器大戰的重大勝利，而且不只是 Chrome，Android 上的瀏覽器 Android Robot 也在今年三月超越了 Opera 成為世界上最多人使用的行動版瀏覽器（註 2）。
註 1：Chrome was world’s top browser — for a day
註 2：Android Now the Most Popular Mobile Browser
原也網頁設計、網站規劃、網站行銷。
你還在辦公室上班？WordPress創辦人教你「員工分散模式」－原也網頁設計、網站規劃、網站行銷
引用自http://wired.tw/2012/07/05/distributed-companies-matt-mullenweg/index.html
「企業應避免採用自我毀滅的工廠模式，員工以早到晚退博取獎勵已不合時宜」，WordPress創辦工程師Matt Mullenweg表示。
「企業應避免採用自我毀滅的工廠模式，員工以早到晚退博取獎勵已不合時宜」，WordPress創辦工程師Matt Mullenweg表示。
2012年8月23日 星期四
程式開發者＋美術設計師＝APP創作最強雙人組合－原也網頁設計、網站規劃、網站行銷
引用自http://wired.tw/2012/02/08/how-to-create-beautiful-mobile-apps/index.html
以往是人人心中都有寫書的構想，今日比較像是人人心中都有個手機應用程式的點子，但縱然擁有好點子和程式編寫能力，如果美感不足，恐怕也很難成功。
微軟英國分公司開源碼與行動部門主管柯曼（Will Coleman）指出，「市面上可下載的應用程式無數，必須有絕佳設計，才能鶴立雞群」，至於應用程式如何才可兼顧功能和美感，以下有幾項重點。
尋找最佳夥伴
程式開發者完成應用程式各個使用路徑後，就該請設計師加入，讓各項體驗能夠成真。柯曼表示：「開發者與設計師專長互補，是創意領域目前最強的雙人組合」，如此可確保程式不僅功能完善，使用也會輕鬆愉快。
重視細節
開發者絕對不能低估字型、版面、指引、音效等細節的影響力，柯曼指出，「應用程式最初或許能吸引目光，但若設計不良或內容不足，使用者自然會選擇下載其他類似產品」，切記規劃必須盡可能符合直覺，試想由父母或祖父母使用的情況即可，亦可參考其他程式尋找靈感。
簡化為上
開發者與設計者應該思考如何避免擁擠、保留空間，讓內容能夠呼吸。Matchbox Mobile創意總監莫爾斯（James Morse）認為，「設計感最佳的應用程式懂得在透明、品牌、美感之間求取平衡，不會干擾使用情況，這些元素讓使用者感到愉快，但不會影響運作，也會呼應使用者的期望」，他另指出，「總是以簡化為先，不必要的視覺效果只是累贅。」
考量工具與使用環境
思考用戶會使用的設備、工具及尺寸，應用程式是否能順暢地在各個平台上轉換？善用電話裡的各種感應裝置與工具，例如多點觸控、加速度計、麥克風、全球定位系統。「相較於傳統網路或桌上型電腦，手機提供更多可整合的互動機會」，也應該思考人們與應用程式互動的情境，是在路上嗎？環境是否明亮或吵雜？這些因素也有助於決定色彩及音效。
追蹤回饋
追蹤人們對於程式的各種感想與意見，收集這些資訊有助擬定改進方向，針對目標用戶類型尋找測試員，請他們直言不諱，並考慮將應用程式主機置於雲端，更新速度才會更快。
原也網頁設計、網站規劃、網站行銷。
以往是人人心中都有寫書的構想，今日比較像是人人心中都有個手機應用程式的點子，但縱然擁有好點子和程式編寫能力，如果美感不足，恐怕也很難成功。
微軟英國分公司開源碼與行動部門主管柯曼（Will Coleman）指出，「市面上可下載的應用程式無數，必須有絕佳設計，才能鶴立雞群」，至於應用程式如何才可兼顧功能和美感，以下有幾項重點。
尋找最佳夥伴
程式開發者完成應用程式各個使用路徑後，就該請設計師加入，讓各項體驗能夠成真。柯曼表示：「開發者與設計師專長互補，是創意領域目前最強的雙人組合」，如此可確保程式不僅功能完善，使用也會輕鬆愉快。
重視細節
開發者絕對不能低估字型、版面、指引、音效等細節的影響力，柯曼指出，「應用程式最初或許能吸引目光，但若設計不良或內容不足，使用者自然會選擇下載其他類似產品」，切記規劃必須盡可能符合直覺，試想由父母或祖父母使用的情況即可，亦可參考其他程式尋找靈感。
簡化為上
開發者與設計者應該思考如何避免擁擠、保留空間，讓內容能夠呼吸。Matchbox Mobile創意總監莫爾斯（James Morse）認為，「設計感最佳的應用程式懂得在透明、品牌、美感之間求取平衡，不會干擾使用情況，這些元素讓使用者感到愉快，但不會影響運作，也會呼應使用者的期望」，他另指出，「總是以簡化為先，不必要的視覺效果只是累贅。」
考量工具與使用環境
思考用戶會使用的設備、工具及尺寸，應用程式是否能順暢地在各個平台上轉換？善用電話裡的各種感應裝置與工具，例如多點觸控、加速度計、麥克風、全球定位系統。「相較於傳統網路或桌上型電腦，手機提供更多可整合的互動機會」，也應該思考人們與應用程式互動的情境，是在路上嗎？環境是否明亮或吵雜？這些因素也有助於決定色彩及音效。
追蹤回饋
追蹤人們對於程式的各種感想與意見，收集這些資訊有助擬定改進方向，針對目標用戶類型尋找測試員，請他們直言不諱，並考慮將應用程式主機置於雲端，更新速度才會更快。
原也網頁設計、網站規劃、網站行銷。
2012年8月22日 星期三
提升程式設計師生產力最好的工具是什麼？－原也網頁設計、網站規劃、網站行銷
引用自http://www.inside.com.tw/2012/02/16/programmer-productivity-tool
前言
如果你是老闆，看著你的工程師沒有良好產出，可以看一下本篇文章，想想看是不是工具給錯了。
如果你是工程師，也可看一下，看看自己有沒有使用正確的工具，讓自己生產力是處在有效率的狀態。
前言
如果你是老闆，看著你的工程師沒有良好產出，可以看一下本篇文章，想想看是不是工具給錯了。
如果你是工程師，也可看一下，看看自己有沒有使用正確的工具，讓自己生產力是處在有效率的狀態。
2012年8月19日 星期日
Google給新創網站的SEO建議(10分鐘版)－原也網頁設計、網站規劃、網站行銷
引用自http://www.mrmu.com.tw/2012/06/29/seo-for-startups-in-under-10-mins/#more-1991
(點圖連結影片)
本篇是針對Google發佈的影片「SEO for startups in under 10 mins」作的筆記，因為看影片要花比較多的時間，所以整理起來方便日後查閱，在此也分享給習慣看文字的朋友。(有些括號內的補充說明是我加註的，僅供參考。)
整個影片大約提到11個重點，分別描述如下：
網址301導向：「dub dub dub版」還是「非dub dub dub」版？
網址前方要不要有www，你必須決定一下，看是要把www.domain-name.com (dub dub dub版)導向domain-name.com (非dub dub dub版)，或者反過來，重點是你要選定一種，再用301 redirect的方式把其中一個導至你想選的那個版本。哪一種都沒差，但最好統一使用一種，順代一提的是Google及Facebook都用dub dub dub版。
善用Google Webmaster Tools
首先當然是驗證網站擁有人，接著建議進後台，設定Preferences > Message forwarding，這樣若網站有狀況就會信件通知。接著可以讀一下Google Webmaster Tools Guides，尤其如果你的網站先前被spammer搞過，排名一定不好，此時可到後台看關鍵字列表，分析其中的關鍵字，再決定對策。
另外還有提到後台有個Fetch as Googlebot的功能，它會針對給定的URL，去通知Googlebot爬文，並且提交此URL。任何時候建立新文章、新頁面，都能觸發這個程序，讓搜尋者能更快查到該頁。
使用Analytics
影片中是說用Google Analytics或換別家的都行，無論你目前是不是需要收集這些資料進行分析，都建議你馬上加入，因為這樣當你有天需要找人幫忙分析，就會有一堆歷史資料可以立即使用了。
網站設計策略
定義你的Conversion
你希望你的目標客戶來到你的網站之後，要：
聰明的運用文案(Be Smart About Your Copy)
在文中使用有關聯性的關鍵字，並且是一般人會用來尋找你產品的字詞。如：running shoes，而不要用athletic footwear。建議可透過Adwords keywords tool去研究一般人常使用的字詞。
網站裡的每一頁都要有這些東西
潛在的SEO陷阱
速度(Speed)
這裡指的是網站內每個頁面的載入速度。Akamai研究發現，針對電子商務網站，使用者可接受開啟時間為2秒，Google的目標則是低於0.5秒。總之等愈久，你的訪客就愈可能直接離開。(2秒也太沒耐性了吧，這些人一定沒有經歷過撥接時代XD)
排名(Ranking)
社群媒體行銷 (Social Media Marketing)
最後，即便你有很強的廣告或很了不起的行銷，有價值的轉換(Conversion)還是最重要的，別太過迷失在SEO的細節或一些行銷數據上。記得保持專注，並且確定你的網站該做的事都準備好了，這樣就夠了。
原也網頁設計、網站規劃、網站行銷。
(點圖連結影片)本篇是針對Google發佈的影片「SEO for startups in under 10 mins」作的筆記，因為看影片要花比較多的時間，所以整理起來方便日後查閱，在此也分享給習慣看文字的朋友。(有些括號內的補充說明是我加註的，僅供參考。)
整個影片大約提到11個重點，分別描述如下：
網址301導向：「dub dub dub版」還是「非dub dub dub」版？
網址前方要不要有www，你必須決定一下，看是要把www.domain-name.com (dub dub dub版)導向domain-name.com (非dub dub dub版)，或者反過來，重點是你要選定一種，再用301 redirect的方式把其中一個導至你想選的那個版本。哪一種都沒差，但最好統一使用一種，順代一提的是Google及Facebook都用dub dub dub版。
善用Google Webmaster Tools
首先當然是驗證網站擁有人，接著建議進後台，設定Preferences > Message forwarding，這樣若網站有狀況就會信件通知。接著可以讀一下Google Webmaster Tools Guides，尤其如果你的網站先前被spammer搞過，排名一定不好，此時可到後台看關鍵字列表，分析其中的關鍵字，再決定對策。
另外還有提到後台有個Fetch as Googlebot的功能，它會針對給定的URL，去通知Googlebot爬文，並且提交此URL。任何時候建立新文章、新頁面，都能觸發這個程序，讓搜尋者能更快查到該頁。
使用Analytics
影片中是說用Google Analytics或換別家的都行，無論你目前是不是需要收集這些資料進行分析，都建議你馬上加入，因為這樣當你有天需要找人幫忙分析，就會有一堆歷史資料可以立即使用了。
網站設計策略
- 效用(Utility): 是否針對使用者的需求提供有用的資訊？是否有好的UX(user experience)？
- 導覽(Navigation)是否可用？當使用者透過搜尋進入網站中的任何頁面：
- 他們知道自己身在何處嗎？
- 他們能容易的找到想去的頁面嗎？
定義你的Conversion
你希望你的目標客戶來到你的網站之後，要：
- 訂閱電子報？
- 連絡業務代表？
- 買東西？
- 試用產品？
- 分享你的服務？
聰明的運用文案(Be Smart About Your Copy)
在文中使用有關聯性的關鍵字，並且是一般人會用來尋找你產品的字詞。如：running shoes，而不要用athletic footwear。建議可透過Adwords keywords tool去研究一般人常使用的字詞。
網站裡的每一頁都要有這些東西
- 安排獨一無二的主題(Unique topic)
- 決定獨一無二的標題(Unique title) (會出現在搜尋結果頁)
- 獨一無二的 meta description for the snippet
- 非動態頁面: 把關鍵字放入檔名裡，用小寫英文字母，再加上"-"號區隔字詞。
- 連結文字最好能描述連過去的會是什麼內容，不要只放「點我」之類的。
潛在的SEO陷阱
- 雇用騙徒(rogue)或可疑的SEO專家。(假如他們能保證所有的事情，那麼對你的網站來說可就是壞消息了XD)
- 參與鏈結計劃(link schemes )或購買反向連結來增加PageRank。(外部連結還是"自然"一點的好)
- 太過專注於網站的炫麗特效，而忽略了可索引性/可搜尋性的文字描述。
速度(Speed)
這裡指的是網站內每個頁面的載入速度。Akamai研究發現，針對電子商務網站，使用者可接受開啟時間為2秒，Google的目標則是低於0.5秒。總之等愈久，你的訪客就愈可能直接離開。(2秒也太沒耐性了吧，這些人一定沒有經歷過撥接時代XD)
排名(Ranking)
- 查詢你的公司名稱，看看排名。(最佳情況應該是排第一個，並且有sitelinks)
- 時常了解查詢其他關鍵字時，你的網站排在哪。(使用Webmaster Tools的search queries)
- Get involved，我想應該就是讓網站的頁面都能快點被Googlebot檢索，取得排名的門票。
- 要Rank well，就拿出好東西或是好服務，然後製造出話題。
社群媒體行銷 (Social Media Marketing)
- 要有整體性思考：在一些關鍵的網站建立識別、並參與其中、導引用戶至轉換點(Point of Conversion)。
- 把能量聚焦於目標客戶的所在之處(常常會出沒的地方)。
- 發揮公司成員在現實世界的力量，例如：
- CEO是推友(twitter)。(就有互動的管道與機會) l 業務愛FB。(適當的社群人脈利用)
- 開發者有加入G+或Stack Overflow，可建立公司的社群來進行互動。
最後，即便你有很強的廣告或很了不起的行銷，有價值的轉換(Conversion)還是最重要的，別太過迷失在SEO的細節或一些行銷數據上。記得保持專注，並且確定你的網站該做的事都準備好了，這樣就夠了。
原也網頁設計、網站規劃、網站行銷。
訂閱：
文章 (Atom)