顯示具有 手機 標籤的文章。 顯示所有文章
顯示具有 手機 標籤的文章。 顯示所有文章

2012年1月1日 星期日

超酷的HTML5網站設計

我們已經瞭解很多關於HTML5的技術了,很多人也開始在自己的專案中應用各種HTML5技術。這裡,Design Art Wall收 集了15個採用HTML5實現的網站,當然它們還有非常贊的介面設計,這些網站不僅在coding上,更在設計上能給我們更多的參考,當然,國內很多網站 僅僅是使用了HTML5的doctype而沒有真正的採用HTML5的語義化標籤和更多高級特性。嗯,是時候做更多的嘗試了。
當然,如果你做了或者見到了很棒的採用HTML5技術實現的中文網站,歡迎通過評論回饋給我們,多謝~~

Youzee

Youzee

Brasserie Gerard

Brasserie Gerard

Web Designer Wall

Web Designer Wall

1MD

1MD

Simple as Milk

Simple as Milk

DBushell

DBushell

Humaan

Humaan

Florida After Seven

Florida After Seven

Free Agent Central

Free Agent Central

Our Swiss Life

Our Swiss Life

Mighty in the Midwest

Mighty in the Midwest

Dunnellon

Dunnellon

Love of my life

Love of my life

New Adventures In Web Design

New Adventures In Web Design

La gente ha dichosi

La gente ha dichosi
文章來自前端
文章提供:: BAYSTARS DESIGN網頁設計公司

2011年12月4日 星期日

如何讓網頁自動切換電腦或手機版



目 前用手機上網的人越來越多了!總不能為了手機專門設置一個網站吧!?最好的方式是知道使用者使用何種裝置上網,自動切換到適合網頁去!其實這需要透過 Server端的程式來作一點小判斷,就可以作到自動的切換,這邊整理一下手邊的資料, 分別針對PHP與ASPX作介紹。

PHP版本判斷:
程序代碼 程序代碼
$mobile_browser = '0';

if(preg_match('/(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone)/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
    $mobile_browser++;
}

if((strpos(strtolower($_SERVER['HTTP_ACCEPT']),'application/vnd.wap.xhtml+xml')>0) or ((isset($_SERVER['HTTP_X_WAP_PROFILE']) or isset($_SERVER['HTTP_PROFILE'])))) {
    $mobile_browser++;
}   

$mobile_ua = strtolower(substr($_SERVER['HTTP_USER_AGENT'],0,4));
$mobile_agents = array(
    'w3c ','acs-','alav','alca','amoi','audi','avan','benq','bird','blac',
    'blaz','brew','cell','cldc','cmd-','dang','doco','eric','hipt','inno',
    'ipaq','java','jigs','kddi','keji','leno','lg-c','lg-d','lg-g','lge-',
    'maui','maxo','midp','mits','mmef','mobi','mot-','moto','mwbp','nec-',
    'newt','noki','oper','palm','pana','pant','phil','play','port','prox',
    'qwap','sage','sams','sany','sch-','sec-','send','seri','sgh-','shar',
    'sie-','siem','smal','smar','sony','sph-','symb','t-mo','teli','tim-',
    'tosh','tsm-','upg1','upsi','vk-v','voda','wap-','wapa','wapi','wapp',
    'wapr','webc','winw','winw','xda','xda-','Googlebot-Mobile');

if(in_array($mobile_ua,$mobile_agents)) {
    $mobile_browser++;
}

if (strpos(strtolower($_SERVER['ALL_HTTP']),'OperaMini')>0) {
    $mobile_browser++;
}

if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'windows')>0) {
    $mobile_browser=0;
}

if($mobile_browser>0) {
    header("Location: mobile.php"); //手機版
}else {
    header("Location: pc.php");  //電腦版
}


ASPX版本判斷:
程序代碼 程序代碼
protected void Page_Load(object sender, EventArgs e)
    {
        if (Request.Headers["user-agent"] != null && Request.Headers["user-agent"].ToLower().ToString().IndexOf("windows") != -1)
        {                       
            Response.Redirect("pc.aspx"); //電腦版
        }
        else
        {
            Response.Redirect("mobile.aspx"); //手機版
        }
    }


範例檔案下載...
解壓縮密碼:www.wowbox.com.tw
文章來自WOW
文章提供:: BAYSTARS DESIGN網頁設計公司

2009年9月1日 星期二

MID ,小筆電,智慧型手機(五)電信業者被邊緣化

專屬作業系統外加專屬終端的綑綁是關鍵的一步。


◎iPhone與Kindle的共通點


Apple 的智慧型手機iPhone以及Amazon的電子書閱讀器Kindle有什麼共通的地方?從硬體上來講,兩者沒有太大關係,從應用面來講,兩者的應用也不盡相同。兩者的使用族群或有重疊,但沒人會認為兩者在重疊的使用人口中是處於互相競爭與互相替代的地位。
Apple 的iPhone之所以成功,在於它重演了iPod的故事:首先推出一台在操作介面與功能上創新的終端,其次內建的軟體可以與他的線上商店結合以購買音樂(在iPhone上則是到App Store 購買應用軟體),購買音樂或軟體時,是透過Apple 自己的金流結帳。
這個從硬體到軟體到服務到金流一手包辦的模式,從iPod開始一直上演到iPhone。上述四者的強硬綑綁,對下游的終端用戶造成了極強的黏性,對上游的業者則形成了強硬的談判能力。iPhone的成功造成了 電信業者的邊緣化,因為上述四者,電信業者絲毫插不上手。


以往,在手機上提供應用或者服務的業者,都被電信業者掐住了咽喉:金流及資訊流。手機使用者不透過電信業者的入口是無法或很難接觸到這些服務,而服務提供者透過電信業者收費也最便利。Apple 異軍突起,最終改變了這個生態。


而Amazon的Kindle呢?所有的電子書內容要從Amazon網路書店下載到專屬閱讀器,下載過程是透過3G電信業者的無線網絡,每個月的3G月費Amazon自己吸收了。雖然電信業者每個月能從這些讀者身上賺取幾十塊錢美金的月費,然而,也就是僅能夠賺取這點費用罷了。

◎電信業者被邊緣化


電信業者一直以來都是基礎服務的提供者,靠流量賺取費用,不論是語音還是數據通信。從網際網路世代以來,電信業者越來越發現自己必須要從「靠流量賺錢」轉型成「靠服務賺錢」。電信業者很難得的開始不斷的談什麼是殺手應用,就是這種壓力的驅策。


在上述iPhone或者Kindle的例子裡,電信業賺取的都是流量費用而不是服務費用。簡單來說,Amazon的網路書店不管賣出再多電子書,跟電信業者都無關;Apple 的應用商城App Store 不管賣出再多手機軟體,跟電信業者一樣無關。


此外,手機大廠Nokia 也開始了自己的網路服務計畫。其中,諾基亞試圖在手機上面建立付款機制,以後用手機付款可以不透過電信業者的金流。更別提Nokia 以及Google都在仿效Apple 想推出自己的手機應用商城。電信業者持續的被邊緣化,怎能不憂心?


以電腦為終端的網際網路,發展十多年下來,讓固網電信業者變成了只能靠著對ADSL不斷殺價競爭的基礎服務供應商。網際網路服務例如 Google或者網路遊戲儘管很賺錢,卻跟電信業者沒有太大關係。這讓無線電信業者感覺到警惕,更不希望類似的事情重演。
綜觀這些年的發展可以發現,透過專屬作業系統外加專屬終端的綑綁是關鍵的一步,其中專屬終端可以自己開發,例如Apple 與Nokia ,或開放標準然後授權製造商生產,例如Google。這件事情的競爭門檻拉到了非常高的層級,高到。。。其實電信業者可以自己做?

◎電信業者的優勢:銷售力

是的,都說了關鍵在於專屬作業系統以及專屬終端。這兩樣電信業者都不見得有,但電信業者一直都有個無敵的殺手:銷售量。任何手機製造商想獲得電信業者在手機銷售上的大力支持,很少有不乖乖聽話的,特別是面對類似中國移動這種全球最大的電信業者。

中國移動與Google合作研發了基於Android 的手機作業系統OMS ,推出自有Ophone手機平台,並說服部分手機製造商加入這個陣營,順勢推出自有手機應用商城App Store 。先不論這個建立在TD-SCDMA系統上的手機可能還是有訊號覆蓋不佳的問題外,其餘一切看來如此強大。
台灣的遠傳電信試圖要推出自有規格的電子書閱讀器,另一家電信業者中華電信則試圖將所有的智慧型手機當成是電子書的閱讀終端。同樣的電子書市場,不同的業者有不同的進入策略。然而相同的是,沒有人喜歡被在新興的應用中被邊緣化。


與以往不同的是,這將是一場運營商以及其他各方的博弈,戰場已不若以往,不是運營商可以獨自主導,其餘參戰者勝算也在逐步提高中。以Nokia 而論,當消費者指名要購買的時候,電信業者的門市不會不賣。Apple 與Google也各有死忠的用戶,以及線上服務的廣大人口。
長期來看,電信業者的壟斷優勢會質漸喪失,在各式新興應用的領域中如果能奮起直追,也能佔有一席之地。但其他的業者也逐漸強大,關鍵還在於誰能夠提供用戶從手機硬體到作業系統到應用商城到金流,以及能將上述四者以良好的使用者體驗串接起來。

(文:黃紹麟)
文章提供BAYSTARS DESIGN網頁設計公司

2009年8月26日 星期三

MID ,小筆電,智慧型手機(四)平板電腦捲土重來

多元化的行動終端,將不會再有能爆大量的情況。


◎情況不一樣了
筆者猜想,這篇文章可能在發布後沒多久,謠傳多時蘋果公司的平板電腦大概就推出了。由於目前沒人知道這部謠傳中的平板電腦到底是什麼樣子(或者知道也不能說),甚至懷疑根本沒這回事,因此這篇文章將避免去談個別廠商的產品策略,以免憑空猜測。


平板電腦是公認已經被判了死刑的。筆者曾經在2003年11月30日寫下「平板電腦何以失敗」一文,在當時的時空環境下,認為會需要帶著電腦到處跑的人只有商務人士,一般人都是用桌上型電腦。而商務人士因為需要行動辦公,所以不可以沒有鍵盤。

當時強調可以手寫輸入的平板電腦,其手寫輸入功能顯然是針對一般大眾設計。然而,最終考慮購買平板電腦的卻是嫌棄手寫輸入的商務人士,在價格與筆記型電腦相當的情況下,商務人士很自然的優先選擇購買普通筆記型電腦。平板電腦在這種情況下是不可能賣得好的。
然而,時空背景在發生變化。如果我們現在還問:是誰會帶著筆記型電腦到處跑?我相信答案是模糊的,或者說,「商務人士」這個答案顯然不會是必然的唯一的答案。經過了五六年的發展,筆記型電腦已經成為很多普羅大眾的第一台電腦,而小筆電則成為第二台電腦。
筆者已經看過太多次,假日時在星巴克咖啡館裡頭看見年輕人桌上擺了一台小筆電,就著一杯咖啡在上網或者看影片。小筆電是一個憑空被挖掘出來的使用者族群,它的存在只證明了行動裝置即將朝向多元與分眾的市場發展。當我們在談平板電腦時,要注意,情況不一樣了。


◎行動裝置走向小量而多元化
行動裝置的多元性與分眾性不會憑空發生。他導因於幾個條件:1)成本與價格的降低,或者說性能價格比的提高。例如小筆電很便宜,但拿來看電影卻依然流暢,拿來上網也很夠用。同樣的價格在五年前是做不出一台這樣的電腦的,而現在可以。


2)由應用帶動,找到了新的使用族群。例如,小筆電最大的應用訴求是上網,而3G無線環境的成熟是推動這件事情的一大助力。由應用的帶動而產生出對於新終端的需求,將是一個值得注意的趨勢。這件事情以前是困難的,因為無法以夠低的成本做到,而現在是可能的。
就好像筆者在本系列前幾篇文章提到的MID 一樣,其實把MID 做成無線的視頻多媒體終端是非常合適的,不要老把它當成電腦看。如果持續的將MID 當成電腦,始終想把他在智慧型手機與小筆電的縫隙裡找定位,高不成低不就,那就是鑽進死胡同裡去了。

在此認知下,若要讓螢幕比MID 更大的平板電腦來承載某種應用,謠傳中蘋果公司平板電腦想搭載電子書,真是個好主意。網上大量討論認為平板電腦沒有鍵盤會影響使用,現在,看書需要什麼鍵盤?只需要上一頁下一頁。當然價格會是個關鍵,它不能賣得比小筆電貴。
這種走特殊化應用道路的行動終端能賣多少台?既然是應用驅動,就意味著每種終端的銷量是有限的。電腦製造商老想著批量銷售的好光景,還沒法適應多元化的行動終端,每個類別都只能賣出相對的小量。現在大家對小筆電的銷量感到失望,其實是之前的預期太高了。
多元化的行動終端,將不會再有能爆大量的情況。

◎小筆電可成電子書閱讀器

雖然蘋果公司的平板電腦還不知道是不是會搭上電子書的應用,但實際上這幾個月電子書的市場已經是非常火爆了。有了Amazon的Kindle 經驗(算是成功傳統>的出版商,大型的連鎖書店,甚至連電信業者都摩拳擦掌躍躍欲試,這幾個月來新聞不斷。
電子書一般而言需要消費者購買電子閱讀器。而在購買的時候通常會有幾個心理障礙:1)這麼貴,可以買台小筆電,或者買上一箱書了。 2)買了以後沒有多少書可以看,而除了看書又不能拿來幹嘛,實用性很有問題。3)習慣,老覺得要觸摸到紙張才有實際的感覺。
以上除了第三點是幾乎無解,以及電子書內容確實急需擴充之外,另外兩個問題是有解的。那兩點無非是指出,消費者想要有一台功能「不只是拿來看書」的機器。做法之一,是把現在的電子書價格再降,降到消費者認為「這個價格的機器做不了其他事情也很正常」。
另一個方法是,賣一台小筆電(或者平板電腦)給消費者,告訴他這是台全功能的電腦,但經過特殊的軟硬體與線上商店整合,拿來購買與閱讀電子書特別合適。小筆電(或者平板電腦)的價格是消費者能接受的,而電子書則成了增強附加價值的部分。
其實,平板電腦並不見得是最佳的電子書閱讀裝置,如果要承接上述觀點,擁有鍵盤還是很重要的。如果能有一種小筆電,打開後整台可以旋轉九十度(就像打開一本書一樣)來閱讀電子書,相信會比較接近目前的閱讀習慣,以及兼具小筆電的全功能。

(文:黃紹麟)
文章提供BAYSTARS DESIGN網頁設計公司

2009年8月16日 星期日

MID ,小筆電,智慧型手機(四)平板電腦捲土重來

多元化的行動終端,將不會再有能爆大量的情況。
◎情況不一樣了
筆者猜想,這篇文章可能在發布後沒多久,謠傳多時蘋果公司的平板電腦大概就推出了。由於目前沒人知道這部謠傳中的平板電腦到底是什麼樣子(或者知道也不能說),甚至懷疑根本沒這回事,因此這篇文章將避免去談個別廠商的產品策略,以免憑空猜測。
平板電腦是公認已經被判了死刑的。筆者曾經在2003年11月30日寫下「平板電腦何以失敗」一文,在當時的時空環境下,認為會需要帶著電腦到處跑的人只有商務人士,一般人都是用桌上型電腦。而商務人士因為需要行動辦公,所以不可以沒有鍵盤。
當時強調可以手寫輸入的平板電腦,其手寫輸入功能顯然是針對一般大眾設計。然而,最終考慮購買平板電腦的卻是嫌棄手寫輸入的商務人士,在價格與筆記型電腦相當的情況下,商務人士很自然的優先選擇購買普通筆記型電腦。平板電腦在這種情況下是不可能賣得好的。
然而,時空背景在發生變化。如果我們現在還問:是誰會帶著筆記型電腦到處跑?我相信答案是模糊的,或者說,「商務人士」這個答案顯然不會是必然的唯一的答案。經過了五六年的發展,筆記型電腦已經成為很多普羅大眾的第一台電腦,而小筆電則成為第二台電腦。
筆者已經看過太多次,假日時在星巴克咖啡館裡頭看見年輕人桌上擺了一台小筆電,就著一杯咖啡在上網或者看影片。小筆電是一個憑空被挖掘出來的使用者族群,它的存在只證明了行動裝置即將朝向多元與分眾的市場發展。當我們在談平板電腦時,要注意,情況不一樣了。
◎行動裝置走向小量而多元化
行動裝置的多元性與分眾性不會憑空發生。他導因於幾個條件:1)成本與價格的降低,或者說性能價格比的提高。例如小筆電很便宜,但拿來看電影卻依然流暢,拿來上網也很夠用。同樣的價格在五年前是做不出一台這樣的電腦的,而現在可以。
2)由應用帶動,找到了新的使用族群。例如,小筆電最大的應用訴求是上網,而3G無線環境的成熟是推動這件事情的一大助力。由應用的帶動而產生出對於新終端的需求,將是一個值得注意的趨勢。這件事情以前是困難的,因為無法以夠低的成本做到,而現在是可能的。
就好像筆者在本系列前幾篇文章提到的MID 一樣,其實把MID 做成無線的視頻多媒體終端是非常合適的,不要老把它當成電腦看。如果持續的將MID 當成電腦,始終想把他在智慧型手機與小筆電的縫隙裡找定位,高不成低不就,那就是鑽進死胡同裡去了。
在此認知下,若要讓螢幕比MID 更大的平板電腦來承載某種應用,謠傳中蘋果公司平板電腦想搭載電子書,真是個好主意。網上大量討論認為平板電腦沒有鍵盤會影響使用,現在,看書需要什麼鍵盤?只需要上一頁下一頁。當然價格會是個關鍵,它不能賣得比小筆電貴。
這種走特殊化應用道路的行動終端能賣多少台?既然是應用驅動,就意味著每種終端的銷量是有限的。電腦製造商老想著批量銷售的好光景,還沒法適應多元化的行動終端,每個類別都只能賣出相對的小量。現在大家對小筆電的銷量感到失望,其實是之前的預期太高了。
多元化的行動終端,將不會再有能爆大量的情況。
◎小筆電可成電子書閱讀器
雖然蘋果公司的平板電腦還不知道是不是會搭上電子書的應用,但實際上這幾個月電子書的市場已經是非常火爆了。有了Amazon的Kindle 經驗(算是成功?),傳統的出版商,大型的連鎖書店,甚至連電信業者都摩拳擦掌躍躍欲試,這幾個月來新聞不斷。
電子書一般而言需要消費者購買電子閱讀器。而在購買的時候通常會有幾個心理障礙:1)這麼貴,可以買台小筆電,或者買上一箱書了。 2)買了以後沒有多少書可以看,而除了看書又不能拿來幹嘛,實用性很有問題。3)習慣,老覺得要觸摸到紙張才有實際的感覺。
以上除了第三點是幾乎無解,以及電子書內容確實急需擴充之外,另外兩個問題是有解的。那兩點無非是指出,消費者想要有一台功能「不只是拿來看書」的機器。做法之一,是把現在的電子書價格再降,降到消費者認為「這個價格的機器做不了其他事情也很正常」。
另一個方法是,賣一台小筆電(或者平板電腦)給消費者,告訴他這是台全功能的電腦,但經過特殊的軟硬體與線上商店整合,拿來購買與閱讀電子書特別合適。小筆電(或者平板電腦)的價格是消費者能接受的,而電子書則成了增強附加價值的部分。
其實,平板電腦並不見得是最佳的電子書閱讀裝置,如果要承接上述觀點,擁有鍵盤還是很重要的。如果能有一種小筆電,打開後整台可以旋轉九十度(就像打開一本書一樣)來閱讀電子書,相信會比較接近目前的閱讀習慣,以及兼具小筆電的全功能。
(文:黃紹麟)
文章提供BAYSTARS DESIGN網頁設計公司

2009年7月28日 星期二

MID ,小筆電,智慧型手機(三)從桌面到Web 運算

基於Web 應用而誕生的作業系統,與基於桌面應用的作業系統,兩者在本質上應該有不同。


◎必要的與必然的
1994年大學時期曾經與好友一番爭執,他認為一個大一統的作業系統是必要的,因此認為微軟的獨大是必要的;從經濟效益看,一個獨大的作業系統可以降低第三方軟體硬體廠商的開發成本,因為只需針對一個作業系統開發即可;所以,一個獨大的作業系統也是必然的。

而我是個憤青,一邊使用微軟開發工具寫程式,一邊想著哪天打倒他。當時Windows 才到 3.1版,其後就是靠著Windows 95, 98一路獨佔市場的過程,乃至經典的Windows XP,成熟到就算Windows Vista 已經推出,大家仍然死咬著XP的奶嘴不放。看來微軟的敵人只剩他自己?
這帶給我們另一個思考的角度:如果不是比爾蓋茲,其實一定還是會出現另一個傢伙大部分統一了桌上電腦的作業系統市場,這是商業世界的必要性與必然性。雖然不少人想朝比爾吐口水,但如果不是他,也只不過是換了另一個被吐口水的對象罷了。


反抗軍一直都有,從初期的其他大型廠商逐一倒下或被微軟收編,一直到開放原始碼運動,有時會覺得這過程真像從正規軍抵抗轉向遊擊隊地下組織。微軟說不出真正的敵人是誰,就像美國政府從對抗蘇聯到變成對抗恐怖分子一樣,敵人已經從具體的對象化身千萬。

妙的是,軟體硬體開發商一邊在桌上電腦為著被統一的作業系統叫苦,一方面卻在上為了應付版本眾多的作業系統叫苦。當Google宣布要推出Android 時,市場上很大一部份迴響居然是「別再搞一個作業系統了吧」。這種心態,不正是在期待一個大一統的手機作業系統?
讓我們再想一下必要性與必然性。


◎以Web 運算為基礎的作業系統
Google在成為新霸主後產生兩個有趣現像。一是不少人認為他正變成另一個微軟(反抗軍首領現在經常受反托拉斯官員關注),另一個是 Google除了自己領頭外,還若即若離的公開或私下支持遊擊隊組織(開放原始碼社群,哈哈),雖然遊擊隊也很清醒的想刻意畫清界線。
在商業世界裡,「不做惡」這種事,大家就別太認真了。
然而,作業系統的重要性似乎在逐日降低當中。如果,未來的大部分應用都是透過遠端的伺服器來完成,使用者僅需透過瀏覽器操作,這樣的環境裡其實作業系統本身就不是使用者關注的焦點。作業系統市場的新一輪競爭正在開始,但是戰場似乎跟以前不同了。


觀察一下,目前大部分人使用電腦無非上網以及簡單的文書處理,可能還外加儲存與打印相片,或者觀賞DVD 聽音樂等多媒體應用,商務人士可能還多上郵件與通訊錄管裡。這些事情相較於五年前,已經相當程度被轉移到網際網路上。再往後看五年呢?


Google前些時候宣布打算推出Chrome OS 而且從小筆電市場入手,或許是這樣的想法。一個基於Web 應用而誕生的作業系統,與基於桌面應用的作業系統,兩者在本質上應該有不同。以此觀之,即使Linux 都讓人感覺有點是「上一個世代」的產物。


然而,如果這是大勢所趨,為何Linux 作業系統在小筆電上一開始一鳴驚人到後來又全面潰敗於Windows XP?大眾消費者對於這件事顯然還沒準備好,而作業系統全面轉向Web 化的時間,將會比想像的還久。微軟能否在這段時間內順利的完成轉移,也考驗著經營者的智慧。


◎轉移使用者對介面的注意力
在作業系統Web 化的過程中,除了大環境更加豐富的Web 應用以及隨時可連網的環境外(無線網際網路在此扮演關鍵角色),還需克服使用者對介面的依賴及從眾心裡。很多人能舉出Windows 不好用的一堆理由,但是其實這些人使用Windows 都已經超過10年。為什麼戒不掉?
開放原始碼陣營逐漸認知大眾使用者都不是電腦高手,不會自己安裝 Linux 與上Patch ,也知道介面統一的重要性。然而,即使今天做出一個與介面與Windows 一樣的Linux 出來,使用者會否買單?這個可以笑稱為山寨版Windows 的Linux 是否有市場?


一個共通的使用體驗是大眾市場不可或缺的,即便他是不好的體驗,但他是共通的。一個普羅大眾使用者在使用Linux 的時候其實是非常孤單的,周圍沒有人與他有共通體驗。筆者先前在大陸買預裝Linux 的第一代華碩Eee PC時,店家還問是否要改裝成Windows 。


使用者體驗是一把兩面刃。微軟花了近10年的時間慢慢將他的行動作業系統打造到Windows Mobile 6.5版,就是想延續使用者的電腦體驗到手機上面。奈何使用者在手機上的第一要務是打電話,而Windows Mobile始終就不是為了打電話而生的。


而Google在小筆電上想要擺脫Windows 對於使用者體驗的綑綁,說服消費者丟掉微軟的奶嘴,則必須把精神花在打造良好的上網環境體驗上,將使用者的注意力從桌面應用的體驗轉移到網上應用的體驗,避開與微軟的鬼魂較量,因為那種較量不是Google長處,時機也遠沒到。

文章來自數位之牆
文章提供BAYSTARS DESIGN網頁設計公司

MID ,小筆電,智慧型手機(二)來不及長大的螢幕

能放進口袋的行動終端,其螢幕容納不下版面快速長大的網際網路內容。

◎網站版面寬度不斷長大
現在的人大概很少有機會能看到2000年時候的網站。當然,很多網站從2000年以前就存在,但是現在能看到的卻已經不復他們當年的面貌。而這些老網站的面貌最大改變在哪裡?答案是網站的版面寬度。而網站的版面寬度之所以會放寬,主因是大尺寸高解析度的螢幕普及。
筆者電腦裡仍保留了十多個自己設計的網站,它們大部分在2000年以前完成。在設計當時是假設大部分網民的電腦都是14吋螢幕,解析度以640X480 與256 色為主流。現在如果看到這些網站,你會覺得它們怎麼會如此「袖珍」與「粗糙」,因為你的電腦已經是19吋螢幕了。

美術設計人員相信更能體會筆者的感受。筆者自己的網站數位之牆從 1999年至今,網站的版面寬度從600 畫素一路放寬到800 畫素,改了很多次,現在更可能朝1000畫素的寬度修改。而其實主流的網站例如 Yahoo!或者Facebook,早就已經是1000畫素的寬度了。

然而,筆者電腦裡寬度只有600 畫素的「袖珍」老網站,即使放在現在的iPhone上展示起來仍然嫌大。這才是根本問題:網站的版面寬度是由桌上電腦的螢幕寬度決定。十年來電腦的主流螢幕寬度從14吋發展到19吋,繼續朝20吋以上發展,而手機的螢幕卻始終這麼丁點大。

◎小螢幕裝不下一般網站
使用手機來瀏覽一般網站(而非WAP 網站)有什麼問題?無可避免的小螢幕裝不1000畫素寬度的網站,使用者在瀏覽時必須要左右來回的捲動螢幕才能飽覽全貌。讓行動上網與在家裡上網有著相同體驗,一直是消費者與生產者的共同期望,但幾乎快變成了毫無進展的口號。
近10年來,眾多業者有著許多嘗試,例如,開發能夠把一般網站「縮小」成手機可閱讀大小的技術。筆者曾在SONY的一款行動終端上看過類似設計,字體縮到很小但仍然很清晰,一個螢幕可以塞下一個普通網站。然而,這款終端並非手機,螢幕也還是比一般手機大。

iPhone在使用者介面上的革新令人驚艷,它讓手機上網使用者最頭痛的「左右捲動螢幕」行為,變成使用者以手指頭在螢幕上左拉右撇及放大縮小版面的觸摸遊戲。然而,網站版面寬度仍急速成長中,而手機螢幕大小幾乎沒變。遲早有一天這種遊戲要變成疲累不堪的工作。

這才是問題的本質:大小約略能放在口袋裡的行動終端,其螢幕永遠無法滿足對於一般網站的瀏覽。而,所謂的「一般網站」,在10年前是指版面寬度為600 畫素的網站,在今天卻是指1000畫素寬度的網站。隨著寬螢幕電腦的急速普及,這個定義相信還會再繼續改變。

◎手機上網與電腦上網是兩個市場
2000年筆者第一次接觸到黑白畫面的WAP 行動上網時,就期待這種過於簡化的手機WAP 網站最好早點死光。然而它不但沒死,還從WML 語言逐漸發展到XHTML 。對一個HTML網站的經營者來說,最普遍的做法就是另外開發一個WAP 網站,給自己網站用戶使用手機來上。

如果手機能夠直接瀏覽原先網站,又何必再開發一個專給手機使用的 WAP 網站出來?即便是智慧型手機已經普遍有較大的螢幕,相信這種一般網站與手機網站分別開發的情況將會持續相當長時間(而且看來沒有解決方案)。唯有在這種情況下,手機上網才能獲得較佳體驗。

看透這點,我們會發現,智慧型手機的行動上網市場,與小筆電的行動上網市場,兩者截然不同。而螢幕大小只有5 到7 吋的MID ,顯然不是設計來瀏覽WAP 網站的,而是用來瀏覽「一般網站」的。尷尬的是,這麼小的螢幕在面對1000畫素寬度的網站時,有多吃力就不說了。

筆者擁有一台華碩推出的第一代螢幕較小的Eee PC,在使用上總覺得瀏覽網站時必須要左右捲動螢幕真麻煩。果然,消費者需求不斷推動廠商進步,小筆電的螢幕越做越大。科技不論怎麼變化都變化不出人的習慣,這件事情在行動終端上看得特別明顯。

◎MID 無法滿足行動上網需求
如果MID 的推動者從此以為小筆電往大螢幕發展,原先的小螢幕市場就出現了市場空缺,應該進行搶佔,那可就大有問題了。留下來的市場空缺當然可以被視為是新的機會,但也很有可能那個空缺是不存在大眾消費者需求的。(小眾消費者需求則是永遠都存在)

許多人以為,智慧型手機及小筆電正在互相侵蝕對方的市場,許多分析也指出眾多硬體製造商在這件事上面的戰略佈局。但每當筆者在面對手機螢幕時,總覺得那些分析距離事實很遙遠。回歸根本,能放進口袋的行動終端,其螢幕容納不下版面快速長大的網際網路內容。

而WAP 網站與一般網站,在版面寬度上面並不存在中間地帶。若要讓 MID 有最舒適的瀏覽體驗,最佳網站版面寬度我猜應該是600 畫素以下,搭配前述版面縮小技術。但是現在已經沒有人在做這樣版面寬度的網站了,更不會有人為了MID 而獨立開發這種尺寸的網站內容。

如果有大量的為MID 量身訂做的網站,MID 應該能很快暢銷吧?然而殘酷的是,內容提供者永遠都想著等裝置普及了我再來幫你做內容。 MID 必須先找出一個除了上網以外的殺手級應用讓裝置先普及,之後才可能成為行動上網終端。由此觀之,SONY的PSP 還比MID 更有機會。

文來自:數位之牆
文章提供BAYSTARS DESIGN網頁設計公司

MID ,小筆電,智慧型手機(一)搶口袋還是搶包包

這種整合的壓力,筆者稱為「口袋佔有率」。


◎一個科技玩家的體驗
2000年的時候,筆者從美國購物網站上訂購了一件非常奇怪的褲子。這件褲子從頭到腳總共有將近10多個口袋(確實數字記不得了),但這些口袋卻又隱藏得很好,從外觀上看不出來。這麼多口袋要幹什麼?答案:讓我這個科技玩家可以放更多的裝置在身上。

當時我隨身攜帶兩支手機外加一台Palm的PDA ,總是不知道這些隨身裝置該怎麼處置才好。最後的結果是把PDA 放在腰間的小包,兩支手機各放褲子兩邊口袋,走起路來十分不雅。買了前面所說的那件褲子純粹是好奇想看看他倒底是怎麼設計的,買來以後卻也很少穿上。


這種科學怪人的行徑與煩惱,還真不是一般人會有的。但是科學怪人也有屬於自己的堅持,當2003年智慧型手機(Smart Phone )已經初初嶄露頭角並來勢洶洶想整合PDA 時,筆者居然沒有馬上就嚐鮮換到智慧型手機上,還是繼續固守著兩支手機加一台PDA 。


你如果注意過智慧型手機的LCD 螢幕表面,就會發現那是印滿了你的耳朵痕跡以及指紋的地方。此外為了讓螢幕變大以便於瀏覽,智慧型手機的尺寸都比一般手機大,而我不能忍受拿著一個磚塊講話的感受。時至今日當iPhone已經滿天飛時,筆者依然繼續使用一般手機。

不同的是,PDA 在筆者的生活裡悄悄的消失了。由於目前的一般手機也有很好的通訊錄與行事曆功能,而且跟電腦間同步資料的技術也非常成熟(這是三個PDA 的主要功能),PDA 最終變成沒有獨立存在的必要,僅剩下少數的使用者繼續堅守。


◎MID 要搶口袋還是搶包包
今日科技世界的複雜程度,已經遠遠超過了當年。智慧型手機一如筆者過往所言,只要產量增加了價格降下來了人人都會買,但卻不見得人人都會用到上面堪稱智慧的那些功能。手機成為了更加終極的終端,要把一切的功能都整合在上面。


這種整合的壓力,筆者稱為「口袋佔有率」。很高興筆者終於不用再去買那種奇怪的褲子了,因為現在口袋裡只需要放一支手機就好。各種不同功能的便攜終端之間都想搶使用者的褲子口袋,最後一定是逼得大家互相整合,畢竟科學怪人總是少數。


然而,2007年開始,又出現了一種新的隨身裝置種類,稱為行動網際網路裝置(MID ,Mobile Internet Device)。這種裝置的定位是讓使用者可以隨時隨地上網。然而,這種裝置與手機卻不大相同。簡言之,MID 更像是一台小型化的電腦,而不是智慧型手機。


這讓你想起近一年來流行的,號稱可以隨時上網的的Netbook 小筆電?不是的,小筆電雖小,但還不足以塞進口袋。小筆電要搶的是「包包佔有率」而不是「口袋佔有率」。然而,從目前已經在台灣推出的兩台MID 來看,MID 正面臨到底要搶口袋還是搶包包的問題。
2009年 7月推出的BenQ MID S6
2008年11月推出的Gigabyte M528
從規格上來看,MID 是一款CPU 很低階,記憶體(512 MB)很小的裝置。硬塞進不是為了行動運算的目的而設計的Windows 之後,基本上就只能上網瀏覽網頁,聊聊MSN 或QQ,掛在Twitter 上的一台隨身終端。想拿來跑跑Office軟體,可能得具有相當的耐心才行。


◎MID 應走特殊化應用路線
根據定義,MID 是介於智慧型手機以及小筆電之間的產品。這種假裝看不見消費者需求的定位法固然滿足了硬體製造商閉門造車的想像空間,但問題是使用者並沒有「介於口袋與包包之間的第三個攜帶方法」。或者,不排除還能創造出新的攜帶方法?


當使用者要求MID 也必須要能打電話的時候(因為不想同時攜帶手機與MID ),MID 與智慧型手機間的界線從功能上來講就更加模糊。或許,智慧型手機是一台更偏向以語音通訊為主,上網功能為輔的終端,而MID 是一台以上網為主,語音通訊為輔的終端。

然而,消費者會這麼聽話選邊站嗎?尤其現在的終端不論是小筆電還是MID 都已內建SIM 卡插槽透過3上網。明明已經插了一張SIM 卡在裡面,為什麼不能用來打電話?雖然,全世界都認為語音通訊將被數據通訊取代,但不可否認通話始終也將是最大的應用。


然而,一個讓MID 與智慧型手機區隔的方法,可能會是發展出特殊化的功能出來。例如:專用於看串流媒體的MID 。想像一下,一台專用於戶外看電視的終端,搭配無線上網功能可以隨時接收電視節目。搭配電信業者資費與服務綑綁,終端售價可以十分便宜。


特殊化功能的MID 不需要安裝Windows 系統,應用上只要能跑媒體播放軟體即可,價格可進一步降低。這樣可以發揮MID 螢幕比智慧型手機大的優勢(螢幕約五到七吋),不用去跟智慧型手機搶口袋。而由於其應用與小筆電不同,消費者會自己決定該放哪一台進包包。


(文來自:黃紹麟)
文章提供BAYSTARS DESIGN網頁設計公司