แอปฯ ธนาคารที่กล้าคิดต่าง

โดย Seven Peaks
1 นาทีในการอ่าน
20 พ.ย. 2023, 19:25:39

ภาพรวม

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

โซลูชันของเรา

เราช่วยทีทีบีสร้างแอประดับโลกด้วยการสร้างประสบการณ์การใช้งานที่เข้าใจง่าย และปรับปรุงให้โครงสร้างรวมถึงระบบนำทางในแอปทำงานได้ดีขึ้น เรานำแนวทางในการพัฒนามาจากการเรียนรู้ว่าผู้ใช้คาดหวังอะไรบ้างจากแอปธนาคาร ความรู้สึกจากการใช้งาน เส้นทางหลักในการใช้งาน รวมถึงวัตถุประสงค์ กับ KPI ของทีทีบี และอื่นๆ เมื่อเข้าใจภาพรวมแล้วก็ทำให้เราสามารถสร้างประสบการณ์การใช้งานผลิตภัณฑ์ที่ทำให้ทั้งผู้ใช้และลูกค้าพึงพอใจได้

ระบบการออกแบบเพื่อแบรนด์ใหม่

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

ขั้นตอนการใช้งานที่เข้าใจง่าย

ลดขั้นตอนอันยุ่งยากเพื่อให้ผู้ใช้อยากใช้งานแอปมากขึ้น

เพิ่มฟีเจอร์ใหม่ๆ ที่เป็นประโยชน์

เพิ่มฟีเจอร์ เช่น เครื่องหมายบอกจำนวนขั้นตอน เพื่อให้ผู้ใช้ไม่ตัดใจล้มเลิกระหว่างขั้นตอนต่างๆ ง่ายๆ

design_system_c3497b4bef (1)-1

กระบวนการทำงานของเรา

Design thinking workshops → Wireframing → User testing → Design iteration

เราเริ่มต้นโปรเจกต์นี้ด้วยการจัดเวิร์คช็อป design thinking เพื่อให้มองเห็นปัญหาในการใช้งานและวิธีการแก้ไขก่อนจะนำไปพัฒนาแอป จากนั้นจึงจัดทำระบบการออกแบบสำหรับทั้งแอป สร้าง wireframe ร่างแนวคิด และนำผลตอบรับจากผู้ใช้หลังการทดสอบมาปรับใช้ เมื่อถึงเวลาปรับปรุงดีไซน์ของแอปเราก็ได้มอบหมายให้ดีไซเนอร์ 7 คนแยกกันไปร่วมงานกับทีมงานของลูกค้าแต่ละแผนก เพื่อสร้างฟีเจอร์สำคัญๆ ของแอปและสร้างประสบการณ์ใช้งานที่ลื่นไหลที่สุดสำหรับผู้ใช้

design_system_c3497b4bef (1)-1

design_system_c3497b4bef (1)-1

ความท้าทายที่เราเอาชนะมาได้

1. แนวทางของแบรนด์

ความโดดเด่นถือว่าเป็นสิ่งสำคัญมากในการยืนหยัดในตลาดโลก ซึ่งหนึ่งในวิธีที่จะโดดเด่นได้คือการมีอัตลักษณ์ของแบรนด์ที่ชัดเจน ผู้ใช้จะรับรู้แบรนด์ได้จากหลายทาง ซึ่ง UX/UI และองค์ประกอบต่างๆ ที่มองเห็นได้ ของแบรนด์จะคอยบอกลูกค้าว่าแบรนด์นั้นๆ เป็นแบบไหน

มอร์โฟซิสมีบทบาทสำคัญในการกำหนดทิศทางแบรนด์ใหม่อย่าง ทีทีบี รวมถึงช่วยวางระบบการออกแบบเพื่อให้หลายๆ ทีมเข้าใจแนวทางใหม่ของแบรนด์ตรงกัน ซึ่งทีมเหล่านี้ประกอบด้วยฝ่ายพัฒนาธุรกิจ ฝ่ายการตลาด ดีไซเนอร์ และโปรแกรมเมอร์ ที่ช่วยกันทำงานในแต่ละส่วนของแอป

2. ขั้นตอนการใช้แอป

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

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

3. เครื่องหมายบอกจำนวนขั้นตอน

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

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

design_system_c3497b4bef (1)-1

design_system_c3497b4bef (1)-1

design_system_c3497b4bef (1)-1