Webian Shell 當再也不需要桌面？一個Mozilla全螢幕瀏覽器原型

作者：

webian shell-01

在談Webian Shell之前，當然，我們都會很直覺的想到Chrome OS，也都知道Chromebook即將在六月中在歐美正式推出。Google Chrome OS打造的是一個真正的雲端作業系統與雲端化的筆電服務，這個系統的特色不只是用Google Chrome瀏覽器介面革新了傳統桌面視窗的空間想像，也包括把背後整個支持系統網路化，例如資料的雲端同步、系統的雲端更新與安全維護等等。

我們可以說，Chrome OS的前端介面是一個以網路瀏覽為核心的互動設計，而Chrome OS的後端平台則是一個以網路應用為基礎的支援架構；這兩者對於習慣Windows等傳統視窗邏輯的用戶來說都是一種創新。

而這個創新的基礎就在於Chrome OS所說的「Nothing but the web」，當我們日常數位工作幾乎都可以在網路上解決，甚至你可能一整天都打開著瀏覽器，連電腦桌面都沒看到幾眼，那麼，我們還需要傳統桌面環境嗎？

 

講了一輪Chrome OS，但今天我要介紹的其實是另外一個同樣以「Nothing but the web」為理念的實驗作品：「Webian Shell」，一個以「取代桌面介面」為出發點的全螢幕瀏覽器設計原型，由Mozilla Labs社群中的一位介面研究員所提出（參考：Webian Shell: A full screen web browser built on Chromeless）。

不過這裡要注意的是，Webian Shell是以「前端介面設計」為思考，但並沒有涉及後端系統平台的取代，它其實就只是在想像，當我們只需要一直打開一個全螢幕瀏覽器，而不需要切換到傳統桌面上時，那麼這個瀏覽器應該長什麼樣子？

 

01.

下載「Webian Shell」，目前有Windows、Mac、Linux上可以使用的各種版本。接著解壓縮後直接執行裡面的「Webian Shell.exe」，你的桌面就會被這個瀏覽器「覆蓋」，你將看不到自己的桌面，而只有一個如本文開頭圖片那樣的純瀏覽器畫面。

這時候，或許我們可以靜下心來問問自己，我真的有絕對必要回到桌面嗎？還是我在這個「瀏覽器桌面」中已經可以解決一切工作？

webian shell-02

 

02.

當然，Webian Shell還是非常雛形的階段，所以如果你覺得需要補完哪些功能，設計者都歡迎你提供回饋，因為設計者只是希望去驗證是不是真的可以「Nothing but the web」。

例如我們在Webian Shell上方輸入網址就可以打開Web App、打開電腦資料夾、打開想去的網頁，在左下方可以切換不同的頁面或App，然後所有的工作就能在這樣簡潔的方框中完成。

webian shell-03

webian shell-05

webian shell-04

 

03.

下面的影片，可以看到Webian Shell設計者對於這個原型的一些靈感源頭，以及未來可能發展的想像，例如一個可以安裝widgets的首頁、一種類似手機多首頁切換的模式、用類似Firefox 4分頁群組方式來管理多頁面等等。

雖然Chrome OS到底能不能成功還是未知數，而Webian Shell看起來更只是一種介面設計的模型而已，但是傳統「單機」桌面已經發展了這麼多年，是不是也該跟著日益重要的網路應用，發展出更適合雲端化的互動介面了呢？這或許是一個值得思考的課題。

文章分類：
電腦玩物站長 Esor （異塵行者），在電腦玩物上的文章有別於單純的軟體和服務介紹，而是更強調軟體和服務背後的數位工作思維及方法，並說明實際應用後帶來的生活改變。著有《電腦玩物站長的筆記思考術》、《大腦減壓的子彈筆記術：用Evernote打造快狠準系統》、《比別人快一步的Google工作術：從職場到人生的100個聰明改造提案》等暢銷書籍。

留言

  1. 匿名2011年6月1日 晚上9:06

    這應該在不久的將來就會實現，絕對不會太久

    回覆刪除
  2. Unknown2011年6月1日 晚上9:07

    感覺這個比Chrome OS操作上還要完整一點

    弄成作業系統的話使用性大概介於JoliOS和ChromeOS中間吧

    回覆刪除
  3. 阿鼻仔2011年6月1日 晚上9:09

    桌面之所以好用是因為捷徑，而大量的捷徑需要桌面是因為圖形，舉例來說我自己因工作而有許多程式捷徑配合Fences幾乎是完美。

    大量捷徑的產生，尋找某項程式的時候，大多是認圖案而非文字。我想行者也同意吧?

    如果把這些圖案簡化到瀏覽器上，或許有優點但也一定有缺點，而如果只是單純文字，我想有些常用程式就不是那麼好找的了。

    回覆刪除
  4. 匿名2011年6月1日 晚上9:36

    這個 Shell 沒有達到我對於 shell 的期待。

    其一，它沒有提供管理的工具。Shell 是使用者對OS的介面，僅僅只是將網頁呈現出來，那跟以前不是相同？

    其二，它沒有 address 本機桌面最大的優勢：離線資訊。雖說幾乎所有的PC都有連線，但很多工具是無法，或目前沒有能力在網路上處理的。Google docs 好嗎？但表格的功能貧弱，格式結構不明，排版困難，終究不是一個方便的工具。如果要筆記，我不如使用線上記事本。

    其三，整合和規劃不明確。現在資訊的呈現和過去單純網頁瀏覽器有何區別？我期待的是容易消化的資訊，而不是我自己人力區別。

    回覆刪除
  5. Unknown2011年6月1日 晚上9:43

    @阿鼻仔: 這是我的Google Chrome 桌面，不知夠不夠圖形化？(其實只是想秀桌布>///<) http://goo.gl/V4FrQ

    而Firefox 的 panorama 對Web apps 的管理更是有效率，我能非常肯定的說瀏覽器的分頁幾乎替代了我的桌面，現在OS的桌面最大用處就是能多秀一張桌布。 :P

    回覆刪除
  6. Unknown2011年6月1日 晚上9:48

    原本在文章下面直接回覆不是很好嗎＠＠？
    為何要改成跳轉後回覆呢＠＠？

    回覆刪除
  7. Esor Huang2011年6月1日 晚上9:59

    因為Blogger的留言系統崩壞中

    目前只有這個跳轉頁面的留言可以正常使用XD

    回覆刪除
  8. 阿鼻仔2011年6月1日 晚上10:00

    @EriCSN:
    這樣很好，很棒真的。

    如果是以新分頁的方式呈現捷徑的連結，就不必擔心這問題。

    但是可能會有更多問題接踵而來，至於方不方便，只是習慣上的不同。

    回覆刪除
  9. 落魄的人2011年6月1日 晚上10:04

    是流量過大嗎？
    一直連不上喔~

    回覆刪除
  10. HSG2011年6月1日 晚上10:09

    用途不明，要麻像Chrome OS獨立系統，他背後還是桌面沒有意義，只是讓人覺得特別，方便性也就沒那麼好。

    回覆刪除
  11. Unknown2011年6月1日 晚上10:21

    既然Blogger 最近禍不單行，異塵大要不試試Disqus 留言系統？

    轉換非常方便喔～ (推坑)

    回覆刪除
  12. 匿名2011年6月1日 晚上10:49

    不要用disqus，拖慢速度

    回覆刪除
  13. Esor Huang2011年6月1日 晚上11:21

    研究看看～速度也是很重要的XD

    回覆刪除
  14. Unknown2011年6月2日 上午8:43

    剛才用 Chrome dev tool 稍微測了一下，以我一個 256 Kbps 下行速率的用戶來說，Disqus 的載入時間大約是 8.4秒，要是頻寬高點的用戶應該還可快上一些。

    但是Disqus 完全不影響本文的載入與瀏覽，它是異步載入的的，異塵大應該不須擔心載入延遲^^

    回覆刪除
  15. Unknown2011年6月2日 上午10:04

    而且Disqus 最重要最吸引人的是社群的整合，它可以讓訪客選擇將留言分享到臉書牆或是 Twitter 上，對網友來說分享及其方便，對站長來說網站的曝光率也能因此受惠。

    （雖然電腦玩物這麼有名的大站不需要額外的曝光啦XD）

    回覆刪除
  16. meatfoot2011年6月3日 上午10:21

    Disqus 速度上是還不錯的(台灣)，不過我也想到癮科技那邊對 Disqus 的反彈 (主因是沒有"噓"啦，這倒是不影響站長這邊的內容)

    回覆刪除
  17. Esor Huang2011年6月3日 晚上11:56

    Disqus 我有看到其它網站使用上的速度是還可以接受的

    其實之前我也有玩過，老實說就是有優點但也會有一些缺點
    很猶豫是否要使用，呵呵

    回覆刪除
  18. 大中華哆啦王2011年7月24日 晚上8:21

    其實之後台灣所有的寬頻線路都會以M為單位起跳(512K將於8/1起升速到1M)，所以速度應該越來越不成問題吧？

    回覆刪除

張貼留言

為了避免垃圾廣告留言過多，開始測試「留言管理」機制，讓我可以更容易回應讀者留言，並更簡單過濾掉廣告，但只要不是廣告留言都會通過審核。

這個網誌中的熱門文章

全家沖印、 7-11 列印照片誰好用？立可得與 ibon教學+比較表

作者：
圖片
現在大家照片都儲存在數位手機、相機、硬碟或雲端，數位欣賞與分享很方便。但有時候就是需要拿到「實際照片」，例如： 小朋友學校的勞作作業 想要製作家庭相框 用照片來當小禮物 把照片貼在紙本手帳上 這時候，有什麼方法可以快速把數位照片「洗」成實體照片？而且最好能不花時間、立即拿到、價格也不貴呢？ 如果家裡沒有印表機（或是沒有好的印表機），又不想跑照相館，那麼這時候 「便利商店」同樣也提供了印照片的服務 ，而且價格不貴，可以立即拿到，操作流程也十分簡單。 之前我在電腦玩物分享過：「 不需買印表機也免隨身碟， 7-11 全家雲端列印超方便教學 」。這篇文章則從印照片出發： 同樣的不需買印表機、不需隨身碟，就能快速印出高品質的照片成品。
........................繼續閱讀全文內容

Google Maps 我的地圖完全教學！規劃自助旅行攻略

作者：
圖片
在之前寫完「 善用 Google 航班搜尋找出理想便宜機票的 10 個技巧 」一文後，我想繼續挖掘 Google 幫我們規劃自助旅行的潛力。 今天這篇文章，就深入的來聊聊 Google 的「我的地圖」服務，這是一個可以讓我們「自訂地圖」的工具 ，在地圖上任意繪製地標、路線，對商務需求來說可以打造出一張一張資料地圖（例如我之前在製作一本新書時建立的「 台灣推薦空拍地點地圖 」），對生活需求來說，則可以讓我們規劃自助旅行路線！ Google 「我的地圖」在規劃自助旅行路線時可以解決許多問題： 國外地點名稱地址常常難懂，用自訂地圖就能自己取一個好辨識的名稱。 在規劃路線之外，自訂地圖還能補充許多旅遊圖文資料，讓這張地圖就是旅遊手冊。 好看的自訂地圖一方面旅行時帶來好心情，二方面事後就是最好的旅遊回憶之一。 自訂地圖還能跟朋友共享合作，讓彼此都能在手機上查看這次旅行地圖。
........................繼續閱讀全文內容

Slack 完整教學與上手心得：找到正確的團隊溝通之道

作者：
圖片
你聽過或用過 Slack 嗎？過去一年， Slack 這一個團隊通訊平台服務不僅在國外爆紅，在台灣我也看過好幾個創業團隊使用 Slack 來做公司內部的訊息管理，到底 Slack 有什麼魅力？它是不是比起 LINE 或 Facebook 或 Email 更能有效率的管理團隊溝通呢？我自己今年也有機會在一個專案合作中使用了 Slack 一段時間，我覺得它吸引人之處有三點： 1. 「 很有趣 」： Slack 裡擁有跟 LINE 或 Facebook 一樣易於讓公司同事聊天打屁、傳送有趣影音圖文的功能。 2. 「 有效率 」：但是 Slack 的頻道、群組機制讓茶水間的聊天，不會干擾工作的討論，並且星號與釘選功能讓每個同事可以從聊天中記錄重點。 3. 「 有彈性 」： Slack 的架構可以讓每一個團隊設計出符合自己需求的通訊平台， Slack 的軟體則讓同事可以在任何地方和公司保持聯繫。 如果你需要中文版的同類平台，可以參考： JANDI 高效率團隊通訊平台完整教學，比 Slack 更適合中文用戶 。 2017/3 新增 ： Sortd for Slack： 改造 Slack 討論串介面變成專案任務排程看板
........................繼續閱讀全文內容

Google NotebookLM 免費中文 AI 筆記實例教學，老師、學生、創作者利器

作者：
圖片
Google NotebookLM 是一個以 AI 筆記本為概念的線上生成式 AI 問答工具。和 ChatGPT 、 Copilot 不同的是， Google NotebookLM 「相對」不會憑空生成內容，也不是上網找答案，而是結合文件資料庫 AI 分析功能（透過  Gemini Pro  分析我們的知識庫），幫助我們根據自己上傳的大量筆記、文件，生成有明確引用的論文摘要、報告企劃、文章大綱。 相較之下很適合自己已經有足夠資料，只是需要 AI 協助分析與輸出的人，例如老師規畫課程、學生製作報告、研究者撰寫論文、創作者撰寫草稿來使用。
........................繼續閱讀全文內容

畫張圖說得更清楚！ Napkin 用 AI 幫你的簡報文章手繪視覺思考圖

作者：
圖片
今天要跟大家介紹一個很有意思，也可能對老師、創作者、常做簡報的職場工作者很有幫助的 AI 工具：「 Napkin （餐巾紙）」，這是一個 AI 會根據我們提供的文字，創作手繪圖表、圖解、圖說的線上工具。 為什麼叫做 Napkin（餐巾紙）？如果你看過可以說是簡報經典著作的《簡報 Show and tell》、《餐巾紙的背後》作者丹‧羅姆（Dan Roam）系列書籍，你應該就能心領神會。
........................繼續閱讀全文內容

Google 表單自動關閉回覆教學：時間人數到達就過期

作者：
圖片
Google 表單，是 Google 雲端硬碟裡用來製作線上問卷調查的免費工具。 愈來愈強大、愈來愈漂亮的 Google 表單，可是設計出各式各樣擁有專業問題、滿足特殊調查需求的精美問卷，如果你還不知道怎麼活用他的基本功能，那麼一定要參考下面三篇我在電腦玩物中所寫的一系列教學，從基本功能到隱藏功能，會帶你上手這個好用的工具： 設計問卷調查快速免費，新版線上 Google form 表單教學 不再只有醜醜範本！如何幫 Google 表單美化背景外觀？ Google 表單的 10 個專業問券調查設計秘密教學  也因為寫了一系列實用的 Google 表單教學，所以很多朋友來問我： Google 表單還能不能滿足某某個需求？ 而其中被詢問度最高的就是：「 可不可以讓 Google 表單 自動關閉回覆 ？時間過期了問卷就關閉，填寫人數到達限額了就自動停止。 」如果可以做到，那麼 Google 表單甚至可以用在報名表、抽獎表之類的應用了。好消息是，這個問題有解了，今天開始 Google 表單可以做到限期、限額自動關閉回覆的功能囉！ 2017/8/31 新增 ： 自動移除額滿選項！ Google 表單報名購物限制數量最簡單教學
........................繼續閱讀全文內容

為什麼大家愛用 Trello ？最佳整理教學讓事情井然有序

作者：
圖片
這幾年看到身邊許多的創業團隊、學校社團、辦公室裡的部門，或是個人在需要專案管理、生活管理時，選擇了一個叫做「 Trello 」的雲端服務，這到底是一個什麼樣的管理工具，讓這麼多人都愛用 Trello ？在電腦玩物上，我也從旁敲側擊的角度，寫過幾篇「 Trello 概念」的管理教學文章： 把 Evernote 當作 Trello！ Kanbanote 筆記看板管理法 Google Drive 變身 Trello ！幫雲端硬碟建立專案看板 但是，我自己也一直使用著 Trello ，卻還沒有在電腦玩物上寫過一篇完整的介紹！雖然錯過了幾年前第一時間推薦 Trello 的時機，但在這段時間的使用經驗下，剛好可以讓我整理沉澱自己的使用方法，歸納出「 為什麼值得試試看 Trello 的關鍵特色 」，然後轉化成這篇文章深入淺出的 Trello 上手教學。 2015/6/13 新增： 免費專案管理軟體推薦！困難計畫簡單管理 13 種工具 2016 年新增 ： 如何將 Trello 切換到繁體中文版？網頁 App 全中文化 2016/7/7 新增 ： 如何活用 Trello 記帳？我的理財計畫心得與看板範本 2016/7/13 新增： 如何將網頁資料快速剪貼到 Trello？收集專案資料技巧 2016/8 新增： Trello 開放「強化功能」讓免費用戶串聯 Evernote 等雲端服務 2016/8 新增 ： Trello 卡片自訂欄位密技！最想要的強大 Trello 客製化範例教學 2016/11 新增： [時間技客-7] 重要緊急時間管理四象限在 Trello 活用與範本下載 2017/2 新增 ： Trello 團隊如何使用 Trello？ 8個專案排程協作重點技巧 2017/6 新增： 如何用 Trello 規劃自助旅行？我的 Trello 行程計畫使用技巧教學 2017/7 新增： 如何讓 Trello 列表與卡片不再落落長？專案管理的5個關鍵技巧 2017/8/23 新增 ： 如何用 Trello 做子彈筆記？我的 Trello GTD 方法範例看板分享
........................繼續閱讀全文內容

Miro 遠距工作開視覺會議的免費強大白板，專案圖解實例教學

作者：
圖片
團隊一起開會討論專案規劃、產品設計， 為了把大家的想法表達得更清楚，需要將各種思考視覺化，把各種計畫圖解化。 例如用 心智圖 展開專案流程，用 系統思考法 釐清專案關鍵環節，或是畫一張 商業模式精實畫布 。 面對面開會時，我們可以在會議室的大白板上，畫出這些圖解。 但如果想要遠距工作、遠端會議，這時候，就可以利用「線上協同合作的白板工具」 。這類遠距視覺會議的工具其實也不少，我之前介紹過的簡單版工具就有： Witeboard 世界上最簡單快速的協同合作白板，開會上課利器 Awwapp 觸控靈敏線上共用白板，免註冊電腦平板手機立即可用 但說到功能強大，可以滿足各種視覺會議的圖解需求，就不能不提到： 「 Miro 」這個線上視覺圖解白板工具。
........................繼續閱讀全文內容

最簡單養成習慣方法是「解決問題」，不靠時間表、獎懲與意志力

作者：
圖片
要持之以恆並非一件容易的事，先不說長時間的堅持往往強人所難，光是要每天重複一樣的行動、相同的規律，難道不會覺得膩？這時候一旦新鮮感淡去，剛好遇到其他事物的干擾，或者自己偶爾處在懶洋洋不想動的低潮中，那麼這件事情就很容易開始拖延下去，而想要養成的習慣也往往中斷了。
........................繼續閱讀全文內容

Excalidraw 免費 AI 生成流程圖，一鍵畫出知識圖表、專案流程、寫作大綱

作者：
圖片
用一句話簡單提示主題，就能透過 AI 生成一幅流程圖。或是提供基本的想法大綱，一鍵請 AI 畫出可接續修改的流程圖草稿。於是「老師」可以快速生成教學用的 知識圖表 ，「軟體工程師」快速畫出 技術開發架構圖 、「管理者」獲得 專案流程圖 與 商業決策分析圖 、「行銷人員」製作 活動企劃流程表 、「創作者」也能立即獲得視覺化的 寫作大綱 或 故事線草稿 。上述的應用情境，在 「 Excalidraw 」 這款線上流程圖工具中已經可以實現，他加入了「Text to diagram 」AI 功能，幫助我們透過簡單文字，快速生成複雜的流程圖表，生成草圖後還可繼續手動修改。
........................繼續閱讀全文內容