Skip to case study

Financial Goal

Financial Goal

Internship Project

Design Thinking, UX/UI Design, Animation, Interaction Design, Prototype, Usability Testing, A/B Testing, Development

Figma

Illustrator

VSCode

Problem

“ออกแบบและพัฒนาฟีเจอร์ใหม่บนแอปพลิเคชัน ธนาคารกรุงเทพที่จะสามารถ ดึงดูดและตอบสนอง ความต้องการทางการเงินของกลุ่มผู้ใช้งานที่เพิ่มขึ้น”

ต่ำกว่า 28 ปี

15% - 20%
(~2.25 - 3.00 ล้านคน)

28 - 43 ปี

35% - 40%
(~5.25 - 6.00 ล้านคน)

44 - 59 ปี

25% - 30%
(~3.75 - 4.50 ล้านคน)

60 ปีขึ้นไป

10% - 15%
(~2.00 - 2.75 ล้านคน)

Design Thinking Process

BBL

Empathize

Survey
Interview

Define

User Persona
User Journey
Problem Statement
Competitve Analysis
SWOT Analysis

Ideate

How Might We
MosCoW Priority
Task Flow
Crazy 8’s
IA (Info Architecture)

Prototype

Wireframe
Animation
Design System
Component
Prototype
UI Design (Final)

Test

Usability Testing
A/B Testing

Surveys

สถานะปัจจุบันของคุณคืออะไร?

ทำงานแล้ว (67%)

นักศึกษา (28%)

ว่างงาน (5%)

คุณมีรายได้ต่อเดือนประมาณเท่าไหร่?

15K - 30K

30K - 50K

More

คุณให้คะแนนความรู้ด้านการออมและการลงทุนของตัวเองเท่าไหร่? (0-5 คะแนน)

1

2

0

3

4-5

อุปสรรคใหญ่ที่สุด ที่ทำให้การลงทุนเป็นเรื่องเข้าใจยาก

กลัวความเสี่ยง เลือกผิดแล้วขาดทุน

ความซับซ้อน/ศัพท์เทคนิคเยอะ

More

คุณมักจะหมดเงินไปกับรายจ่ายประเภทใดมากที่สุดต่อเดือน? (เลือกได้สูงสุด 3 ข้อ)

อาหาร/เครื่องดื่ม

ช๊อปปิ๊ง

ค่าเดินทาง

More

ตอนนี้คุณกำลังเก็บเงินหรือวางแผนเพื่อเป้าหมายอะไรอยู่บ้าง? (เลือกทุกข้อที่ใช่)

ของชิ้นใหญ่ (เช่น มือถือ, คอมพิวเตอร์)

ท่องเที่ยว

ซื้อรถยนต์

More

อะไรที่เป็นสาเหตุหลักที่ทำให้คุณล้มเลิกเป้าหมายการเงินที่เคยมีกลางคันมากที่สุด?

รู้สึกว่าเป้าหมายยังอีกไกล/ไม่เห็นความคืบหน้า

เงินไม่เพียงพอต่อเดือน

รู้สึกเบื่อ/ไม่มีอะไรสนุก

More

ในปัจจุบันใช้แอปพลิเคชันของธนาคารใดเป็นหลัก? (เลือกเพียง 1 ข้อ)

K PLUS

SCB Easy

More

Interviews

6

เคยเจอปัญหาที่ตั้งใจจะเก็บเงิน แต่พอสิ้นเดือน
เงินกลับหายไปแบบไม่รู้ตัวไหมครับ?

7

ถ้าก่อนหน้านี้เคย แล้วมันหายไป
กับอะไรเยอะที่สุด?

8

เคยรู้สึกไหมว่าเงินออมกับเงินใช้จ่ายมัน
ปนกันจนแยกไม่ออก?

11

เวลาที่เรากำลังออมเงินสำหรับเป้าหมายที่ต้องใช้
เวลานานๆ ระหว่างทางเรารู้สึกอย่างไรบ้าง?

9

เคยรู้สึกไหมว่าการออมเงิน
อย่างเดียวมันอาจจะช้าไปไหม?

10

เคยคิดอยากจะ 'ลงทุน' เพื่อให้ถึง
เป้าหมายเร็วขึ้นไหมครับ?

12

แล้วคิดว่าอะไรคือ 'กำแพง' ที่ใหญ่ที่สุด
ที่ทำให้เราไม่ได้เริ่มต้นลงทุนจริงๆ ครับ?

13

ถ้าสมมติว่าแอปธนาคารที่คุณใช้อยู่จะสร้าง 'ผู้ช่วยการเงินส่วนตัว' ขึ้นมาเพื่อแก้ปัญหาทั้งหมด
ที่เราคุยกันมา ในความคิดของคุณ ผู้ช่วยคนนี้ควรมีหน้าตาหรือความสามารถอะไรบ้าง

14

มีอะไรเพิ่มเติมที่อยากจะแชร์เกี่ยวกับประสบการณ์
การออมเงินหรือการลงทุนอีกไหม

4

ลองนึกถึงเดือนที่ผ่านมาพอเงินเดือนออกเราจัดการกับ
เงินก้อนนั้นยังไงบ้าง? อะไรคือสิ่งแรกที่ทำเสมอ?

1

ตอนนี้พอเริ่มทำงานแล้ว มีเป้าหมายอะไร
ในชีวิตที่อยากทำให้สำเร็จเป็นพิเศษไหม

2

หลังจากมีเป้าหมายแล้วมีการวางแผน
หรือทำยังไงให้เป้าหมายนั้นสำเร็จได้จริง

3

อะไรคือส่วนที่รู้สึกว่า 'น่าปวดหัว' หรือ
'ซับซ้อน' ที่สุดในขั้นตอนการวางแผนนั้น

5

เคยเจอปัญหาที่ตั้งใจจะเก็บเงิน แต่พอสิ้นเดือน
เงินกลับหายไปแบบไม่รู้ตัวไหมครับ?

1

คุณออมเงินคิดเป็นกี่เปอร์เซนต์
จากรายได้ต่อเดือนที่ได้รับ

User Research Insight

1

15 Participants

คัดเลือกมาจากผู้ที่ได้ทำแบบทดสอบก่อนหน้านี้
เน้นไปที่คำถามเชิงลึกเพื่อให้เข้าใจว่าทำไมกลุ่มผู้ใช้งานนี้ถึงมีความคิดหรือมุมมองแบบนั้น ซึ่งจะยิ่งทำให้เราเข้าใจความรู้สึกของกลุ่มผู้ใช้งานอย่างแท้จริงมากขึ้น

2

12 out 15

ขั้นตอนที่ซับซ้อนและน่าปวดหัวที่สุด คือ “การวางแผน” ซึ่งทำให้เกิดการผลัดวันประกัน พรุ่งที่จะเริ่มต้นอย่างจริงจังไปตลอด

3

11 out 15

ยอมรับทันทีว่าไม่สามารถทำได้ตามแผนการออมที่ตัวเองตั้งไว้ เนื่องจากรายจ่ายมาก มายบางอย่างก็ไม่ทันคิดซึ่งมีรายรับไม่มากทำให้เหลือออมแต่่ละเดือนไม่ตรงกับที่ตั้งไว้

4

10 out 15

รู้สึกว่าพอออมเงินเพื่อเป้าหมายที่มีนะยะเวลาค่อนข้างนาน มักจะรู้สึก “ท้อแท้หมดไฟ” เพราะ มองไม่เห็นความคืบหน้าที่ชัดเจน ไม่รู้สึกถึงความสนุกน่าตื่นเต้นเหมือนช่วงแรก

5

12 out 15

สนใจลงทุนเพื่อไปให้ถึงเป้าหมายที่ตั้งไว้เร็วขึ้น แต่สิ่งที่เป็นปัญหามากสุด คือ “ความกลัว และความยากซับซ้อน”กลัวจะรับความเสี่ยงเกิดขึ้นมาไม่ไหว ทำให้ไม่กล้าเริ่มต้น

1

164 Responses

ผู้ที่ตอบแบบสอบเป็นกลุ่มคนที่มีอายุช่วง 21-26 ทั้งหมด
เก็บข้อมูลเน้นให้ได้ภาพรวมที่กว้างที่สุด ว่าคนส่วนใหญ่มีพฤติกรรม, ความคิด, และปัญหาอะไรบ้าง

2

~ 67%

กลุ่มเป้าหมายหลักของเรา (First Jobber) มีรายได้ในช่วง 15,001 - 30,000 บาท ซึ่งเป็นกลุ่มที่เริ่มมีรายได้มั่นคงแต่ยังไม่สูงมาก และเป็นช่วงกำลังสร้างตัว

3

~ 48%

คนกลุ่มนี้ค่อนข้างมีเป้าหมายมีที่มากและชัดเจน ซึ่งคนกลุ่มนี้จะเริ่มมีค่อยๆ ซื้อของที่ตัว เองยังไม่มีเป็นหลัก (เช่น มือถือ, คอมพิวเตอร์) หลังจากนั้นจะเริ่มมองหาเรื่องความั่นคง

4

~ 45%

สิ่งที่จะเป็นอุปสรรคทำให้เราล้มเลิก เวลาที่มีเป้าหมายและกำลังเริ่มเก็บออมอยู่มากสุด คือ การไม่เห็นความคืบหน้าไม่รู้ว่าเป้่าหมายที่ตั้งไว้มันต้องเก็บอีกเท่าไหร่ อีกนานแค่ไหน

5

~ 44%

คนกลุ่มนี้มีความสนใจอยากเริ่มต้นลองลงทุนสูง แต่ก็มีความรู้ที่ไม่มากนัก ซึ่งมักจะทำให้เกิดความกลัวเพราะไม่เข้าใจ แล้วอาจทำให้สูญเสียเงินที่เก็บไปแบบฟรีๆ

User Persona

นำข้อมูลที่ได้มาทั้งหมด มาสรุปผลให้อยู่ในแผนภาพ ที่สามารถเข้าใจ และทำการวิเคราะห์ความต้องการได้ง่ายขึ้น

User Journey

แสดงแผนการเดินทางของผู้ใช้เมื่อเริ่มมีเป้าหมาย (อยากซื้อรถยนต์) ซึ่งจะดำเนินการตาม แต่ละ Stage โดยจะพบ Pain Point ต่างๆ ระหว่างทาง ให้เราเก็บรวมรวมเพื่อนำมาวิเคราะห์ หาทางช่วยเหลือให้ได้รับประสบการณ์ที่ดีมากขึ้น

Actions

เห็นโฆษณารถยนต์รุ่น ใหม่ใน YouTube

ค้นหาวิธีออมเงินใน Google/YouTube

พยายามโอนเงินไปเก็บไว้ในบัญชีทุกเดือน

เข้าไปเช็กยอดเงินใน บัญชีเป็นครั้งคราว

พบว่ายอดเงินเพิ่มขึ้นช้ามากจนน่าใจหาย

เริ่มเปรียบเทียบคนอื่นที่เหมือนจะทำได้ดีกว่า

ตัดสินใจนำเงินที่เก็บ ไปใช้จ่ายอย่างอื่นแทน

บอกตัวเองว่า "เดี๋ยว ค่อยเริ่มใหม่เดือนหน้า" แล้วก็เหมือนเดิม

พยายามลดค่าใช้จ่าย ที่ไม่จำเป็น

เริ่มมองหาช่องทางหารายได้เสริมมากขึ้น

พยายามคำนวณในใจ หรือในกระดาษว่าจะต้อง เก็บเงินเดือนละเท่าไหร่

ค้นหาราคาเปรียบเทียบ รถยนต์ที่ตัวเองสนใจ

เห็นเพื่อนที่ทำงานรุ่น เดียวกันเริ่มมีรถขับ

เหนื่อยกับการเดินทางด้วยรถสาธารณะไปทำงานทุกวัน

ควรซื้อรถยนต์เลยไหม หรือมีอะไรจำเป็นกว่านี้

สรุปแล้วเราต้องเก็บ เดือนละเท่าไหร่กันแน่?

สรุปแล้วเราต้องเก็บ เดือนละเท่าไหร่กันแน่?

เก็บเงินมาตั้งนานแล้ว ทำไมยังได้แค่นี้เอง?

สุดท้ายเราก็ทำไม่ได้ อีกแล้วใช่ไหม?

แผนที่เราคิดเองมันจะดีพอจริงๆ เหรอ?

แผนที่เราคิดเองมันจะดีพอจริงๆ เหรอ?

เป้าหมายที่เราตั้งไว้มัน ไกลมากเกินไปรึเปล่า?

เราอาจวางแผนการเงิน ได้ไม่ดีมากพอใช่ไหม?

สร้างทัศนคติเชิงลบต่อ การออม/วางแผนระยะยาว

เป้าหมายในฝันถูกพับ เก็บและดูไกลออกไปอีก

ไม่เห็นความคืบหน้าที่ ชัดเจนว่าออมได้เท่าไหร่

เป้าหมายที่เคยดูน่าตื่น เต้นตอนนี้ไม่มีแรงจูงใจ เก็บมากเหมือนตอนแรก

ไม่มั่นใจว่าถ้าออมประ มาณนี้ไปเรื่อยๆ จะไปถึง ตามเป้าหมายได้จริงๆ ไหม ไม่เห็นภาพรวม

กลัวว่าจะมีเงินไม่เพียง พอในการออมแต่ละเดือน

ไม่มีความมั่นใจในแผน การเงินที่ตั้งไว้ว่าจะประ สบความสำเร็จได้จริงๆ

ไม่รู้ว่าที่คิดยอดทั้งหมดตัวเองคำนวณถูกไหม

อยากได้แต่ไม่รู้ว่าจะเริ่ม ต้นยังไง รู้เรื่องอะไรบ้าง

กลัวว่าซื้อรถยนต์ แล้วจะ พลาดลืมของสำคัญกว่า

แผนการเงินสำเร็จรูป แสดงเป้าหมายที่ควรมี

เครื่องมือที่สามารถช่วย คำนวณค่าใช้จ่ายให้ง่าย

การให้คำแนะนำในการ ออมเงินแต่ละเดือน

ระบบติดตามเป้าหมายที่ตัวเองมีให้เห็นภาพทันที

ตัวช่วยปรับแผนออมให้ เหมาะตัวเองแต่ละเดือน

คอมมูนิตี้โชว์เป้าหมาย และวิธีเก็บของแต่ละคน

เครื่องมือที่ช่วยเริ่มต้น วางแผนอย่างง่าย

แสดงภาพรวมของเป้า หมายให้เห็นรายละเอียด

Gamification ที่จะช่วย ให้ผู้ใช้รู้สึกสนใจมากขึ้น

ถ้ามีรถชีวิตจะสบาย ขึ้นแค่ไหน?

Awareness

Research

Planning

Monitoring

Result

Questions

Pain Points

Emotions

Opportunities

ตื่นเต้นมีเป้าหมาย

กังวลแผนตัวเอง

มีไฟในการออม

กลัวไม่สำเร็จ

ทำไม่สำเร็จ

Problem
Statement

สรุป Paint Point หลักที่เราสนใจต้องการที่จะแก้ไขในงานนี้ ซึ่งจะสรุปได้เป็น 4 ปัญหาหลักดังนี้

ฉันคือ “เด็กจบใหม่ที่พึ่งเริ่มต้นทำงาน” ที่ “มีเป้าหมาย อยากเก็บเงินซื้อของชิ้นแรกในชีวิต” แต่ “การเริ่มต้นวาง แผนจริงๆมันกลับน่าปวดหัว” เพราะ “ฉันไม่รู้ว่าจะต้อง เริ่มตั้งต้นยังไง เก็บเงินเดือนละเท่าไหร่ ใช้เวลาทำนานแค่ ไหน” ทำให้ฉันรู้สึก “ไม่มั่นใจและผลัดวันวางแผนไปเรื่อย จนไม่ได้เริ่มต้นสักที”

ฉันคือ “เด็กจบใหม่ที่พึ่งเริ่มต้นทำงาน” ที่ “เริ่มออมเงิน มาได้แล้วในสักพัก” แต่ “ตอนนี้ฉันเริ่มรู้สึกหมดไฟและเบื่อ ที่จะออมต่อ” เพราะ “รู้สึกเหมือน เอาเงินไปจมทิ้งไว้เฉยๆ ไม่เห็นว่ามันเข้าใกล้เป้าหมายขึ้นแค่ไหน และไม่มีอะไรมาทำ ให้ตื่นเต้น” ทำให้ฉันรู้สึก “ท้อแท้ และรู้สึกอยากหยุดออม หรือมองหาสิ่งของที่ราคาต่ำกว่านั้นแทน”

ฉันคือ “เด็กจบใหม่ที่พึ่งเริ่มต้นทำงาน” ที่ “รู้สึกว่าการ ออมเงินอย่างเดียวมันช้าเกินไป จึงมองไปที่การลงทุน ที่ได้ผลลัพธ์รวดเร็วขึ้น” แต่ “พอเริ่มศึกษาลึกขึ้นมากลับ ปวดหัว” เพราะ “เต็มไปด้วยศัพท์เทคนิคที่เข้าใจยาก และตัวเลือกมากมายพร้อมกับความเสี่ยง’ จนไม่กล้าตัด สินใจ” ทำให้ฉันรู้สึก “กดดันและกลัวตัดสินใจผิดพลาด”

ฉันคือ “เด็กจบใหม่ที่พึ่งเริ่มต้นทำงาน” และฉันพยายามที่ จะ “ตั้งใจจะเก็บเงินให้ได้ครบทุกเดือน” แต่ “พอทำจริง เงินกลับหายไปเกือบหมด” เพราะ “การใช้จ่ายที่ฟุ่มเฟือย ไม่ได้แบ่งเงินให้ดีมากพอ” ทำให้ฉันรู้สึก “เครียดและกังวล ว่าถ้ายังเป็นแบบนี้ต่อไปจะไม่มีเงินเก็บที่เพียงพอเพื่อ อนาคตเลยไม่รู้จะปรึกษาใครดี”

Competitive
Analysis

สำรวจคู่แข่งโดยเน้นไปที่ธนาคารด้วยกัน เพราะสามารถที่จะจับต้องเงินจริงๆ ได้ซึ่งเป็นข้อได้เปรียบมากกว่าแอปที่ไว้สำหรับจดเฉยๆ

สามารถตั้งเป้าหมายได้

จบในแอปเดียวไมโหลดเพิ่ม

ใช้บัญชีเดิมไม่ต้องเปิดใหม่

มีตัวช่วยวางแผน คำนวณเรื่องที่ซับซ้อน

แผนการเงินสำเร็จรูป

Gamification ให้น่าใช้

การเชื่อมต่อการลงทุน

จุดเด่นพิเศษ

แค่ออมเงิน

แยกส่วนในแอป

แยกส่วนในแอป

ให้ดอกเบี้ยสูง
น่าใช้ ใช้งานง่าย

แค่ลงทุน

การลงทุนดีมาก

แค่ออมเงิน

ให้ดอกเบี้ยสูง

ให้ดอกเบี้ยสูง

SWOT
Analysis

วิเคราะห์จุดเด่น จุดอ่อน ของธนาคารเรา แล้วลองสำรวจความต้องการของกลุ่มคนที่เราสนใจ สรุปผลออกมาให้เห็นภาพที่ชัดเจนมากขึ้น

คู่แข่งที่ดุเดือด อย่าง Kept และ Make ที่เน้นเจาะกลุ่มคน Gen Z โดยเฉพาะ

ความคาดหวังของผู้ใช้กลุ่มนี้เปลี่ยนค่อนข้างเร็ว โดยของที่ ว้าว ในวันนี้ อาจเป็น สิ่งที่แสนธรรมดาในวันพรุ่งนี้

กลุ่มคนรุ่นใหม่ที่ใหญ่ขึ้นเรื่อยๆ เริ่มมี รายได้เป็นของตัวเอง มีความต้องการ เครื่องมือจัดการการเงินสูงมาก

การมีโซลูชันที่ครบจบในแอปเดียวจึงน่า ดึงดูดไม่ทำให้เหนื่อยที่ต้องสลับแอปไปมา (แอปธนาคาร, แอปออมเงิน, แอปลงทุน)

ผลตอบแทน เพราะ เป็นการออมในบัญชี ที่เรามีไม่สามารถให้ดอกเบี้ยสูงเพื่อแข่ง ขันกับคู่แข่งอย่าง Make, Kept หรือ TTB We Save ได้ แต่เสนอเป็นอย่างอื่นแทน

ในสายตาของกลุ่มเป้าหมายส่วนมากมองธนาคารกรุงเทพว่าเหมาะสำหรับผู้ใหญ่

เป็นฟีเจอร์ที่อยู่ในแอปแบงค์เลย ไม่ต้อง โหลดแอปใหม หรือเปิดบัญชีเพิ่ม ทำให้สะดวกสบาย ไร้รอยต่อมากที่สุด

ธนาคารกรุงเทพค่อนข้างน่าเชื่อถือ ทั้งด้านความปลอดภัย และการลงทุน

S

W

O

T

How Might We

นำปัญหาที่พบมาก่อนหน้านี้ มาสร้างเป็นคำถามและให้ทีมช่วยกันระดมหา ไอเดียสำหรับแก้ปัญหา จากนั้นเลือกไอเดียที่น่าสนใจมาพัฒนาต่อ

Problem

HMW

Solutions

เริ่มมีเป้าหมาย แต่ไม่รู้จะวาง แผนอย่างไร

เราจะช่วยลดความซับซ้อนตอน เริ่มตั้งเป้าหมายได้ยังไง?

แผนการเงิน
สำเร็จรูป

ตัวช่วยวิเคราะห์/ให้คำ
แนะนำเป้าหมายที่ตั้ง

Gamification

ระบบเหรียญ
รางวัลเพิ่มแรงจูงใจ

การออมเงิน
ร่วมกับเพื่อน

AI ที่ปรึกษา
ด้านการลงทุน

แผนการลงทุน
สำเร็จรูป

คลังความรู้
การลงทุน

ตัวช่วยติดตาม
การลงทุนที่ลง

Chatbot AI ให้คำ
ปรึกษาแบบอัตโนมััติ

ตรวจสุขภาพเป้าหมาย
การเงินในแต่ละเดือน

คอมมูนิตี้สำหรับ
ไว้แชร์แผนการเก็บเงิน

การออมเงิน
แบบอัตโนมัติ

ตัวช่วยวางแผน
เป้าหมายการเงิน

ตัวช่วยคำนวณเงิน

เราจะช่วยทำให้เป้าหมายที่ตั้งไว้ ประสบความสำเร็จได้จริงยังไง?

เราจะช่วยทำให้การออมเงินเป็นสิ่งที่ไม่น่าเบื่อ และน่าสนใจได้ยังไง?

เราจะช่วยทำให้การลงทุนเป็นเรื่อง ที่ง่ายสำหรับมือใหม่ได้ยังไง?

เริ่มเก็บเงิน แต่ทำไม่ได้จริง และไม่รู้จะไปปรึกษาใคร

ออมเงินไปได้ครึ่งทางแล้ว
แต่หมดไฟขาดแรงจูงใจ

อยากเริ่มลงทุน แต่ก็ขาด ความรู้ กลัวทำผิดพลาด

ตัวช่วยเลือก
ลงทุนอัตโนมัติ

ติดตามความคืบหน้า
ของแต่ละเป้าหมาย

MoSCoW Priority

ระยะเวลาที่จำกัดเราจึงสามารถพัฒนาได้เพียงแค่บางส่วน โดยเราเลือกด้วยวิธีการนำ ไอเดียทั้งหมดที่คัดเลือกมาเปรียบเทียบความคุ้มค่าของการพัฒนาไอเดีย

คลังความรู้ด้านการลงทุน

AI ที่ปรึกษาด้านการลงทุน

คอมมูนิตี้สำหรับแชร์แผนเก็บเงิน

Chatbot AI ให้คำปรึกษาอัตโนมััติ

ตรวจสุขภาพเป้าหมายแต่ละเดือน

ตรวจสุขภาพแผนการลงทุน

ตัวช่วยติดตามผลการลงทุน

การออมเงินแบบอัตโนมัติ

การออมเงินร่วมกับเพื่อน

ตัวช่วยเลือกลงทุนอัตโนมัติ

แผนการเงิน/ลงทุนสำเร็จรูป

ระบบเหรียญเพิ่มแรงจูงใจ

ตัวช่วยวางแผนเป้าหมายการเงิน

ตัวช่วยวิเคราะห์ให้คำแนะนำ

ตัวช่วยคำนวณเงิน

ระบบ Gamification

ติดตามความคืบหน้าเป้าหมาย

M

S

C

W

Solutions

สรุปฟีเจอร์ทั้งหมดที่ได้คิดค้นและพัฒนาในโปรเจคนี้เป็นดังนี้

4

ตั้งได้ทั้งเป้าหมาย
การออมและลงทุน

6

บอกโอกาสประสบความสำเร็จ
ของเป้าหมายที่ตั้งไว้

7

Gamification
เพิ่มแรงจูงใจการออม

5

มีแผนสำเร็จรูป
ให้เลือกใช้ได้เลย

2

สามารถมีได้หลายเป้าหมาย
โดยใช้แค่ 1 บัญชีเท่านั้น

8

รับคำแนะนำเพิ่ม
โอกาสประสบความสำเร็จ

1

สามารถใช้บัญชีเดิม
ที่มีอยู่แล้วได้

3

มีเครื่องมือช่วยคำนวณ
ให้สะดวกมากขึ้น

Task Flows

นำแต่ละฟีเจอร์ทั้งหมดที่เรามีมาแยกให้เห็นขั้นตอน กระบวนการทำงานแต่ละส่วน ตั้งแต่เริ่มต้นจนจบว่ามีลำดับกิจกรรมเป็นอย่างไรบ้าง

2

ดูรายละเอียดเป้าหมาย

แก้ไขชื่อ

ลบเป้า
หมาย

เพิ่ม/ถอน

รายละเอียดเป้าหมาย

ป๊อปอัพแก้ไขชื่อ

ป๊อปอัพเตือนลบเป้าหมาย

ป๊อปอัพยืนยันการลบอีกครั้ง

หน้าธุรกรรมการเงิน

ป๊อปอัพแจ้งผลสำเร็จ

ป๊อปอัพแจ้งผลสำเร็จ

ป๊อปอัพแจ้งผลสำเร็จ

ต้องการ
ทำอะไร

3

สร้างเป้าหมายการลงทุนจากแผนการเงิน

เลือกแผนการเงิน

มีบัญชี
ลงทุนไหม

แผนการเงิน

หน้ากรอกข้อมูลสร้างเป้าหมาย

หน้าเปิดบัญชีการลงทุน

4

ตัวช่วยคำนวณ

นำไปสร้าง
เป้าหมาย

เลือกที่
จะคำนวณ

ต้องการแก้ไข

ตัวช่วยคำนวณ

กรอกข้อมูล

แสดงผลการคำนวณ

ให้คำแนำนำ

หน้ากรอกข้อมูล
สร้างเป้าหมาย

1

ตั้งเป้าหมายการเงิน

สร้าง
เป้าหมาย

สร้างทันที

ต้องการแก้ไข

เป้าหมายของฉัน

หน้ากรอกข้อมูล
สร้างเป้าหมาย

ตรวจสอบเป้าหมาย

คำแนะนำแก้ไข

ป๊อปอัพสร้าง
เป้าหมายสำเร็จ

ดูรายละเอียด
เป้าหมาย

5

รีวอร์ส

แลก
รางวัล

รับเหรียญ

ต้องการ
ทำอะไร

รีวอร์ส

ป๊อปอัพแสดงผลลัพธ์

ป๊อปอัพแสดงผลลัพธ์

IA (Information Architecture)

สรุปโครงสร้างทั้งหมดภายในงานนี้ว่ามีอะไรบ้าง แล้วในแต่ละอันจะประกอบไปด้วยองค์ประกอบอะไร
ซึ่งจะแบ่งออกตาม Navigation Bar ภายในแอป มี 4 ฟีเจอร์หลัก คือ เป้าหมายของฉัน, แผนการเงิน, ตัวช่วยคำนวณ และ รีวอร์ส โดยสามารถเข้าไปดูรายละเอียดเพิ่มเติม, สร้างเป้าหมาย, คำนวณ, แก้ไข/ลบ
และเพิ่ม/ถอนเงินออกจากบัญชี

เป้าหมายของฉัน

การ์ดบัญชี

การ์ดเป้าหมาย

ดูรายละเอียดเป้าหมาย

สร้างเป้าหมายใหม่

แผนการเงิน

แผนการออมเงินทั่วไป

แผนลงทุนตามผู้เชี่ยวชาญ

เลือกแผนไปสร้างเป้าหมาย

ตัวช่วยคำนวณ

คำนวณภาษี

คำนวณผ่อนบ้าน/รถ

เลือกคำนวณ

รีวอร์ส

กิจกรรมสะสมเหรียญ

แลกเหรียญรางวัล

รับ/แลกเหรียญ

Bottom Nav Bar

เป้าหมายของฉัน

แผนการเงิน

ตัวช่วยคำนวณ

รีวอร์ส

Select/Tab

สร้างเป้าหมายใหม่

กรอกรายละเอียด

ตรวจสอบเป้าหมายที่สร้าง

ป๊อปอัพแสดงผลสำเร็จ

เลือกคำนวณ

กรอกรายละเอียด

แสดงผลการคำนวณ

นำผลไปสร้างเป้าหมายใหม่

ดูรายละเอียดเป้าหมาย

ภาพประกอบ

รายละเอียดเป้าหมาย

คำแนะนำการออม

ภาพรวมเป้าหมาย

ประวัติการออม

ออม/ถอนเงินจากเป้าหมาย

แก้ไข/ลบเป้าหมาย

ออม/ถอนเงินจากเป้าหมาย

หน้าธุรกรรมการเงิน

ป๊อปอัพแจ้งผลสำเร็จ

แก้ไข/ลบเป้าหมาย

หน้าแก้ไข/ลบ

ป๊อปอัพแจ้งผลสำเร็จ

Wireframe

สร้างแบบร่างบนกระดาษแล้วนำมาพัฒนาต่อในโปรแกรม Figma ให้เห็นเป็นภาพคร่าวๆ ในระดับ Low Fidelity เพื่อความรวดเร็ว

+30 More

Graphic
Animation

เริ่มใช้ดินสอร่างบนกระดาษ แล้วนำมาลงเส้นและสีอย่างสวยงาม โดยใช้ Adobe Illustrator
ทำอนิเมชันอย่างง่ายโดยใช้ Figma โยงเส้นเชื่อมแต่ละ Frame

Tools

Design System

Aa

BBL Fonts

BBL Sans

Typeface / Sans-serif

Header

H1 / Heading 1

36px - Medium

The quick brown fox jumped over the lazy dogs

H2 / Heading 2

26px - Medium

The quick brown fox jumped over the lazy dogs

H3 / Heading 3

24px - Medium

The quick brown fox jumped over the lazy dogs

H4 / Heading 4

20px - Medium

The quick brown fox jumped over the lazy dogs

H5 / Heading 5

18px - Medium

The quick brown fox jumped over the lazy dogs

Body

Body 1 / Large

16px - Regular

The quick brown fox jumped over the lazy dogs

Body 2 / Defult

14px - Regular

The quick brown fox jumped over the lazy dogs The quick brown fox jumped over the lazy dogs

Body 3 / Small

12px - Regular

The quick brown fox jumped over the lazy dogs The quick brown fox jumped over the lazy dogs

Body 4 / Caption

12px - Medium

The quick brown fox jumped over the lazy dogs The quick brown fox jumped over the lazy dogs

Body 5 / Label

14px - Medium

The quick brown fox jumped over the lazy dogs The quick brown fox jumped over the lazy dogs

8 Point Grid System

Margin 16

Background

#002850

Main 1

#0064FF

Main 2

#6EA0EA

Main 3

#FFFFFF

Gutter 16

Icon 24

4 Column

Text 1

#000926

Text 2

#78787D

Semantic 1

#11AB54

Semantic 2

#FB3B52

Semantic 3

#FF9200

Vector 1

#FBD2DA

Vector 2

#F48FA1

Vector 3

#FFFFFF

UI Design

หลังจากกำหนดสิ่งที่ต้องการทั้งหมดเรียบร้อย ลงมือออกแบบจริง ซึ่งจะได้ผลลัพธ์ทั้งหมดดังภาพด้านล่างนี้

UI Design

Navigation Bar

Navigation Bar ประกอบไปด้วย 4 ฟีเจอร์หลัก คือ เป้าหมายของฉัน, แผนการเงิน, การคำนวณ และรีวอร์ส ส่วนนี้ใช้ลักษณะ UI เดิมจาก ของที่ใช้ใน Design System ปัจจุบัน

Home Screen

เลืือกหน้าเป้าหมายของฉันเป็นหน้าแรกเลยทันที ลดแสดงผลข้อมูลที่ซ้ำ ซ้อนหลายหน้า และอาจทำให้เกิดความสับสนเพิ่มเติมได้

Create Goal

เลืือกหน้าเป้าหมายของฉันเป็นหน้าแรกเลยทันที ลดแสดงผลข้อมูลที่ซ้ำ ซ้อนหลายหน้า และอาจทำให้เกิดความสับสนเพิ่มเติมได้

Detail Goal

เลืือกหน้าเป้าหมายของฉันเป็นหน้าแรกเลยทันที ลดแสดงผลข้อมูลที่ซ้ำ ซ้อนหลายหน้า และอาจทำให้เกิดความสับสนเพิ่มเติมได้ซ้อนหลายหน้า

รับคำแนะนำลดหย่อนเพิ่มเติม
หรือปรับแต่งด้วยตัวเองได้เลยทันที

สามารถนำผลไปตั้งเป้าหมายต่อได้เลย

Reward

เลืือกหน้าเป้าหมายของฉันเป็นหน้าแรกเลยทันที ลดแสดงผลข้อมูลที่ซ้ำ ซ้อนหลายหน้า และอาจทำให้เกิดความสับสนเพิ่มเติมได้

Goal Plan

เลืือกหน้าเป้าหมายของฉันเป็นหน้าแรกเลยทันที ลดแสดงผลข้อมูลที่ซ้ำ ซ้อนหลายหน้า และอาจทำให้เกิดความสับสนเพิ่มเติมได้เลืือกหน้าเป้าหมายของฉันเป็นห

Goal Plan

เลืือกหน้าเป้าหมายของฉันเป็นหน้าแรกเลยทันที ลดแสดงผลข้อมูลที่ซ้ำ ซ้อนหลายหน้า และอาจทำให้เกิดความสับสนเพิ่มเติมได้เลืือกหน้าเป้าหมายของฉันเป็นห

Usability Testing (Result)

Participants

คัดเลือกผู้เข้าทดสอบทั้งหมด 5 คน
คัดเลือกมาจากพนักงานช่วงอายุ 21-28 ปี ทั้งหมด

Purpose & Tasks to Test

Task 1: การสร้างเป้าหมายการออม
Task 2: การสร้างเป้าหมายการลงทุน
Task 3: การใช้งานแผนการเงินสำเร็จรูป
Task 4: การตรวจสอบความคืบหน้าของเป้าหมายที่มี
Task 5: การคำนวณภาษีและนำไปสร้างเป็นเป้าหมาย
Task 6: การรับ/แลกเหรียญในหน้ารีวอร์ส

Metrics & Success Criteria

ผู้เข้าร่วมทดสอบสามารถทำ Task ทั้งหมดสำเร็จมากกว่า 80% (มีข้อผิดพลาดแค่เพียงเล็กน้อย) จะถือว่าผ่าน
หลังจบการทดสอบแต่ละ Task จะทำการถามคำถามแบบง่ายๆ ซึ่งจะต้องให้ข้อมูลได้ จะถือว่าผ่าน
รวบรวมข้อเสนอแนะ, คำชม, และจุดที่ผู้ใช้ติดขัด (Pain Points) ที่สังเกตได้ระหว่างการทดสอบ เพื่อนำกลับมาปรับปรุงให้ดีขึ้น

Schedule & Location

ใช้ระยะเวลาประมาณ 15-30 นาทีต่อคน (รวมทั้งหมด)
สัมภาษณ์ Offline ใช้โทรศัพท์มือถือสำหรับการทดสอบ
สัมภาษณ์ Online (Google Meet) แชร์จอที่อยู่ในหน้า Prptotype

A/B Testing (Result)

Testing

Thank You

Wow, you've scrolled 40,000 pixels and haven't fallen asleep yet :)

Thank You

Go Back Home

Back

Contents