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






































