2012年12月23日 星期日

HTML5 之於行動裝置上應用的開發(上)-原也網頁設計、網站規劃、網站行銷.

 
隨著手持裝置越來越先進,對HTML5的支持度越來越高,最近當我們在替客戶建置網站的時候,都會遇到一個問題,選擇HTML5和還是 Native (HTML4.01/ XHTML 1.0)?
?HTML5的前景無疑是誘人的,一句“Write once, run anywhere”就可以秒殺一切。最近兩年我們開始對HTML5與 Native 有較為深入的研究,覺得兩者之間不能僅僅是二分法來選擇,還要根據企業自身 的情況、團隊的構成、公司的戰略以及產品的特點來綜合選擇

HTML5 Buzz

HTML5的發展前景無疑是非常看好的,不知不覺已經成為業界的一個 Buzz Word, 所有客戶的網站建置需求都把 HTML5 掛在嘴邊
沒錯, 目前主流的三大智能機操作系統iOS、Android和WIndows Phone都已經支持大部分的HTML5特色。而手持裝置硬體軍備競賽也為HTML5掃清硬體障礙。按照現在的發展速度,我們判斷是在兩年以內甚至更快,移 動設備運行HTML5將會完全沒有壓力 (抑或是已經發生了? lol), 以目前 Smart Phone 的規格來看, 不管是軟體/ 硬體都已經到位. HTML5 用於開發手機上的運用老早已經開始發酵了.

談談 HTML5 吧

1.HTML5可以讓你擺脫對平台(App Store…)的依賴,用戶打開瀏覽器,直接就可以訪問你的應用,而不需要經過各種Store的審核。

2.實時更新,通常平台的審核都需要七個工作日左右的時間,如果你發布之後發現問題怎麼辦?Web方式就不存在這種問題。


3.Write once,run anywhere?

這是多少程式員的夢想,也曾經是Java讓人心動的地方,但真正做過跨平台解決方案的人都知道,這只是一句口號而已,跨平台沒那麼容易玩轉的。沒 錯,HTML5可以實現Write once, run anywhere,但我們總不能寫一個Hello World來run anywhere吧。不同平台有自己的特色,不同平台用戶也有自己的操作習慣,如果你想討好所有人,也就意味著你無法討好任何人。

4.減少開發工作量或者讓開發變得更簡單?

對老板來說,這是一個非常誘人話題,因為工作量的減少就意味著節省更多的錢,沒有老板不喜歡用更少的錢辦更多的事。而且目前一個非常大的問題是,移 動設備開發人員特別是iOS開發人員非常不好找,因為技術好的都自己做應用了,人家自己也能賺個月薪上萬甚至更多,為什麼要進你的公司?怎麼說也是自己的 事業,擁有無限可能,還可以充分享受自由。但如果可以充分利用HTML5,那麼我們就可以招聘Web前端的開發人員來構建移動應用,這樣就不愁招人的有問 題。因為在許多人的眼裡,HTML5/CSS/Javascript都是沒多大技術含量的東西,實在找不到人,找些實習生學學也就會了。

但問題是,工作量真的會減少嗎?技術門檻真的那麼低麼?答案是NO!

我曾經花了半年的時間去開發一個基於HTML5的移動框架,用來模擬 Native 應用,讓HTML5應用看起來盡可能看起來像本地應用,注意:是 像。這有點像jTouch,但不一樣的是,它能和 Native 程式很好地交互,並且能調用本地資源等等特色。但最後結果確不是那麼令人滿意,比如 HTML5在動畫切換的時候,有時候候會有一些莫名其妙的問題,當然你可以告訴我把動畫效果關了,但這看起來很死板,最後我不得不關閉某些動畫。而用 Objective-c編寫程式就沒這麼多事了,幾句簡單的程式可以實現很酷的動畫,用HTML5需要更多的程式,甚至根本無法實現。

而且手持裝置上的HTML5開發對開發人員的技術有非常高的要求,不是一般的Web前端人員能解決的,通常擁有這樣技術的人才,工資水平也不會比 Native 開發人員低多少。如果你僅僅是要開發一個手持裝置上的網站,這會簡單很多,但如果你希望模擬 Native 應用,並且擁有較高的效率和優雅的用 戶體驗,這就很有技術含量了。不要小看Javascript這類Web開發語言,通常我的看法是越簡單的語言越會體現出技術人員的水平,特別是規劃設計能 力。

5.其它問題,資源調用的限制,比如說在iOS中有Javascript運行不能超過15秒的限制,不能調用本地硬體設備(如相機等),無法使用推送服務等。

如何選擇?

是否這樣,我們就不要選擇HTML5了呢?我在前面說過:“要根據企業自身的情況、團隊的構成、公司的戰略以及產品的特點來綜合選擇”,我最近在關 於HTML5討論的微博上也有談到:“HTML5是戰略性方向,Facebook和Google已經布局,Google Mobile在iPhone上的體驗可以媲美 Native 。基本上 Native +Web App可以秒殺多數應用,如果不願意受制於各種Store,單獨的Web App也是一個不錯的方向。對於游戲類和對硬體環境依賴嚴重的應用,只能是是 Native ”。僅管有這樣那樣的問題,但HTML5是一種趨勢,在未來三至五年,HTML5將會取代很多本地應用,但就像多年前我們一直在談B/S架構取代C/S架構一樣,這需要一個過程。

通常在HTML與 Native 之間,我們有三種選擇——HTML5、 Native App以及HTML5+ Native ,HTML5就是指純Web的移動應用,用戶需要打開瀏覽器,然後輸入應用的網址訪問。 Native 指的是基於特定平 台開發的應用。 Native +HTML5實際上是一種加殼的方式,將HTML5用和瀏覽器封裝起來,但這對用戶是不可見的,用戶沒有任何異物感,和 Store上下載的App沒有什麼兩樣。

就我個人而言,我是比較推崇HTML5+ Native 的,這種加殼的方式,可以讓你享受 Native 與HTML5的雙重好處,但缺點是對技術含量要 求較高。當然我這裡指的不是簡單地把HTML5封裝到一個瀏覽器裡面, Native 與HTML5會有許多的交互,實際上這有點像混合硬盤,我們即便享受 SSD的快速,但我們又想獲得機械硬盤的高性價比。我認為在5-10年內,這都會是一種不錯的解決方案,當HTML5和硬體發展到一定水平之後,我們再完全轉向HTML5成本也會非常低的。  

引用自http://ten2.tw/blog/html5%E8%A1%8C%E5%8B%95%E8%A3%9D%E7%BD%AE%E6%87%89%E7%94%A8%E9%96%8B%E7%99%BC/
原也網頁設計、網站規劃、網站行銷。

2012年12月18日 星期二

遭駭事件頻傳,網友卻不加強資訊安全的原因(上)-原也網頁設計、網站規劃、網站行銷

 

每次大型線上資訊安全洩密事件一發生,人們好像覺得只要辦一場大型演講,告知使用者改用強度高的密碼、每次登入網站之後都要清空相關紀錄、備份資料,還有加密所有資訊,就可以解決所有的問題。

2012年12月4日 星期二

企業電子郵件行銷:鼓勵自動取消訂閱,而非垃圾郵件投訴-原也網頁設計、網站規劃、網站行銷

 和某些收件人合作愉快,你會盡力維持你們的合作關係;其他的則不盡然,並不是每一個商家都有應付難纏客戶的技能,對那些沒有能力應付的人來說,擺脫這些客戶會是最好的選擇。你有不受控制的收件人嗎?
電子郵件行銷公司教你如何應付他們,並避免累積垃圾郵件投訴:
 

2012年12月3日 星期一

響應電子郵件通訊設計:增加移動的讀者-原也網頁設計、網站規劃、網站行銷

 (GOOGLE翻譯)

響應性的Web設計(RWD)的概念,我們一直在談論了很多最近,我們把它響應圖像和其他工具,甚至漸行漸遠。不久之後,我們將提供一個覆蓋響應印刷術的主題的文章,但在那之前,讓我們專注於電子訊息,以及如何響應佈局,我們可以把它們變成,使他們能夠適應屏幕的設備上查看。

為什麼響應的設計呢?

我們中的許多人閱讀電子郵件,從我們的智能手機 -汽車,火車,甚至飛機。我們嘗試做盡可能多的事情盡量在旅途中,所以我們可以享受更多的閒暇時間和家人一起,在健身房鍛煉或在自己的愛好。

如果您閱讀您的電子郵件,從智能手機一次,你已經知道了,雖然這可能是一個積極的經驗,但也可以變成一負一。我們已經經歷了小字體,窄欄和破碎的佈局方式太多次。但我們是在為現在的變化,響應性的Web設計是在網頁設計中歷史最重要的概念之一的邊緣。 如果您發送電子郵件訊息的,如果你不知道,我告訴你,20%左右的全球發送的電子郵件被讀取在智能手機或平板(從2011年的一項調查顯示-近16%比2009年多)。令人驚訝的與否,大約90%的這些設備的運行iOS。

所以你的潛在讀者每五時使用便攜式設備訪問他們的收件箱。幾年前人們關注的這些電子郵件在Gmail或Outlook好看。現在,這是梳理,使它們看起來不錯的便攜設備上是一樣重要的,需要立即引起注意。

這些便攜設備迅速接管,很顯然,在小屏幕上提供了一個負的閱讀體驗,可能會導致你失去一些追隨者,甚至大多數人。  

設備的目標

您可能會問自己,這是設計的設備,您可以 - 我可以告訴你的是,或多或少,你可以設計為所有的人。運行iOS的設備應該沒有問題,因為它們是很好的優化,HTML和CSS。雖然你可能會遇到一些問題,與Android設備,這也是理順從谷歌通過定期更新。基本上,有沒有限制你。

設計元素

跳進位編碼之前,我們要來看看適合手機以及一些設計元素,並應避免那些。響應性的Web設計相同的概念將被用於建立響應的電子訊息。在你不知道的情況下,對響應性的Web設計,這篇文章可能不會為你做太多的感覺,所以你應該回去讀一些有關的基本的概念。

其基本思路是,像往常一樣,我們將建立兩個CSS佈局相同的內容 - 一個適合台式機和郵件客戶端和其他較小的屏幕上會很好看。

為了使佈局看起來不錯的移動,也有一些CSS的細節,你需要考慮:
  •  -應該永遠不會有多於一個列,而不是大於500至600像素。
  • 鏈接和按鈕 -這些都應該有一個最低的目標區域為44×44像素,根據蘋果公司提供的一些準則。這將確保你能夠真正點擊鏈接,瀏覽。
  • 字體大小 -你顯然有話要說,所以你會使用單詞和字母。請確保您使用的最小字體大小為13像素。據美國相同的巨頭,將擴大範圍和更小的東西可以打破佈局。
  • 長度 -便攜設備上顯示的信息通常應該是非常簡明扼要。的重要元素應該是在上側和滾動應盡可能地減少。
  • 隱藏元素 -在桌面上,你能負擔得起使用了更多的空間,而不是在移動平台上。因此,這是一個聰明的主意,用一個簡單的CSS屬性來隱藏不同的要素:顯示:沒有,如果你想要的東西,應該被隱藏的一個例子,那麼,社會媒體按鈕是那些東西。雖然他們可能是巨大的,有用的桌面上,他們是凌亂的佈局上移動。
為了開發用於便攜式設備的一個很好的解決方案,這是一個好主意,開始嘲諷了兩個佈局,一個從一開始就面向台式機和一個用於移動。請記住,在手機上,你有倍以上的空間要少得多-這是所有重要元素的地方,應該放在包括CTA按鈕(也稱為呼叫操作按鈕)。收件人應不滾動才能看到它。

讓我們來看看一些編碼!

為了幫助你關閉一個良好的開端,我會告訴你一些關於如何開始編碼了一個負責任的通訊設計。當我們前面所說的,我們將有兩個樣式表,我不是故意的兩個不同的人。你只會有一個樣式,但在某些設備上顯示不同的元素,你會使用媒體查詢。

2012年11月26日 星期一

小撇步介紹:如何合適的使用電子報訂閱服務來增加公司的穩定客源-原也網頁設計、網站規劃、網站行銷

 常常我們都會訂閱電子報,會想訂閱這些電子報有可能是因為你對該主題有興趣,想透過電子報學到一些事情,也有可能是因為你很喜愛某一家公司的產品,所以想要即時知道他們的最新產品資訊…,訂閱電子報的原因有很多,但是可以確定的是,我們大多數的人可能都不會很期待電子報的到來,有時就是知道它會寄來,然後就放在我的收件匣中很久,也有可能因為很久沒有看,就看不順眼就刪掉它了,這樣看來,似乎代表著訂閱電子報的服務對你公司的行銷來說,似乎一點用也沒有,但是其實不然,根據統計,訂閱電子報用戶中的42%將會購買該電子報發行公司的產品,這數據顯示訂閱電子報服務還是有其價值的,然而到底要怎麼做才會使你的電子報更廣受歡迎呢?這邊有幾個建議。

  1.寄送時間 到底有沒有什麼時間點寄送電子報是最好的呢?答案是:沒有,每個人的時間點都不一樣,所以沒有什麼最好的時間,但是,還是有一些共同原則可循,就如,不要在星期一早上11:14分之前寄送你的電子報,因為據統計,許多人在星期一的11:14分之後才會露出笑容(早上心情不好到要吃中飯心情才會比較好),通常週一一到公司,打開電腦,看到那滿滿的收件匣,就會開始刪信件,可能其中也包含你的電子報;所以你可以根據你假想的客戶去思考客戶會最希望在那個時間點收到你的電子報而不會被打擾;對學生來說,週日晚上適合嗎? 對於父母來說,週末適合嗎?對於客戶是其他國家的人來說,你是否按照當地的時間表來寄送你的電子報呢? 對於什麼時間點寄送電子報會比較好雖然沒有一個共通的原則,但是可以透過一個性別、年齡、職業以及身份的分析來找到對於你的目標客戶來說,什麼是一個合適的時間點。 2.最好的措辭 “若你想要訂閱我們的電子報,請留下你的電子郵件信箱”,這類的訊息在各個網站都可以看見,實在是過於平淡,而且沒有能激勵人訂閱的動力。 當然我們的期望是要鼓勵瀏覽我們網站對我們產品資訊感興趣的客戶來訂閱電子報,而我們可以根據客戶的資料來寫下會引起他們興趣的言辭,例如,”希望可以定期收到我們的優惠和產品促銷的訊息嗎?”,一定要強調訂閱這個電子報所代表的意義以及實質價值為何,讓對方願意接納你的意見來訂閱電子報。 再來將模糊的用語轉換成具體且有吸引力的言辭,當你寄送你的電子報時,你的標題是關鍵,當你的標題是最近大家所關心或想要知道的話題時,你的電子報將會很容易就被大家所閱讀,但是假如你電子報的標題都沒有什麼變,那麼很有可能到後來就不會有人要看。 最後,通常客戶對非常便宜的優惠會有興趣,所以如果你的標題如果寫著”飛日本東京的機票新台幣1000元起”,可能也會有很多客戶會想要看你的電子報。 3.良好的退訂禮節 有一個數據指出,通常91%的人在訂閱電子報之後就決定不要再收到電子報的郵件,這是一個很恐怖的事實,而54%的人說明,會想要退訂的原因,主要是因為收到電子報的頻率太過頻繁;因此當客戶在訂閱電子報的時候,可以提供更多的選項在於他們所希望收到電子報的頻率為何,或許經過統計,你發現你的客戶希望的頻率是一個月一次,那你就不用把自己搞的那麼累。 在客戶決定要退訂的時候,或許也可以多個選項在於鼓勵客戶更改收件頻率,或許這樣可以多留住一些客戶,而若客戶真的執意要退訂,那麼也可以附上幾題簡單的調查,題目不外乎是了解是否與收件的頻率有關、是否覺得電子報的內容沒有價值、是否對產品不滿…等等,了解原因才可以幫助你在接下來的潛在客戶進行策略上的調整。 4. 最佳道德 通常涉及到電子郵件資料的交流時,都必須要向用戶進行一再的確認,對用戶來說,將電子郵件資料給別人,也就代表著他有可能會有收到垃圾郵件的風險,沒有人喜歡收到垃圾郵件。 所以很重要的是,不要利用客戶給你的電子郵件信箱做一些不道德的事情,就如你將你客戶的電子郵件賣給其他企業,或是將在你網站註冊所留下電子郵件的客戶,利用他所留下的電子郵件來寄電子報給他,這些都會讓客戶感到不舒服,很有可能你的客戶就會變成那91%的退訂人士。 總之讓你的電子報可以有功效的秘訣主要就是:貼心了解客戶在什麼時間點可以接收電子報、讓你的電子報內容對客戶是有價值的、最後就是要保持你企業的誠信,不然在你不知不覺的時候,你企業的名聲就因此被弄臭了! 引用自http://notmr6.cc/?p=2402 原也網頁設計、網站規劃、網站行銷。

2012年11月19日 星期一

設計電子郵件範本:如何吸引年輕觀眾-原也網頁設計、網站規劃、網站行銷

 雖然電子報行銷讓發信人可以達到一般的目標,也就是以最量身打造的訊息接觸到目標客群;不會有兩封一樣的電子報。這主要是因為每一個發信人都會想要與特殊特定的觀眾取得聯繫。正確的方法取決於你的理想讀者。在這篇文章中,我們會簡述幾個簡單的方法,教你如何將電子郵件範本設計成年輕人喜歡的樣子。 
看起來要夠酷
我現在要把非常沉重的重擔放到你身上了,請架好馬步:年輕人無法抗拒酷斃了的東西。為了吸引他們的注意,你必須了解他們的想法,這也代表你必須拋棄一些傳統的設計觀點。這其實不是什麼大問題,因為 HTML 有充分的彈性,讓你可以結合顏色、影像和形狀以加強年輕讀者的印象。你也可以使用影片來吸引他們、維持他們的注意力。在努力讓你的電子報範本完美酷炫的同時,別忘了保持專業形象。雖然想讓訂閱者驚豔,但你不會想要反而錯失了最終目標。
當然,「酷」是很主觀的,但在電子郵件範本中,你可以試著做出令人眼睛一亮且反映現代美感的設計。你的電子報永遠應該呈現最好的樣貌,但為年輕讀者設計時,你應該把過去的標準從腦袋裡清除。問問自己,是否每一個連結都絕對必要;刪節太長或冗贅的句子;時時關注潮流網站以掌握他們的感覺(記得這些感覺可能過一個禮拜就完全不同)。網路目前最主流的設計風格似乎是越簡單越好,所以如果你的電子郵件裡到處都是區塊、標籤、連結,還有忙碌的訂閱者可能根本不會特地去按出顯示的龐大圖片,「你做錯了。」

焦點明確
大家都說現代人注意力維持的時間很短。如果成人都這樣了,那年輕人的注意力一定更少,甚至幾近於無。讓電子郵件範本有明確的焦點很重要,而當你的對象是大學生或甚至更年輕的族群時,這點就更舉足輕重。你要記得,有些年輕訂閱者可能是用智慧型手機讀電子郵件。如果他們的手機是最新潮款,他們很有可能有上百件比讀電子報更酷的事要做。不要設計毫無重點、令人分心的範本,讓他們有理由將你的訊息丟在一旁。

遵循 KISS原則
KISS 是軍中常用的格言。這是什麼意思?「保持簡單,笨蛋。」這是在為年輕觀眾設計電子報範本是你該有的心態。知道年輕族群特別容易被酷炫好玩的設計吸引之後,很容易就會得寸進尺一下使用太多科技花招。雖然使用 AJAX、ASP 和 Flash 可能很誘人,但太複雜的東西最好不要放到信箱裡。藉由將設計限於基本 HTML,你可以確保你的訊息看起來和實際表現都是最好。

年輕族群對大部分電子報行銷者而言都是可用的目標族群。他們是未來的消費力;如果有正確的策略,他們可能今天就會成為你的顧客。讓他們回應當然不只需要好看的電子報範本,但吸引人的設計絕對可以讓你有個好的開始。  


引用自http://blog.sina.com.tw/benchmark/article.php?pbgid=106952&entryid=624243

原也網頁設計、網站規劃、網站行銷。

2012年11月12日 星期一

html電子報設計原則整理(edm design rules)-原也網頁設計、網站規劃、網站行銷

 又有一陣子沒來寫文章了,今天來聊一聊有關電子報(也稱EDM)設計的基本原則好了。一般使用者可能每天都會收到來自Yahoo!奇摩 or Pchome網路家庭等等電子商務網站寄來的廣告信件,這些大型的網站可能有專業的前端設計團隊,所以你看得到的廣告信大致上版面都不會跑掉,但也常收到一些EDM(比如說銀行寄來的),裁切的圖片中間常有白線露出破綻(Gmail),這些其實不能怪網頁設計者,是因為HTML格式電子郵件設計和一般網頁標準化有很大的發展落差。其次主要原因也是因為收信的client軟體實在太多元,對W3C網頁格式的支援度不一,所以設計電子報時,HTML和CSS的使用要小心謹慎。


以下就個人經驗列出一些在設計HTML格式電子報頁面的原則和注意項目供參考 

2012年11月5日 星期一

為你的電子報內容選擇最棒的版面-原也網頁設計、網站規劃、網站行銷

 

社論
如果你的電子報較偏重於文字資訊而非宣傳圖片和連結,社論會是最好的版面配置選擇。但是,電子報行銷之所以失敗,時常是因為電子報本身無法吸引顧客;在他們的眼裡,這只是另一封垃圾郵件。所以,你的範本至少要有兩個欄位來將文字分開;這會讓它看起來比較吸引人,也不那麼無聊。社論版型有兩種:
新聞快報的最佳形式:免費贈送、限時促銷或新產品。這有最少量的文字內容、鮮明的色彩,並以照片為主角。
對每月電子報而言,長篇社論是最常見的形式。但記得,要用照片和連結分段,避免文字內容過於冗長。

宣傳

如果你的目標是為產品製造話題,那你會需要宣傳版型。宣傳式的電子報要用簡短有活力的版型。這不但會為促銷產品加強印象,還可以抓住習慣刪除郵件的顧客的目光。宣傳版型也有兩種配置。
  • 品牌
雖然你的每封電子報都應該能展現品牌,但宣傳電子報不管是顏色或樣式都應該更跟你的品牌緊密連結。你希望你的產品給人留下關於產品本身的深刻印象,而不是跟一堆其他宣傳電子報混淆。
  • 號召行動
把你的號召行動做為焦點;它應該夠大而且顯眼。要讓一封宣傳電子報物盡其用,你必須讓顧客有行動的慾望。舉例來說,你可以鼓勵他們到 Facebook 粉絲頁面按讚以換取折扣。

目錄
如果想將產品以目錄形式放進每封電子報,大型電子報是很好的方式。這不但可以同時宣傳新產品和舊產品,也讓忙碌的顧客可以直接瀏覽他們想買的東西。這種版型的骨架是格子式─分開照片和內容,讓讀者容易消化。
  • 鎖定目標
目錄是瞄準特定客群的最佳方式。為年輕族群、女性客戶,和中年男性客戶製造不同的目錄。將產品和客群做配對,提高轉換率並迎合他們的喜好。
  • 特定宣傳
如果你在進行特定的促銷活動,設計一個以此為中心的版型。不要用上下分段的方式;你可以採用表格,產品放在左邊,右邊是簡短介紹。
建立與眾不同的電子報版型是達到高投資報酬率的最佳方式。但記得,在善用版型讓電子報突出的同時,也要搭配正確的內容讓電子報整體更優秀。  


引用自http://sloanwang.pixnet.net/blog/post/91279166

原也網頁設計、網站規劃、網站行銷。

2012年10月31日 星期三

電子報網頁版型設計建議-原也網頁設計、網站規劃、網站行銷

 

由於 Outlook 2007 的一個嚴重缺失,又讓電子報設計的創意再更少一些了,由於能用的CSS屬性實在不多,光是「背景圖」就很惱人了,設計師只能用簡單的背景色彩鋪陳網頁的版面,至於許多創意的背景圖設計就只能用單張圖片顯示了。 以下是依我個人經驗對設計的建議:
  1. 因為現在許多人都使用像 Gmail, Hotmail 等 WebMail 的方式收信,所以郵件中若是有使用太多會影響 WebMail 原有版面的部分應該全部都會被刪除,導致版型亂七八糟的。 這篇文章有完整且詳細的對照表:A Guide to CSS Support in Email: 2007 Edition 或你可以下到這裡下載 PDF 檔回去列印。
  2. 盡量不要用 CSS 來排版,用傳統的 TABLE 排版方式是比較安全的作法! 注意:DIV標籤在 Outlook 2007 中「竟然不支援 CSS 中的 width 這個屬性」,所以你用 DIV 包網頁是沒用的!
  3. 版型最外層最好用一個 TABLE 包裹住整個網頁,並設定固定的寬度,建議寬度為 700px 以內。
  4. 如果網頁的頁首部分會用到漂亮而複雜的底圖,建議將整塊頁首都做成一張圖片,缺點是這裡就無法再貼上什麼動態的文字了。
  5. 不要在電子報的網頁中放入「表單」,因為 Outlook 2007 不支援,且在 Outlook 2003 中使用表單也無法用快速鍵(如用 TAB 切換欄位),實在不方便又不實用。有很多人會在電子報中嵌入「問卷」實在不夠明智,都不知道填寫的人很痛苦,不小心按下空白鍵,Outlook會自動跳到下一封信去了,再回來的時候所有輸入的東西都消失了。=.=''
  6. 文字與圖片的地方盡量切乾淨,版面設計的時候就不要設計「疊在一起的樣子」。
  7. 如果要將電子報的版型加上圖片的外框,就用TABLE設計九宮格把圖放在四邊的 TD 裡,但如果電子報的長度不固定的話,建議不用做這樣的設計。
  8. 盡量少用 GIF 動畫,因為在 Outlook 2007 中看不到這些動畫。
  9. 不要用 PNG 圖檔做透明背景。
另外,以下是一些「非常強烈建議不要用」的設計方式:
  1. 不要使用任何 JavaScript 或任何像 onclick, onkeypress, onmouseover 等等的事件(event)!
  2. 不要在電子報網頁中嵌入 Flash 動畫。
  3. 不要用 IFRAME 嵌入其他網頁。

 引用自http://blog.miniasp.com/post/2007/11/15/Recommandation-on-e-Newsletter-Template-design.aspx

原也網頁設計、網站規劃、網站行銷。

2012年10月29日 星期一

電子報-社團組織類範本-原也網頁設計、網站規劃、網站行銷

電子郵件行銷——讓組織中每一分錢都達到最大功效


善用電子郵件範本製做電子報、會員活動邀請卡、會議邀請函等,吸引內部會員及捐贈者的目光。你可以很輕鬆容易修改任何範本來貼近組織文化。運用精彩的文章、捐贈者和活動照片等資源的組合,設計出具有自我風格的電子報


2012年10月28日 星期日

七種網路行銷的登陸頁面專用秘訣-原也網頁設計、網站規劃、網站行銷

 

Steven Lowe 最近在 Copyblogger 發表了一篇極富娛樂性又具實用性的文章《十誡之登陸頁面一次見效》。文中 Lowe 借用聖經的十誡體裁,寫出十種建立登陸頁面時絕對不能犯的錯誤。那篇文章中的要點絕對值得被刻在石頭上受所有網路行銷人員瞻仰,但為了可能會以為「汝」是某種化學元素,而「爾等」是某個茶的品牌的年輕世代,我從那篇精妙文章中整理出七個簡單的重點,你可以把它印出來然後貼在辦公室的牆上,或放進某個神廟中奉著,如果你想的話。

2012年10月23日 星期二

DMA 證實:電子報行銷預算一路飆高-原也網頁設計、網站規劃、網站行銷

 

電子報行銷對世界各地的品牌都是最強大的管道,而最近的數據更證實這一點。來自美國直接行銷協會(DMA)的近幾年數據也肯定各地電子報行銷業者的期望,再度確保他們的高投資報酬率(ROI);每投入一元美金在電子報中,平均將取得 $40 的回報。根據來自 Forrester Research 和 BrightWave Marketing 等公司的調查和研究報告:電子報行銷作為網路行銷的型態之一,將繼續發揮莫大功效。 

2012年10月21日 星期日

如何向商業人士進行簡報:寫給工程師的教戰手冊(下)-原也網頁設計、網站規劃、網站行銷.

 如何向商業人士進行簡報:寫給工程師的教戰手冊(上)
如何向商業人士進行簡報:寫給工程師的教戰手冊(中)



四、資訊過載(續)

記得這麼做…
1. 10-20-30法則:由Guy Kawaski發展出的「10-20-30」法則認為成功的簡報不應使用超過10張投影片,要在20分鐘內完成,並且所有投影片上的文字都不應小於30號字體。雖然這不是完全不可微調的鐵律,但謹記此原則對於呈現優良的報告必有幫助。 

2012年10月16日 星期二

如何向商業人士進行簡報:寫給工程師的教戰手冊(上)-原也網頁設計、網站規劃、網站行銷

 

不管你擁有多高的學歷,在數學、電腦科學或工程領域有多深厚的專業知識,做好自己份內的工作還不夠,終有一天你也必須向公司裡其他「商業人士」,如行銷、物流、財務等部門的人,簡報你的工作內容。而這些有別於工程師、設計師的「非我族類」多半無法對純邏輯與數學證據作出和工程師一樣的反應。儘管商業人士也喜歡有實際數據為證,但這些資訊對其來說過猶不及,且他們常喜歡相信「直覺」。 

2012年10月15日 星期一

網路主流設計與方向-原也網頁設計、網站規劃、網站行銷

 

現今網路資源普及,有許多現成的模板可以生成網站或是部落格…甚至是購物系統,有些網友或相關產業的設計或工程師會使用這樣的模板來建置網站。但您必須去迎合特定的主題來製作相關需求與功能。大多數的企業主不太瞭解制定的網頁設計應該要如何拿捏與取捨。 

2012年10月3日 星期三

z一張圖看一分鐘的網路世界資訊量-原也網頁設計、網站規劃、網站行銷

 網路上每一分鐘都在產出大量的資訊,從網路購物、撥打網路電話、瀏覽網頁、到造訪社群網站等。你知道嗎?當你利用Google搜尋的這一刻,只是200萬人其中的1人;還有更驚人的數據,網路購物商機每五分鐘就高達100萬美元;在同一時間內,Facebook就累積了25萬次讚。下面這張圖要帶你一次看透一分鐘的網路世界:

2012年10月2日 星期二

預防網路身分遭駭,小撇步確保資訊安全-原也網頁設計、網站規劃、網站行銷

 影片:http://www.youtube.com/watch?v=zMabEyrtPRg&feature=player_embedded



好萊塢電影《網路上身》描述由珊卓布拉克飾演的電腦程式分析師安琪拉,無意間下載了恐怖組織的相關資料,後來被恐怖分子盯上,並且透過電腦,纂改安琪拉的所有身分。現在,這種好萊塢電影情節,竟然也發生在現實生活中。 
駭客設下了社交工程(Social-engineering)的陷阱,從Apple獲得了關鍵資訊,侵入《Wired》撰稿人Mat Honan的數位生活,洗劫他的手提電腦、iPhone和iPad的所有資料,再潛入他的推特和Google帳號,刪除近8年來的所有郵件。

但Honan坦承自己也犯了不少錯誤──包括並未設定至少雙重身分認證、沒有做好資料備份等──才讓駭客有機可趁,導致事情一發不可收拾。

為了避免讓讀者遭遇到類似災難,我們列出了以下步驟,希望能幫你保障自己的網路資料和身份。當然,這些措施並非萬靈丹──如果駭客在你的電腦上,植入了木馬程式,所有的措施也都是枉然──但如果遇到了像Mat Honan的類似情況,至少你知道該怎麼做才能保護自己。

1. 在使用Gmail及其他帳戶時,設定雙重身分認證程序:

Gmail和其他相關服務,提供了雙重身分認證方式,即使密碼被盜用,也能保護你的帳戶安全。
當你設定了雙重身分認證之後,會從手機上收到認證碼。因此在登入Gmail時,除了輸入使用者帳號及密碼之外,還必須另行輸入認證碼。此外,你也可以將Google App下載到智慧型手機上,再透過App申請認證碼。詳情請觀看以上影片。
Amazon網路服務及Rackspace雲端服務等,都採用了Google的雙重身份認證程序,用戶可選擇使用或不使用。你也可以透過手機上的Google App,申請認證碼,再登入這些帳戶,使用相關服務。
多了道雙重認證、或利用手機App申請認證碼,使用者也許覺得麻煩,但這也意味著,駭客在竊取了你的密碼後,他們還必須多破解一道程序,才能進入你的資料。但如果你覺得,每次還要先獲得認證碼才能使用帳戶,太過費工的話,你也可以讓Google在30天內(或永遠)記住你的電腦,不過,你必須十分確定,你的電腦絕不會落入壞人手中。  

2.
在使用公眾無線網路(Public Wifi)服務時,透過安全套接層協議(SSL)和虛擬私人網路(VPN),從公眾無線網路登入自己的帳號時,切記,一定要使用具有SSL的網頁(https)登入。美國電子邊疆基金會(Electronic Frontier Foundation)的HTTPS Everywhere套件,可強制你使用加密連線,在安全模式下瀏覽支援的網站。另外還有一種更安全的方式,那就是建立VPN保護你的資料,如此一來,可防止你的帳號和密碼,被其他的網路使用者偷窺。最基本的VPN服務,大約每月5塊美金左右,如果你是Mac的使用者,又不常上網,可以試試看TunnelBear。  

3. 設定專屬密碼:

必須針對不同的帳號,設定不同的密碼。個人電郵、公司電郵、銀行交易帳戶、社群網站和購物網,都應該有各自獨立的專屬密碼。否則,其中的一個網站遭駭之後,你的所有帳號都有可能淪陷──就像過去一年來發生的多起攻擊事件一樣──駭客會利用已到手的帳號和密碼,試著在你可能會使用的網站,進行登入。所以,千萬別讓他們無往不利!  

4. 為重要帳號設立複雜的密碼:

Honan的帳戶被駭,並不是密碼設定的關係,所以這裡所講的設定程序,只是一般確保網路安全的方式之一。包括我們在內的許多團體,都一直不斷呼籲:密碼組合,必須要八個字元以上,而且必須同時包含英文字母、數字和符號等,例如: Pn3XL!8@H。但儘管如此,每次在破獲駭客集團時,辦案人員都會發現,最常被駭的密碼,竟然都是簡單的「password」或是「abc1234」。
現在市面上有許多軟體,可以幫忙創造出較複雜、但容易記住的密碼,因此,你再也沒有任何藉口,僅使用簡單的密碼。《Wired》員工使用兩套軟體:LastPass和 1Password。此外,網路安全專家Bruce Schneier最愛用老方法,那就是在皮夾裡放一張抄著密碼的小抄,忘了,隨時拿出來看一看。除了字母組合之外,短句組合而成的密碼,也是不錯的選擇,如EveryFineBoyDoesGood,但必須在句子中插入符號或數字,讓駭客不易猜到:如:Every!Fine@Boy%Does8Good。
其實在最理想的狀況之下,只要你不是使用簡單易猜的密碼(如:你的某個紀念日、生日、或「password」或「1234」等),一般網站通常會在發現你多次輸入錯誤的密碼之後,封鎖你的帳號,以防止駭客入侵。不過,仍有許多網站並未盡到己身責任,所以使用者應當隨時留意。  

5. 不要連結帳戶:

侵入Honan的推特帳戶之後,駭客又連結到他在科技部落格網站Gizmodo的推特帳戶,因為Honan之前是Gizmodo的員工,所以他連結了兩個帳戶,以便在進入自己的推特帳號時,會自動登入Gizmodo。千萬記住,不要連結兩個帳戶,應個別登入。  

6. 在回答安全提問時,要富創造力:

最常見到的安全提問問題包括:你母親娘家的姓為何?你上哪所高中?不過,相關訊息很容易可以在Google上搜尋到,尤其是名人。所以在回答這些問題時,要非常有創意。例如,如果問題是:你第一輛車是什麼車?答案可以用初戀女友的名字加以取代。或是問到你初戀女友的名字時,你也可以用第一輛車的車型來取代。或是乾脆在答案裡加一些符號進去,如:Ch!evy Ca27maro。
每次在某個網站上遇到安全提問時,都要給一個創意十足的答案,然後儲存在密碼管理員中。  

7. 進行系統備份:

駭客侵入Honan的電腦之後,把他一歲女兒的照片全都刪除了,這更讓他心痛。尤其是現在的備份服務非常便宜,而且自動備份設定簡單,根本沒有理由不進行備份。  

8. 加密及設定密碼保護:

為了防止駭客侵入你的資料以及密碼保護裝置,在電腦上進行加密,同時設定密碼加以保護。  

9. 使用一次性的信用卡:

Honan曾在Amazon網站使用信用卡購物,後來駭客得到了信用卡最後四個數字,再通過身分認證,取得了Honan的Apple資料,因為Honan在Apple上登記的,也是同一個卡號。雖然Apple根本不該用信用卡的最後四個號碼來確認使用者的身分,但如果Honan能在Amazon購物時,使用一次性、用過即丟的信用卡號碼,就能降低號碼被駭的風險。花旗銀行(Citibank)及美國銀行(Bank of America)都有提供一次性信用卡卡號服務,購物金額會直接從你真的信用卡中扣除,藉以防止你的個人資料曝光。

另外,在網路購物時,切記,寧願使用信用卡,也不要使用提款卡扣款。否則如果遇到詐騙集團,很可能提款卡連結的銀行帳戶,會被提領一空。但如果使用信用卡,在發現有疑慮時,可以向信用卡中心提出異議,然後再決定是否付款。  


引用自http://wired.tw/2012/09/04/how-not-to-become-mat-honan/index.html

原也網頁設計、網站規劃、網站行銷。

2012年9月30日 星期日

台灣網路真的比較慢?張善政邀你一起來測-原也網頁設計、網站規劃、網站行銷.

 

你是否覺得電信業者宣稱的上網速率和資費有很大的落差?行政院政務委員張善政與NCC副主委陳正倉共同委託財團法人電信技術中心(TTC),首次推動「寬頻上網速率量測實驗計畫」,分別針對行動和固網網路數據測試,年底將公布業者實際網路速率,誰快誰慢,「榜單」上立見分曉。

2012年9月19日 星期三

2012年9月17日 星期一

Google App 和 IE8 說再見,這讓 Windows XP 用戶進退兩難-原也網頁設計、網站規劃、網站行銷

 

Google 今天做了一個決定,那就是在微軟隨 Windows 8 同步發佈 IE10 之後不久,將於 11 月 15 日停止 Google App 對 IE8 瀏覽器的支持。官方解釋說只要市場上其中一個瀏覽器發佈新版本後,就會馬上提供對最新版瀏覽器的支援,同時也會停止支持舊版本。所謂人走茶涼,這樣 IE8 的用戶就無法使用諸如 Gmail、Google Docs 這樣的服務。 

2012年9月12日 星期三

快速學會架設網站或部落格-原也網頁設計、網站規劃、網站行銷

 

要從頭架設一個網站似乎有點困難,但其實只要遵循以下幾個步驟,一切都可以非常標準化地完成。

開始

不論你是想要架設自己的部落格還是從頭設計一個專屬網站來推銷產品,以下這些撇步都將對你有幫助。   

一、選擇一個平台:
第一步同時也是最重要的一點就是先做點功課,決定一個適合你使用的網路平台。如果你要寫部落格,可以考慮WordPress、OnSugar或Blogger,如果你要通用性較廣的平台,可以試試免費的Webs或Webnode。

二、思考網站定位與內容:
在網站開張前,切記不要貪心地什麼都寫。問問自己,這個網站要達到什麼目的?你打算怎麼經營?明確的目標才能帶出適切的名字和有意義的內容。

三、思考網域名稱:
當你要決定URL時,它的長度、用字、拼字都很重要,一個容易記住的網域名稱通常比較討喜,且網域名稱最好與網站內容有關。

四、注意商標與著作權問題:
在找尋並閱讀相關資料後,決定商標與著作權是否將對你有幫助,如果你打算將原創內容分享出去(如故事或攝影),那麼就一定要認真對此做點功課了!

五、瀏覽設計格式與工具:
網路上有許多格式與外掛小工具能讓你的網站更好看,不論是有創意的、具藝術感的、功能性強的都有。  


網站上線後
網站上線後就是開始開發觀眾的時候了,這時你可以考慮:

六、訂閱讀者分析服務:
這項服務能讓你更了解讀者有誰,他們是怎麼連進你的網站的,包括Google Analytics與StatCounter都提供這項服務。

七、提高在社群網站的知名度:
在這個年代,這種事情連想都不用多想,簡直是必備項目-當你有了一個網站,你就得在Facebook或Twitter有一個對應的帳號,帳號最好與網站名字一樣,記住,這時的你是在塑造一個品牌。

八、決定要貼什麼文章以及多久貼一次:
思考網站要包含什麼內容,決定好之後要規劃貼文的日程,在固定的時間貼文能讓你與讀者都養成習慣,久而久之讀者就會被制約,開始期待看到下一次的新文章出現。

九、找尋讀者:
你應該希望有讀者來捧場吧?你可以透過在你喜歡的網站中留言等方式留下自己網站的連結,或是在社群媒體中宣傳以尋找讀者。要怎麼宣傳是由你決定的,說不定當你紅了之後還需要下廣告呢!  


引用自http://www.bnext.com.tw/article/view/cid/128/id/23899

原也網頁設計、網站規劃、網站行銷。

2012年9月10日 星期一

【KuoBrothers】不要做沒有競爭者的行業-原也網頁設計、網站規劃、網站行銷

 

最近看到很多人在網路上討論怎樣保護自己的idea,以及在網站上線後怎樣避免其他競爭者的抄襲

但是,以我過去的經驗來說,沒有競爭者的市場多半不會是太好的市場,因為當一個市場沒有競爭者存在時,多半代表這個business model不是太好的business model,因為以人類過去幾千年的發展歷史來說,只要有含金量的事業,通常都會吸引很多很多的競爭者


2012年9月5日 星期三

一張圖看十年網路比一比-原也網頁設計、網站規劃、網站行銷

  時間退回十年前,還記得2002年蘋果推出iMac G4新產品嗎?那時候的網友開始不再需要撥接上網,剛有高速網路可用,不過若想下載一首歌曲還是得等十分鐘。十年之後,電腦變得更精緻,網路速度也更快,十年前網路的應用服務,在今天對大家來說成為像水和氧氣一樣重要的生活元素。這張圖將十年前後的網路生活做了比較: 

2012年9月3日 星期一

為什麼網址前要加「http://」?一探電腦世界的七大謎團-原也網頁設計、網站規劃、網站行銷

  引用自http://wired.tw/2012/08/23/arcana-of-computing/index.html

(圖片來源:Pixel y Dixel)

為什麼電子郵件地址裡面有「@」的符號?為什麼在造訪網站的時候要鍵入「http://」字串?為什麼我們要花在同時按Ctrl、Alt和Delete鍵的時間這麼多?

為什麼這些現代電腦的怪癖會進入我們的日常生活,而且再也沒有離開過?當你追本溯源,常常會發現這些電腦秘辛來自一個非常私密、某個電腦先驅者要做抉擇的時刻。 

有時候,這些選擇是隨機的。有時候,這些是經過深思熟慮之後才做出的選擇。不過更多的情況是,他們也沒有想的太多。

我們從來自英國的Tim Berners-Lee開始談起,他7月27日的時候出現在英國倫敦的奧運開幕典禮上。80年代晚期至90年代之間,Berners-Lee在瑞士的歐洲核子研究組織(CERN)的核能研究實驗室工作時發明了全球資訊網(worldwide web)。英國是第三次承辦奧運,所以索性利用這個機會提醒全世界網路是英國人發明的。

現在整個世界似乎覺得Berners-Lee創造了整個網路,不過這不能算是英國的錯。

網路的起源可以追溯到1960年代。Berners-Lee做的其實是發明網路瀏覽器,一種可以透過網路分享資訊、利用超文本(hypertext)連上網路的方法。

Berners-Lee是決定每個網址的開頭必須要有「http://」的人。這當然不是最有品味的選擇,但他也無須對此道歉。Berners-Lee最近告訴我們,當他設計網址的時候,網址其實不應該被每個網路使用者看到。本來網址只給網路幕後的工程師看。

Berners-Lee說:「網路最初的設計不會讓使用者看到『http://』。使用者只會看到文字、然後可以點擊連結。在原本的網路瀏覽器中,你必須打開特殊的連結檢查器(link inspector)才能看到網址。這就是為什麼我不擔心『http://』看起來很醜的緣故。因為沒有人會真的看到嘛。」

HTTP是超文本傳輸協定(hypertext transfer protocol)的縮寫,這是讓網頁能夠在網路中移動的根本。此外,Berners-Lee使用冒號和斜線的原因是,它們是Berners-Lee這位電腦專家本身所熟悉的東西。兩條斜線的靈感來自電腦工作站Apollo/Domain的檔案系統。

Berners-Lee說;「放兩條斜線在那邊是因為在某些電腦系統中,這代表著:『我們現在位於電腦的外面。』一條斜線代表本機檔案系統。兩條斜線是給電腦外面的檔案用的。」

Apollo/Domain已經不復存在。不過這些斜線還在,而且看起來短時間內不會消失。



(圖片來源: whlwcl)

Ray Tomlinson則是電子郵件地址裡面會有「@」符號的原因。

1970年代早期,Tomlinson是一名服務於美國波士頓一間叫做「Bolt, Beranek and Newman」公司的工程師。這間公司是發明ARPAnet的重要推手之一。ARPAnet是網路的前身。Tomlinson負責打造DEC PDP-10迷你電腦的作業系統,這台電腦可以連上新興的網路。某天,Tomlinson決定這台電腦需要一個訊息系統(messaging system)。

結果他發明了「SNDMSG」指令,這是「送出訊息」(send message)的縮寫。很多人稱呼這個系統是世界上第一個電子郵件程式。有些人不這麼認為。不過不能否認這是「@」符號用在電子郵件的開端。

是的,這個符號坐在用戶名稱(收件人)和伺服器電腦(可以聯絡上收件人的地方)之間。Tomlinson最近告訴我們:「我看著鍵盤,然後我想:『哪個鍵不會和用戶名稱搞混呢?』如果每個用戶名稱裡面都有一個「@」符號,選擇「@」符號就沒有什麼意義。結果跟我想的相反。用戶名稱裡面用了逗號、斜線還有中括號。剩下的三、四個符號裡面,「@」符號最有意義。它代表使用者在哪裡(at)。」



(圖片來源:Filippo Minelli)

Dave Bradley是打造原始IBM電腦的12條好漢之一。不過他的名氣不止於此。他就是發明Ctrl-Alt-Del的人。

這套「三指致敬禮」現在正在退流行。不過三十多年來,這是地球上讓桌機和筆電開機、關機和重開機的方法。

當年Bradley在製作第一台電腦的時候,對每次重開機都要等待開機自我檢測(Power-On Self Test,POST)這件事感到厭倦。所以他發明了捷徑:Control+Alt+Escape,這樣就可以避開開機自我檢測了。

後來他把Escape鍵換成Delete鍵。自此之後,重開機需要用到兩隻手。

2005年,Bradley在一則訪談中提到:「這不是什麼靈機一動的神聖時刻。也不是像福爾摩斯常說的:『華生,來幫我一下。』這種時刻。這只不過是眾多打造電腦需要做的事之一。」



(圖片來源:darthpedrius)

為什麼世界上最普及的程式語言叫做C語言
因為它排在B語言之後。

1970年代早期,貝爾實驗室的Dennis Ritchie和Ken Thompson需要一個打造UNIX作業系統的好方法,所以他們創造了C語言。他們稱呼這個程式語言為C語言是因為他們已經做好一個叫做B語言的程式語言。

根據不同消息來源指出,B語言的命名可能是來自Thompson的妻子Bonnie或是BCPL。BCPL是劍橋在1960年代中葉所發展的程式語言。(嗯,但我們比較喜歡Bonnie那個故事。)  



(圖片來源:Wired/Ariel Zambelich)

如果你現在使用蘋果電腦,你會注意到空白鍵旁邊有一個上面有小花圖案的奇怪按鍵。

這個鍵是指令鍵(command key),讓使用者可以很快地打開蘋果電腦裡面的特殊工具,而且這個鍵只限用於蘋果電腦。

小花按鍵的由來是因為賈伯斯不喜歡原本的指令鍵圖案,原本的圖案是蘋果的品牌標誌。我們不太瞭解這個故事的意義是什麼,不過故事是這樣的。賈伯斯要求設計按鍵的Andy Hertzfeld重新設計圖案,所以Hertzfeld尋求Susan Kare的幫忙, Kare是設計許多蘋果相關標誌的人。

Kare設計的圖案其實不是一朵花。這個圖案的靈感來自瑞典露營區標示景點的方法。



(圖片來源:Tim Bray/Wikicommons)

最重要的雲端運算世代的開源軟體計畫Hadoop又是怎麼來的呢?你一定猜不到,它命名的依據竟然是一隻黃色填充大象玩偶。

Hadoop是一個進行大量複雜運算處理的平台,可以在許多電腦伺服器上運作,打造這個平台的軟體工程師叫做Doug Cutting。

Cutting從兩篇Google發表的學術論文取材、打造這個平台,使他可以很容易製作網路的索引(index),以便給他製作的開源搜尋引擎Nutch使用。後來他很快就被Yahoo挖角,其後的五年內,Hadoop變成支撐網路的主流軟體平台之一。使用這個平台的人很多,像是Facebook、Twitter、eBay和微軟等等。

Cutting將這個平台取名為Hadoop是因為他需要一個科技界從來沒用過的名字。Hadoop是他兒子稱呼黃色填充大象玩偶的名字。Cutting最近告訴《WIRED》他兒子向他要求版稅。Cutting說:「我已經告訴他,他的大學學費算我的。」



(圖片來源: U.S. Naval Historical Center Online Library)

好吧,接下來這個話題有點噁心。
為什麼我們稱呼軟體的漏洞為「bug」呢?

這個詞的來源可以追溯到傳奇人物Grace Hopper身上,這位美國海軍軍官打造了第一個電腦程式語言編譯器(compiler),也奠定世界上最長壽的程式語言Cobol的根基。

1940年代晚期,Hopper在美國哈佛大學電腦實驗室(Computation Laboratory)和早期電腦Mark II 和Mark III奮鬥。某日,Mark II停擺了,有個叫做Bill Burke的人發現停擺的原因是因為一隻死掉的蛾卡在機器裡面。

雖然「bug」一詞在這個事件之前已經被用過,不過這次不一樣。當Hopper在機電式計算機(electromechanical computer)的工作記錄簿裡面記下這樁意外的時候,Hopper把死掉的蛾貼在記錄簿裡面。

記錄簿裡寫著:「第一次真的有蟲介入。」(First actual case of bug being found.)


原也網頁設計、網站規劃、網站行銷。

網頁排版:前菜—破格的好例子-原也網頁設計、網站規劃、網站行銷

  引用自http://www.inside.com.tw/2012/08/30/web-layout-design-0


「破格」是什麼意思?

所謂網頁設計上的「格」就是「Standard Content Design Model」,簡稱 SCDM,說穿了就是我們習以為常的兩欄、三欄式的排版法。如今不論中英文的網頁,這種排版法都佔了絕大多數,導致我們有種錯覺,就是網頁上能看到的內容只能有這三種排版法。SCDM 會有今天的地位,其實是因為 SCDM 也是各類瀏覽器的預設內容呈現方式。

2012年8月29日 星期三

企業網站要避免的四大忌諱設計-原也網頁設計、網站規劃、網站行銷

  引用自http://www.bnext.com.tw/article/view/cid/103/id/24388



如果你並不打算利用網路銷售產品或服務,需要建立網站嗎?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


原也網頁設計、網站規劃、網站行銷。

你還在辦公室上班?WordPress創辦人教你「員工分散模式」-原也網頁設計、網站規劃、網站行銷

  引用自http://wired.tw/2012/07/05/distributed-companies-matt-mullenweg/index.html


「企業應避免採用自我毀滅的工廠模式,員工以早到晚退博取獎勵已不合時宜」,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)認為,「設計感最佳的應用程式懂得在透明、品牌、美感之間求取平衡,不會干擾使用情況,這些元素讓使用者感到愉快,但不會影響運作,也會呼應使用者的期望」,他另指出,「總是以簡化為先,不必要的視覺效果只是累贅。」  

考量工具與使用環境

思考用戶會使用的設備、工具及尺寸,應用程式是否能順暢地在各個平台上轉換?善用電話裡的各種感應裝置與工具,例如多點觸控、加速度計、麥克風、全球定位系統。「相較於傳統網路或桌上型電腦,手機提供更多可整合的互動機會」,也應該思考人們與應用程式互動的情境,是在路上嗎?環境是否明亮或吵雜?這些因素也有助於決定色彩及音效。  

追蹤回饋

追蹤人們對於程式的各種感想與意見,收集這些資訊有助擬定改進方向,針對目標用戶類型尋找測試員,請他們直言不諱,並考慮將應用程式主機置於雲端,更新速度才會更快。


原也網頁設計、網站規劃、網站行銷。

2012年8月22日 星期三

提升程式設計師生產力最好的工具是什麼?-原也網頁設計、網站規劃、網站行銷

  引用自http://www.inside.com.tw/2012/02/16/programmer-productivity-tool


前言

如果你是老闆,看著你的工程師沒有良好產出,可以看一下本篇文章,想想看是不是工具給錯了。
如果你是工程師,也可看一下,看看自己有沒有使用正確的工具,讓自己生產力是處在有效率的狀態。