2009年8月27日 星期四

交互設計模式——分頁


模式庫
在模式庫裡,我將列出所有電子商務網站需要的模式.以下將羅列出經典常用的模式案例,我也試圖讓這些模式看起來更有趣味性與實用性。(Yahoo模式庫也有對Pattern的一種定義。)
模式歸屬類別
為了方便調用和維護模式庫中的各種模式,首先將模式庫中的模式分成三大類:用戶需求,應用需求,語境下的設計.在用戶需求類別中,有一種類型叫基本交互。這裡我將從這個緯度把基本交互中所涉及的模式一一羅列講解。
Pagination(分頁,標記頁數)問題摘要
使用者需要查看資料的一個子集,卻發現所有資料是顯示在一頁的,這時候查看變得非常不容易。
實例

何時使用
當一個螢幕不能承載更多的資料時。
感興趣的項目通常可以在前幾頁找到。
需要深入探索資料項目,而非考慮內容顯示在一個滾動區域。 解決辦法
綜述:打破完整資料,分成更小的專案,順序顯示這些資料和單獨序列頁。提供分頁控制一頁一頁地流覽。提供連結讓使用者流覽網頁的前一頁和後一頁的這種行動。此外,提供連結到最開始和結束的資料組(第一個和最後一個)。如果資料集是可預知數量,就顯示一個連結的最後一頁。如果資料集是不可預知數量或顯示有可能是不同規模的(例如,來自於搜尋引擎的結果資料),請不用擔心要顯示連結到的最後一頁。
項目分頁
拆分項目列表成為一個序列的網頁。
提供可訪問前一頁和下一頁網頁資訊的連結。
提供可跳轉到流覽第一頁和最後一個頁面的連結。
提供使用者正在流覽的什麼類型的物件資訊。

提供使用者正在流覽一套物體的有關資訊.使用形式:”[$ObjectName]s [DisplayedItemRange] of [TotalItems]“
本環節的順序如下:第一頁,上一頁,下一頁,最後。
使用的圖形箭頭,以增加連結的目標大小。
顯示翻頁在不可用情況的管理顯示狀態。
搜索分頁
使資訊轉化為按相關性分類排序的一系列網頁。
提供分頁控制來提供訪問分頁內容。
分頁控制
顯示導航控制項作為一行連結。
本環節的順序如下: ‘前一頁’ ,網頁連結, ‘後一頁’。
在標籤’前一頁’後,顯示左箭頭。
在標籤’下一頁’前,顯示右箭頭。
使用可用滑鼠點擊的箭頭。
網頁連結應設置包含最多10個網頁連結。如果有少頁的結果存在,只顯示網頁上提供的網頁連結。
當網頁在1-6頁中時,該網頁連結應始終從’1 ‘開始。
當在6 頁(7頁以後)的任意網頁上,該網頁連結起始應在當前頁面減去5 。例如,當第7頁,第一頁將是2 ( 7-5= 2 )和最後一頁將11 (仍顯示10頁)。

第一頁的結果不會有顯示 ‘上一頁’的標籤或箭頭。
結果的最後一頁不會顯示’下一頁’的標籤或箭頭。
當前網頁的頁碼連結不顯示超連結。
最後在分頁控制區上方加個結果頁的標籤。
基本原理
項目分頁
顯示箭頭圖形有助於區分連結,並提供更大的點擊目標。
與搜索分頁不同,在任何時候,分頁控制項都是可見的(即使禁用),當出現無法控制分頁時,這可以防止用戶分心。
搜索分頁
顯示箭頭圖形有助於區分聯繫,並提供更大的點擊目標。
結合上下文背景,增加不可控狀態顯示箭頭價值不大原因有:

(1)這些顯示箭頭,經常顯示可打開折疊層。

(2)當第一頁的結果已組合成絕大多數的綜合流覽量。展示不可用“前一頁”控制翻頁,這些是沒有什麼附加價值的。
雖然“第一頁”連結很有價值,但也要與呈現在隨機訪問的連結功能競爭。
“最後”連結是沒有什麼價值的,因為結果是按相關性排序的,這也是問題,因為結果總數(因此,最後的結果)可能不知道。 同類模式圖片展示

原文:http://alite.aliued.cn/archives/750
文章提供BAYSTARS DESIGN網頁設計公司

矽谷創業家用「結婚」來募資創業,談婚禮支出收入的潛機會

矽谷人喜愛的婚宴場所史丹佛教堂,天然的採光、百年建築,合唱歌聲從三層樓高的舞台流洩而下有如天籟之音。一對網路創業家,即將在明天(8月29日)在史丹佛大教堂結婚,特別的是,這一對新人竟然搞了一個「史上第一個創業家專用的請帖」!

各位知道,美國的請帖都會附上所謂的「禮物清單」(wedding registry),這些都是新人的新居即將需要的家具用品,請求賓客「贊助」。譬如鍋啊碗啊瓢啊盆啊,烤箱、洗衣機、乾衣機、烤麵包機、花瓶……等等。新人到店面那邊看過,決定哪個型號、哪個樣式,再寫出這個「禮品清單」給賓客「認購」。歐美人顯然不像華人這麼有智慧,我們都是包紅包,你可以自由決定要怎麼使用這筆錢,是吧?但,歐美的新人就沒這麼幸運了,他們常有一種感慨:我們最需要的不是這些鍋碗瓢盆,這些東西我們自己都有了,不必換新的。我們現在最需要的是──
是……。
錢!
對啊。新人剛結婚,當然需要錢!
需要錢做什麼?不是裝點家裡,而是拿來「衝事業」啊!尤其是這兩個網路創業家,剛好正準備要開一家公司叫「Aboomba」。他們很希望大家幫他們買的是「電腦」,而不是那些銀叉子銀湯匙,但天下沒有這樣的「購物清單」,於是,他們自己做了一個──前所未有的購物清單!這個清單號稱是「全球第一個創業家的購物清單」(start-up wedding resgistry)。這個清單中包括:認購一個工程師一日薪水要273.97美元(好貴!果然是美國),認購一位律師的顧問時間一小時要385美元(有這麼貴嗎?),還包括將目前公司裡的「急救箱」換成真正的醫療保險需要134美元,還有到East Palo Alto的IKEA買家具需花200美元,以及正版「暈倒」來讓比爾蓋茲更有錢一套要95.64美元、Office需要205.17美元,還有房租費、電費、水費…通通列出來,還包括一些矽谷創業家特有的支出,譬如認購和一個創投的午餐費要291美元,和知名創投Tim Draper則是「時價」,幽默一下。

至於這些東西要「去哪買」?這對新人在影片裡也說得很清楚:「他們已經設了PayPal帳號。」就是說,請大家直接付現金給他們就好了,讓他們自己運用這筆現金啦!這,等於變相在「籌資」,利用人生大事這麼一個「難得的機會」在「籌資」啦!厲害吧?平常的長輩,可能要發瘋了,這是哪門子的購物清單,這種直接「拿錢」的方式,照這對情侶在影片中的講法,還真的是無聊當有趣、擺爛當幽默,很不禮貌哩!還好,這對新人的長輩朋友們,許多剛好是矽谷的老創業家、律師、會計師、教授……他們看慣了創業家,知道創業家需要什麼,也知道這對新人現在正在創業最需要的不是金叉銀叉而是「這些」。

有趣的是,這種作法,竟然沒有人試過?這對新人巧妙的將「創業計畫書」包裝一下,在這張「計畫書」中,他們甚至不必寫什麼這個事業要做多偉大的事,他們只要列出一堆東西,大家就「必須」付錢。他們擺明,反正大家就是要給我這個紅包了,那我就趁這個機會向大家募款創業!

想到,婚禮是人生大事,單單「婚禮」這個產業就不知養活多少廠商,如果長輩們知道新人真有心要創業,大概也會支持他們,這筆錢就不要給廠商賺,給新人吧!問題是:雖然華人已經採用「紅包制」,但一般的新人還是必須花很多很多錢,在訂場地、買囍餅、印喜帖,新人都不見得願意做這些,有沒有其他替代的巧妙方式來讓長輩覺得ok,促使更多現金放到新人口袋裡?這會是一個大機會,讓新人可以「利用」這個習俗,得到自己新生活最重要的「第一桶金」。
這筆支出將非常非常的龐大。你說,什麼現代人不結婚了然後就不玩這個產業?那是騙我們的,讓我們這些新進創業家不敢貿然進來,讓其他那些業績滑落的生意人乖乖接受這事實然後不思改進而倒店大吉。其實,每年還是有很多很多人在結婚,很多人結婚的預算是非常非常高的。最重要的是,親友們也都可以花出一筆很高很高的單價來「祝福」這場婚禮的!一桌2萬,開50桌就要100萬,這100萬為何不能拿來當作創業資金,反而要用親友的祝福來支付?

現在的趨勢,是「年輕人自有自己的想法」,於是許多商家祭出「更kuso更酷的婚禮」來應對。但他們不知道是,大部份年輕人在底層更實在的需求,尤其在這個全球經濟成長停緩的時刻,應該是「利用婚禮」。哪個創業家可讓新人可將心中「利用婚禮」的願望來「正當化」?讓所有的人都沾沾喜氣、皆大歡喜?
謝謝矽谷創業家的指教。這一塊,好像是喜洋洋的紅色市場中的超大藍天!

文章來自mr6
文章提供BAYSTARS DESIGN網頁設計公司