一塊設計 | apo design - 設計共筆部落格
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書
一塊設計 | apo design - 設計共筆部落格
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書
沒有結果
檢視所有結果
一塊設計 | apo design - 設計共筆部落格
沒有結果
檢視所有結果
Home UI / UX 設計

網路購物,為什麼要填這麼多欄位啊?

in UI / UX 設計
by Freya Lee
12 月 23,2020
3 min read

「網路購物,到底為什麼要填這麼多欄位辣?」
應該很多人在網路上買東西,都會有這個想法╰(〒皿〒)╯奔潰
不論是 App 還是網頁式購物,大家是不是除了寄送地和聯絡號碼以外,都被要求寫過一些「註冊基本欄位、Email、生日、戶名等等…」叭啦叭啦~

大家應該覺得很疑惑,除了基本訂單的聯絡與收件資訊,怎麼會還有拿~麼~多~欄~位~呢?

------------------------

目的就是( 賣家 / 業主 )要消費者的一些行為統計數據,所以介面設計師只好想盡辦法,讓使用者寫上各項所需要的資訊。各種五花八門的欄位,都各代表了一項統計。

例如:台北大安區的 27 歲上班族,傍晚在平台上購買了一件特價的杏色大衣
以上資訊就可以拆解成一些「明顯的欄位」或是「隱藏在網頁上的統計」
(地址、生日、價格、件數)+(下單時間、停留賣場時間、跳出時間、分類按鈕等等)

圖片來源:https://www.freepik.com

種種的欄位衍生的數據,都會幫助平台流程使用和業者商品提供更好的服務給大家!(當然也有些背後的利益和隱私種種問題存在,不過我們今天先不討論這個部分)


不過隨著網路的普及,設計師們也都知道~大家對於看到海量空白欄位的煩躁感。畢竟寫個地址就快累鼠了捏(´A`。)所以默默地有很多貼心的設計流程誕生

--------------------

圖片來源:Creative Cloud 登入畫面

1.在登入時選擇「OpenID 」使用已經有基本資料的平台帳號,來當作登入身份做使用

是一個去中心化的網上身分認證系統,對於支援 OpenID 的網站,使用者不需要記住像名稱、帳號和密碼這些傳統資訊,直接同意使用授權即可。(Facebook、Google、AppleID、或其他遊戲登入平台等等)

圖片來源:https://www.freepik.com

2.「可愛有趣的配圖和特效」再註冊或是登入畫面時,吸引大家的目光增加意願填寫
但前提是不能欄位開很多讓大家寫得落落長~

圖片來源:過往作品案例 – 結帳完成畫面

3.「讓你買完再註冊」通常會註冊後就可以追蹤訂單唷~這類的方式來跟使用者邀請註冊
這時還會有滿多預先帶入欄位的方式,來減少使用者填寫上的壓力。

圖片來源:Queenshop 購物車結帳畫面

4.「買完就已經成為會員」有種類似直接升級的錯覺?!(☉д⊙)
這種通常會員資訊都是佛系的填寫(空白的資訊居多,因為成為會員後回去補寫的佔少數)不過可以有效地讓消費者快速下單結帳唷~

5.「Cookie」你造訪的網站所建立的檔案資料(地址、Mail等等...)
透過裝置上自動儲存瀏覽資訊,提供預先帶入的便利性,來讓使用者咻~一下就註冊或登入完成。這邊就要請工程師在欄位上施放「直接帶入」魔法搭配使用了XD

--------------------

網路購物的體驗其實每年都有一些變化,而變化來自於大家使用網路購物的頻率而產生~

而種種的流程和設計也不光單只是UI/UX設計師說了算,而是整個團隊設計、前後端工程師、業主客戶們討論後一起完成的購物體驗!

之後如果有發現有趣的購物流程或是更棒的縮減方法,也會繼續留意整理並分享給大家。

Tags: UIUX網頁設計
ShareShareShare
Freya Lee

Freya Lee

Visual Designer. 擅長解決流程體驗產生的設計問題

上一篇文章

照片選用基本原則

下一篇文章

您可能知道的 UX|基礎介紹篇

相關文章

近期 UI/UX 設計資源精選分享!

一塊特別企劃|近期 UI/UX 設計資源精選分享!

by Debby
5 月 02,2023

你平常有哪些關注的 UI/UX 部落格或 IG 以獲得最新設計靈感? 除了工作上要不斷地輸出設計想法,平日會從哪些地方輸入這些設計 Tips 或設計新知呢?本月...

工作五年後最大的轉變

一塊特別企劃|設計師/工程師工作五年後最大的轉變

by Judy Shyu
3 月 31,2023

這個企劃是透過每月一問六答,讓團隊成員能夠回應一些與設計職涯、設計工作內容相關的問題,加強彼此之間的交流和分享,也希望能藉此讓大家有更多闡述自己想法的機會! 那...

使用者經驗訪談,我所學到、獲得的。

使用者訪談,我所學到、獲得的。

by Debby
12 月 07,2022

這篇文章將分享我在接觸訪談前後,發現工作上的差異。 算是整理自己在這期間在實務上學習到的心得紀錄。(?)

Back to List

一塊特別企劃

一塊特別企劃|設計師問與答 Part2

一塊特別企劃|設計師問與答
連結至一塊設計 facebook 專頁

標籤

Adobe Xd (3) AI (1) B2B (1) COVID19 (1) designer (2) design tool (3) Figma (4) functional map (1) HTML (2) illustrator (1) UI (27) UX (19) web design (1) Wordpress (2) 一塊特別企劃 (8) 字體 (7) 專案管理 (1) 無障礙網站 (5) 產品設計 (2) 筆記 (4) 經驗分享 (31) 網頁設計 (21) 設計問答 Part 2 (10) 設計師問答 (1) 設計選書 (2) 課程心得 (1) 講座 (2) 購物流程 (1) 週年企劃 (5) 遠端工作 (2) 電子報 (1) 靈感 (6)
一塊設計 a piece of design

聯絡我們

任何合作或問題請洽:
info@apodesign.tw

  • 服務條款
  • 隱私權政策

Follow us

Copyright © 2020 apodesign.tw All Rights Reserved.

沒有結果
檢視所有結果
  • 關於我們
    • 團隊花絮
  • UI/UX
    • UI / UX 設計
    • 工具分享
  • 美感養成
  • 設計職涯
  • 設計生活提案
    • 展覽 / 活動分享
    • 設計選書