2012年8月28日 星期二

電腦龜速跑?問題可能來自你的網頁瀏覽器-原也網頁設計、網站規劃、網站行銷

  引用自http://www.bnext.com.tw/article/view/cid/0/id/23889


為什麼電腦越跑越慢?

眼看電腦一天比一天龜速,是否感到忍無可忍卻又無可奈何呢?其實電腦跑得慢,常常是因為有程式佔用了大量的記憶體或中央處理器資源。

更進一步來說,我們使用的網頁瀏覽器,有可能就是電腦龜速的罪魁禍首。找出瀏覽器佔用的資源,有助於我們發現並移除吃資大戶,重返剛買時的速度。   

找出吃資大戶

網頁瀏覽器可以開啟多個分頁,隨著分頁的增加,運行YouTube、Gmail等高流量網頁的所需要做的運算也會跟著增加,佔用的記憶體也會跟着增加。而且絕大部分瀏覽器都支援密碼記錄器或社群網站通知攔阻器等的外掛程式或擴充功能。這些分頁和零零種種加載的附加元件,會在沙盒(Sandbox)內執行操作,以防不信任軟體存取電腦資料,這樣一旦沙盒內的某個程式崩潰,便不太會影響沙盒外的其他程式。

如果發現自己的電腦很慢,先檢查使用的網頁瀏覽器是否佔用了超過它該使用的電腦資源。

在微軟的Windows,按CTRL+SHIFT+ESC鍵,開啟工作管理員(Task manager),點開處理程序選項。在Mac系統,開啟應用程式文件夾,再開啟裡頭的Utilities folder,再點擊裡頭的Activity Monitor program。

工作管理員和Activity Monitor會顯示系統正在運行的程式,在Windows稱作影像名稱,在Mac系統稱作程序名稱。在這些程序的另一邊,會顯示這些程式所佔用的處理器和記憶體的百分比,點一下記憶體欄,就可以把這些程序按記憶體的佔用量從小到大順序排列,進而找出佔用最多記憶體的程序,通常我們會看到一個瀏覽器的大量條目——開啟的分頁和運行中的附加元件。

單獨開啟一個帶有視頻的網頁大約會佔用系統20~30%的處理器,一旦佔用的處理器超過50%,肯定會拖慢系統的運行速度。若網頁瀏覽器開啟的網頁佔用一半以上的記憶體,那網頁瀏覽器同樣會拖慢系統的運行速度。

系統被拖慢,最簡單的解決方法是關閉網頁瀏覽器或分頁,之後重新開啟,若資源佔用的問題在重啟瀏覽器後仍舊存在,就需要找出形成問題的網頁或附加元件了。  


深入挖掘你的瀏覽器

網頁瀏覽器佔用太多資源時,任務處理器底下的處理程序條目可以讓我們知道哪個網頁或外掛程式是需要終結的罪犯。Google Chrome和Firefox這兩家瀏覽器都有提供清單,顯示每個分頁和外掛程式所佔用的資源,IE和Safari則遺憾的沒有提供相關資訊。

Chrome提供的細節資料相較其他瀏覽器顯得最完整,讓用戶可以透過點擊工具欄上右側的扳手圖標,選擇工具選項底下的工作管理員,或按Shift+Esc快捷鍵開啟工作管理員來打開使用程序清單。

在Firefox瀏覽器的網址欄輸入“about:memory”後按Enter鍵,就可以看到每個分頁和外掛程式的記憶體數值,可惜的是沒有提供佔用的處理器數值。Firefox提供的資訊其實太過詳細,超過一般消費者的需求,但是還是可以透過這個清單找到吃資大戶。  


可以做些什麼?

和上面的建議一樣,關閉所有瀏覽器然後重開,是解決瀏覽器佔用大量資源的最簡單解決方法。如果某個分頁凍結了,Windows的工作管理員和Mac的Activity Monitor可以讓用戶結束該分頁,但是這樣做會造成整個程式的不穩定,所以最好的做法就是關閉整個瀏覽器然後重開,再查看分頁是否載入順暢。


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

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


前言

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

2012年8月21日 星期二

頂尖公司都在喊:手機優先(Mobile First!),您呢?-原也網頁設計、網站規劃、網站行銷

  引用自http://www.inside.com.tw/2010/11/13/mobile-first


Luke Wroblewski,他的部落格簡名為LukeW,是一位創業家,也是一名出色的設計師,致力於各數位匯流使用者經驗的整合;他之前曾經擔任過美國雅虎的架構設計總負責人,官拜副總(Chief Design Architect, VP),再更之前則是Ebay平台的首席使用者介面規劃師(Lead User Interface Designer)。

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或換別家的都行,無論你目前是不是需要收集這些資料進行分析,都建議你馬上加入,因為這樣當你有天需要找人幫忙分析,就會有一堆歷史資料可以立即使用了。  

網站設計策略
  • 效用(Utility): 是否針對使用者的需求提供有用的資訊?是否有好的UX(user experience)?
  • 導覽(Navigation)是否可用?當使用者透過搜尋進入網站中的任何頁面:
  • 他們知道自己身在何處嗎?
  • 他們能容易的找到想去的頁面嗎?
這個領域目前有一卡車的東西可看,UX也漸成顯學,請多多Google了解一下吧。  

定義你的Conversion

你希望你的目標客戶來到你的網站之後,要:
  1. 訂閱電子報?
  2. 連絡業務代表?
  3. 買東西?
  4. 試用產品?
  5. 分享你的服務?
決定要把客戶轉換(conversion)到哪個方向,要就快一點,不要一直增加客戶點擊的機會。  

聰明的運用文案(Be Smart About Your Copy)

在文中使用有關聯性的關鍵字,並且是一般人會用來尋找你產品的字詞。如:running shoes,而不要用athletic footwear。建議可透過Adwords keywords tool去研究一般人常使用的字詞。  

網站
裡的每一頁都要有這些東西

  • 安排獨一無二的主題(Unique topic)
  • 決定獨一無二的標題(Unique title) (會出現在搜尋結果頁)
  • 獨一無二的 meta description for the snippet
  • 非動態頁面: 把關鍵字放入檔名裡,用小寫英文字母,再加上"-"號區隔字詞。
  • 連結文字最好能描述連過去的會是什麼內容,不要只放「點我」之類的。
這些都是很常被提到的SEO要點,就不再多說明。  

潛在的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的細節或一些行銷數據上。記得保持專注,並且確定你的網站該做的事都準備好了,這樣就夠了。


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