เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์การใช้งานของคุณบนเว็บไซต์นี้
image overlay

Jarvis

จัดเตรียมแดชบอร์ดเพื่อให้เหมาะสมต่อการใช้งาน CRM มากที่สุด

Jarvis เป็นแอปพลิเคชันการจัดการลูกค้าสัมพันธ์ (CRM) ที่ใช้โดยผู้เชี่ยวชาญในสหรัฐอเมริกาเพื่ออำนวยความสะดวกในการทำธุรกรรมและจัดการการดำเนินงานประจำวัน ทั้งยังใช้สำหรับจัดการงานด้าน e-commerce อีกด้วย

ภาพรวม

แดชบอร์ด หรือ หน้าสรุปข้อมูลของแอป e-commerce นั้นมักจะแสดงข้อมูลจำนวนมากเกินไปจนอาจทำให้ผู้ดูแลระบบหลงทางได้ ทางบริษัท Choice Tech จึงต้องการหลีกเลี่ยงปัญหานี้ใน Jarvis ซึ่งเป็นระบบการจัดการลูกค้าสัมพันธ์ (CRM) ของพวกเขา ด้วยเหตุนี้ พวกเขาจึงมอบหมายให้มอร์โฟซิสปรับปรุงให้หน้าแดชบอร์ดของ Jarvis นั้นใช้ง่ายขึ้นทั้งการค้นหาเทรนด์และข้อมูลธุรกรรมที่ต้องการ

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

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

ออกแบบหน้าจอกว่า 500 หน้า

เราออกแบบ Jarvis ใหม่ให้ใช้ง่ายขึ้นในหลายๆ ด้าน

ระบบการออกแบบที่สมบูรณ์

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

สัมภาษณ์เพื่อรวบรวมข้อมูลพฤติกรรมผู้ใช้

เราสัมภาษณ์ผู้มีส่วนเกี่ยวข้องที่สำคัญๆ เพื่อทำความเข้าใจพฤติกรรมและการใช้งานแอป

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

Jason Denison, Choice Technology Solutions

Director of UX/UI

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

กระบวนการทำงาน

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

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

https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/Wireframe_5f60173b76.jpg
https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/Second_Wireframe_3491b7ca66.jpg

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

1. ลำดับความสำคัญ

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

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

2. ข้อจำกัดด้านเวลา

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

3. ขั้นตอนการใช้งาน

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

https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/Hi_Fi_7bff7bf8f0.jpg
https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/Hi_Fi_last_section_dade366e8b.jpg
https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/Third_Hi_Fi_a63bb4dd94.jpg
https://morph-2-develop-strapi-bucket-qa.s3.ap-southeast-1.amazonaws.com/hi_fi_desktop_99826ddff3.jpg

รู้จักเรามากขึ้น

เข้าใจลูกค้าของคุณ สร้างกลยุทธ์ที่หลากหลาย และพัฒนาผลิตภัณฑ์ดิจิทัลที่ดียิ่งกว่า