三一標準:一頁化、一手化、一秒化
繼Flash之後,Ajax繼續讓網站更能趨近一般傳統軟體的「一頁化」水準。網站發展到現在,已無法逃脫「多頁化」的習慣,雖然頁面好漂亮,那又怎樣?頁面這麼大,眼珠子得上下左右滾動以找尋想找的東西,雙手同時忙碌的遊走於鍵盤和滑鼠之間,不斷的作「對準、輸入、對準」的動作,然後到下一頁之前,還得強迫自己的腦筋休息三秒鐘,等新頁面蹦出來又硬將準備神遊的靈魂拉回來,在一片很長很廣的新頁面上面用眼睛搜尋想要的輸入框框、超連結或按鈕。愈來愈多樣化的網站世界讓我們有更多東西可以玩,但不可否認的,使用browser的時間愈長,我們使用電腦的品質就愈來愈降低。但由於互聯網實在擁有太多資訊與我們每天必要工具,對我們的身心產生了一種壟斷效果,到目前為止,我們似乎一定得順著HTTP的規則去一頁一頁的叫出來,忍受上述的不便之處。
所以Ajax所帶來的網站,如NetVibes,讓你在一面上面可以自由拖曳框框;Google Maps系列的內部外部mashup產品讓你能在地圖上執行一連串的動作,要的資訊直接顯示在上面或旁邊;還有新版Yahoo! Mail與Hotmail(Kahuna),就像Outlook Express的介面,所有動作全部在「單面」可以搞定,就真的解決了上述很多不便之處。不過,網站在「一頁化」之後,還有其他進步空間;工廠的品質有ISO系列標準在把關,網站的(終極)使用品質還沒有標準,小弟在這裡先提出一個「三一標準」,三個「一」,除了「一頁化」,還有「一手化」與「一秒化」。與其說它是個標準,不如說是創業家可以考慮的創業機會,因為符合「三一標準」(或只要「二一」也可)的新網站有機會在各行各業取代現有的舊網站。
「一手化」,是指使用網站的時候,不必動到兩隻手,只要一隻手就可以全部搞定,而且不必上下左右四處游移,只要放在某個東西上面動動手指頭就可以了,所以,滑鼠應該不算是「一手化」,目前唯一一手化的工具是「鍵盤」;合乎「一手化」設計的產品,使用者就可以用比較舒適的姿勢半躺在椅子上,真正的享受surfing的樂趣。目前在廣大的網站世界裡好像還找不到真正實踐一手化的產品,唯一符合一手化的軟體服務似乎只有Telnet窗口裡的BBS,而你會發現,大學生真的可以一整晚都掛在PTT上面,雖然偶爾用到兩隻手,但它確實有很長一段時間可以以一手在鍵盤上面操作。
「一秒化」則是在對網站下達指令之後,等待它回應的時見不超過一秒。當一個網站可以達到一秒化的時候,它讓使用者的使用流程可以完全跟上腦袋思考的速度,不致於會被這裡拖一點、那裡扯一點。可惜的是,目前我們所熟悉的網站平均跳出時間肯定是遠遠大於一秒,真正達到一秒化的網站可能只有那些介面簡單、早已準備好答案的網站如Google。當然,像PTT這些BBS依然是符合一秒化的水準。
這樣計算下來,目前符合「三一標準」的「網站」還真的只有在Telnet介面下的BBS系列。
至於,誰要來設計或製作這樣的網站?台灣的網站製作公司,多得如過江之卿,擅長於製作超酷炫卻沒用的企業形象網站與千篇一律的購物車,他們公司的人事配置,往往是○~一個會寫「後台程式」的人,配上一~二個會做「前台介面」的人,前台介面這塊有時還得外包給其他人做;而所謂「前台介面」,他們往往指的是「視覺設計」,通常以版面設計為重,把每個網站頁面先弄得很漂亮,讓業主過關後,再把後台簡單的程式補起來,而他們報價的方式也是以「頁」為單位,但這種製作流程顯然不是針對一般功能性的網站,也不適合網站創業家;你看,假如我要做一個交友網站,那我要有幾個頁面?我幹麻要放這麼漂亮的東西在上面?事實上碰到像「二人創業」這種case,他們也很頭痛,因為無法套用他們熟悉的平台上去,最專長的所謂的「視覺設計」也完全派不上用場,因此,創業家每與他們談一次,就會失落一次;業主或許原本想做很多功能,但被它們用各種理由拆拆切切、刪掉一半以上,表面上是價格太貴、成本太高,事實上是他們做不出來,或做出來不敷人事資源成本,從這角度來看,這些網站公司還真的是台灣網路創業的殺手。
但,在「三一標準」慢慢被接受(重新被接受)之後,台灣的網站設計公司,終於有了功用!假如網站只有一頁,那麼視覺設計真的就變成了非常非常的重要了,這裡多加一吋或左移幾個畫素都需要經驗的思考。而這些網站製作公司本來就精通flash,現在只要再學學Ajax,把內部人員的編制再調整一下,或許可幫創業家闖出一片好天下。至少,也做出和美國的網站設計公司Varien、Elastic Path一樣的「一頁化」購物車系統,接著再運用他們原本就很高超的單頁設計技術,再接再厲的設計出可以「一手化」的操作介面,與「一秒化」的使用流程。
下一步呢,當網站變成一頁化、一手化又一秒化之後,它很自然就可以移到電視上面去了,我們已經有很多創業家推出朝「一手化」努力的多功能搖控器如Touch Screen方式與Wii的遊戲機Control,只要一手即可掌控,數位機上盒廠商也都在等著這樣的killer application、killer content。這樣一來,或許一直移不進客廳、搬不上電視的互動式數位家庭產品也終於能說服消費者買單接受,「三一標準」還真的是網站創業家可以參考一下的新思維。
但是若網站都只有一頁,那麼那些charge by page的網站設計公司,還賺什麼?… ^^
我也一直期待有一天可以有「Web-based telnet」這種東西,把BBS的易用、即時等特性搬到Web上面來,同時又能讓Web的各種優點(支援Unicode、容易搜尋、樣式可以用XHTML+CSS輕鬆定製……)改善BBS某些蹩腳之處。這樣就會有全新的「Web BBS」了。不知道這個在技術上難不難?
一頁化的目的很好,但過度堅持一頁化,可能不僅造成實作上的困難,對使用者來說也不見得好用,這部份個人認為較合理的做法是配合上逐漸實現的一秒化,加上“不要使用者想”的操作流程(比如誰都會點的“明顯”HTML連結)。
說實在,一秒化除了與上述一頁化在某些情形下可互相替代,就算是單機軟體很多功能也不見得一秒化,當然網路上的latency一定會加上來,可是處理動作不要那麼複雜,更切中核心就差可擬了。這部份MS的互補想法(網路服務與單機軟體)或許可以參考。
一手化如果定義在鍵盤,可能永遠都是門檻,理想中的一手化應該是操縱滑鼠就能使用,這樣網站才可輕易走入客廳,進入appliances,滲透各個隨身devices, etc。更radical的想法是一鍵化,如早期Mac OS的多數動作都靠單鍵滑鼠即可完成(BBS皆然)。這部份最大的困難在於輸入的判斷,可能有待人因工程的再進步。
個人意見:一頁化並不是重點,如果一頁化的網頁上有一堆密密麻麻的訊息,對使用者來說還是無法使用的。重點也不在使用 Flash 或 Ajax 的技術,而是在設計網站流程時有沒有把使用者行為分析放在前端。
在編輯流程中有個很流行的概念叫做「後製先行」。過去編輯台的流程是文字先行,圖片和版面是在文字定稿後再決定,這種流程在當代以圖為主,文字為輔的閱讀行為下已顯不合時宜。像壹週刊之類的刊物,其編輯流程已經把版面元素(圖像、圖表、標題)等視覺元素提升到與文字同等重要的程度,在編輯流程上先決定版面構成,再平行處理圖像和文字,因而使文字和圖像的配合更加合作無間,也讓更符合當代讀者的閱讀行為流程。
同樣的道理,在網站設計上也應該真正重視使用者行為分析。比較合理的流程應是先分析使用者行為,設計出好用的界面,再進行機制分析與製作。Mr.6 提出的三一標準其實只是檢驗標準,而且最後一個「1」(網站loading速度)其實應該是基本要求(做不到就等死),更重要的是如何讓陌生的使用者在最短時間內看到界面就知道滑鼠往哪擺。
ajax 是提升跟後台溝通效率的東西吧。
這樣一寫感覺好像只需要版面不需要後台了?
Dear MilchFlasche:
這個有趣的網頁應該會和您心中所想的有幾分相似吧。 :p
asker
你說的那網頁 還差多了(光loading就吐血)
BBS應該很難取代
嘻.. Mr6.cc 流量大到廣告 link 都來了
身為一個技術人, 真的覺得 web art 在這方面的觀念還有很大的追趕空間, 畢竟再快的火車也不會比飛機快… 思維是隨時需要調整更新的
asker說的網頁其實還滿符合一手化跟一頁化的啊, 我用起來也都還算在一秒內, 聽說這個網站是架在ADSL上面的, 我想如果有好一點的網路應該會更快吧…
版主您好:
我是世新大學的學生,
目前正在從事部落格的研究,
想請您幫個忙、填份問卷。
可以的話還望您多多轉寄、宣傳,
在此先謝過您了!
詳細資訊請至:
請按這裡
謝謝asker的介紹,剛剛我也剛好在Moztw Forum上看到有人介紹我去看那裡了,真的很妙耶!
我覺得那個網站的loading一點都不慢啊!離BBS不遠了呢!
不過,如同上面回應的網友們指出的一些「一頁化」會有的問題,對於Web-BBS我也有類似的建言會想提出。當然我對Web的技術和理想的使用介面和瀏覽流程並不是那麼清楚,所以如果Mr. 6或是有興趣的網友們也能去那個站交流一下應該會挺有趣:)
那種還在算頁計價的網站公司
基本上技術更新的程度已經令人質疑了
計價方式的問題也不小
現在多的是 一個樣板頁面 加一個CSS檔 就可以跑的CMS系統
這樣要怎麼用頁面報價?
不過還真的遇到很多美術設計公司 連CSS都沒聽過是啥 就敢出來接網站的CASE
他們敢送出報價單 我還真為他們的勇氣感到佩服
因為下次業主可能寄出去的就是存證信函了
gaaan.com已經做出搜尋引擎最佳化的功能囉!從各大搜尋引擎可以直接搜尋該站的全文了。詳見該站公告:
http://gaaan.com/Announce?p=15060
gaaan.com | Announce | 搜尋引擎可以找到gaaan.com的文章囉!
「三一標準」「一頁化」,還有「一手化」與「一秒化」這個概念是蠻吸引人的,不過並不是所有網站都適用吧 例如:網路書店、網路購物的網站,內容與連結應該沒有辦法在一頁畫面中,就達成吧。
Hands down, Starcraft 2 is the best strategy game ever. Keep updating with stuff like this!
Between me and my husband we’ve owned more MP3 players over the years than I can count, including Sansas, iRivers, iPods (classic & touch), the Ibiza Rhapsody, etc. But, the last few years I’ve settled down to one line of players. Why? Because I was happy to discover how well-designed and fun to use the underappreciated (and widely mocked) Zunes are.
great share, great article, very usefull for me…thank
My co-staff & I seek the advice of just about this matter all day. It is confirmed now that I used to be correct. Others deny whereas the remainder agreed. Sustain the nice posts This is good matter thanks. I would like to learn extra articles like these within the future. I acquired you saved in my bookmarks. Enjoy the rest of the week & be blessed!!
Respect,
mn6m1h5621r6gj