ความคิดเห็น: บทความนี้แนะนำกระบวนการทั้งหมดของการพัฒนาของ NetEase Weibo ด้วย HTML5
HTML5 ได้รับความนิยมมากขึ้นจากทีมพัฒนาอินเทอร์เน็ตทั้งในและต่างประเทศ ต่างประเทศ Google กำลังพัฒนา Chrome Web Store อย่างกระตือรือร้น Microsoft ได้เปิดตัวเว็บไซต์ธีมฤดูใบไม้ผลิของไอริชที่สนับสนุนการพัฒนาเทคโนโลยี HTML5 และ Nokia ได้ลงทุนอย่างมากในการซื้อและสร้างธุรกิจแผนที่ Nokia ยักษ์ใหญ่ทางอินเทอร์เน็ตในประเทศมีความสนใจในมาตรฐานการพัฒนาเว็บใหม่ที่ถูกเป่าจากทั่วมหาสมุทรและเริ่มทดสอบผลิตภัณฑ์ HTML5ผลิตภัณฑ์เว็บแพลตฟอร์ม iPhone ของ Netease Weibo ได้เปิดตัวสำเร็จในไตรมาสแรกของปี 2012 ตอนนี้ฉันจะแบ่งปันประสบการณ์และบทเรียนที่เรียนรู้จากการพัฒนาโครงการนี้กับคุณและฉันหวังว่าจะเติบโตไปพร้อมกับคุณในสภาพแวดล้อมการพัฒนา HTML5
การจัดพนักงาน
1. การกำหนดค่านักพัฒนา
ผู้จัดการผลิตภัณฑ์: 1 คน;
นักออกแบบปฏิสัมพันธ์: 1;
นักออกแบบภาพ: 1;
วิศวกรส่วนหน้า: 1;
วิศวกรหลังเวที: 2;
ผู้ทดสอบ: 1 คน
2. เวลาในการพัฒนา
นักออกแบบปฏิสัมพันธ์: 22 วันทำการ;
นักออกแบบภาพ: 14 วันทำการ;
วิศวกรส่วนหน้า: 50 วันทำการ;
Backend Engineer: เนื่องจากการใช้ข้อมูลแบ็กเอนด์ดั้งเดิมคุณจะต้องร่วมมือกับวิศวกรส่วนหน้าเพื่อโทรหาข้อมูล
ในหมู่พวกเขาการมีปฏิสัมพันธ์และส่วนหน้าใช้เวลานานที่สุดในรอบการพัฒนาทั้งหมด
กระบวนการพัฒนาแอพพลิเคชั่นเว็บ Weibo
1. การวางแผนข้อกำหนดในการใช้งาน: แตกต่างจากเว็บและลูกค้าท้องถิ่น
บุคคลที่รับผิดชอบ: ผู้จัดการผลิตภัณฑ์; ผู้เข้าร่วม: นักออกแบบปฏิสัมพันธ์
NetEase Webo Web App (ทั้งหมดอ้างถึงโทรศัพท์มือถือในบทความนี้) แตกต่างจากผลิตภัณฑ์เว็บและยังแตกต่างจากลูกค้าท้องถิ่น
1. เมื่อเทียบกับเว็บแอป NetEase Weibo มีข้อได้เปรียบที่แข็งแกร่งเช่นการเคลื่อนไหวและความอุดมสมบูรณ์ของสื่อและมีข้อเสียเช่นพื้นที่การนำเสนอข้อมูลขนาดเล็กและสถาปัตยกรรมข้อมูลลึก สถานการณ์การใช้งานของทั้งสองนั้นแตกต่างกัน Weibo Web ส่วนใหญ่ใช้อย่างมากภายใต้เวลาที่อุดมสมบูรณ์และเงื่อนไขเครือข่ายที่เหนือกว่า แอพพลิเคชั่นเว็บ Weibo ส่วนใหญ่ใช้ภายใต้เวลาเล็กน้อยและเงื่อนไขเครือข่ายที่มีคุณภาพไม่สม่ำเสมอ
ดังนั้นแอป NetEase Weibo ควรหลีกเลี่ยงฟังก์ชั่นขนาดใหญ่และสมบูรณ์และจำเป็นต้องแยกและเลือกฟังก์ชั่นที่ใช้กันมากที่สุดโดยผู้ใช้ในสภาพแวดล้อมมือถือจากเว็บและเพิ่มฟังก์ชั่นความต้องการที่ไม่ซ้ำกันในด้านมือถือ (เช่นฟังก์ชั่นบริการท้องถิ่นจะได้รับการพิจารณาในขั้นตอนการวนซ้ำ)
2. เมื่อเทียบกับลูกค้าในท้องถิ่น NetEase Webo Web App มีข้อดีของการติดตั้งการอัพเกรดอย่างง่ายต้นทุนการพัฒนาที่ต่ำและการจัดวางที่ปรับตัวได้ นอกจากนี้ยังมีข้อดีของความเร็วในการตอบสนองที่ช้าการอนุญาตต่ำสำหรับการดึงการควบคุมแบบดั้งเดิมของโทรศัพท์มือถือและความเสถียรที่อ่อนแอเล็กน้อย
ขึ้นอยู่กับข้อดีและข้อเสียของทั้งสองแอป NetEase Weibo Web จำเป็นต้องได้รับประสบการณ์ที่มีคุณภาพสูงของลูกค้าในท้องถิ่นและพยายามทำให้แน่ใจว่ามีน้ำหนักเบาและรวดเร็ว
ในคำหนึ่งฟังก์ชั่นของเว็บแอปสามารถปรับปรุงได้มากกว่าของเว็บและลูกค้าท้องถิ่นตอบสนองความต้องการหลักของผู้ใช้ในสภาพแวดล้อมมือถือ
การวางแผนฟังก์ชั่นแอปพลิเคชันเว็บ Weibo ดังที่แสดงด้านล่าง:
2. การออกแบบสถาปัตยกรรมข้อมูล: ตื้นและแคบที่สุดเท่าที่จะทำได้
บุคคลที่รับผิดชอบ: นักออกแบบปฏิสัมพันธ์; ผู้เข้าร่วม: ผู้จัดการผลิตภัณฑ์
ผู้ที่ทำผลิตภัณฑ์อินเทอร์เน็ตบนมือถือต้องรู้ว่าทำไมสถาปัตยกรรมข้อมูลจึงต้องตื้นและแคบที่สุดเท่าที่จะทำได้ เหตุผลที่ดีที่สุดคือพื้นที่แสดงผลขนาดเล็กและราคาแพงของโทรศัพท์มือถือ สถาปัตยกรรมข้อมูลของลูกค้าท้องถิ่นของโทรศัพท์มือถือจะต้องตื้นและแคบและเว็บแอพต้องการสิ่งนี้มากยิ่งขึ้นเพราะมีแถบเครื่องมือด้านล่างของเบราว์เซอร์ในหน้าเบราว์เซอร์ทำให้พื้นที่แสดงผลขนาดเล็กที่คับแคบ ดังที่แสดงในรูปด้านล่าง:
แถบเครื่องมือเบราว์เซอร์ที่ด้านล่างของหน้าจอโทรศัพท์มือถือไม่มีประโยชน์มากสำหรับผลิตภัณฑ์เว็บแอป: เว็บแอปเองเป็นแอปพลิเคชันวงปิดและไม่จำเป็นต้องใช้แถบเครื่องมือเบราว์เซอร์ แม้ว่ามันจะไม่ส่งผลกระทบต่อสถาปัตยกรรมข้อมูลขนาดใหญ่ แต่ก็จะกัดกร่อนพื้นที่แสดงผลที่มีค่าและมีผลกระทบที่สำคัญต่อการออกแบบระบบนำทาง (ส่วนนี้ได้รับการวิเคราะห์สั้น ๆ ในบทความก่อนหน้านี้ "การอภิปรายเกี่ยวกับการออกแบบการนำทางของ iPhone Web App")
บทนำบทความ WebJX: NetEase Weibo การพัฒนาที่แท้จริงของ HTML5
3. การออกแบบปฏิสัมพันธ์: ง่ายและมีประสิทธิภาพ
บุคคลที่รับผิดชอบ: นักออกแบบปฏิสัมพันธ์; ผู้เข้าร่วม: ผู้จัดการผลิตภัณฑ์, นักออกแบบภาพ, วิศวกรส่วนหน้า, ช่างเทคนิคด้านหลัง
แนวคิดการออกแบบปฏิสัมพันธ์:
แนวคิดการออกแบบการโต้ตอบที่เฉพาะเจาะจงของผลิตภัณฑ์นี้มาจาก: การสำรวจสถานการณ์การใช้งานผู้ใช้การวิเคราะห์คู่แข่งสถานะการวิจัยเว็บแอปและข้อกำหนดของ Weibo Web App แนวคิดการออกแบบปฏิสัมพันธ์ในที่สุดสรุปส่วนใหญ่:
1. ความสะดวกในการค้นหาที่เพิ่มขึ้น:
การเสริมสร้างการนำทางทั่วโลกกลับไปที่หน้าแรกอย่างรวดเร็วการดำเนินการทั่วไปทั่วไปการสาธิตแอนิเมชั่นในเวลาที่เหมาะสมเค้าโครงหน้าเว็บที่เรียบง่ายและชัดเจน ฯลฯ
2. ปรับปรุงประสิทธิภาพการใช้งาน
ลดระดับสถาปัตยกรรมข้อมูลให้รายการคีย์ทางลัดที่เหมาะสมตรวจสอบให้แน่ใจว่าพื้นที่สัมผัสที่ปลอดภัยพิจารณานิสัยการท่องเว็บของผู้ใช้ให้ความสำคัญกับฟังก์ชั่นหลักกำจัดเสียงรบกวนที่ไม่จำเป็น ฯลฯ
3. ฉลาดและมีน้ำใจมากขึ้น
รองรับการใช้งานแบบออฟไลน์การกรอกข้อมูลโดยอัตโนมัติในการแก้ไขหลังจากการหยุดชะงักที่ไม่คาดคิดการใช้กล่องเตือนอย่างระมัดระวังความช่วยเหลือในการดำเนินการตามคำแนะนำการค้นหาแถบเครื่องมือที่จัดไว้สำหรับความต้องการงานปัจจุบันข้อเสนอแนะที่ใช้งานและมีประสิทธิภาพ ฯลฯ
4. ปรับปรุงความเข้มข้นของงาน
เส้นทางการดำเนินการงานเดียว, การนำทางแท็บที่ซ่อนอยู่ในเวลาที่เหมาะสมกำจัดปัจจัยรบกวนการแสดงผลปุ่มสีเกรย์สเกลไม่พร้อมใช้งาน
5. แพลตฟอร์มความสอดคล้อง:
ดูตอนนี้คลิกที่รายการมุมมองของแพลตฟอร์ม iOS, push screen animation ระหว่างการดำเนินการไปข้างหน้าและส่งคืน, มุมมองโมดอลของแพลตฟอร์ม iOS, กล่องเตือน, การควบคุมการโทรแบบดั้งเดิม, Logic Jump ที่ง่ายและชัดเจน ฯลฯ
แนวคิดการออกแบบแบบโต้ตอบในขั้นตอนนี้ไม่ได้เป็นเพียงแนวคิดอีกต่อไป แต่เป็นคำแนะนำการออกแบบที่เฉพาะเจาะจงสำหรับผลิตภัณฑ์เว็บแอป วิธีการใช้งานการออกแบบที่มีแนวคิดการออกแบบที่สวยงามเป็นการนำไปใช้ที่สำคัญในขั้นตอนการวิจัยการออกแบบ
มีเนื้อหาและรายละเอียดการออกแบบมากมายที่นี่เราจะรับรายละเอียดหนึ่งรายการเพื่อแบ่งปันกับคุณ:
เพิ่มความสะดวกในการค้นหา - ปรับปรุงการนำทางทั่วโลก
เมื่อเทียบกับ WAP Weibo ดั้งเดิมการดำรงอยู่ของแถบการนำทางทั่วโลกเป็นการเปลี่ยนแปลงครั้งใหญ่ ลองวิเคราะห์เหตุผลในการทำสิ่งนี้สั้น ๆ :
- สภาพแวดล้อมการใช้งานของผู้ใช้คืออะไร? - สถานการณ์มือถือกลางแจ้ง (เช่นบนรถไฟใต้ดินหรือในแถว) หรือสถานะว่างในร่ม (เช่นการเรียกดู Weibo ก่อนเข้านอน);
- จุดประสงค์ของผู้ใช้ที่มาที่หน้านี้คืออะไร? -Browse Weibo;
- การกระทำทั่วไปที่ผู้ใช้ใช้ในหน้านี้คืออะไร? - ดึงลงเพื่ออ่านด้านบนและโหลดข้อมูลใหม่คลิกแท็บอื่น ๆ เพื่อทำการกระโดด
- มีประโยชน์อะไรบ้างถ้าแถบการนำทางทั่วโลกได้รับการแก้ไขที่ด้านบน? - สะดวกสำหรับผู้ใช้ที่จะกลับไปที่ด้านบนสะดวกสำหรับผู้ใช้ในการโหลดข้อมูลใหม่สะดวกสำหรับผู้ใช้ในการสลับแท็บและมีความรู้สึกที่แข็งแกร่งของการควบคุมทั่วโลก
- ข้อเสียคืออะไรถ้าแถบการนำทางทั่วโลกได้รับการแก้ไขที่ด้านบน? -พื้นที่แสดงข้อมูลที่มีค่า
-
ในระหว่างการใช้งานของผู้ใช้พฤติกรรมของการตรึงการรีเฟรชและแท็บการสลับเป็นพฤติกรรมที่ค่อนข้างบ่อยและจำเป็นต้องมั่นใจในการดำเนินการ แถบการนำทางทั่วโลกที่คงที่สามารถตอบสนองความต้องการนี้: การคลิกที่คีย์หน้าแรกสามารถเติมและรีเฟรชซึ่งสามารถช่วยให้ผู้ใช้สามารถสลับแท็บได้ ในขณะเดียวกันแถบการนำทางทั่วโลกคงที่สามารถช่วยให้ผู้ใช้ทราบได้อย่างชัดเจนว่าพวกเขาอยู่ที่ไหนและสามารถไปที่ไหนทำให้ผู้ใช้มีความรู้สึกที่ดีในการควบคุมทั่วโลก
4. การออกแบบภาพ: การทดลองสไตล์สด
บุคคลที่รับผิดชอบ: นักออกแบบภาพ; ผู้เข้าร่วม: ผู้จัดการผลิตภัณฑ์, นักออกแบบปฏิสัมพันธ์, วิศวกรส่วนหน้า
การพิจารณารูปแบบการมองเห็นของ NetEase Weibo Web App ได้รับการพูดคุยผ่านหลายมุม:
1. เราควรรักษาโทนสีให้สอดคล้องกับไคลเอนต์ Netease Weibo หรือไม่?
ผลิตภัณฑ์จำเป็นต้องรักษาความสอดคล้องบางอย่างบนแพลตฟอร์มที่แตกต่างกันและสไตล์สีก็เป็นส่วนสำคัญในการสร้างอารมณ์ของผลิตภัณฑ์ ดังนั้นเราจำเป็นต้องใช้สกินที่คล้ายกับลูกค้าในพื้นที่ของ NetEase Weibo หรือไม่? สีหลักของลูกค้าท้องถิ่นของ Netease Weibo เป็นสีแดง
การวิเคราะห์มีดังนี้:
- ประโยชน์ของการใช้สีแดงนี้คือ: ความสอดคล้องของผลิตภัณฑ์ที่แข็งแกร่ง อารมณ์ของผลิตภัณฑ์ที่เกิดขึ้นด้วยสีแดงมีพลังมากขึ้น
-ข้อเสียของการใช้สีแดงนี้คือพื้นที่สีแดงนั้นสะดุดตาเล็กน้อยเมื่อเทียบกับเนื้อหาของ Weibo และการอ่านที่ดื่มด่ำนั้นยากที่จะบรรลุ
การใช้ NetEase Webo Web App ผ่านเบราว์เซอร์ Safari เอฟเฟกต์ภาพสุดท้ายจะแตกต่างจากลูกค้าท้องถิ่นที่แถบเครื่องมือเบราว์เซอร์มักจะใช้พื้นที่ที่ด้านล่างของหน้าจอเสมอ สีแดงเป็นสีที่ค่อนข้างมีเสียงดังในขณะที่แถบเครื่องมือของเบราว์เซอร์เป็นสีน้ำเงินและสีเทาซึ่งค่อนข้างเงียบ ช่องว่างขนาดใหญ่ระหว่างสองสีนี้ทำให้แว่นตาอึดอัดอย่างมาก
จากการวิเคราะห์ข้างต้นมันไม่เหมาะที่จะใช้สีแดงของลูกค้าในท้องถิ่น
บทนำบทความ WebJX: NetEase Weibo การพัฒนาที่แท้จริงของ HTML5
2. ผลกระทบของการทำงานในเบราว์เซอร์ Safari คืออะไร?
Netease Webo Web App ใช้งานและแสดงจากเบราว์เซอร์ Safari ซึ่งเป็นหนึ่งในสภาพแวดล้อมสำหรับผลิตภัณฑ์นี้ หน้าเว็บให้ความรู้สึกที่เบาและคล่องตัวแก่ผู้คนในขณะที่ลูกค้าในท้องถิ่นให้ความรู้สึกหนักและมั่นคง
ดังนั้นสไตล์การมองเห็นที่มีน้ำหนักเบาจึงเป็นตัวเลือกที่ดี
3. แนวโน้มสไตล์ภาพปัจจุบัน
สไตล์สดที่นำโดย Metro UI และ Google+ ได้กลายเป็นแนวโน้มการพัฒนาสไตล์ภาพที่สำคัญ หลังจากประสบการณ์การมองเห็นที่ยอดเยี่ยมและซับซ้อนฉันกลับไปสู่ความเรียบง่ายและสไตล์การมองเห็นที่สดใหม่เริ่มได้รับความนิยม
ดังนั้นนักออกแบบภาพได้ลองใช้ความพยายามในการมองเห็นหลายครั้งรวมถึงสีแดงสีดำเย็นและสีเทาอ่อนสด หลังจากเปรียบเทียบจากหลายฝ่ายทุกคนเห็นพ้องกันว่าสีเทาสดและสีอ่อนคือ สดและสีเทาอ่อนเป็นสีหลักและสถานะที่คลิกไอคอนเป็นสีแดงที่ใช้กันทั่วไปโดย NetEase ซึ่งรักษาความสอดคล้องของสไตล์ภาพในระดับหนึ่ง
5. การพัฒนาส่วนหน้า: ทำลายลูกเล่น
บุคคลที่รับผิดชอบ: วิศวกรส่วนหน้า; ผู้เข้าร่วม: ผู้จัดการผลิตภัณฑ์, นักออกแบบปฏิสัมพันธ์, นักออกแบบภาพ, ช่างเทคนิคแบ็คเอนด์
เมื่อคุณไปถึงส่วนนี้คุณอาจกังวลมากขึ้นเกี่ยวกับรหัสเฉพาะและกรอบการใช้งานเป็นอย่างไร? ขออภัยความลับของผลิตภัณฑ์ที่เกี่ยวข้องใน บริษัท และรหัสการใช้งานเฉพาะไม่สามารถแสดงต่อทุกคนได้ ยกโทษให้ฉัน!
ที่นี่เราเลือก 2 คำถามของชาวเน็ตเพื่อตอบสั้น ๆ :
คำถามที่ 1: คุณสามารถพูดคุยเกี่ยวกับสถาปัตยกรรมส่วนหน้าได้หรือไม่? ทำไม Sencha ไม่ได้ใช้?
คำตอบ: เนื่องจาก Sencha Touch 1.x/2.x, jQuery Mobile ฯลฯ ไม่เหมาะสำหรับการปรับแต่งประสิทธิภาพและการใช้ทรัพยากรการใช้ NetEase Front-end ได้พัฒนากรอบของตัวเอง อย่างที่คุณพูดมันใช้ SEAJS เพื่อจัดการการโหลดสคริปต์และ Iscroll จำลองการเลื่อน ดูเหมือนว่าเอฟเฟกต์ยังคงดี NetEase Front-end จะยังคงปรับปรุงเฟรมเวิร์กนี้ต่อไป
คำถามที่ 2: คุณสามารถถ่ายรูปและอัปโหลดรูปภาพได้หรือไม่?
iPhone Safari ไม่อนุญาตให้ดึงกล้องและแกลเลอรี่ดังนั้นข้อกำหนดนี้ยังไม่เป็นไปตาม โดยวิธีการถ้า Android ให้สิทธิ์มันจะตอบสนองความต้องการเร่งด่วนนี้อย่างแน่นอนในเวลานั้น
6. งานติดตามผล
งานที่ตามมาส่วนใหญ่เกี่ยวข้องกับการตรวจสอบแบบโต้ตอบการตรวจสอบด้วยภาพการทดสอบ QA สรุปและข้อเสนอแนะเพื่อแก้ไขปัญหาหลังจากเปิดตัวและวางแผนสำหรับการทำซ้ำครั้งต่อไป ทุกคนเข้าใจกระบวนการโครงการดังนั้นฉันจะไม่พูดอะไรมากมาย
บทเรียนที่เรียนรู้จากสิ่งนี้
1. ความรู้สึกเกี่ยวกับเวิร์กโฟลว์
1. กลายเป็นประสบการณ์ที่ยอดเยี่ยมในการออกแบบเป็นแนวทาง
โครงการนี้เป็นตัวอย่างทั่วไปของวิธีการออกแบบที่มุ่งเน้น อันดับแรกมันจะให้เวลาและพื้นที่พอที่นักออกแบบเล่นได้ในขณะที่เทคโนโลยีสามารถตอบโต้ได้ แนวคิดการทำงานนี้เป็นรากฐานที่สำคัญของผลิตภัณฑ์ทั้งหมดเพื่อให้ได้ประสบการณ์การใช้งานที่ดี เทคโนโลยี HTML5 นั้นทรงพลังและมีความเป็นไปได้มากเกินไป และการออกแบบคือการกำหนดความเป็นไปได้ทางเทคนิคเหล่านี้ให้เป็นแม่พิมพ์
2. ผู้จัดการผลิตภัณฑ์การโต้ตอบการมองเห็นการสื่อสารส่วนหน้าในเวลาที่เหมาะสมและบ่อยครั้ง
ตลอดทั้งโครงการผู้จัดการผลิตภัณฑ์นักออกแบบปฏิสัมพันธ์นักออกแบบภาพและวิศวกรส่วนหน้ามีการประชุมทุกสัปดาห์ ต่อมาได้พิสูจน์แล้วว่าการสื่อสารบ่อยครั้งลดอัตราการทำงานใหม่และปรับปรุงประสิทธิภาพการพัฒนา
3. วิ่งอย่างรวดเร็วด้วยขั้นตอนเล็ก ๆ และมุ่งเน้นไปที่การทำซ้ำ
ผลิตภัณฑ์ Netease Weibo ค่อนข้างซับซ้อนและความคืบหน้าการพัฒนาของ HTML5 นั้นค่อนข้างช้าและกำลังคนมี จำกัด เป็นไปไม่ได้ที่จะทำรายละเอียดการทำงานทั้งหมดให้เสร็จสมบูรณ์และออนไลน์ในเวลาเดียวกัน มิฉะนั้นจะใช้เวลาหนึ่งเดือนในการดีบักในภายหลังโดยเพิ่มภาระหนักในการพัฒนาผลิตภัณฑ์อย่างรวดเร็ว ดังนั้นมันจึงกลายเป็นตัวเลือกที่หลีกเลี่ยงไม่ได้ที่จะทำฟังก์ชั่นหลักมากที่สุดในฉบับแรก
2. ประสบการณ์ผู้ใช้
1. ระบบนำทางเหมาะสมกว่าที่ด้านบนของหน้าจอ
แถบเครื่องมือของเบราว์เซอร์มีอยู่เสมอซึ่งทำให้แถบการนำทางแท็บไม่เหมาะที่จะแก้ไขที่ด้านล่างของหน้าจออีกต่อไปและด้านบนเหมาะสมกว่า
2. ความสะดวกสบายมีความสำคัญมากกว่าและฟังก์ชั่นที่ใช้กันมากที่สุดได้รับการตั้งค่าอย่างชาญฉลาด
เนื่องจากประสิทธิภาพของผลิตภัณฑ์และประสิทธิภาพของเบราว์เซอร์ความคล่องแคล่วของแอปพลิเคชันเว็บในปัจจุบันและความเร็วในการกระโดดยังไม่สามารถเทียบได้กับแอพดั้งเดิมและค่าใช้จ่ายในการกระโดดจะสูงขึ้นเล็กน้อย ดังนั้นจึงจำเป็นที่จะต้องนำฟังก์ชั่นที่ใช้กันมากที่สุดเข้ามาใกล้ผู้ใช้เพื่อลดค่าใช้จ่ายในการรอคอยที่เกิดจากการกระโดด
3. ร่างภาพเป็นความสมดุลระหว่างสุนทรียศาสตร์และความเรียบง่าย ร่างภาพส่วนใหญ่จำเป็นต้องใช้งานโดยใช้รหัส
วิสัยทัศน์เกือบทั้งหมดถูกนำไปใช้ผ่านรหัสและเป็นการดีที่สุดที่จะไม่ซับซ้อนเกินไปที่จะออกแบบด้วยภาพ นอกจากนี้ยังต้องใช้เวลาสำหรับวิศวกรส่วนหน้าในการย่อยร่างภาพ
3. การทำความเข้าใจเกี่ยวกับการใช้งานทางเทคนิค
1. ข้อ จำกัด การอนุญาตของเบราว์เซอร์ Safari แอพพลิเคชั่นเว็บไม่สามารถเรียกเครื่องมือกล้องถ่ายรูปและไม่รองรับฟังก์ชั่นการอัปโหลดรูปภาพ
นี่คืออาการปวดหัวและสิ่งที่ช่วยอะไรไม่ได้ สิทธิ์ที่มอบให้กับระบบ iOS ไปยังเว็บแอปต่ำเกินไป ในทางตรงกันข้ามแอปพลิเคชันเว็บของระบบ Android สามารถดึงการควบคุมกล้องและรองรับฟังก์ชั่นการอัปโหลดอิมเมจ Weibo (แต่เวอร์ชัน Android ยังไม่ได้รับการพัฒนา)
2. cutscenes ไม่สามารถบรรลุเอฟเฟกต์ที่ราบรื่นเช่นลูกค้าในท้องถิ่น
เหตุผลคือ: ฉากตัดที่ดีจะกัดกร่อนประสิทธิภาพของผลิตภัณฑ์ เทคโนโลยี HTML5 ไม่สมบูรณ์แบบและเป็นผู้ใหญ่ ยังคงขาดเบราว์เซอร์ที่ทรงพลัง
สรุป
นอกเหนือจากปัญหาการอนุญาตของระบบ iOS แล้วประสิทธิภาพที่ยอดเยี่ยมของเว็บแอพนั้นใกล้เคียงกับแอพดั้งเดิม เทคโนโลยี HTML5 ทำให้ WAP หน้าเว็บมีชีวิตใหม่และนำการเปลี่ยนแปลงที่ก่อกวนมาสู่ WAP ในโครงการ HTML5 การวางแผนการทำงานดีที่สุดสำหรับการกลั่น สถาปัตยกรรมข้อมูลจะต้องตื้นและแคบที่สุดเท่าที่จะทำได้ การออกแบบปฏิสัมพันธ์จำเป็นต้องมุ่งมั่นเพื่อความเรียบง่ายและประสิทธิภาพ การออกแบบด้วยภาพยังคำนึงถึงสภาพแวดล้อมการดำเนินงานพิเศษของเบราว์เซอร์ ส่วนหน้าไม่เพียง แต่จำเป็นต้องค่อยๆย่อยการออกแบบปฏิสัมพันธ์และการออกแบบภาพ แต่ยังพยายามตอบโต้เทคโนโลยีใหม่และปัญหาใหม่ ๆ อย่างกล้าหาญ การสื่อสารบ่อยครั้งระหว่างทีมทั้งหมดเป็นสิ่งจำเป็นมากและเป็นการดีที่สุดที่จะทำตามขั้นตอนเล็ก ๆ และดำเนินการขั้นตอนการพัฒนาที่รวดเร็ว
ด้วยกำลังคนและพลังงานที่ จำกัด มีอคติอย่างหลีกเลี่ยงไม่ได้ ทุกคนยินดีที่จะทำให้เอะอะ! รอคอยที่จะพูดคุยหัวข้อที่น่าสนใจนี้กับคุณ