พัฒนาแอปให้ใช้งานได้แบบลื่นไหล

โดย Seven Peaks
1 นาทีในการอ่าน
24 ก.ค. 2024, 9:32:21

ภาพรวม

TrueID ต้องการเพิ่มขีดความสามารถการให้บริการวิดีโอมากยิ่งขึ้นในเฉพาะประเทศอินโดนีเซียและฟิลิปปินส์ ควบคู่กับการขยายตลาดไปยังประเทศอื่นๆ ในแถบเอเชีย เช่น เวียดนาม กัมพูชา และเมียนมาร์ จึงทำให้ TrueID มองหาองค์กรที่มีนักออกแบบ UX/UI ที่สามารถเพิ่มประสิทธิภาพการทำงานในทีมออกแบบของพวกเขา นับตั้งแต่เดือนเมษายน พ.ศ. 2563 จนถึงปัจจุบัน

แนวทางของเรา

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

เป้าหมายของเราคือการปรับปรุงประสบการณ์ผู้ใช้โดยรวมของแอปพลิเคชัน TrueID โดยเน้นไปที่การเพิ่มประสิทธิภาพอินเทอร์เฟซมือถือโดยเฉพาะ เริ่มต้นจากหน้าหลัก ไม่ว่าจะเป็นหน้าของ Today, Watch, Privilege, Community รวมถึงหน้า Call และ Chat การจัดหมวดหมู่นี้มีจุดมุ่งหมายเพื่อจัดลำดับความสำคัญในการเข้าถึงเนื้อหาที่เกี่ยวข้องของผู้ใช้งานได้อย่างราบรื่น

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

 

ดีไซน์หน้าจอมากกว่า 1,000+ หน้า  

ออกแบบและปรับปรุงทั้งเว็บแอปมือถือสำหรับตลาดต่างประเทศ

 

ระบบการดีไซน์เต็มรูปแบบ


ช่วยเสริมความรวดเร็วและความคิดสร้างสรรค์ในการออกแบบให้กับทีมพัฒนาของ TrueID

 

 

 

รองรับการใช้งานได้ถึง 4 ภาษา


รองรับภาษาอังกฤษ เขมร พม่า และเวียดนาม

https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/True_ID_UI_1_1_c18f8e680b.png

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

กระบวนการออกแบบอินเตอร์เฟซของแอปสตรีมมิ่งระดับนานาชาติอย่าง TrueID นั้นเริ่มจากการที่เราศึกษาแบรนด์และ style guide ของลูกค้า เพื่อให้มั่นใจว่าตัวเลือกในการออกแบบของเราตรงกับแบรนด์จริงๆ เมื่อศึกษาอย่างถ่องแท้แล้ว เราก็จัดเวิร์คช็อปผู้บริหาร ทำการค้นคว้า วิเคราะห์ข้อมูล และนำเสนอทางแก้ไขปัญหาในแต่ละส่วน

ในแต่ละเฟสของการพัฒนา เราได้ทำงานร่วมกับทีมพัฒนาอย่างใกล้ชิด ปรับการทำงานเข้ากับกระบวนการ Scrum ของพวกเขา และสนับสนุนการทำงานในการทำ automation และทดสอบมาตรฐานของระบบ เพื่อให้แน่ใจว่าดีไซน์ที่เราออกแบบมาสามารถใช้งานได้อย่างเหมาะสม

จัดเวิร์คช็อปกับผู้บริหาร → ค้นคว้าและวิเคราะห์ข้อมูล → นำเสนอทางแก้ไข

https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/True_ID_UI_Mobile_1_9e4fc6a757.png

 

อุปสรรคที่เราเอาชนะได้

1. ปรับปรุง user journey

หลังจากที่ minimum viable product (MVP) หรือ ผลิตภัณฑ์เวอร์ชันพื้นฐานที่สุดของแอปเปิดตัวไป เราก็ได้ร่วมงานกับผู้บริหารเพื่อพัฒนา user journey และฟีเจอร์ให้ดีขึ้น อ้างอิงจากข้อมูลที่ได้จากแอปและข้อมูลเชิงลึกจากทีมงานของ TrueID เอง และเมื่อเดือนพฤษภาคม ปี พ.ศ. 2565 เราได้พัฒนาบริการ ฟีเจอร์ และ journey ไปแล้วดังนี้

  • 5 โดเมนเนม
  • ระบบสะสมแต้ม
  • แพลตฟอร์มโซเชียลมีเดีย
  • บริการสตรีมเพลง
  • แพลตฟอร์มช็อปปิงที่ทำงานร่วมกัน
  • ระบบคลาวด์
  • และอื่นๆ อีกมากมาย

2. ช่วยแนะนำแนวทางในการสร้างแบรนด์

นอกจากนี้ TrueID ยังขอคำแนะนำในการทำระบบการออกแบบที่ดีจาก Seven Peaks ด้วย โดยในท้ายที่สุด เราได้ทำรูปแบบการนำทางในหน้าแอปและ style guide ให้พวกเขาเพื่อช่วยส่งเสริมธุรกิจและสร้างประสบการณ์ที่ลื่นไหลในการใช้งานแอปและเว็บไซต์ในเวอร์ชัน MVP

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


https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/True_ID_UI_2_1_a07fba854f.png

รักษาเอกลักษณ์ของแบรนด์ TrueID

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

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

https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/True_ID_UI_3_1_757d22cab3.png

 


มีโปรเจกต์อยู่ในใจหรือไม่?
ให้เราช่วยสร้างเทคโนโลยีตามความต้องการของคุณ
ติดต่อเรา