App - modual 登入註冊 / 電商結帳

更新於 發佈於 閱讀時間約 1 分鐘

使用Figma 並依照IOS design system製作而成

由於後面的修改時間為課程結束後,SF等IOS字體因換電腦遺失,故有些Prototype呈現字體不一致情況。

一、登入註冊Prototype

1.登入註冊流程

Prototype連結


2.註冊錯誤_Email已存在

Prototype連結


3.重複輸入錯誤帳密 & Email驗證碼流程

Prototype連結


二、電商結帳Prototype

1.信用卡結帳

Prototype連結


2.信用卡付款失敗

Prototype連結


3.LinePay結帳

Prototype連結


4.ApplePay結帳

Prototype連結


5.ApplePay付款失敗

Prototype連結


6.ATM結帳

Prototype連結





avatar-img
0會員
3內容數
參與專案彙整
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
分享區 的其他內容
Hi, I'm Emma Liu. 目前居住於新北市林口區,曾經擔任過警政署消防隊員、儀器工程師、助理研究員以及蘋果供應鏈中光學鏡頭廠的Project Manager。近期參加了Tibame的UIUX設計師轉職班(2023/6~9月),與小組共同完成了以下專案---派對用具租賃平台(Web)。
1.StakeHolder訪談 模擬與企業方主管與員工的對談,藉此尋找出企業方「想解決的問題」解方。或是經由訪談發現並提出企業方「真正痛點」為何,在與企業方共同討論可能的解方。 2.偏好設定測試 快速找出業主所期望的產品風格、樣式等,以利之後的開發製作流程,減少溝通成本。 3.蝦
Hi, I'm Emma Liu. 目前居住於新北市林口區,曾經擔任過警政署消防隊員、儀器工程師、助理研究員以及蘋果供應鏈中光學鏡頭廠的Project Manager。近期參加了Tibame的UIUX設計師轉職班(2023/6~9月),與小組共同完成了以下專案---派對用具租賃平台(Web)。
1.StakeHolder訪談 模擬與企業方主管與員工的對談,藉此尋找出企業方「想解決的問題」解方。或是經由訪談發現並提出企業方「真正痛點」為何,在與企業方共同討論可能的解方。 2.偏好設定測試 快速找出業主所期望的產品風格、樣式等,以利之後的開發製作流程,減少溝通成本。 3.蝦
你可能也想看
Google News 追蹤
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
最近這兩天有許多國內、國外網友的 iPhone 都跳出了要求登入 Apple ID 的訊息, 但是仔細一看卻發現上面要求登入的 Apple ID 不是自己的帳號? 等於是 iPhone 跳出了別人的 Apple ID 並且要我輸入密碼登入? 這是什麼意思?我的 Apple ID 也會這樣出現在
好的,很高興能為您服務!街口支付是台灣相當普及的行動支付平台,提供方便快速的付款、轉帳等服務。 街口支付的主要功能與特色: * 付款: * 掃碼付款: 在店家出示的QR code上掃描,即可完成付款。 * 出示付款碼: 店家掃描您手機上的付款碼,同樣能完成交易。 * 轉帳:
Thumbnail
需求情境: 為了讓多人使用 App,必須有驗證程序,以識別特定使用者,存取各自擁有的資源。 解決方案: 引用 google 所提供的雲端服務平台 Firebase,其中有多種驗證功能可選用。基於個人對 google 的偏愛,決定先採用 google signin 的方法,實作 login lo
電子錢包提供獨立的餘額帳戶系統:開戶、交易明細等。 系統流程 使用者介面使用充值,電子錢包系統將會生成充值訂單,然後呼叫支付系統。 支付系統結束後,會將結果告知電子錢包系統,然後更新餘額。 系統結構 Controller:定義服務介面。 Service:處理業務邏輯並透過Dao完
Thumbnail
當想加入力曼會員/經銷商,但註冊總是會出現付款失敗,不同的會員都遇到一樣的問題。導師提供了使用不同瀏覽器解決這個問題的方法。
Thumbnail
自從2023年8月開始富邦信用卡自動幫客戶將電子帳單改成新式的「環保帳單」,說是環保但其實還要輸入登入資料,如果沒下載PDF檔帳單只有半年的保存期限,這對平常有需要用email保存信用卡帳單記錄的人還滿麻煩的,所以輝哥試著用數位客服申請看看把新式的換成舊式,有需要的朋友請參照本文步驟設定......
昨天晚上過客到全聯採購,真不該晚上去的,剛好碰到買晚餐食材的人潮,光結帳就有得等的° 好不容易輪到過客結帳,一如往常的打開全聯APP想要用全支付刷卡,尷尬的竟然不能使用(原來換手機,整個信用卡資料要重綁),還好身上有帶錢包° 結完帳同時跟一位男士走出大門,這時防盜鈴響了起來,我跟這位男士都傻
APP方格子被盜,換掉密碼APP還進得去,真的很恐怖,希望方格子有雙重認證,用Mail和手機認證。 向來很討厭用國產商品,就是因為資安概念薄弱,真的覺得很煩,路人甲想以後不會繼續在用方格子寫,也建議大家盡量用沒人知道的信箱註冊,真的會有人來盜帳號,真的很無聊,剛剛去新北警局警察也懶管,反正他覺得沒
入流不住 昨天採購橄欖油,在收銀台找出手機裡會員卡捷徑,沒想到要點擊進入app。只是點入後要更新app,只好站在收銀台前等更新。 我說「要更新」,櫃員說,「沒關係,你不急我就不急。那我先結其他客人的。」我內心開始有os:「誰想等啊…」當第一位客人結好帳,她問「下載好了嗎?」我看了一下更新進度,竟
Thumbnail
現代社會跟以前不同了,人人都有一支手機,只要打開就可以獲得各種資訊。過去想要辦卡或是開戶就要跑一趟銀行,然而如今科技快速發展之下,金融App無聲無息地進到你生活中。但同樣的,每一家銀行都有自己的App時,我們又該如何選擇呢?(本文係由國泰世華銀行邀約) 今天我會用不同角度帶大家看這款國泰世華CUB
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
最近這兩天有許多國內、國外網友的 iPhone 都跳出了要求登入 Apple ID 的訊息, 但是仔細一看卻發現上面要求登入的 Apple ID 不是自己的帳號? 等於是 iPhone 跳出了別人的 Apple ID 並且要我輸入密碼登入? 這是什麼意思?我的 Apple ID 也會這樣出現在
好的,很高興能為您服務!街口支付是台灣相當普及的行動支付平台,提供方便快速的付款、轉帳等服務。 街口支付的主要功能與特色: * 付款: * 掃碼付款: 在店家出示的QR code上掃描,即可完成付款。 * 出示付款碼: 店家掃描您手機上的付款碼,同樣能完成交易。 * 轉帳:
Thumbnail
需求情境: 為了讓多人使用 App,必須有驗證程序,以識別特定使用者,存取各自擁有的資源。 解決方案: 引用 google 所提供的雲端服務平台 Firebase,其中有多種驗證功能可選用。基於個人對 google 的偏愛,決定先採用 google signin 的方法,實作 login lo
電子錢包提供獨立的餘額帳戶系統:開戶、交易明細等。 系統流程 使用者介面使用充值,電子錢包系統將會生成充值訂單,然後呼叫支付系統。 支付系統結束後,會將結果告知電子錢包系統,然後更新餘額。 系統結構 Controller:定義服務介面。 Service:處理業務邏輯並透過Dao完
Thumbnail
當想加入力曼會員/經銷商,但註冊總是會出現付款失敗,不同的會員都遇到一樣的問題。導師提供了使用不同瀏覽器解決這個問題的方法。
Thumbnail
自從2023年8月開始富邦信用卡自動幫客戶將電子帳單改成新式的「環保帳單」,說是環保但其實還要輸入登入資料,如果沒下載PDF檔帳單只有半年的保存期限,這對平常有需要用email保存信用卡帳單記錄的人還滿麻煩的,所以輝哥試著用數位客服申請看看把新式的換成舊式,有需要的朋友請參照本文步驟設定......
昨天晚上過客到全聯採購,真不該晚上去的,剛好碰到買晚餐食材的人潮,光結帳就有得等的° 好不容易輪到過客結帳,一如往常的打開全聯APP想要用全支付刷卡,尷尬的竟然不能使用(原來換手機,整個信用卡資料要重綁),還好身上有帶錢包° 結完帳同時跟一位男士走出大門,這時防盜鈴響了起來,我跟這位男士都傻
APP方格子被盜,換掉密碼APP還進得去,真的很恐怖,希望方格子有雙重認證,用Mail和手機認證。 向來很討厭用國產商品,就是因為資安概念薄弱,真的覺得很煩,路人甲想以後不會繼續在用方格子寫,也建議大家盡量用沒人知道的信箱註冊,真的會有人來盜帳號,真的很無聊,剛剛去新北警局警察也懶管,反正他覺得沒
入流不住 昨天採購橄欖油,在收銀台找出手機裡會員卡捷徑,沒想到要點擊進入app。只是點入後要更新app,只好站在收銀台前等更新。 我說「要更新」,櫃員說,「沒關係,你不急我就不急。那我先結其他客人的。」我內心開始有os:「誰想等啊…」當第一位客人結好帳,她問「下載好了嗎?」我看了一下更新進度,竟