สิ่งที่พวกเขาจะไม่สอนคุณในโรงเรียนออกแบบ: เรียนรู้จาก King Sidharth
เผยแพร่แล้ว: 2021-04-03หลักสูตรของมหาวิทยาลัยมีโครงสร้างค่อนข้างมาก คุณทำขั้นตอนที่ 1 จากนั้นขั้นตอนที่ 2 และอื่น ๆ และมียามเฝ้าประตูในทุกขั้นตอน King Sidharth กล่าวที่ TMS2021
เป็นการยากที่จะเข้าใจว่าอะไรจะใช้ได้ผลในการออกแบบในเชิงพาณิชย์ แต่การแบ่งขั้นตอนการออกแบบที่เป็นไปได้ออกเป็นสามคำถามช่วยได้
โดยให้ภาพรวมแก่ผู้ชมเกี่ยวกับความหมายของส่วนหน้าและส่วนหลัง Sidharth อธิบายความจำเป็นในการทำความเข้าใจบทบาทต่างๆ ที่ผู้มีส่วนได้ส่วนเสียเล่นขณะสร้างผลิตภัณฑ์
อายุการใช้งานของเทคโนโลยีที่ใช้ในอุตสาหกรรมนั้นแซงหน้าหลักสูตรของมหาวิทยาลัยได้เร็วกว่าที่เคยเป็นมา ไม่ใช่ว่ามหาวิทยาลัยไม่ได้ตระหนักถึงปัญหา แต่ก็ไม่มีอะไรมากที่พวกเขาสามารถทำได้เกี่ยวกับเรื่องนี้ หลักสูตรต้องใช้เวลาในการออกแบบใหม่และเมื่อถึงเวลาที่พวกเขาเข้ามา พวกเขาก็เริ่มที่จะเสียเปรียบไปแล้ว ดังนั้นมหาวิทยาลัยส่วนใหญ่จึงจำกัดหลักสูตรให้อยู่ที่พื้นฐานพื้นฐาน
“ความเชี่ยวชาญบางอย่างมาจากอุตสาหกรรมเมื่อคุณทำงานที่นั่น” King Sidharth ผู้รับผิดชอบการออกแบบ UX และผลิตภัณฑ์ของ Headout กล่าว Sidharth กล่าวสุนทรพจน์ที่ งาน The Makers Summit 2021 เกี่ยวกับปัญหาที่นักออกแบบต้องเผชิญในสภาพแวดล้อมการทำงานจริง โดยให้ผู้ชมได้เห็นถึง 3 แง่มุมที่สำคัญต่อภารกิจในการพัฒนาและออกแบบผลิตภัณฑ์ ได้แก่ วิธีวัดการออกแบบ วิธีสร้างผลิตภัณฑ์ และระบบการออกแบบอย่างไร ต้องขยายได้
การจำลองสภาพแวดล้อมของงานจริง
สี การออกแบบตัวอักษร เลย์เอาต์ การโต้ตอบแบบไมโคร เงา แอนิเมชั่น และการสื่อสารด้วยภาพเป็นสิ่งที่สอนได้ง่ายในโรงเรียนออกแบบ Sidharth กล่าวในเซสชั่นโลดโผนที่เห็นระดับการมีส่วนร่วมสูงสุดจากผู้ชม หัวข้อเหล่านี้ได้รับการวิจัยอย่างหนักและมีงานมากมายที่รวมเข้ากับหลักสูตรแล้ว แต่ปัญหาที่นักออกแบบเผชิญในอุตสาหกรรมนั้นค่อนข้างจะเปลี่ยนแปลงตลอดเวลา คุณไม่สามารถคาดหวังความชัดเจนได้ในขณะที่โครงการเริ่มต้นในชีวิตจริง หลักสูตรของมหาวิทยาลัยมีโครงสร้างค่อนข้างมาก คุณทำขั้นตอนที่ 1 จากนั้นขั้นตอนที่ 2 และอื่นๆ และมียามเฝ้าประตูในทุกขั้นตอน และคุณสามารถก้าวไปข้างหน้าได้ก็ต่อเมื่อคุณทำตามขั้นตอนเหล่านี้เสร็จสิ้นตามลำดับเท่านั้น Sidharth กล่าวเสริม
เป็นการยากที่จะจำลองสถานการณ์ทางธุรกิจในสภาพแวดล้อมของโรงเรียนการออกแบบ เนื่องจากการตลาด วิศวกรรม การสนับสนุนลูกค้า การขาย ล้วนมีส่วนได้ส่วนเสียในกระบวนการออกแบบ การออกแบบมีความหมายตั้งแต่วินาทีที่ลูกค้าเริ่มมีส่วนร่วมกับผลิตภัณฑ์ไปจนถึงการได้มาซึ่งผู้ใช้โดยธุรกิจ
“บริษัทไม่ใช่ทรัพยากรที่ไม่มีที่สิ้นสุด ไม่ว่าคุณจะทำงานอยู่ที่ใด พวกเขามีเวลาจำกัด เงินจำกัด และวิศวกรจำกัด ดังนั้นคุณต้องจัดลำดับความสำคัญและเลือกการต่อสู้ของคุณ และอีกครั้ง ซึ่งไม่สามารถเลียนแบบได้ในวิทยาลัย” กษัตริย์สิทธารถให้ความเห็น การเพิ่มประสิทธิภาพระหว่างผู้ที่มีแนวโน้มจะเป็นลูกค้าทางธุรกิจและประสบการณ์ของผู้ใช้ การตอบรับ ผลกระทบของการตัดสินใจโดยทีมอื่นนั้นยากที่จะเลียนแบบในสภาพแวดล้อมของวิทยาลัย
เขาระบุเพิ่มเติมว่าปัญหาเฉพาะที่เราต้องเผชิญในสภาพแวดล้อมการทำงานนั้นยากต่อการคาดเดาขณะเรียนในโรงเรียนออกแบบ “โอ้ มันดูน่าทึ่งและน่าตื่นเต้น และทุกอย่าง แต่สิ่งนี้จะสร้างความแตกต่างให้กับธุรกิจหรือไม่? เราจะรู้ได้อย่างไรว่าผู้ใช้ใส่ใจในเรื่องนี้จริงๆ และเป็นไปได้ในทางเทคนิคหรือไม่? มันจะขยายขนาด? จะเกิดอะไรขึ้นถ้าการออกแบบเสียหายหากมีคนแก้ไขอย่างรวดเร็วหรือมีคนทำการเปลี่ยนแปลงโดยไม่ได้ตั้งใจ เราจะวัดผลกระทบได้อย่างไร? เราต้องผ่านการทดสอบด้วยตนเองหรือไม่” กษัตริย์สิทธารถซักถาม
เป็นเรื่องยากมากที่จะเข้าใจสิ่งที่จะใช้ในการออกแบบในเชิงพาณิชย์ได้ แต่ Sidharth ช่วยผู้ชมโดยแบ่งขั้นตอนการออกแบบที่เป็นไปได้ออกเป็นสามคำถาม:
- คุณวัดการออกแบบของคุณอย่างไร?
- การออกแบบโดยทีมวิศวกรเป็นอย่างไร?
- วิธีปรับขนาดการออกแบบของคุณ?
เราเจาะลึกลงไปในสิ่งเหล่านี้ด้วยตัวอย่างที่ง่ายต่อการเชื่อมโยงในอนาคต
สตรีมเซสชั่นที่นี่
การออกแบบการวัด
นักออกแบบเข้าใจวิธีการวิจัยเป็นอย่างดี แต่เมื่อเป็นเรื่องของข้อมูล ส่วนใหญ่ยากจะเข้าใจ กษัตริย์สิทธารถตั้งข้อสังเกต แต่ข้อมูลจะมีลักษณะอย่างไรสำหรับนักออกแบบ
สมมติว่าเรามีหน้า Landing Page ที่อธิบายข้อเสนอของคุณและมีการเรียกร้องให้ดำเนินการซื้อ นอกจากนี้ยังมีปุ่ม CTA ทางเลือกที่เรียกว่า 'เรียนรู้เพิ่มเติม' เนื่องจากไม่ใช่ทุกคนที่จะคลิกปุ่ม 'ซื้อเลย' ในตอนแรก เพื่อวิเคราะห์ประสิทธิภาพของการออกแบบในกรณีนี้ เราใช้การวิเคราะห์ตามเหตุการณ์ ในกรณีนี้ การโหลดหน้าและการคลิกปุ่มจะเป็นเหตุการณ์ และข้อความปุ่ม สีปุ่ม และคุณสมบัติของอุปกรณ์ เช่น ประเภทของอุปกรณ์ ระบบปฏิบัติการ เบราว์เซอร์ ที่อยู่ IP ตำแหน่ง ฯลฯ เป็น คุณสมบัติ
เพื่อช่วยเราบันทึกเหตุการณ์และคุณสมบัติเหล่านี้ โซลูชันซอฟต์แวร์ระดับมืออาชีพ เช่น Mixpanel และ Amplitude สามารถใช้ซึ่งเป็นผู้สนับสนุนการประชุมสุดยอดผู้ผลิตปี 2021 ได้ ซึ่งมาพร้อมกับคุณสมบัติเริ่มต้นบางอย่าง เช่น คุณลักษณะของอุปกรณ์ที่กล่าวถึงข้างต้น แกะกล่อง และปรับแต่งได้ คุณสมบัติที่ช่วยในการสร้างเรื่องราวของผู้ใช้ให้เหมาะสมกับแต่ละกรณี
นอกจากนี้ เครื่องมือเหล่านี้ยังช่วยให้เราเข้าใจขั้นตอนต่างๆ ที่ผู้ใช้ดำเนินการเพื่อให้เกิดการเรียกร้องให้ดำเนินการที่ต้องการ และเหตุการณ์แต่ละรายการเหล่านี้ยังสามารถทำเครื่องหมายด้วยคุณสมบัติที่ต้องการและวิเคราะห์เพื่อดูว่าผู้ใช้ออกจากขั้นตอนใด สิทธารถแนะนำแนวคิดเรื่องช่องทาง โดยทั่วไป ช่องทางจะจับคู่ผู้ใช้ในทุกขั้นตอนจนกว่าพวกเขาจะดำเนินการตามที่ต้องการ
จากนั้น เราก็สามารถใช้ข้อมูลนี้เพื่อเพิ่มประสิทธิภาพหน้า Landing Page ของเราได้ KPI ที่แตกต่างกันและการเพิ่มประสิทธิภาพสำหรับสิ่งเดียวกันจะรวมอยู่ในรูปภาพนี้ด้วย ตัวอย่างเช่น อัตราการดรอปดาวน์ในตัวอย่างข้างต้นจะบอกเราว่าผู้ใช้ที่ได้รับการกำหนดเป้าหมายผ่านแคมเปญการตลาดจำนวนเท่าใดที่ซื้อผลิตภัณฑ์
แนะนำสำหรับคุณ:
ตัวชี้วัดเหล่านี้ช่วยให้เราตรวจสอบเพิ่มเติมว่าการออกแบบตรงตามผลลัพธ์หรือไม่ และช่วยให้เราตัดสินใจที่สามารถขับเคลื่อนการส่งมอบมูลค่าเพิ่มได้ ดีกว่าที่นักออกแบบรู้วิธีทำความเข้าใจและตีความการวิเคราะห์เพื่อค้นหาปัญหาและตรวจสอบโซลูชัน เนื่องจากข้อมูลมีค่าอย่างยิ่งและบอกถึงพฤติกรรมของผู้ใช้ได้เป็นอย่างดี ช่วยให้เราเข้าใจความสัมพันธ์ระหว่างข้อมูลประสิทธิภาพประเภทต่างๆ และข้อมูลเชิงคุณภาพเพื่อรวบรวมเรื่องราวทั้งหมดของผู้ใช้
แฟคตอริ่งในงานวิศวกรรมเพื่อการออกแบบ
“นักออกแบบจำนวนมากจะสร้างการออกแบบที่น่าทึ่ง เฉพาะวิศวกรในตอนท้ายเท่านั้นที่จะปฏิเสธโดยบอกว่ามันไม่สามารถทำได้” Sidharth ตั้งข้อสังเกต ดังนั้นจึงเป็นสิ่งสำคัญอย่างยิ่งที่จะต้องเข้าใจวิธีการสร้างผลิตภัณฑ์เพื่อแก้ไขปัญหาความเป็นไปได้หลายอย่างในระยะแรก
การให้ภาพรวมแก่ผู้ชมเกี่ยวกับความหมายของส่วนหน้าและส่วนหลัง Sidharth อธิบายความจำเป็นในการทำความเข้าใจบทบาทต่างๆ ที่ผู้มีส่วนได้ส่วนเสียเล่นขณะสร้างผลิตภัณฑ์
พูดง่ายๆ ก็คือ ส่วนหน้าเป็นส่วนที่ผู้ใช้ต้องเผชิญของแอป และผู้ใช้สามารถโต้ตอบกับมันได้ แบ็กเอนด์ (หรือ “ฝั่งเซิร์ฟเวอร์”) คือส่วนของเว็บไซต์ที่มองไม่เห็น มีหน้าที่รับผิดชอบในการจัดเก็บและจัดระเบียบข้อมูล และทำให้แน่ใจว่าทุกอย่างในฝั่งไคลเอ็นต์ใช้งานได้จริง แบ็กเอนด์ดูแลการตรวจสอบผู้ใช้ การชำระเงิน และทำให้ตรรกะทางธุรกิจเป็นไปโดยอัตโนมัติ เว็บไซต์พอร์ตโฟลิโอของนักออกแบบส่วนใหญ่สร้างขึ้นโดยใช้เทคโนโลยีส่วนหน้าโดยไม่ต้องทำอะไรกับแบ็กเอนด์มากนัก
Sidharth ได้ยกตัวอย่างของแอพ Twitter เพื่อช่วยให้ผู้ชมเห็นภาพความคิดเหล่านี้ได้ดีขึ้น ส่วนหน้าและส่วนหลัง ซึ่งมีความหมายเหมือนกันกับฝั่งไคลเอ็นต์และฝั่งเซิร์ฟเวอร์ที่คุยกันอย่างต่อเนื่องโดยใช้อินเทอร์เน็ต การทำความเข้าใจว่าอินเทอร์เน็ตอาจไม่น่าเชื่อถือและส่วนใหญ่ของโลกที่เกิดใหม่ไม่มีการเข้าถึงความเร็วอินเทอร์เน็ตที่เราคุ้นเคย สามารถช่วยได้อย่างมากในขณะที่ออกแบบประสบการณ์สำหรับผู้ใช้
เมื่อโหลดแอป Twitter เป็นครั้งแรก เราจะเห็นสถานะโครงกระดูกของแอป ทำให้ผู้ใช้มั่นใจว่าแอปทำงาน แต่ในกรณีที่ผู้ใช้เรียกดูแอปเป็นครั้งที่สอง จะไม่เห็นเป็นเบราว์เซอร์หรืออุปกรณ์จะแคชไฟล์ที่จำเป็นไว้แล้วเพื่อให้โหลดแอปเร็วขึ้น แคชคือที่เก็บข้อมูลชั่วคราวในเครื่องซึ่งคล้ายกับการเก็บสิ่งของที่จำเป็นจากร้านขายของชำในพื้นที่ แทนที่จะไปหยิบมาจากชาวนา โดยตรง “ช่วยประหยัดเวลาในการทำอาหารของคุณ เซิร์ฟเวอร์ CDN ทำสิ่งเดียวกันกับคุณ ในขณะที่คุณยังต้องทำอาหาร เวลาที่ใช้ในการเตรียมส่วนผสมของคุณจะลดลง” สิทธารถกล่าวเสริม
ในขณะเดียวกัน อุปกรณ์จะขอรายละเอียดบัญชีของคุณจากเซิร์ฟเวอร์ ข้อมูลนี้จะรวมถึงคนที่คุณติดตาม ทวีตของพวกเขา และไทม์ไลน์ที่ Twitter จะแสดงให้คุณเห็น คุณจะไม่มีฟลีตปรากฏขึ้นล่วงหน้าเนื่องจากแอปจัดลำดับความสำคัญของข้อมูลบางชุดผ่าน API เพื่อแสดงผลในเวลาซึ่งเป็นความรับผิดชอบของส่วนหน้า เพื่อไม่ให้คุณหงุดหงิดและออกจากแอป
คิดว่า API เหมือนกับผู้ที่มีข้อมูลที่จำเป็นในการทำงานให้สำเร็จ บางคนให้ข้อมูลแก่คุณอย่างรวดเร็วและบางคนก็ใช้เวลา แอปไม่สามารถปิดกั้นทางผ่านได้โดยรอให้ข้อมูลเข้ามาแล้วแสดงผลบนหน้าจอ ดังนั้น ทั้งหมดนี้จึงเกิดขึ้นพร้อมกัน ส่วนต่างๆ ของแอปจะแสดงขึ้นเมื่อมีข้อมูลเข้ามา ในฐานะนักออกแบบ สิ่งสำคัญคือต้องเข้าใจปัญหาคอขวดและปัจจัยในการทำงานของเวลาขณะออกแบบ” สิทธารถกล่าวเสริม
ผลกระทบของหน้าโหลดช้าได้รับการบันทึกไว้เป็นอย่างดี ผู้ใช้มีแนวโน้มที่จะออกจากหน้า Landing Page หากหน้าไม่ได้รับการปรับให้เหมาะสมกับความเร็ว ผู้ใช้สามารถตรวจจับความล่าช้าในลำดับที่ 1/10 ของวินาทีตามกลุ่ม NN ซึ่งอ้างอิงกฎพื้นฐานของการรับรู้เวลาของมนุษย์ ดังนั้นผลกระทบของหน้าโหลดช้าจึงค่อนข้างทันที การปรับปรุงความเร็วที่เพิ่มขึ้นจะได้ผล
วิธีที่ดีที่สุดในการทำความเข้าใจแนวคิดเหล่านี้คือการใช้พลังพิเศษของคุณในฐานะนักออกแบบ เช่น การเอาใจใส่ คุณสามารถปรับใช้แบบจำลองทางจิตของการมีส่วนหน้าและส่วนหลังเป็นคนและพูดคุยกันเพื่อทำงานให้เสร็จ
สตรีมเซสชั่นที่นี่
ระบบการออกแบบที่ปรับขนาดได้
“คุณต้องเข้าใจว่าวิศวกรรมทำงานอย่างไรเพื่อมาที่ระบบในที่สุด” Sidharth อธิบาย ตามที่เขา กล่าวว่าปัญหาความเป็นไปได้ในการออกแบบบางอย่างสามารถแก้ไขได้โดยการแฮ็ก แต่มันทำให้มีโอกาสมากขึ้นที่การแก้ไขการออกแบบเหล่านี้จะมอดลงเมื่อเวลาผ่านไป นี่คือเหตุผลที่ Sidharth ให้ความสำคัญกับระบบการออกแบบ
“ส่วนต่อประสานกับผู้ใช้ดูง่ายเพราะไม่เป็นเช่นนั้น นักออกแบบใช้เวลานับไม่ถ้วนในการค้นหาส่วนต่อประสานผู้ใช้ เพื่อให้ดูเหมือนง่ายสำหรับคุณโดยซ่อนความซับซ้อนทั้งหมดไว้” Sidharth กล่าวขณะแนะนำให้ผู้ชมทราบถึงความสำคัญของระบบการออกแบบและวิธีการที่นักออกแบบอาวุโสยังไม่เข้าใจว่าระบบของพวกเขากำลังมุ่งสู่ความล้มเหลว
เขายกตัวอย่างเรื่องราวของ Instagram เพื่อทำความเข้าใจระบบการออกแบบให้ดีขึ้น โดยปกติแล้ว มีคนบอกว่าเรื่องราวที่อยู่ด้านบนเป็นเพียงชุดของวงกลมโดยไม่ทราบว่าวงกลมเหล่านั้นที่เลื่อนได้ไม่รู้จบนั้นแสดงถึงการกระทำของผู้ใช้ที่แตกต่างกันและตัวเลือกของระบบอย่างไร
“มันง่ายที่จะสร้างวงกลมและทำให้มันเท่ากัน การออกแบบโดยคำนึงถึงสถานะต่างๆ ทำให้ระบบสามารถขยายได้” เขากล่าวเสริมในขณะที่เล่า ว่าเขาและทีมของเขาที่ Headout คิดอย่างไรเกี่ยวกับแนวคิดของสถานะและรูปแบบต่างๆ สำหรับส่วนประกอบ UI ก่อนที่ Figma จะเปิดตัวฟีเจอร์เพื่อจัดการและสร้างขึ้นมา
ตอนนี้มีตัวเลือกมากมายที่คุณสามารถเลือกได้เกี่ยวกับเรื่องราวในฐานะผู้ใช้ คุณสามารถสร้างใหม่ ดูเรื่องราวของคนอื่น หรือเข้าสู่ instagram live นอกจากนี้ยังมีตรรกะ UI บางอย่างที่ได้รับการดูแลสำหรับคุณ เช่นเดียวกับเรื่องราวที่คุณดูสามารถรับชมซ้ำได้จนกว่าจะมีอยู่ที่ส่วนท้ายของสกรอลล์ด้านบน อาจมีหลายชีวิตเกิดขึ้นซึ่งจำเป็นต้องเป็นตัวแทนด้วย
ตัวเลือกที่ผู้ใช้เลือกในกรณีเหล่านี้คือสถานะขององค์ประกอบ เช่น สถานะที่มองเห็นและมองไม่เห็นของเรื่องราว และตัวเลือกที่บังคับใช้โดยระบบจะแตกต่างกันไป เช่น มีคนถ่ายทอดสด ไม่ว่าคุณจะเคยดูเรื่องราวของคุณเองหรือไม่
นอกจากนี้ยังมีแง่มุมต่างๆ ของการออกแบบการเคลื่อนไหวที่รวมอยู่ในเรื่องราว เมื่อคุณแตะที่เรื่องราวใดๆ ที่คุณยังไม่ได้ดู จะมีจุดสีแดงที่วนเป็นวงกลมรอบวงกลมขณะโหลดเรื่องราว การโต้ตอบเหล่านี้ราบรื่นมากจนเราแทบไม่สังเกตเห็นด้วยซ้ำ
Instagram ยังมีปรัชญาการออกแบบและคำแนะนำสไตล์อีกด้วย ตรรกะของอินเทอร์เฟซผู้ใช้ก็เป็นส่วนหนึ่งของระบบการออกแบบด้วยเช่นกัน ตัวอย่างเช่น เมื่อใดก็ตามที่ผู้ใช้พิมพ์ในช่องป้อนข้อมูล ข้อมูลป้อนเข้าจะต้องได้รับการตรวจสอบในบางกรณี กระแสข้อความแสดงข้อผิดพลาดอย่างต่อเนื่องในขณะที่ผู้ใช้กำลังพิมพ์นั้นน่ารำคาญเกินไป ในกรณีนี้ ทีมวิศวกรจะต้องเตรียมพร้อมกับโฟลว์ของตรรกะการโต้ตอบ เพื่อให้พวกเขาได้รับประสบการณ์การใช้งานที่ถูกต้อง นอกเหนือจากนี้ การแปลเนื้อหาสำหรับกลุ่มประชากรใหม่ของผู้ใช้ยังต้องได้รับปัจจัยในระบบการออกแบบด้วย การแยกตัวประกอบในแนวคิดทั้งหมดที่กล่าวถึงข้างต้นทำให้ระบบการออกแบบสามารถปรับขนาดได้อย่างแท้จริง
ไม่ว่าจะเป็นการถามคำถามจากข้อมูลที่ปลดล็อกข้อมูลเชิงลึกที่นำผลิตภัณฑ์ไปสู่ระดับต่อไป หรือการพูดในภาษาของวิศวกรเพื่อปรับการออกแบบให้เหมาะสมเพื่อประสิทธิภาพแล้วทำให้ผลิตภัณฑ์สามารถปรับขนาดได้อย่างแท้จริง ทักษะเหล่านี้เป็นสิ่งที่นักออกแบบต้องมีอย่างแน่นอน ชุดเครื่องมือเพื่อยกระดับอาชีพของพวกเขาให้สูงขึ้น