2009年7月21日 星期二

11個創意jQuery畫廊插件

由kulando.de整理的jQuery圖片切換效果插件。
德文原文地址:http://webstandard.kulando.de/post/2009/07/16/creative-image-galleries-by-jquery
FullScreen Image-Gallery

SupersizedGallery

ImageRotator
Galleria
Content-Gallery
Galleriffic
EasySlider
看中文介紹的猛點此處:http://jsssc.cn/easy-slider-15-the-easiest-jquery-plugin-for-sliding/
ImageScroller
Slider
ImagesSwitch

PanoramaView
文章來自http://jsssc.cn/creative-image-galleries-by-jquery/
文章提供BAYSTARS DESIGN網頁設計公司

Web可用性設計的247條指導方針

譯序:Userfocus是英國一家專門從事網站可用性設計的咨詢培訓公司。它為我們分享了247條Web可用性設計的指導方針,並把它們清晰的分為六個大類:首頁可用性設計、任務導向、導航和信息架構、表單和數據輸入、可信度、寫作和內容質量、頁面佈局和視覺設計、搜索可用性、幫助反饋和容錯。如Userfocus所說,“雖然易用性系統的設計遠不止應用一些簡單的指導方針,但是它們卻可以為獲取穩定性和好的實踐提供有意義的幫助。”
原文地址:http://www.userfocus.co.uk/resources/guidelines.html


目錄:
首頁可用性設計(20條評估首頁可用性的方針)
任務導向(44條評估網站對用戶任務支持程度的方針)
導航和信息架構(29條評估導航和信息架構的方針)
表單和數據輸入(23條評估表單和數據輸入的方針)
可信度(13條評估可信度的方針)
寫作和內容質量(23條評估寫作和內容質量的方針)
頁面佈局和可視設計(38條評估頁面佈局和可視設計的方針)
搜索可用性(20條評估搜索可用性設計的方針)
幫助、反饋和容錯(37條評估幫助、反饋和容錯的方針)
首頁可用性設計
首頁元素要清晰的關注用戶的關鍵任務(避免“增加功能傾向(featuritis)”)
如果網站比較大,那麼首頁應包含搜索輸入框
首頁要十分清楚的提供產品(內容)分類
在首頁或首頁內一次點擊展示有用的內容
信息展示時應當是簡單的、自然的、符合邏輯順序的
在首頁展示真實網站內容的優秀示例
首頁上的鏈接以最重要的關鍵詞作為起始(例如:“Sun holidays”而不是“Holidays in the sun”)
在首頁提供一個最近的特色項列表,並提供存檔內容的鏈接
首頁導航不要過度格式化(修飾),確保用戶不會把它誤認為廣告
在首頁清晰的聲明價值取向(例如一個標誌性的口號或歡迎語)
在首頁包含有意義的圖案設計,而非無關的剪貼畫或繪畫作品
導航選項按邏輯性或用戶導向方式排序(把次要的公司信息放在底部)
首頁標題(title)可以為諸如google等搜索引擎提供良好可見度
所有公司相關信息安排在一個顯著區域(例如:“關於我們(About Us)”)
用戶可以瞭解到價值取向
一看到首頁,第一次訪問的人就知道從何處開始
在首頁展示出所有主要的操作選項
首頁擁有一個易記的URL
首頁需經過專業設計,以給用戶良好的第一印象
首頁的設計要能激發用戶探索站點的興趣
首頁就要像一個首頁,不能讓用戶把它與二級頁面混淆
任務導向
網站應避免出現不相干的、多餘的或讓用戶分心的信息
避免過多的使用腳本、小應用程序(applets)、視頻音頻文件、圖案和圖片
網站應避免不必要的登記
關鍵人物路徑必須是清晰的,無干擾的(例如:購買、捐獻)
信息以簡單的、自然的(natural)、符合邏輯順序的方式展示
應盡量縮減每個任務需要的屏幕數量
應減量減少頁面滾動(scrolling)和點擊
網站應正確的預期和提示用戶下一步可能的動作
展示圖表時,確保用戶可以看到真實數據(例如在柱狀圖上標明數字註解)
當分配給用戶任務時,應充分利用計算機的優勢(例如搜索輸入的自動完成功能)
用戶可以快速完成普通任務
當必要時,應為當前任務提供數據對比功能(例如:商品比較)
任務順序應當與用戶日常工作順序一致
網站可以保證用戶的工作比不使用它時更輕鬆快捷
最重要的或經常使用的主題、特徵或功能應放在頁面中央附近的位置,而不是特別靠左邊或右邊
確保用戶不會重複輸入相同的信息
重要的、頻繁使用的主題或任務應接近網站的“表面”
保持最少的錄入(例如購買過程中),並為用戶提供加速器
任何給定任務路徑應當有一個合理的步驟長度(2-5次點擊)
當一個任務有多步時,網站要告訴用戶完成任務需要的所有步驟,並為用戶當前步驟所在的位置提供反饋
在每個產品後面緊跟它的價格
可以非常容易的找到網站的隱私策略,尤其是在那些要求填寫個人信息的頁面。隱私策略應當是簡單的、清晰的
網站用戶不需要記住從一個地方到另一個地方的信息
隱喻的使用可以被典型用戶輕鬆理解
數據格式應當遵循文化常規
軟件的內部工作細節不要暴露給用戶
應當迎合用戶那些之前已經養成的那些小的互聯網習慣
網站應當易於用戶瀏覽,在執行前可以自己嘗試其它的功能操作
第一次到訪的典型用戶應當可以在不需幫助的情況下完成最常用的功能
當用戶回到網站時,用戶可以記得如何執行主要任務
那些新穎設備(novel device controls)的功能應當是顯而易見的
在購物車頁面,在頁面的頂部或底部應當清晰的展示”處理結賬”按鈕
重要的操作入口(例如“添加到購物車”)應當非常清晰可見
操作按鈕(例如“提交”)應當由用戶觸發,而非在完成所有選項時系統自動觸發
命令或操作項英以按鈕的形式的展示(而非例如鏈接)
如果用戶在事務處理中中途退出,用戶在稍後返回站點時可以繼續他退出之前的工作
當頁面展示大量信息時,用戶可以排序和過濾信息
按鈕或圖標上的圖像應當與內容相關
當用戶被系統自動註銷時應當提示用戶,並且自動註銷的時間間隔要恰當
不必要的功能(例如flash動畫)可以被關閉或跳過(skip)
網站應當是健壯的,並且所有關鍵功能可正常工作(例如不應有javascript頁面異常、CGI報錯或死鏈接)
網站通過不同程度的說明來支持新手用戶和專家用戶(例如幫助信息、錯誤信息)
網站允許用戶重新填寫一些信息項(例如更改發貨地址、更改賬戶信息)
網站允許用戶自定義操作時間參數(例如自動退出的時間)
導航和信息架構
關聯頁面或區域間的跳轉移動應當是方便的、顯而易見的,並且可以容易的回到首頁
在絕大部分頁面都可以輕鬆的導航至用戶最可能需要的信息
導航選項按照最常用邏輯或任務導向方式排序
導航系統應當是內容寬泛並層級較淺的,而非有比較深的層級
站點結構是簡單的,有一個清晰的概念模型,沒有不必要的層次
在所有頁面都可以到達網站主要部分(持久導航persistent navigation),導航過程不會中斷
導航標籤放在頁面頂端,而且要設計成看上去可以點擊的樣子
要有一個站點地圖用來提供整個站點內容的概況
在任何頁面都可以鏈接到站點地圖
站點地圖提供一個簡潔的網站概貌,而非主要導航的重複或各主題的簡單羅列
提供良好的導航反饋(例如顯示當前位置)
分類標籤應當能準確描述該分類的信息
鏈接或導航標籤包含用戶要達到目標所尋找的“觸發字眼(trigger words)”
術語和常規(例如鏈接顏色)應當(近似地)與互聯網習慣用法保持一致
在網站各個組成部分中的鏈接樣子應當一致
產品頁面應當包含與當前產品相似或互補產品的鏈接,以實現交叉營銷
導航項和鏈接中的用詞應當是無歧義的,並且使用術語
用戶可以排序和過濾目錄頁面(例如按價格排序或最熱門排序)
當鼠標放在某個可點擊的元素上時,元素應當有明顯變化(包括光標的變化)
重要內容可以通過不止一個鏈接訪問到(不同的用戶有可能需要不同的鏈接標籤)
僅用於導航的頁面(例如首頁)可以再不滾動的情況下瀏覽
觸發事件的超鏈接應當與鏈接到其它頁面的超鏈接(例如:下載)在外觀上有明顯區分
網站允許用戶控制交互速度和順序
在網站每個頁面清晰標注退出入口,允許用戶從當前任務中推出,而不必通過一個額外的對話框
網站不可禁用瀏覽器的“後退”按鈕,“後退”按鈕應當在每個頁面的瀏覽器工具欄上都有顯示
用戶點擊瀏覽器後退按鈕時,總能回到他之前所在頁面
購物車(basket)和結賬(checkout)鏈接應當在每個頁面中都可以看的十分清楚
如果網站有打開新窗口,那麼這個動作不應使用戶困惑(例如:新窗口應該是一個設定大小的對話框或並可以輕鬆關閉)
菜單的使用說明、提示、相關信息應當在每個屏幕的同一位置顯示
表單和數據輸入
數據輸入框在適當的時候應當包含默認值,顯示要填的數據格式和輸入框允許輸入的長度
如果任務設計源文件(例如紙張形式),那麼界面應當與源文件的規格一致
網站能自動完成格式化數據的輸入(例如貨幣符號等),用戶不需要輸入類似£ 或 %的符號
表單域的標籤應當清楚的說明該輸入框希望輸入什麼
表單中的文本框應該為預期答案設定合理長度
表單中的必填項和選填項應當有明顯的區分
登陸和註冊應當用相同的表單(就像Amazon一樣)
如果完成表單需要外部信息的話應當提前告知用戶,例如護照編號
表單中的問題項(輸入框)應當按邏輯分組,並且每組都有一個標題
表單域應包含提示、示例或樣例答案,告知用戶輸入框期望輸入什麼
如果輸入框的標籤以表單問題的方式提出,那麼這些問題應當是陳述清晰、簡單的
在表單中,相對於文本輸入框,應當優先使用下拉菜單、單選按鈕、復選框(文本輸入框不應當使用過度)
在數據輸入頁面,光標應當被放置在需要輸入的地方
數據輸入(例如日期)和輸出(例如數值單位)的格式應當被清晰標明
用戶可以在進輸入一些基本必要信息就可以完成簡單的任務(系統可以默認補充一些不重要的信息)
表單允許用戶盡可能久的保持一種簡單的交互方式(例如,用戶不必在鍵盤鼠標間不停的切換)
用戶可以更改表單域的默認值
文本輸入框需指出要輸入數據的數量和格式
表單在提交前執行數據驗證
在數據輸入界面,在適當的時間執行表單域級別驗證和表單級別驗證
網站應可以輕鬆地更正輸入錯誤(例如,當驗證表單未完成,應當將光標放置在需要輸入的位置)
數據輸入和數據顯示應當保持一致性
表單域標籤應當靠近輸入域(例如:標籤右對齊)
可信度
內容應當是最新的、權威的、可信賴的
網站有第三方(例如引用、第三方使用見證)來說明信息的準確性
應當清晰標明網站的幕後有真實的組織(例如:提供一個真實地址或辦公室照片)
公司有一些認證專家(可以使用一些憑證)
網站應避免廣告,尤其是彈出式廣告
在結賬的最一開始就突出提示運送費用
網站應當避免空洞的營銷辭令(marketing waffle)
每個頁面都應當清晰顯示站點標識,保證用戶確認他仍然在同一個網站上
通過網站可以輕鬆聯繫到某人以獲取幫助,並可盡快得到回復
內容是新鮮的,網站應經常更新,總包含最近的內容
網站應當避免版式錯誤和拼寫錯誤
用可視化設計來補充商品和線下營銷信息
網站組織應當有一些真實的人,他們是誠實的、可信賴的
寫作和內容質量

網站有能引起別人興趣的、獨一無二的內容
正文是簡明的,沒有不必要的說明和歡迎辭令
每個內容頁應以內容結論或內容意義啟示作為開端,正文以倒金字塔方式書寫
相對於敘述式的文本,網頁應當優先使用無序列表和有序列表
列表應當以簡短的說明作為開始,幫助用戶意識到該列表是如何與其它關聯起來的
那些最重要的列表項應當放在列表的前面
信息應當分層次組織,從一般的到具體的,組織結構應當是清晰的、符合邏輯的
內容應當專門為互聯網(Web)創建(web pages do not comprise repurposed material from print publications such as brochures)
產品展示頁面應當包含購買須瞭解的信息,用戶可縮放產品圖片
使用超文本適當地組織內容
以主動語態書寫語句
網頁應當易於快速瀏覽,充分使用標題、副標題和較短的段落
相對於文本式的語言,優先使用地圖、圖表、圖形、流程圖和其它視覺元素
每個網頁都應有描述信息,以及有用的標題,用以支持書籤
鏈接及鏈接描述(title)應當具有描述性或推測性,不應當出現“點擊我(Click here)”這樣的鏈接
標題不應當故作風雅、故作聰明或含義隱晦
鏈接文本應當與目標頁面的標題(title)相符,這樣用戶就可以在到達目標頁面時心裡有數
按鈕文本及鏈接文本以動詞開頭
標題和副標題應當是簡短的、直截了當的、具有描述性的
遣詞造句及用到的概念應當為典型用戶所熟悉
有序列表從1開始,而不是0
第一次使用的縮寫詞彙應當加以說明
文本鏈接應當足夠長以便於理解、又應當足夠短以保證最少換行(尤其被用作導航列表時)
頁面佈局和可視設計
網線數應當適於目標用戶和他們的任務
佈局可以幫助用戶把注意力集中在下一步要做的東西上
在所有頁面,最重要的信息(例如經常用的主題、特色和功能)放在屏幕的第一個滿屏
網站在不水平滾動的情況下就可以使用
可點擊的元素(例如按鈕),應當設計成明顯可點擊的樣子
不能點擊的元素
按鈕或控件的功能從他們的標籤或設計上就可以明顯看出來
可點擊圖片包含多餘文本標籤(Clickable images include redundant text labels (i.e. there is no ‘mystery meat’ navigation))
超文本鏈接可以輕鬆被辨認(例如下劃線),而不需要大面積掃視。
網站字體使用應當具有一致性
控件和它所具備的操作之間的關係是顯而易見的
圖標和圖形是標準的和(或)直觀的(具體的和為人熟悉的)
在每一個頁面上都應有一個清晰的視覺“起點”
網站的每個頁面共享一致的佈局
網頁為打印格式化,或者有一個為打印準備的版本
按鈕或鏈接能顯示出他們被點擊過了
圖形用戶界面(GUI)組件(例如單選按鈕和復選框)應當被適當地使用
所用字體應當是可閱讀的
網站應當避免使用斜體字,並只為超文本添加下劃線
信息密度和留白應當有一個良好的平衡
網站看上去應是讓人愉悅的
網頁應避免出現“滾動障礙物(scroll stoppers)”(標題或其它頁面元素給用戶造成在頁面頂部或底部的錯覺)
網站應當避免大量使用大寫文本
網站應當有一致性的、清晰可識別的外觀和感覺,以吸引用戶
深藍色避免使用在細節地方(Saturated blue is avoided for fine detail)(例如文本、細線和符號)
借助顏色組織和分組頁面元素
網站圖形不應當與banner廣告混雜不清
對於重要的主題分類加重顯示(em)
在標準寬度的瀏覽器窗口中,內容頁面一行不要太短(小於50字)也不要太長(大於100字)
頁面依據柵格設計,所有頁面元素和部件水平對齊、垂直對齊
有意義的文本標籤,令人印象深刻的背景配色,邊框和留白的恰當使用,這些一起來幫助用戶把網頁元素分別出不相關聯的功能區域
網頁配色合理搭配,避免過於複雜的背景設計/li>
較為獨立的網頁應當避免雜亂不相干的信息
標準頁面元素(例如頁面標題、站點導航、頁面導航、隱私策略等)可輕鬆找到
組織logo放置在每個頁面的相同位置,點擊logo後返回最合情理的頁面(比如首頁)
吸引人注意力的特色元素(例如動畫、醒目的色調、明顯的字體大小差異)應當保守的使用,並只在恰當的地方使用
圖標(icons)要在視覺上和概念上有所區分,但又要與頁面和諧。
相關信息和功能集中放置,每一組可以在一個視野瀏覽到(大約直徑為4.4厘米的屏幕區域)
搜索可用性
默認搜索應當是可以直觀地配置(沒有布爾操作符no Boolean operators)
在搜索結果頁面向用戶展示搜索到的內容,並且在該頁可以編輯檢索詞並重新提交搜索
檢索結果應是清晰地、有用的、並依據相關度分級
檢索結果頁面應清晰告訴用戶檢索到多少條記錄,每一頁顯示的記錄數可以由用戶配置
如果沒有返回結果,系統依據用戶輸入的檢索詞存在的可辨認問題提供建議和可選輸入項
搜索引擎可以優雅地處理空檢索串的情況
最常用的檢索串可以獲得有用的結果
搜索引擎應當提供模板、示例或提示來幫助用戶高效使用它
網站應當包含一個功能更強大的搜索頁面,幫助用戶更加完善他們的檢索(可以把它叫做“修改檢索 revise search”或“精確檢索 refine search”,而非“高級檢索 advanced search”)
檢索結果頁面不顯示重複結果(無論是能感知到的重複還是實際的重複)
檢索輸入框應當足夠長,可以應對常用檢索詞的長度
檢索應當覆蓋整個站點,而不是站點的一部分
如果網站允許用戶創建復合檢索,那麼這些檢索應當是可保存,定期被執行的(這樣用戶就可以跟蹤動態信息的最新動態)
檢索界面應當放置在用戶期望的地方(一般是頁面的右上區域)
檢索框及他的控件應清晰列出(多檢索框可能會難以理解)
站點既可以滿足那些想隨便瀏覽的用戶,也可滿足想搜索的用戶
在檢索結果頁面應當明確當前檢索的範圍,並且用戶可以約束這個範圍(如果該任務需要的話)
結果頁面顯示有用的元信息(meta-information),例如文檔的大小、創建的日期、文件類型(word、pdf等)
搜索引擎提供自動的拼寫檢查,並提供複數詞和同義詞查找
索索引擎提供相似檢索選項(例如 “更多相似” 鏈接)
幫助、反饋和容錯
常見問題解答或在線幫助提供循序漸進地指導,幫助用戶完成最重要的任務
在恰當的地方和恰當的時間可以輕鬆獲取幫助
提示應當是簡潔的、表達清楚的
用戶不需要求助於用戶手冊或其它外部信息來使用站點
網站有一個定制的404頁面,該頁面包含如何找到要找頁面的提示,並包含主頁和和檢索頁面的鏈接
網站在必要時(例如校驗時)提供良好的反饋信息(例如進度提示或一些信息)
用戶在選擇商品時可獲取到幫助
用戶在執行由潛在“危險”操作(例如刪除什麼)之前提供用戶確認
用戶確認頁面是清晰地
錯誤信息包含先一步該做什麼的清晰指示
在提交購買的前一個時刻,網站向用戶清晰地展示概覽頁面,這個頁面應當與購買確認頁面區分開來
當用戶需要在不同的選項(例如在一個對話框)前抉擇時,這些選項應當是明確的
在網站響應時間時產生的不可避免的延遲應當告知用戶(例如授權信用卡交易時)
錯誤信息以非嘲弄的語氣書寫,並且不要責怪用戶的錯誤
頁面可以快速加載(5秒或更短)
網站提供對用戶輸入或其他操作的及時反饋
在加載比較慢的大頁面應當提示用戶(例如:“正在加載……”),最重要的信息應當首先顯示
當使用工具提示條(tool tips)時,應當提示對用戶有用的額外幫助,而不是簡單的重複圖標、鏈接或字段域標籤中的文本
當給用戶一些幫助提示時,告訴他們要做什麼,而不是避免做什麼
網站在適當的地方向用戶展示如何做常見任務(例如:提供網站的功能示例)
網站通過提供反饋信息(例如“您知道嗎?”),幫助用戶瞭解怎樣使用網站
網站提供上下文敏感幫助
幫助應當是直截了當的,用直白簡單的方式表達,避免使用行話和流行語
當一個任務成功完成後,網站提供清晰地反饋信息
必要時重要提示信息應當在屏幕上保留,使用戶有足夠時間記錄下這些信息
遵循“菲茨法則”(控件之間的距離和控件的大小應當是適宜的,大小與距離成比例)
目標對像間有足夠空間,防止用戶點擊了多個目標或錯誤的目標
可點擊元素之間至少有兩個像素的距離
當網站發生錯誤時,應當是顯而易見的(例如,當表單未完成,高亮未完成的表單域)
網站提供適當的選擇方式(例如下拉列表)來代替用戶輸入
網站應努力把防止用戶出錯的工作做好
網站在糾正用戶錯誤輸入前提示用戶(例如,google的“您是不是要查找…”)
網站應當確保任務不是令人困惑的
錯誤信息應當用直白的語言描述,並給與問題足夠的解釋
用戶在一個任務中可以推遲解決錯誤至一個較晚的時間
如果有必要的話,網站提供錯誤信息更多的細節
可以非常容易撤銷(或取消)、重做(Redo)操作


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

2009年7月17日 星期五

「超級.com + 合適商店」還有我們沒看到的商機嗎?





今天看到美國有一則新聞,有兩個年輕創業家不顧一切買了一個域名「Candy.com」。


這麼好記的殺手級域名,當然是所費不貲,一共花了他們高達300萬美元,也就是台幣1億元!這個金額是今年第二高的域名交易事件,僅次於玩具反斗城當初買下Toys.com的510萬美元。問題是,人家是玩具反斗城耶,全球不知有多少店、多少資產,但Candy.com的買主,卻是兩位默默無聞的年輕創業家。他們要它幹嘛?
該不會是另一筆衝動下所產生的域名交易吧?

這個「Candy.com」,目前的長相還是原本的模樣,非常的、非常的、非常的醜。請不要去看,以免吃不下飯。據報導,真正的「Candy.com」即將在四天後的7月20日開幕,我們現在還不知道它長什麼樣子,也趁現在還不知道它長得什麼樣子,先來討論一下和它長相無關的事--
兩位年輕創業家花大錢買域名,和記者講的理由是,他們將「Candy.com」視為線上的「房地產」。聽到這邊,你一定會懷疑的問:房地產?請問現在還有人直接打網址輸入嗎?不是大家都用搜尋引擎了嗎?結果是「錯」,我們都錯了!據創業家表示,Candy.com目前什麼都沒有,破破爛爛的,每天竟然仍有高達1000個陌生的新訪客進來,報導分析,由此可見,還是有很多人會(不怕中毒)直接在網址上面輸入他們想去的網址,後面加個「搭、亢」。當然,擁有這個網址,對搜尋引擎排序也是有利的。而兩位創業家買下Candy.com後,他們信誓旦旦,打算讓Candy.com的商品品項狂增,預計要賣6000種糖果,賣全世界的糖果!這些糖果將由500家以上的製造商所提供,應該都已經談好了。而且他們還不是傳統商店,還會有空間讓這些製造商來提供產品報導、部落格、討論區!


而創業家為何這麼大膽?很簡單,原來--這個年輕人的家裡,原本就是在生產、製造糖果的!這是一家已經有31年的小工廠,他們最會做的是「造型糖果」,有龍蝦的、有油漆刷造型的……要什麼都做得出來。而這兩位年輕人,原本就是這個工廠的第二代和他的好幫手(任副總裁),現在跳出來做「網路事業」。他們說,他們已有覺悟:這是一個「全新的生意」,他們心很大,但不敢掉以輕心,他們從家族的經驗中,徹底了解了「糖市場」的特色,他們發現兩件事,這兩件事,我認為的確有可能讓他們在網路上創造前所未有的大成功:

一、糖果各有支持者:創業家表示,雖然感覺上大人好像不常吃這麼多糖果,不過,其實每一種糖果總還是有一小批小眾的人口,緊緊的跟著它們,吃光了就想再買,再「補」。所以有些人真的是有「訂閱糖果」的習慣的,只是他們也不會特別去宣揚,我們也不會知道。如果做成網站,可以去服務全美國、甚至全世界這樣的人,加起來的量將相當可觀!


二、懷舊糖是大宗:相信嗎?除了大眾糖果外,一些奇特的糖果中,最熱賣的一直都是那些「懷舊糖」,尤其是那些現在的大人們小時候吃過的糖,最為熱門,而且不是只是「吃一次又膩了」,而是隨時可能再上癮。這點我覺得也很有道理,像我現在已經三十幾歲竟然開始又喜歡吃「雷根糖」,拚命吃拚命吃,不知給了多少錢給糖的廠商,而雷根糖小時候就很貴,現在呢,還是一樣貴!這種奇怪的糖果在線上賣有個好處:就是讓人無法試吃,以免吃了一次想說原來沒這麼好吃或已經滿足,就不會買了,而且這種糖果人們也不必試吃,只要長得很像小時候的印象,就願意去買了!

這兩個關鍵,讓糖果的確是很適合「在網路上面賣」,而這兩個關鍵,一般人是不會「猜」到的,只有這兩位創業家因為本身就在做這生意,知道「糖果」有這樣的特性。

而在買下Candy.com之前,他們其實在2007年就已經開了一家線上糖果網站叫「Melville Store」賣糖果,當時是用他們老工廠的名字,不進去看看還不知道他們賣的是糖果,不過,一開站後,兩年內就急速成長了3.7倍,連他們自己都嚇到了,於是創業家就有了信心,覺得應該買一個很大的域名下來「玩一玩」!市場規模來看,糖果的零售業一年竟然高達300億美元(1兆台幣),你相信嗎!如果真的如此,那在網路上賣糖果,或許真的是一般人沒有想到的主意!


一般人沒想到的生意還很多!搭配「域名」,給它一個「線上唯一一間」的氣勢,或許是ok的。
這點,也呼應了兩周前看到的另一篇報導,這篇報導表示,網路上好多「已經死掉的商店」,竟都依然在「營業中」

什麼意思?這篇報導舉例,Circuit City已經倒了,Linens ‘N Things已經倒了,Bombay Co已經倒了,實體店面都關了,但很奇怪的是,他們的「網站」依然繼續在賣東西,用原先的網址、原先的域名。重要的是,他們所賣的東西顯然和他們之前賣的是一樣方向的產品。你問,那,是誰在負責後面的送貨、收錢。
這是誰的商店?

原來,當這些公司破產時,產權被清算也回到許多投資人或其他債權人手上,所以,這些網站,不,明確一點的來說應該是「網址」,依然有它的價值,然後或許被債權人繼續經營,或者再賣給其他有興趣的人。以Circuit City來說,它的品牌和它的網站,就是賣給了「Systemax Inc.」,而這間公司也很聰明,就在網路上繼續賣原本Circuit City在賣的東西。它購買這個品牌當然是花了一些錢,但讓它不要開店、轉在網路上經營,就是回收成本最快的方法。目前它賺得怎樣我們不知道,可想而知應該有些收入!而「Linens ‘N Things」則是賣給了一間顯然是專門搞併購的私募基金,這間也很猛,低價買下後也是第一件事先讓它在「網路上復活」,有原本的網址、原本的品牌、賣原本的東西……。

有的網站如報導提到的Mervyns、Bombay Co、KB Toys,不見得賣東西,但是一進去他們的頁面就是一個「加入您的email以收到折價券」的收集客戶名單介面,或者告訴客戶準備開站。這些網站的新東家都知道,只要將裡面的東西原封不動,在網路上永遠都有生意可以做。

1995年來我們一直都在想,還有什麼東西在網路上可以賣?2000年的泡沫讓幾乎所有的念頭都打消了,從此那些荒唐的「賣東西」的想法幾乎都不見了,而那些「域名」也繼續被一些人持有,擺在那邊根本沒有用。如果網路上真的可以賣糖果,那網路上可能也可以賣其他東西,成本的考量已經不同,若有機會的話花點錢買下一個好域名,就賣那個域名所說的商品,在消費者心中建立「你是唯一」的形象,這種「超級域名 + 合適商店」的搞法,值得創業家趁空閒的時候,花幾天再給它一次機會、思考一輪。




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




2009年7月15日 星期三

19歲的荷蘭男孩,如何靠「獨家漏洞」搭配iPhone即將成為地下媒體大亨!



昨天在ReadWriteWeb出現一篇有趣的文章,它講了一個令人震撼的「個人媒體」成功案例。不,這個個人媒體並不是一般寫網誌或微網誌的,若是這樣充其量只可被視為「專欄」而已。而這位仁兄是專門報導「有趣的最新新聞」,而且不只有趣,他還喜歡搶先其他媒體,第一時間就把這些新聞報導出來!這一定是很好玩的事,可想像,這位部落客大概一天都坐在電腦前,不斷的搜網路上的最新新聞,然後把這些新聞PO在他的網站上面。由於他實在太強了,總是能找到一些很新的新聞,所以短短兩年內這地方已經超過部落格那種「個人分享」的挶限,如今他已被視為真正的「媒體」,和CNN一起搶最新、最近發生的國際新聞!

重點是,這個傢伙,竟然才19歲而已,而且他的「編制」只有一個人,和一台連到浩瀚網路的電腦。他甚至不住在世界的中心「美國」,他住在歐洲的荷蘭,一個美麗又悠閒的國度!當時是2007年9月,時年17歲,他就開了一個「部落格」叫「Breaking News Online」,這個看起來很普通的名字,亦很快的以「BNOnews」的名號知名於媒體圈,目前BNO拿到了「BreakingNews」這個黃金使用者名,也在Twitter上面果然很快就到了81萬6千名的跟隨者,據報導其他媒體像ABC News只有它的四分之一,Newsweek只有它的二分之一。它還透過其他管道散播它的「最新新聞」,包括email電子報、FriendFeed還有RSS訂閱……。


你說,這只是一個寫作成功、個人媒體經營成功案例,有何了不起?不,很了不起,仔細看看,這個模式其實非常絕妙!這個19歲小男生的成功之道除了要謝謝網路可以幫他找到全球各語言各國家的最新新聞外,還要謝謝目前新聞媒體之間為了搶「獨家新聞」所產生的一個「獨家漏洞」!


什麼是「獨家漏洞」?就是新聞之間互搶「獨家」,所以當一家新聞搶到獨家,也只是給他們的讀者看,那……其他的人看什麼?其他的人得等到其他媒體都知道了,才會慢慢知道!所以,這位小男生看到這個「獨家漏洞」,他的工作就是想辦法找到「誰拿到獨家」,然後去取得那個新聞,公佈在他的BNO網站上,連同那家媒體的名字都寫出來給你看。譬如今早其中一條「獨家」就是美國太空總署的新頭目將由退休將領「Charles Bolden」接任,而這是發生在11分鐘前的報導,報導來源是「KTRK-TV」,天啊,什麼「KTRK-TV」?顯然是一個美國某處的當地小電視台,平常,我是不可能去看這家的,所以我有兩個選項,一個是等到CNN出來,大概要兩小時後吧,另一個選項,就是隨時關注這位19歲小男生幫我搜到的「獨家新聞」!

這位小男生就靠這招,叱吒媒體兩年多。中間,他的「經典之作」就是--他,居然可以弄到賓拉登最新的演說影片完整版,而其他CNN、NBC等都沒有辦法拿到。這位小男生還透露,當時他得到這支影片,第一個就是跑去CNN的「iReport」平台,但CNN根本不甩他。他還試了一些其他的新聞公司,都沒有人理他!後來路透社才跑來和他買了這支影片,金額不詳,我猜想全部應該都是線上交易,可能在「交貨」時才由路透社派人到荷蘭找他。這位小男生現在靠這種交易不知賺了多少錢了。

當然,此平台目前的收入模式依然是廣告。顯然流量夠大,這個BNO平台已經經不只這位19歲的小男生,他在美國、愛爾蘭、墨西哥都各請了一位「編輯」,注意,不是記者,是編輯,專門看全世界每天發出的所有的「新聞稿」,修一修放上去。這很有趣,以我來說,我大部份的題目亦是來自新聞稿,但我根本看不完這麼全世界的新聞稿,只能一點一點的看,許多新聞稿都是公關稿,寫得虎虎生風,讓我白花了五分鐘讀了一篇完全不能吸收的題目,所以這位小男生一定有極特殊的技巧,讓他能在網路上遨遊四方、從這麼多雜七雜八的資訊中萃出菁華中的菁華。
不過,重點來了。這位小男生得到了初步的成功後,接下來他即將輕鬆賺到他一生中的第一個百萬美元──


你說,不對啊,他的廣告獲利模式,夠嗎?

不,這位19歲的年輕人已經不必走那招了。他準備於下個月推出一個「iPhone app」,這是一個1.99美元的app,以後每個月還要收0.99美元!你可以想像,他的這個app也不需要太有創意,就只要把它的新聞整個搬過來就可以了,就像我現在最常用的app竟是一個非常普通的「新聞即時」的,因為我每天一坐下來就想看新聞、就覺得想知道有什麼新鮮事!一個月以後,我們可以好好的觀察這位年輕人會賺多少錢!


而這位年輕仔的成功,也為一些個人媒體、線上媒體,找到一個不錯的新契機。這個目標很明確,儘管主流媒體都在追「最新的新聞」,但如果你硬就是比人家新,每次都是,每天都是,每則都是!每小時,讀者都有機會看到最新的東西,這個就有價值了。這件事已經由19歲小青年證明,根本不需要一個四處派點的新聞團隊,比較起來,他們是在挖「大新聞」,而人們最有興趣的是「新小新聞」即夠他們覺得很過癮,因為新聞沒分大小,只要「多且有趣」,有趣不必大,多也不必精,一切只要有趣,而你是唯一可提供最有趣的,一塊大牆角就被你挖到了。

該篇RRW文章也從媒體專業的角度來分析,他們認為,現在線上新聞成功的關鍵和以往不同了,它是在三點:


一、有效率的研究架構(efficient research infrastructure)。


二、極佳的編輯選擇(editorial judgment),以及


三、線上的發送點(online channels of distribution)。


這三點造就了BNO與這位19歲小男生的成功。當然,接下來還有一些「版權」的問題。因為19歲男生顯然不是自己跑新聞,如果他從別人那邊得知Michael Jackson死訊,然後寫出來,這樣算不算侵犯了版權?這部份就交給媒體界去思考了,不過目前看來,要避過這的方法很多,RRW甚至引用美國前五大部落格HuffPost的話,他們都是摘錄一段,然後「連過去」,但就連這樣也要讓這些媒體齊名抗議,而HuffPost回應也很妙,她表示他們每天送了這麼多人透過他們平台去讀那些新聞媒體,如果新聞媒體自己沒辦法獲利,那是「他們家的問題」。


總之,到這樣的獲利模式,我們知道「電子書」的獲利模式是有的,可見人們的「資訊需求」其實是大到可以讓人付費的。當這個小朋友推出iPhone App,大家肯定下載。接下來,iPhone目前已經突破這麼多人次,接下來會是什麼樣的狀況?我覺得app的數字高不見得代表好事,這表示大家不是太愛用app,而是太不愛用,以致於下載一堆之後還得再下載更多?所以,app必須一直推出完全新的,沒有一個app可以撐超過一個月,所以一定要有連在一起,而最好的連結方式就是「靠朋友」。


這點也和網站一樣,如果真的有這麼另一個19歲的小朋友做了另一個網站,要怎麼出去?
最近亦看到一個iPhone app,一開始就得靠朋友。這種原生性的靠朋友真是太有趣了。這是一個叫做「指定開車」(Designated Driver)的app,暱稱為「DD」。它很有意思,就是讓你可以在喝醉酒的時候,自動寫簡訊給朋友,請他們來載我!

怎麼載呢?買來這個app,按下「綠燈」,它就會請你先把五個朋友的手機號碼、電信公司名字先輸入,此後,當你需要它的幫忙,只要輕輕一按那個「紅燈」,它就會馬上從你GPS的位置,和對方的大約的位置,作一個比對,它會挑選出「與你現在所在地最靠近」的朋友,然後寄給他/她一封「求救簡訊」:「快來接我吧!」還會順便寄一封地圖給他/她,才會好找到你!
這個app,代表了一系列很有趣的「收集朋友」的方法。如果可以用這種方式,理所當然的要求使用者一人都找五個朋友,那這個app很容易就爆紅、而且很有未來繼續收費的潛力。這樣的app可以多想幾個。我已經開始在想,除了「喝醉酒要請朋友載」這種很少人會碰到的理由,還有哪些理由需要人們在以後「搜尋最近的朋友,然後丟給他們一通簡訊?」

「最即時的新聞 + 朋友的傳播」,可能會是極可怕的組合,在iPhone是這樣,在一般的網站亦然。當我們做到最極致,什麼人都可以進去,資訊的價值,會被提升到歷史上從來未見的高度,當然創業家在銀行存款也是。


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

2009年7月14日 星期二

TeachStreet從評論網站變成店家網站,害人賠錢不如幫人賺錢!



韓國剛傳來一篇相當悲觀的報導,這篇報導據韓國的金流廠商AEGIS Hyosung表示,今年在韓國30.8%的線上商店開了又關,比去年22.5%還要增加。其中有高達90%的韓國線上商店是開店短短六個月以內就關門大吉!



這是什麼意思?為何現在網路創業的「壽命」這麼短?



報導說,這數字代表一種「失落」的心情。「年輕人受號召,一頭栽進網路,卻馬上發現網路上賺錢沒這麼容易!」一發現沒這麼容易,就馬上徹軍、退出!你說是因為我們太過宣傳「網路富翁」的事蹟,但並不是只有這個年代我們才宣揚大富豪的事蹟,從小到大我們都沉浸在王永慶的故事裡,大肆喧揚所有成功的案例。問題是從前的富豪故事,現在的「網路版」已經縮短時間,一年暴富、更多人進來做,更快發現「自己根本不可能一年內暴富」,於是也在嘗試了六個月後,就失望的離開了!但,誰說成功是馬上就來的?網路讓很多人失望,如果不傻一點,撐久一點,最後的成功也不會是你的。


不過這也表示,網路上賺不到錢,是許多商家共同的心聲。



這變成了其他網路創業家的機會。以策略來講,我覺得大家可以嘗試做不一樣的買賣,開始把腦筋動到「幫商家賺錢」身上--這個思維是以前的相反。以前的大宗創業家都是想「還政於民」,希望由消費者選出最棒的商家,網站再開放商家買廣告、接受評選、送試用品等等來獲利。這樣網站的特色是形象清新,可以來選舉市長大概都會中選,缺點則是「收費不夠直接」,所以有些網站儘管名氣響亮,但一直遊移在損益兩平的邊緣,做不大。甚至有人還開玩笑,商界只有幫人,沒有害人;這樣的網站不知讓多少商家因為「網友負評」影響了收入!這是一個「害人賠錢」而不是「幫人賺錢」的網站!網站本身則有苦說不出,自陷在沼澤中。



這周,有一間位在美國西雅圖的公司叫「TeachStreet」,大概是「想通了」。這個網站剛剛推出了一套「金流系統」(另篇文章請見此)。讓老師在上面可以「對學生收錢」,可以賣課程、賣課本……什麼都可以賣,什麼都不奇怪。


這個網站其實有點成就,目前線上一共已經收集了13.5萬名老師資料,類別海涵了700種,今年也剛籌得了第二輪的資金。不過,它其實是「浴火重生」,今年初他們裁員,轉了方向。因為,原本的方向就如剛剛所說,他們賺不到錢。



原本,TeachStreet的方向像Yelp一樣,想做「所有老師的黃頁」,有評價、評論……等等,TeachStreet「課」包括烹飪課、各種樂器課程、高爾夫課、社交舞課、狗狗訓練課、語言課……你可以想像所有的家教、私人教練、訓練師,通通都會到上面註冊自己的資料,或許要付一筆「上架費」,網友看到後,若喜歡上你的課,就會透過TeachStreet報名。它希望變成好像一家超大型補習班,它的首頁就是補習班的「櫃台」,裡面有幾萬個老師供你篩選,上完了還可以上其他的。



這部份顯然獲利不夠,而下一步,TeachStreet的方向原本像要朝「線上學習平台」走,未來有些老師,可以直接在上面提供數位的資料,學生也可以「遊走」於老師之間。可惜的是,線上學習這件事一直沒有得到很好的注意,許多老師都發現,與其去開發線上學習的課程,還不如在線下多努力招生一點,這樣短視的做法也讓很多有理想的線上學習工具扼腕。



人要活、人要賺錢,TeachStreet從「網友到底要什麼」,轉向了「老師到底要什麼」。它終於搞清楚誰才是老闆,於是,祭出了這個「線上付費系統」給老師們(老闆們)!注意,這是有點反過來的東西。TeachStreet從一個幫網友找老師的公平平台,轉變成一個幫老師「直接線上成交」的商店店頭!



重點是,怎麼做?其實這部份製作簡單,它本來就只是在自己的網站上架一個直接的PayPal Website Payments Pro。有了金流,有人賺錢,它就更理所當然的收取上架費,目前TeachStreet的計畫是「兩邊收」,每筆交易皆向學生多收定價的5%,亦再從給老師的錢之中抽走定價的4.9%,此外每個老師拉到第一個學生的時候,TeachStreet也會抽取一個2.5%的「首次學生費用」。我相信以TeachStreet這樣已和這麼多老師、學生有「交手經驗」的網站,這個定價策略應該不是亂訂的,也更表示其實這個市場是存在的。他們會先試試看這個pricing,之後可能再算出一個「月費」的模式讓老師更喜歡(解讀:綁得更緊)。



有趣的是,TeachStreet這次除了金流,還推出「電話流」,也就是提供老師們直接一支1-800電話,學生可以馬上打電話給老師,轉接到老師的手機,講完話若有興趣再來。你說這很難做嗎?不會!TeachStreet也是和一家叫Twilio的線上電話服務公司一起合作,他們幾乎什麼都不必做就可以把這個服務架起來! 



「金流」、「電話流」,TeachStreet輕輕的轉型,從網友的評價平台,變成了老師們的賣東西平台。這是值得注意的趨勢。網路上賺錢的不多,幫愈多人賺到錢,就可以壯大自己。這時候第一件事就是讓他們可以將收費點(Point of Sales、POS)或服務點(Point of Service)直接設在網站上。這部份的需求,已經有人做的包括育兒網站直接轉成育兒商家網站、手機評價網站直接轉成手機商家網站……還有哪些其他主題的事,是很多人在PTT上面開版討論?這個站行銷也變得容易,只要一個超連結在評論裡,只要沒有賣東西的嫌疑,人流就直接被帶到收費站了。



我看好,網站若以「廣告模式 + 網友評價」賺不到錢,不如改採「抽傭模式 + 店家工具」的這個另外一邊的陣營。先決條件是一定要對網友好好的交待,才能轉過來,而永遠都會有這麼一兩個好事的網友大肆號召網友「出走」,這時候此網站會員數也要夠大,讓老師能緊緊的黏在這邊,那網友出走只是去喝西北風而已。



網站賺不到錢,不如就用現在的所有智慧「幫其他人賺錢」,賺到了錢,你也不會被虧待;每一個產業都只會接受「第一位老大」,就看你一年之內的動作,是不是夠快的了。



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


2009年7月13日 星期一

電子商務搜尋引擎的細節設計

版權歸作者Alite所有,轉載文章請注明作者與文章出處:http://alite.aliued.cn
最近在使用Apple.com/Ebay.com/Amazon.com/shopping.yahoo.com的時候,發現一些用戶使用細節的小問題.針對這些問題,我體驗了前面四個網站的處理方式,覺得還是有可以借鑒的東西.
針對suggestion的情感化設計細節處理
EBAY.COM:
當用戶覺得不想使用suggestion,或認為suggestion會給他帶來干擾的時候,用戶可以選擇關閉suggestion.( suggestion有的時候可能會切斷用戶的心流,對使用者的心智模型造成影響)
當用戶想重新使用suggestion的時候,仍然可以通過搜索框內右邊的按鈕還原suggestion功能.此時,當滑鼠移到還原按鈕上面時候,為避免使用者不理解按鈕的意義會有一個TIP來顯示按鈕的作用.
YAHOO SHOPPING:
在YAHOO SHOPPING橘黃色框內,我也發現了suggestion可自由關閉的功能.
小結:表面上看,貌似這些功能是錦上添花,但是從用戶情感化設計上考慮,這些功能也能為用戶建立更多的信心,去大膽嘗試並頻繁使用搜索的新功能.
搜索框內容的一鍵清空細節處理
APPLE.COM:
蘋果公司不愧是一家很關注用戶體驗設計的公司,在他們官網搜索功能的細節處理上,真是可見一斑!
當使用者在搜索框輸入關鍵字的同時,會在搜索框的下方出現產品分類的suggestion ,並且在搜索框內部右邊(圖中橘黃色框內) 出現清空搜索關鍵字的按鈕.當使用者輸入關鍵字出錯或對原有已經輸入的關鍵字進行刪除, 重新搜索的時候,都要用(backspace鍵).但如果增加了” 一鍵清空”功能.只要用滑鼠輕輕一點.就解決了反復使用鍵盤backspace鍵的煩瑣操作.對用戶來說這個小小的細節設計,給用戶帶來了很大的方便.
圖中綠色框的內容讓我覺得,蘋果公司的設計師們獨特的設計.使用者會發現搜索框附近沒有確定的按鈕(為了視覺的美觀性與平衡性) , 但用戶可以使用回車鍵,或點擊綠色框的文字鏈一樣可以達到搜索按鈕的作用,這種設計既滿足了視覺的平衡,又滿足了功能的需要.真是Perfect!
原文:http://alite.aliued.cn/archives/590
文章來自BLUEIDEA文章提供BAYSTARS DESIGN網頁設計公司

設計技巧雜談 1

為什麼一張圖片比三張圖片更有力量?如何設計產品使用指南?如何在設計中通過各種對比產生層次感?如何使設計內外統一協調?如何設計一個獨一無二的簽名式 LOGO ?本文繼續發揚實用主義,對這些問題給出了解決辦法。五個設計技巧,開拓你的設計視野。

封面設計:小即是多

當你在設計時手頭上有三張照片,你會如何處理?你會將這三張照片都用上,對吧?其實沒必要!一張照片就已經能夠使設計資訊有效傳達。在這個例子中,校區裡的塔樓就已經能夠傳達出這所學校的本質,比用上三張效果更好!標題單獨一行,文字中的背景顏色區域靜靜地傳達出有關資訊。

設計師有三張照片,但如果在版面上都用上這些照片,那你還要對這三張照片進行剪切,然後將它們擠進版面裡。但出來的效果卻是,這三張照片在版面中的樣式很相似(相似的圖片元素及圖案),文字閱讀起來很費力。所以,設計師又不得不將字體變得很粗,字體變粗後,又要找個地方放置學校的名字,所以在最下方設計師又加上一個紫色區域來突出學校名稱。設計師越“設計”,封面就越虛弱。無論是學校資訊還是所要傳達的文字資訊都在這些複雜的、太多人工痕跡的元素中消失得一乾二淨。封面可以說是成為“被侮辱及被損害”的對象。為什麼會這樣?因為設計師做過頭了!解決辦法:只讓一張圖片來說話!

記住,在設計中,小即是多。學校的塔樓已經可以傳達很多資訊。簡單的居中設計,就是直接讓這張照片“說話”,然後加上文字就行了。注意在上圖中,文字的背景區域並沒有橫跨整個版面,因為我們要讓圖片由上至下都可以流動。而上圖右,學校的主色(紫色)及褐色與樹的綠色形成吸引人的視覺效果,留意這三種顏色在色輪中的位置關係,綠色及褐色是紫色的補色的鄰近色,聽起來很複雜?紫色的補色是色輪中相隔 180 度的草綠色,而草綠色的兩邊鄰近色就是綠色及褐色(留意色輪中的線條)。我們將這種顏色關係稱之為“補色分割”( Split complementary )。

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