เบื้องหลัง: ทำไมเราถึงทำการเปลี่ยนแปลง UI

เผยแพร่แล้ว: 2018-08-30

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

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

แม้ว่าในช่วงสองสามปีแรกจะมีการสนับสนุนในเชิงบวกเกือบทั่วทั้งกระดาน ขณะที่เราเติบโตขึ้น มีการติดตั้งที่ใช้งานอยู่กว่าล้านรายการ เสียงอื่นๆ ก็เริ่มปรากฏขึ้น สิ่งนี้สมเหตุสมผล – ผู้ใช้หนึ่งล้านคน ความต้องการและความต้องการหลายล้านคน

ความโกลาหลเมื่อคลิกขวา

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

ทำไมเราถึงทำการเปลี่ยนแปลงตั้งแต่แรก

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

เมื่อคุณนึกถึงสิ่งนี้ ไม่มีซอฟต์แวร์อื่นใดแสดงปุ่มลบและทำซ้ำที่ส่วนหน้า แม้แต่ซอฟต์แวร์พื้นฐานอย่าง Word หรือ PowerPoint

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

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

เสียงเพื่อและต่อต้านการเปลี่ยนแปลง

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

นี่เป็นปฏิกิริยาที่แย่ที่สุดที่เราเคยได้รับ และฉันต้องยอมรับว่า มันทำให้เราประหลาดใจ เราใช้เวลานานในการตรวจสอบและพิสูจน์การเปลี่ยนแปลงนี้ พร้อมกับขยายระยะเวลาเบต้า เราคิดว่าจะได้รับการยอมรับด้วยอาวุธที่เปิดกว้าง และผู้ใช้จะพบว่ามันเป็นการปรับปรุง UX ที่สำคัญ

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

รับฟังความคิดเห็นของคุณ

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

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

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

นี่คือสิ่งที่เราทำ:

ความแตกต่างของการดำเนินการคลิกขวา

ระหว่างการวิจัยผู้ใช้ เราพบว่าการคลิกเพิ่มเติมไม่ใช่ปัญหาหลักของ UX ในเวอร์ชันก่อนหน้านี้ ผู้ใช้ต้องวางเมาส์ไว้เหนือพื้นที่จัดการเพื่อแสดงแฮนเดิล

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

แป้นพิมพ์ลัดที่ดีขึ้น

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

ค่อยๆ เปลี่ยน

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

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

ปรับปรุงวิธีการเริ่มต้นของคุณ

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

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

ก้าวไปข้างหน้าด้วยวิสัยทัศน์ของเรา

เหตุผลหลักอื่นๆ ที่ส่งเสริมการเติบโตของเรา นอกเหนือจากชุมชน คือความจริงที่ว่าเราเป็นบริษัทที่นำโดยวิสัยทัศน์ที่ชัดเจนสำหรับผลิตภัณฑ์ของเรา ไม่ใช่แค่ตัวเลขเท่านั้น

เราเริ่มสร้าง Elementor ด้วยแนวคิดที่ชัดเจนในการปรับปรุงการออกแบบเว็บ WordPress เรามาจากอุตสาหกรรมนี้ หลังจากประสบกับบทบาทของทั้งบริษัทธีมและสตูดิโอออกแบบ และตั้งเป้าที่จะปรับปรุงใหม่

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

แนวทางนี้ยังกระตุ้นให้เราปรับปรุงรายละเอียดที่เล็กที่สุดของผลิตภัณฑ์ของเรา ไม่เพียงแต่สร้างนวัตกรรมเพื่อเห็นแก่นวัตกรรมเท่านั้น

การเปลี่ยนชื่อวิดเจ็ต

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

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

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

อย่างไรก็ตาม เราทำการเปลี่ยนแปลงนี้เนื่องจากเราต้องพิจารณาถึงข้อดีที่มากขึ้นของผู้ใช้นับล้านของเรา ตลอดจนผู้ใช้ในอนาคตของเราด้วย

สิ่งที่เราเรียนรู้

การเปลี่ยนแปลงอาจเป็นเรื่องน่ากลัว โดยเฉพาะอย่างยิ่งในส่วนที่เกี่ยวกับอินเทอร์เฟซ คุณคุ้นเคยกับการทำสิ่งต่าง ๆ และสมองของคุณพัฒนากระบวนการเพื่อทำให้พฤติกรรมอัตโนมัติที่ใช้ความพยายามน้อยลง การเปลี่ยนแปลง – ไม่ว่าจะเป็นตาม UI, การย้ายที่ตั้ง, งานใหม่… จำเป็นต้องมีการพัฒนากระบวนการอัตโนมัติใหม่ๆ และมักจะค่อนข้างน่าหงุดหงิด แต่สักพักคุณก็ชินกับมัน (ฉันอ่านมาว่าต้องใช้เวลาสองสัปดาห์)

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

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

สรุป

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