Neo's Blog

購物網站賣衣服，顏色、尺寸分離大便利

在網路上銷售服飾，通常同一款衣服會有不同的"顏色"及"尺寸"，因此購物網站在呈現上比一般的商品還要再複雜些。

以 Yahoo! 購物中心為例:

(下拉可以用多種顏色，但未分尺寸)

加上尺寸的處理方式通常如上圖合併在下拉選單，內容大致如下：

「白色-M」
「白色-L」
「白色-XL」
「紅色-M」
「紅色-L」
「紅色-XL」
　　:
　　:

若一款衣服像下圖中有多種不同的顏色樣式，且各有3~4個尺寸怎麼辦?

lativ 是國內少數採用分色分尺寸的方式顯示，也就是把「顏色/樣式」跟「尺寸"」分開，網友可以在畫面上先選擇顏色樣式、再選擇尺寸。

操作示意影片:
http://www.neo.com.tw/download/lativ.htm

流行服飾業者常常把顏色取一些較有質感的名字，如星鑽黑、典雅黑、貴族黑....，這些名詞常常讓網友傻傻分不清楚，本來只要買其中一種黑色，卻為了怕下錯單還要回去看商品說明再確認一次要購買的顏色，若是粗心大意的網友看到"黑"影就開槍，對商家也會造成客訴及退換貨、來回運費...等問題。

若採用此種方式下單便非常直覺，點選顏色出現對應的商品圖，網友可以有信心的下單，不需經過太多的思考。緊接著在購物車中也會顯示衣服的縮圖，如此便可以將訂單弄錯顏色的狀況降到最低。

註:
可惜的是 lativ 在今年春夏計畫不拍商品特寫了，選顏色後暫時不會有特寫照片出現了。

淺談 AJAX 濫用 - 以網路開店平台為例

AJAX 自熱門流行以來，已經在各網站上普遍的被應用，但是被濫用的例子卻很少有人拿出來討論。

以下是某業者開發的 AJAX 網路開店平台，網站中特別強調 AJAX 技術:

廣告雖然看來誘人，但實際上卻是一個非常糟糕的 AJAX 案例，我們就以此案例來探討網路開店過度使用 AJAX 所造成的缺憾。

網友無法使用瀏覽器上的網址分享商品
由於 AJAX 擁有不用更換頁面的特性，但在網路開店業者使用 AJAX 來處理商品面頁後，不論在裡面點選任何商品或類別，瀏覽器網址列的網址永遠都在首頁。

(首頁操作示意)

(進分類頁-網址不變)

(進商品頁-網址也沒變)

如果網站只有首頁網址，叫網友如何分享在 BBS、論壇、 MSN、Email 上分享商品連結?

網路發展至今，網友在瀏覽網頁已有固定的使用習慣，為了突顯 AJAX 技術了忽略掉了行銷吸引人潮，但網址才是賺錢的第一扇門，如此等於無視於網友分享的習慣，即使流量進入卻無法更有效的轉為訂單，實在相當可惜。

瀏覽器上下頁失效，購物動線不順暢
當我們在瀏覽購物網站的過程中，常常被促銷廣告吸引，但點下去一看才發現沒想像中的划算，想回到上一頁繼續逛，只要瀏覽器輕輕按個上一頁就可以了。

這是再理所當然不過的事，然而 AJAX 網頁若未經額外的記錄處理，瀏覽器的上下頁功能是無效的，可想而知在逛網站的時候會遇到多大的閱讀障礙。

行銷滯礙難行，網站商品推廣不易
由於分類、商品頁都是經過 AJAX 呼叫才會出現，且網址並不會跟著改變。因此不論是行銷人員要製作 EDM、美編人員要更新促銷活動網頁，皆無法直接從瀏覽器網址上取得直接的網址，整個網站形同自斷筋脈，武功盡失。

搜尋引擎搜尋不到內容，網站形同虛設
搜尋引擎的 Spider 在擷取網頁的過程中，需要直接的連結才能讀取到對應的網頁，而商品頁面卻需要經過 AJAX 呼叫才會出現內容，且並無對應的網址。也因此整個網站以 AJAX 產出的內容 (如: 商品分類列表、商品頁面) 皆無法納入 Yahoo!、Google、MSN..等搜尋引擎中，當然更無法進行 SEO 來增加網站關鍵字的自然排名。

總結
AJAX 如同二面刃，它可以帶給網友更便利的瀏覽方式，讓網頁能有更即時有效的回應。但是濫用 AJAX 所帶來的反效果也是我們不容忽視的。

這也是我們要注意的問題:

什麼時候該使用 AJAX ?
甚至是什麼地方該用 AJAX?

如果網站性質屬於"以瀏覽器來執行的軟體"，所呈現的方式也以一般軟體介面為主 (如 Google Gmail、Google Reader)，這時可以考慮全站使用 AJAX。

(Google Reader - 全站 AJAX，操作順暢，如同使用軟體)

若以內容為主的網站，且網頁大多數內容需要讓搜尋引擎納入，AJAX 應站在輔助端的角色，如 AutoComplete、即時訊息顯示...等，可以讓網友不用換頁就有更即時的網頁回應。至於常見的"後台管理"，只要操作順暢，完全使用 AJAX 也無妨。

判斷使用 AJAX 的時機要領並沒有想像中的困難，只要多逛、多看、多用網路上的熱門網站，就能大致了解什麼地方該用 AJAX 來處理。至於別人沒用 AJAX 的地方，就該思考為什麼不用?、如果使用 AJAX 會有什麼結果? 如此反覆的思考可以幫助我們做出適當的 AJAX 應用。

後記 - 關於網路開店平台
購物網站牽扯的層面很廣，整個網站必需由品牌形象、瀏覽動線、交易流程、資料安全、SEO、行銷企畫策略...等不同領域所搭配交疊出來的，因此實戰經營的 Domain Know-how 才是整個購物網站的靈魂。這也是為什麼許多專門做網路開店的廠商做不好，因為單單只有網頁技術是完全沒有用的。更別說市面上很多學生、上班族兼職、網路/虛擬主機商....開發出許多廉價且粗枝濫造的網路開店系統。

想在網路上開店的老闆如果抱著"便宜就好"、"只不過是個購物車"的心態尋找網路開店業者建置購物網站，發現流量不多、訂單轉換率差、業績不好，才開始抱怨網路市場競爭激烈、網路開店無效，卻忽略掉了自己手上拿著長矛石塊在槍林彈雨的戰爭中作戰，這樣的結果又能怨誰呢?

現代新工具，取代「頭懸樑，錐刺股」

古人為了唸書可以「頭懸樑，錐刺股」。現代人普遍晚睡、睡眠不足，上班、上課、開車打瞌睡已經是普遍常見的現象。

於是有廠商開發出這種東西:

(外觀乍看之下是耳機)

只要"釣魚"的時候就會發出震動..

蠻有小叮噹道具的 FU，有興趣可以到這邊看更詳細的說明:
http://www.zakka.com.tw/neo/product/OT27901

(對於重度瞌睡蟲，應該要出電擊加強版...XD)

我們能放心的把一切都放在網路上嗎?

圖片來源: 時報週刊 （鄧博仁攝）

叮、咚，二、百、二、十、五 號，請到六號櫃台。

「小姐，我要存錢!」

銀行的小姐熟練的收走我手上的存摺跟現金，蓋了章、刷了存摺，雙手交到我的手上。

Apple 的創辦人 Steve Wozniak 在 2007 年曾說過這麼一句話:

未來網路上的服務就像銀行一樣，網路上存放著我們重要的資料，我們需要做的就是像銀行一樣相信他們。

網路服務的確已經成為我們生活的一部份，Google Gmail 放了我們的 Email、Yahoo! Flickr 放了我們的照片、Twitter 放了我們每天碎碎念的日記...這些都是我們用錢也買不到的珍貴的回憶，把這麼重要的東西放在這些地方真的可以嗎?

2007 年尾陸續在台灣發生的網路負面消息，也讓我們好好正視網路的使用心態。

不論是博客來密碼外流後引發的連鎖效應，還是慘絕人寰之Flickr圖被自動刪除事件。網路公司在發生狀況時常常把責任推的一乾二淨，經過這些國內外的事件如何讓網友放心的把資料交給網路公司?

在這樣的環境中，我們必需回歸到個人的網路使用習慣，「重要的資料放上網路前，電腦一定要保存備份」、「每個網站註冊的帳號密碼儘量不要相同」、「個人隱私資料別任意放在網路上」 (即使有密碼保護也要有被全世界看到的準備)。

(圖片來源: mrjoro)

網路就如同一個公開的大生活圈，在網路上活動，一定要懂的保護自己隱私及資料安全，也相信未來的網路環境隨著時代變遷、經過政府催生立法，一定能有更安全便利的網路服務。

這...會有人願意留言嗎?

剛剛在綠界的 Anow 網路開店裡面看到的:

(點訪客留言問與答，原始網頁在這)

哇，接下來出現的是.....

不但要"檢核圖字"，還要考數學...

(點圖可放大)

剛剛算了一下，竟然花了快1分鐘才想出答案..
(果然老了，嗚嗚~)

[讀書心得] 這小子，讓川普讚嘆

5 歲在老爸公司賣自己的畫作，6歲就拿著農場剩下來的蕃茄賣給鄰居，這是多不可思議的事?

即使在美國電影中也常常看到烤餅乾、蛋糕邀鄰居一起吃的場景。這小子臉皮厚到什麼東西都拿來賣，9 歲第一次創業就是在家幫親友同學用印表機印卡片，還有電視台來專訪。

(來源: Cameron Johnson - In the News)

真是天生的商人之魂呀，不要說川普讚嘆，誰看了不會讚嘆?
(只是這樣的小孩人緣好不好就不得而知了)

重點懶人包:
1.出身經商世家，但其父母是助力也是很大的阻力
2.從小臉皮就很厚，凡商品者，必賣之。遇人者，必推銷之
3.很早就發現自己的興趣，並且用來賺錢
4.大致說來，書上說的12家公司幾乎都是網站
5.每份網站都不一樣，評估後便能立即付諸行動
6.這些網站的下場大多都是高價賣出

(未完，有興趣知道其中的過程就可以買書來看)

佳言錄:
對於自己所從事的生活和工作，由衷的感到快樂，才是通往成功的道路。(P.152)

矛盾的地方:
把所有的投資所得和儲蓄680美元，全部用來買戴爾電腦的股票。(P.53)
操作這類股票雖然很刺激，不過我從不投入過多的現金。(P.54)

購書日期: 2008.01.02

(因為看書時間很少，本篇若有新的心得會再更新)