• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】詳細解析購物優惠流程設計心得




    詳細解析購物優惠流程設計心得

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

    教學大綱:

    這是一個很有趣的購物推廣案例記錄。我們要推出一個和第三方網站合作的計劃,預計在原本的購物網站上面加上一個推廣用的“折扣序號”,讓顧客可以在 第三方網站上面輸入 email 來取得我們的折扣序號,希望顧客可以在收到 email 后,可以來我們的購物網站上面


    設計理論教學開始

    這是一個很有趣的購物推廣案例記錄。我們要推出一個和第三方網站合作的計劃,預計在原本的購物網站上面加上一個推廣用的“折扣序號”,讓顧客可以在 第三方網站上面輸入 email 來取得我們的折扣序號,希望顧客可以在收到 email 后,可以來我們的購物網站上面消費並使用折扣序號來打折,並完成消費動作。

    詳細解析購物優惠流程設計心得

    一開始的計劃像是上面那張照片的上半部分,流程詳解如下:

    1、顧客在第三方網站上輸入 email

    2、第三方網站透過一組 API 來跟我們的服務器與數據庫取得授權

    3、我們的服務器發送帶有「折扣序號」的 email 給顧客

    4、收到 email 和折扣序號

    5、透過 email 內的超鏈接進入我們的網站首頁

    6、瀏覽商品分類(或切換商品分類)

    7、瀏覽商品詳細頁面(或切換商品頁面)

    8、進入購物車

    9、輸入「折扣序號」

    10、完成結賬手續

    乍看之下這個流程還不錯,但是設計的時候我們總是覺得哪裡怪怪的,好像有什麼地方需要改進。在開始動手改進之前,我們先將覺得好像有問題的地方列出來:

    1、要手動輸入折扣序號(用紙筆抄下來)或是複製貼上折扣序號

    2、折扣序號情境激發的時間點太晚(在進入購物車后),難以激發購物慾望

    3、沒辦法隨時讓使用者沉浸在「折扣情境(Context of Discount)」中,會降低購物慾望

    4、萬一要發送實體的折扣序號(如折扣小卡),不知道要在哪裡 landing

    有了問題就要試着動手解決,左思右想,我們決定製作一個新的 Landing Page 給折扣序號使用。這個 Landing Page 包含一個輸入序號用的輸入方塊、和開始購物的按鈕,以及絢麗又漂亮的品牌介紹。然後把這個 Landing Page 附在 email 裡面一起寄給顧客。然後讓這個 Landing Page 的 url 可以記住折扣序號,這樣顧客在到了 Landing Page 需要輸入折扣序號的時候,就不用手動輸入了;只要按下開始購物的按鈕就會進入購物網站中。

    詳細解析購物優惠流程設計心得

    一旦顧客透過這個 Landing Page 進入網站,代表顧客已經輸入了一組序號了。那就讓這組序號和折扣的情境一直留在畫面的左下角:製作一個可愛的折扣標籤來提醒顧客如何使用與進行折扣。這樣顧客就會一直記得他還有折扣還沒有消費掉。

    詳細解析購物優惠流程設計心得

    如此一來,如果要發送實體的折扣小卡,就可以在卡片上面附上這個 Landing Page 的 url,先簡短的看一下網站介紹,輸入序號,然後就開始購物吧!

    因此,我們重新整理過的流程詳解如下:

    1、顧客在第三方網站上輸入 email

    2、第三方網站透過一組 API 來跟我們的服務器與數據庫取得授權

    3、我們的服務器發送帶有「折扣序號」和 url 的 email 給顧客

    4、收到 email 和折扣序號

    5、透過 email 內的超鏈接進入折扣序號的 Landing Page

    6、瀏覽商品分類(或切換商品分類)

    7、瀏覽商品詳細頁面(或切換商品頁面)

    8、進入購物車

    9、完成結賬手續

    其中 5 6 7 三個步驟都有折扣情境一直提醒消費者,折扣情境也從原本的第 9 個步驟提高到第 5 個步驟,也不需要手動輸入折扣序號了。最酷的是,我們也提供了現實(折扣小卡)和虛擬(購物網站)結合的方法,真是有趣呢!

    — —

    文章永久連結為: 詳細解析購物優惠流程設計心得