UX Workshop และการออกแบบและพัฒนาแอพพลิเคชั่นมือถือ

View in another language:
เพื่อนของฉัน

โลโก้เพื่อนฉัน

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

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

Team
1 สถาปนิก
ผู้อำนวยการ UX/UI 1 คน
1 นักออกแบบเว็บไซต์
3 นักพัฒนาอุปกรณ์พกพา
นักพัฒนาแบ็คเอนด์ 2 คน
Methodology
เวิร์คช็อป UX/UI
ระเบียบวิธีแบบคล่องตัว (MA)
Tools
นกกระจอก
การทำงานเป็นทีม
อะโดบี XD
Technologies
PHP, Flutter
Timeframe
1 year

การปรึกษาเบื้องต้น : Discovery Workshop

เพื่อช่วยให้ทีม MyFriend เริ่มต้นโครงการได้ เราจึงเสนอบริการให้คำปรึกษาเพื่อระดมความคิดและเขียนเอกสารเบื้องต้นเพื่อสร้างโครงร่างแผนการพัฒนา เราเสนอบริการนี้ผ่านเวิร์กช็อปเพื่ออุทิศเวลาให้กับการศึกษาโครงการ วิเคราะห์กระบวนการ และสร้างโครงร่างสำหรับหน้าจออินเทอร์เฟซ พร้อมกันนั้น เราจะประเมินโซลูชันทางเทคนิคที่ดีที่สุดสำหรับโครงการ ในกรณีนี้ เราเสนอเวิร์กช็อป 2 ครั้ง ซึ่งประกอบด้วย เวิร์กช็อปการค้นพบ และ เวิร์กช็อปการวิจัย UX เวิร์กช็อปประกอบด้วยจำนวนชั่วโมงที่กำหนดไว้สำหรับเซสชันการประชุมโต้ตอบระหว่างทีม MyFriend และทีม Outsourcify การวางแผนเซสชันเหล่านี้ (การสร้างแผนงาน) การวิเคราะห์ที่ดำเนินการโดย Outsourcify และการเตรียมและเขียนเอกสาร แนวคิด การลงรายละเอียดผังงาน การสร้างโครงร่าง ฯลฯ โดย Outsourcify

การส่งมอบในระยะนี้คือ:

  • ผลลัพธ์ของ Discovery Workshop: แผนปฏิบัติการ คุณสมบัติหลัก
  • เอกสารข้อกำหนดความต้องการ (มากกว่า 50 หน้า)
  • เอกสารแบบจำลองข้อมูล
  • ข้อกำหนดโดยละเอียดสำหรับอินเทอร์เฟซผู้ใช้ที่แตกต่างกัน: เว็บไซต์ แอปมือถือ แผงควบคุมไคลเอนต์ แผงควบคุมมืออาชีพ
Registration Scenarios

เวิร์คช็อป UX

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

  • เวิร์คช็อปประสบการณ์ผู้ใช้ (UX)
    • การวิจัย UX: เราเสนอการวิจัยผู้ใช้ การประเมินคู่แข่ง ข้อมูลเชิงลึกของลูกค้า บุคลิก และกลยุทธ์ UX
    • CX (ประสบการณ์ของลูกค้า) และการทำแผนที่การเดินทางของผู้ใช้: เราค้นคว้าและดำเนินการประสบการณ์ของผู้ใช้ในทุกจุดสัมผัสเพื่อทำความเข้าใจการเดินทางแบบองค์รวมของผู้ใช้ของคุณ
    • โครงสร้างเนื้อหา
    • กลยุทธ์การนำทางและการค้นหา
  • เวิร์คช็อป Wireframing
    • คุณสมบัติและข้อกังวลทางเทคนิค (การโต้ตอบ บุคคลที่สาม)
    • การสรุปแผนผังเว็บไซต์
    • การสร้างโครงร่างประสบการณ์ผู้ใช้: เราทำงานในกระบวนการแบบคล่องตัวและดำเนินการตามกระบวนการแบบวนซ้ำเพื่อกำหนดประสบการณ์ผู้ใช้ของเทมเพลตหน้าทั้งหมดของแอปบนเว็บ
    • การสร้างต้นแบบ: เราออกแบบต้นแบบไวร์เฟรมแบบไดนามิกที่สามารถทดสอบกับผู้ถือผลประโยชน์ได้
MyFriend-Wireframe

สถาปัตยกรรมและการพัฒนาแอพมือถือ

หลังจากการประชุมเชิงปฏิบัติการเบื้องต้นและการสร้างโครงร่างของวัตถุประสงค์ในระดับที่ใหญ่กว่า ทีมงาน MyFriend ตัดสินใจที่จะเริ่มพัฒนาแอปพลิเคชันมือถือ MVP ซึ่งมีคุณลักษณะหลักๆ ดังต่อไปนี้:

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

โซลูชันทางเทคนิคที่เราเลือกนั้นได้รับการปรับให้เหมาะกับความต้องการในการเปิดตัวแอปมือถือภายในเวลาไม่กี่เดือน เนื่องจากจำเป็นต้องใช้แพลตฟอร์มอีคอมเมิร์ซในการจัดการผลิตภัณฑ์และคำสั่งซื้อ เราจึงเลือก Sylius/Symfony เป็นพื้นฐานและตัดสินใจสร้างแอปมือถือข้ามแพลตฟอร์มเพื่อเปิดตัวแอปได้อย่างรวดเร็วทั้งบน Apple App Store และ Android Play Store

  • แอพมือถือ : Flutter เฟรมเวิร์กสำหรับแอพมือถือที่สร้างขึ้นโดย Google ซึ่งช่วยให้ผู้พัฒนาสามารถพัฒนาข้ามแพลตฟอร์มสำหรับ iOS และ Android จากแหล่งโค้ดเดียวด้วยประสิทธิภาพที่ใกล้เคียงกับแอพเนทีฟ และพัฒนาได้ง่าย
  • แบ็กเอนด์และแผงควบคุมผู้ดูแลระบบ : Symfony + แพลตฟอร์ม API + Sylius + ฐานข้อมูล MySQL เฟรมเวิร์ก PHP ของ Symfony จะนำเสนอฟีเจอร์ที่จำเป็นอย่างแท้จริงในขณะที่ปกป้องแอพเว็บจากภัยคุกคามด้านความปลอดภัย แพลตฟอร์ม API เป็นไลบรารีสำหรับ Symfony ที่ทำให้กระบวนการสร้าง API ง่ายขึ้น Sylius เป็นแพลตฟอร์มอีคอมเมิร์ซสำหรับ Symfony และแพลตฟอร์ม API
MyFriend-app

ประเด็นหลักของแอพมือถือ

เทคโนโลยี:
  • แอปนี้ได้รับการพัฒนาด้วย Flutter เพื่อช่วยให้เผยแพร่ได้อย่างรวดเร็วบน Apple App Store และ Android Play Store
  • เราเริ่มพัฒนาจากโครงลวดมือถือและใช้ Flutter UI, ส่วนประกอบ
  • จากนั้นเราจึงปรับเปลี่ยนส่วนประกอบให้เข้ากับการออกแบบ
  • เราใช้แพ็คเกจ Flutter Provider สำหรับการจัดการสถานะ
คุณสมบัติหลัก:
  • โปรไฟล์ผู้ใช้และความสามารถในการเพิ่มสัตว์เลี้ยงทั้งหมดของพวกเขา
  • โปรไฟล์สัตว์เลี้ยง รวมถึงการจัดการข้อมูลทางการแพทย์สำหรับสัตว์เลี้ยง อนุญาตให้ผู้ใช้ป้อนข้อมูลนี้เพื่อใช้ในภายหลังกับสัตวแพทย์มืออาชีพ
  • คุณสมบัติการช้อปปิ้งช่วยให้ผู้ใช้สามารถซื้ออาหารและบริการต่างๆ สำหรับสัตว์เลี้ยงของตนเองได้
  • นิตยสาร: บทความและข่าวสารแสดงเคล็ดลับและคำแนะนำล่าสุดสำหรับเจ้าของสัตว์เลี้ยง
ด้านที่ท้าทายในระหว่างการพัฒนา:
  • แสดงข้อมูลที่ซับซ้อนซึ่งผู้เชี่ยวชาญสามารถดูได้และเป็นมิตรเพียงพอที่จะให้ผู้ใช้ป้อนข้อมูลได้
  • การพัฒนาอย่างคล่องตัวเพื่อปรับตัวให้เข้ากับรูปแบบธุรกิจที่เปลี่ยนแปลง
  • การส่งมอบแอปพลิเคชันมือถืออีคอมเมิร์ซที่มีฟังก์ชันครบครันภายใน 3 เดือนเป็นเรื่องท้าทาย แต่เราก็สามารถบรรลุได้!

สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!

ติดต่อเรา
สนใจเวิร์กชอปของเราไหม
พูดคุยกับทีมงานของเรา!