การออกแบบเป็นส่วนสำคัญที่สุดในการสร้างแอพพลิเคชันใดๆ ในการเริ่มต้นการออกแบบ คุณต้องทำตามขั้นตอนด้านล่าง

กำหนดเป้าหมายสำหรับแอพพลิเคชันของคุณ (Set the goal for your app)

การตั้งเป้าหมายเป็นสิ่งสำคัญมากเพราะสามารถใช้เป็นข้อมูลอ้างอิงได้ตลอดกระบวนการ มันจะช่วยให้คุณติดตามได้

ทำตามแผน (Make a plan)

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

ศึกษาส่วนแบ่งตลาด (Research the market and the segment)

การวิจัยเป็นส่วนสำคัญของการออกแบบแอพ

สร้างแผนผังโครงสร้างของแอพพลิเคชัน (Create wire frames of your application)

Wire frame เป็นสถาปัตยกรรมภาพของแอพพลิเคชัน มันแสดงให้เห็นว่าแอพพลิเคชันจะมีลักษณะอย่างไรและจะทำงานอย่างไร ช่วยรวมการไหลของแอพพลิเคชัน

เมื่อสร้างแอพพลิเคชันใหม่ใน ONEWEB คุณต้องเลือกประเภทของแอพพลิเคชันที่คุณต้องการพัฒนาตามความต้องการของโครงการ สำหรับแต่ละสถานการณ์การพัฒนาจะมีเครื่องมือและฟังก์ชันที่แตกต่างกัน

Web App คืออะไร?

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

Mobile App คืออะไร?

แอพมือถือเป็นเชลล์แอพแบบไฮบริดที่พัฒนาโดยใช้เฟรมเวิร์กแอพพลิเคชันมือถือเช่น Apache Cordova แอพนี้มีประสบการณ์การใช้งานที่ดีที่สุดบนมือถือและสามารถเข้าถึงคุณลักษณะและฟังก์ชันของอุปกรณ์โดยใช้ปลั๊กอิน มันสามารถทำงานแบบออฟไลน์และมีฟังก์ชันแคชข้อมูลเพื่อเข้าถึงที่เก็บข้อมูลในอุปกรณ์ของคุณ. โค้ดส่วนใหญ่ได้รับการพัฒนาเป็นแพลตฟอร์มข้ามแพลตฟอร์มซึ่งหมายความว่าคุณเพียงแค่ต้องพัฒนาโครงการและโครงการแอพสามารถทำงานบนแพลตฟอร์มมือถือที่รองรับสองแพลตฟอร์ม (iOS และ Android)

แอพพลิเคชันมือถือหรือเว็บแอพพลิเคชัน: เลือกแบบไหน?

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

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

รูปแบบการออกแบบ 1 - รูปแบบที่มีโครงสร้าง (Structured Format) สามารถใช้ได้เมื่อ

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

รูปแบบการออกแบบ 2 - การควบคุมแบบ Morphing (Morphing Controls) สามารถใช้ได้เมื่อ

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

รูปแบบการออกแบบ 3 - ตัวแก้ไขแบบอินไลน์ (Inline Editor) สามารถใช้ได้เมื่อ

แก้ไขในตำแหน่งเดิมที่แสดงอยู่ แก้ไขโดยไม่ต้องเปลี่ยนเส้นทาง ง่ายและรวดเร็ว ใช้เอฟเฟกต์โฮเวอร์ในการร้องขอการแก้ไข

รูปแบบการออกแบบ 4 - ค่าเริ่มต้นที่ดี (Good Defaults) สามารถใช้ได้เมื่อ

กรอกแบบฟอร์มล่วงหน้า เริ่มต้นด้วยข้อมูลที่น่าจะตรงกันมากที่สุด เช่น ลงนามในจดหมายข่าว / ยอมรับข้อตกลงและข้อตกลง

รูปแบบการออกแบบ 5 - แท็บโมดูล (Module Tabs) สามารถใช้ได้เมื่อ

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

รูปแบบการออกแบบ 6 – การจัดหมวดหมู่ (Categorization) สามารถใช้ได้เมื่อ

จัดหมวดหมู่เนื้อหาเป็นส่วนลำดับชั้นโดยใช้ Tabs / Modules จัดหมวดหมู่เนื้อหาเป็นกลุ่ม จัดหมวดหมู่เป็นหมวดหมู่หรือส่วนหลัก (ซ้อนกัน)

รูปแบบการออกแบบ 7 - การเปิดเผยข้อมูลแบบก้าวหน้า (Progressive Disclosure) สามารถใช้ได้เมื่อ

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

รูปแบบการออกแบบ 8 - มุมมองที่ปรับเปลี่ยนได้ (Adaptable view) สามารถใช้ได้เมื่อ

UI ให้เหมาะกับความต้องการเฉพาะ ความเข้ากันได้บนอุปกรณ์ / ธีมต่างๆ สลับ/ปรับเปลี่ยนระหว่างสไตล์ต่างๆ ปรับแต่งการใช้งานและประสบการณ์ตามความต้องการเฉพาะของพวกเขา

รูปแบบการออกแบบ 9 – การแบ่งหน้า (Pagination) สามารถใช้ได้เมื่อ

ดูชุดย่อยของข้อมูลที่จัดเรียง ชุดข้อมูลถูกจัดเรียง ข้อมูลทั้งหมดไม่สามารถแสดงในหน้าเดียวได้

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

• การรวมบริการเว็บ (Web Service Integration)

• การผสานรวมโดยใช้ไฟล์ (Integration using Files)

• การผสานรวมโดยใช้ Java (Integration using Java)

• การผสานรวมผ่านฐานข้อมูล (Integration through Database)

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

เมื่อคุณออกแบบแอพพลิเคชันโดยใช้แพลตฟอร์ม ONEWEB อาจมีหลายประเภท

• แอพพลิเคชัน UI/ UX เพื่อให้หน้าเว็บคงที่

• Process Application - แอพพลิเคชั่นสำหรับการจัดการกระบวนการทางธุรกิจโดยใช้ ONEWEB เท่านั้น

• Interface Apps - แอพพลิเคชั่นที่ผสานรวมระหว่างระบบต่างๆโดยใช้ ONEWEB

• Complex Apps - โปรแกรมที่ประกอบด้วยการรวมกันของสามประเภทดังกล่าวข้างต้น

แอพประมวลผล (Process Apps) คือแอพที่ใช้ ONEWEB เพื่อจัดการกระบวนการทางธุรกิจ ซึ่งอาจมีหลายประเภทขึ้นอยู่กับธุรกิจของผู้ใช้ ด้านล่างนี้เป็นรูปแบบการออกแบบกระบวนการทางธุรกิจบางส่วน ที่พบมากที่สุด

รูปแบบการออกแบบ 1 - ลำดับ (Sequential)

โฟลว์ประเภทที่พบได้บ่อยที่สุด งานติดตามกัน จะเริ่มเมื่องานก่อนหน้านี้เสร็จสิ้นเท่านั้น

รูปแบบการออกแบบ 2 - ขนาน (Parallel)

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

รูปแบบการออกแบบ 3 - ไฮบริด (Hybrid)

รูปแบบการออกแบบ 4 -แม่/ลูก (Parent Child)

รูปแบบการออกแบบ 5 - วนซ้ำ (Loop)

ใช้การวนซ้ำเพื่อสร้างกิจกรรมเดิมซ้ำไปเรื่อยๆ จนกว่าจะตรงตามเงื่อนไขที่กำหนด อาจมีกฎการเริ่มต้นเพื่อชะลอการเริ่มกิจกรรม หรือกฎปลายทางเพื่อเลื่อนงานไปข้างหน้า