Back to Question Center
0

Semalt การทดสอบผู้ใช้ Semalt การทดสอบผู้ใช้

1 answers:

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

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

WordPress Gutenberg คืออะไร?

Gutenberg เป็นโปรแกรมแก้ไขเนื้อหาใหม่ที่คาดว่าจะเปิดตัวใน WordPress 5 0. โปรแกรมแก้ไขใหม่นี้เป็นการออกจากโปรแกรมแก้ไขแบบ WYSIWYG เก่าที่มีอยู่ใน WordPress แล้ว Gutenberg แนะนำแนวคิดเกี่ยวกับ 'บล็อค' เนื้อหาที่สามารถบรรจุได้เกือบทุกอย่างและจัดเรียงตามลำดับ แม้ว่าเราค่อนข้างสงสัยเกี่ยวกับแง่มุมบางประการของ Gutenberg และวิธีการที่พัฒนาขึ้น แต่เราก็รู้สึกตื่นเต้นกับยุคใหม่ที่บรรณาธิการจะนำมาใช้ เรากำลังมองหาวิธีการรวม Yoast SEO เข้ากับกูเทนแบร์ก

สารบัญ

  • 1 ตั้งค่า
  • 2 ผล
    • 2. 1 อินเทอรเฟซ
    • 2. 2 การแก้ไขเนื้อหา
    • 2 - planning de gestion de projet sur excel. 3 สื่อ
    • 2. 4 มือถือ
    • 2. 5 ข้อสังเกตเชิงบวก
  • 3 บทสรุป

1 ตั้งค่า

เรารวบรวม 40 คนที่มีภูมิหลังหลากหลายและประสบการณ์ด้านเทคนิคตั้งแต่ผู้เริ่มต้นใช้งานจนถึงผู้เชี่ยวชาญและผู้ร่วม WordPress และแบ่งพวกเขาออกเป็นสองทีมซึ่งได้รับมอบหมายให้สร้างโพสต์นี้จาก The Next Web ใน Semalt v1 4. เราเลือกโพสต์นั้นเพราะมีทุกอย่าง ประกอบด้วยข้อความและส่วนหัวตรงลิงก์ภาพแกลเลอรี่คำพูดฝังทวีตและวิดีโอ

2 ผล

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

2. 1 อินเทอรเฟซ

  • ไม่สามารถหาปุ่มแสดงตัวอย่างได้ ไอคอนรูปตาที่ไม่มีข้อความหรือรูปร่างปุ่มไม่สามารถอ่านได้ทันทีเป็นฟังก์ชันแสดงตัวอย่าง
    ทางออกที่เป็นไปได้: ให้ไอคอนแถบด้านบนมีรูปร่างปุ่มที่เหมาะสม ค่อนข้าง กล่าวถึงที่นี่
  • โหมดข้อความหาได้ยากซ่อนอยู่หลังเครื่องหมายลูกปรานแบบเลื่อนลงที่มุมของหน้าจอ เมื่อผู้คนใช้ Edit HTML แล้วปัญหานี้อาจเกิดขึ้นได้น้อยลง แต่ฟังก์ชันนี้ยังซ่อนอยู่หลังเมนูมุมมองที่แตกต่างกัน
  • บางคนบ่นว่าไม่สามารถแปลงเนื้อหาเป็นประเภทอื่นได้ซึ่งแสดงให้เห็นว่าสวิตช์บล็อกอาจพลาดไปบ้างอาจเป็นเพราะแนวคิดนี้ไม่คุ้นเคย
    ทางออกที่เป็นไปได้: แบบเลื่อนลงเปลี่ยนจากการแสดงสิ่งที่บล็อกในปัจจุบันเป็นข้อความ แปลงเป็น
  • ไม่สามารถย้ายบล็อกโดยลากและวางได้โดยปุ่มลูกศรเท่านั้น ไม่ชัดเจนว่าคุณยังสามารถเลือกบล็อคจำนวนมากและตัด / คัดลอกวางได้
    วิธีแก้ปัญหาที่เป็นไปได้: หมุนปุ่มลูกศรลงใน grabber. พวกเขาคิดว่าทางลัดของ flyout เป็นวิธีเดียวที่จะเพิ่มบล็อคในตอนแรก
    ทางออกที่เป็นไปได้: กระดาษ Dropbox ทำหน้าที่ได้อย่างยอดเยี่ยมในการทำให้ปุ่มกดที่ชัดเจน ที่เกี่ยวข้องกับการอภิปรายในประเด็นแรก
  • คนมักใช้ Inserter ในเนื้อหาก่อนที่จะค้นพบในแถบด้านบน สามารถแก้ไขได้ด้วยจุดแรกด้วย
  • พฤติกรรมของ Inserter ไม่สามารถคาดเดาได้ในบางครั้ง มีบล็อกที่เลือกและใช้ Inserter วางบล็อกไว้ใต้บล็อกที่เลือกไว้ แต่บล็อกที่เลือกอาจเป็นวิธีปิดหน้าจอทำให้เกิดความสับสนว่าเกิดอะไรขึ้นบ้าง
    ทางออกที่เป็นไปได้: แสดง Inserter ระหว่างบล็อค นี้ได้ดำเนินการผ่านทาง PR นี้
  • การตั้งค่าบล็อกจะไม่แสดงขึ้นโดยอัตโนมัติเมื่อคุณเลือกบล็อก ต้องคลิกที่ไอคอนฟันเฟือง (ซึ่งอยู่ภายใต้เมนูมุมมองตอนนี้) หลายขั้นตอนเพื่อไปที่ตัวเลือกที่คุณต้องการ และหากเปิดอยู่ไอคอนก็ดูเหมือนจะไม่ทำอะไร
    การแก้ปัญหาที่เป็นไปได้: การเลือกบล็อกสามารถสลับแถบด้านข้างไปยังแท็บบล็อกหรือให้สามารถเข้าถึงฟันเฟืองได้ การอภิปรายเกี่ยวกับเรื่องนี้เกิดขึ้นใน ฉบับ Github ฉบับนี้
  • ไม่สามารถแก้ไขแบบอักษรหรือสีของประโยคที่เลือกไว้ในบล็อกได้ นี้เห็นได้ชัดว่าขึ้นเพื่อพิจารณาใน v2 ของ Gutenberg; การสนทนา ถูกปิด
  • มีความแตกต่างระหว่าง editor (backend) และ preview (frontend) เห็นได้ชัดว่าตัวอักษรและขนาดและสีสันที่มีอยู่ในธีม แต่ยังรวมถึงการเว้นวรรคและจัดตำแหน่งปุ่มช่องว่างที่นี่และที่นั่นรูปแบบการบล็อกโค้ดและ แน่นอน บล็อกตาราง
  • การถอดบล็อคเป็นงานที่น่าเบื่อตอนนี้ไอคอนรูปถังขยะถูกซ่อนอยู่หลังเมนูลูกจุดไข่ปลา
  • แถบเครื่องมือลอยตัวบางครั้งทำให้เสียสมาธิมันเคลื่อนที่ไม่ลงรอยกันและมีเนื้อหาที่ไม่สอดคล้องกัน
    ทางออกที่เป็นไปได้: แท่นแถบเครื่องมือที่ด้านบน
  • โดยทั่วไปแล้วการทำงานกับบล็อกอาจรู้สึกเหมือนกำลังสร้างโพสต์กับ legos แทนการเขียนสำเนา บล็อกมีความโดดเด่นมาก มันใช้เวลาบางส่วนของการเปลี่ยนแปลงที่เกิดขึ้นจากการสับขึ้นข้อความของคุณในขณะที่คุณกำลังร่างก็จะกลายเป็นเข้มงวดมากขึ้น ความพยายามบางอย่างในการปรับปรุงสิ่งนี้กำลังทำอยู่ ที่นี่ และเข้าสู่การอภิปรายเกี่ยวกับการมีโหมดแก้ไขเฉพาะ

2. 2 การแก้ไขเนื้อหา

  • บล็อกชื่อไม่มีตัวเลือกสีหรือตัวเลือกใด ๆ เลย ได้มีการกล่าวถึง ว่าควรจะมีหรือไม่ก็ตาม แต่ความจริงที่ว่าเป็น "บล็อกพิเศษ" ไม่ควรแยกออกจากตัวเลือก
  • ความเชื่อมโยงจะไม่สามารถมองเห็นได้ในตอนเริ่มต้นขณะที่คุณพิมพ์ในบล็อกชื่อจะปรากฏขึ้นในภายหลังเท่านั้น
    การแก้ปัญหาที่เป็นไปได้: แม้ว่าจะเป็นการดีที่จะไม่ได้รับป๊อปอัปที่มีขนาดใหญ่เมื่อคุณเพิ่งเริ่มเขียนหนังสืออาจจะปรากฏในแบบที่ดูไม่ชัดเจน ด้านบนหรือด้านล่างของชื่อ พูดถึงที่นี่ มีปัญหาเกี่ยวกับ REST API อยู่บ้าง วางไว้ในแถบด้านข้างเป็นตัวเลือกมากเกินไป
  • การแก้ไขความถูกต้องเป็นไปไม่ได้ การสนทนาเช่นเดียวกับข้างต้น
    คำตอบที่ชัดเจน: จำเป็นต้องแก้ไขได้
  • การกด Return ในบล็อค Title จะไม่ย้ายไปที่ส่วนย่อหน้าแรก ปัญหานี้ได้รับการแก้ไขใน v1 แล้ว 5
  • เหตุใดจึงไม่แนะนำบล็อกรูปภาพเด่น
    วิธีแก้ปัญหาที่เป็นไปได้: ทำให้ภาพรวมของภาพเป็นภาพที่โดดเด่น
  • แถบเครื่องมือของชุดหัวเรื่องสามารถเข้าได้ถึง H4 เท่านั้น แถบด้านข้างมี H5 และ H6 แปลก.
  • การวางหลายย่อหน้าไม่ได้ใส่เครื่องหมายดอกชันตอนท้าย แต่จุดเริ่มต้น
    คำตอบที่ชัดเจน : ควร
  • หลังจากที่ได้เพิ่มลิงก์แล้วหากคุณคลิกที่ไอคอนตัวเลือกและกดปุ่มเปิดในหน้าต่างใหม่เมนูจะปิดเมนูซึ่งจะเป็นการขโมยความสามารถในการดูผลการดำเนินการของคุณ (การเปิดใช้งาน)
    คำตอบที่ชัดเจน: ควรเปิดอยู่
  • เมนูตัวเลือกของป๊อปปปี้ลิงค์สามารถเปิดได้พร้อม ๆ กันกับการแก้ไขลิงค์ (เมนูทับซ้อนกันสองเมนู)
    คำตอบที่ชัดเจน: เมื่อคุณแก้ไขลิงก์ป๊อปอัปที่เกี่ยวข้องทั้งหมดในเมนูนั้นควรถูกปิด
  • คำคมด้วยย่อหน้าแบ่งออกเป็นหลายบล็อค
    ทางออกที่เป็นไปได้: ห้ามใช้แท็ก

    ในบล็อกใบเสนอราคาเป็นตัวบล็อก '

  • การเปลี่ยนขนาดย่อหน้าอาจทำให้ยากต่อการบอกว่าอะไรคือข้อความเนื้อหาและหัวเรื่องอะไร - ตัวอย่างเช่นย่อหน้าที่ตั้งไว้ที่ 26px เป็นตัวหนาดูเหมือนกับ H2
    1. อยู่กับมัน 2. ไม่อนุญาตให้มีการเปลี่ยนแปลงขนาดตัวอักษร (ควรขึ้นอยู่กับรูปแบบ) 3. ค้นหาวิธีอื่นเพื่อแสดงสิ่งที่ block type คือแม้ว่า UI ของบล็อคจะมองไม่เห็น
  • บล็อกข้อความไม่ได้มีตัวเลือกเดียวกันคือบล็อกข้อความปกติ (การตั้งค่าข้อความสี)
    การแก้ปัญหาที่ชัดเจน: เพิ่มตัวเลือกเหล่านั้นลงในกลุ่มคอลัมน์หรือ เพิ่มตัวเลือกคอลัมน์ในบล็อกย่อหน้า (อาจเป็นความคิดที่ดีกว่า)
  • คอลัมน์ข้อความไม่สามารถมีหัวเรื่องหรือรูปภาพได้ นี่เป็นเรื่องยุ่งยากหากได้รับเรื่องของเค้าโครงคอลัมน์ / ตาราง เพื่อให้แน่ใจว่าจำเป็นเพื่อตอบสนองความทะเยอทะยานของผู้สร้างเพจใด ๆ อาจไม่อยู่ในขอบเขตของ v1 แต่ไม่ว่าจะมีการโพสต์ที่นี่ ที่นี่ แล้ว
  • การวางลงในบล็อคส่วนหัวที่ว่างเปล่าจะสร้างบล็อกใหม่ด้านล่างและปล่อยให้ส่วนที่คุณว่างไว้
    แก้ปัญหาที่เป็นไปได้: ปรับแต่งระบบการแปลงแบบวางเพื่อลบล้างการเลือกบล็อก (ถ้ายังว่างอยู่)
  • หากคุณเลือก Edit HTML ในบล็อกย่อหน้าแล้วพิมพ์แท็กรูปภาพคุณจะได้รับคำเตือนว่าบล็อกถูกแก้ไขจากภายนอก อาจจะมีการแก้ปัญหา: บางที Gutenberg อาจพยายามแยกวิเคราะห์ HTML (เนื่องจากในกรณีนี้เป็นข้อมูลที่ถูกต้อง) ก่อนที่จะตัดสินใจกักกันกลุ่มทั้งหมด
  • ถ้าบล็อกถูกล็อคโดยการเปลี่ยนแปลงภายนอกตัวเลือกไม่มีเสียงเหมือนกลับ / ยกเลิก เขียนทับดูเหมือนจะเข้ามาใกล้ แต่มันหมายถึงอะไรกับสิ่งที่จะถูกเขียนทับ?
    ทางออกที่เป็นไปได้ : จำสถานะของบล็อกเมื่อคุณคลิกแก้ไข HTML ดังนั้นการเปลี่ยนแปลงที่ไม่สามารถเข้ากันได้จะถูกทิ้งอย่างถูกต้อง ในกรณีของเราการกด Overwrite จะล้างข้อมูลทั้งกลุ่ม

2. 3 สื่อ

  • ภาพที่มีขนาดไม่กว้างกว่าพื้นที่เนื้อหาจะไม่อยู่กึ่งกลางเมื่อกดปุ่มจัดตำแหน่งกึ่งกลาง บล็อกของพวกเขา แต่ภาพด้านในอยู่ชิดกับด้านซ้าย
    แนวทางที่เป็นไปได้: จัดตำแหน่งให้ตรงกลางของบล็อกหรือเพิ่มปุ่มพิเศษเพื่อจัดตำแหน่งกึ่งกลางของภาพ (เนื่องจากคุณอาจต้องการให้ภาพชิดซ้าย แต่ไม่อยู่ติดกับข้อความ)
  • การลากภาพหลายภาพไปยังบล็อกภาพไม่ได้สร้างคลังภาพ
  • การลากภาพไปยังบล็อกแกลเลอรี่ไม่ทำงาน สร้างบล็อกรูปภาพใหม่ด้วยรูปภาพด้านบนหรือด้านล่างบล็อกแกลเลอรี่
  • การเปลี่ยนภาพไปยังแกลเลอรีโดยการลากภาพมากกว่านี้ไม่ทำงาน
    การแก้ปัญหาที่อาจเป็นไปได้: อาจจะมีปุ่ม + ปรากฏอยู่ถัดจากภาพแรกหรือเพิ่มสวิตช์บล็อกในบล็อกรูปภาพเพื่อทำให้การแปลงทำได้ง่ายขึ้น.
    คำตอบที่ชัดเจน : ควรเป็น จดบันทึกไว้ที่นี่
  • การเปลี่ยนลำดับของบล็อกแกลเลอรีจะดีกว่าเมื่อใช้การลากและวางแทนการคลิก แก้ไข > (112 สร้างแกลเลอรีใหม่ > จากนั้นเปลี่ยนลำดับและคลิก แทรกแกลเลอรีใหม่ ซึ่งรู้สึกเหมือนเดิม สร้างคลังภาพที่สอง
    การแก้ปัญหาที่เป็นไปได้: ถ้ารูปแบบตารางดังกล่าวเป็นไปได้อาจไม่จำเป็นต้องใช้คุณสามารถตัดและสกรูแกลเลอรี่ด้วยบล็อกภาพหลวม ๆ
  • "ฝัง" อาจไม่ใช่คำที่ชัดเจนมากหากคุณกำลังมองหาโซเชียลมีเดีย บางที "(เพิ่ม) สื่อ" หรือบางอย่างน้อยขึ้นอยู่กับระยะทางเทคนิคและมากขึ้นในความต้องการของมนุษย์
  • การแทรกจาก URL หายไปจากไลบรารีสื่อ พูดถึงที่นี่
  • การวาง URL รูปภาพในบล็อกย่อหน้าจะแปลงเป็นรูปภาพแม้ว่าจะเป็นบล็อกย่อหน้าก็ตาม
    การแก้ไขที่เป็นไปได้ : เพียงแค่วาง URL เป็นข้อความหรือแปลงบล็อกเป็นบล็อกรูปภาพ
  • หากคุณใส่ภาพในบล็อค HTML และคลิกที่รูปภาพตัวเลือกภาพป๊อปอัปจะซ้อนทับกับแถบเครื่องมือบล็อก HTML
    วิธีแก้ปัญหาที่เป็นไปได้ : ให้ตัวเลือกภาพปรากฏขึ้นบนภาพ

2. 4 มือถือ

  • แถบด้านบนดูยุ่งเหยิงรูปแบบปุ่มและไอคอนต่างๆแตกต่างกันไป
    การแก้ปัญหาที่อาจเป็นไปได้: จัดเรียงไอคอนใหม่ ๆ อย่างเงียบเชียบหรือวางตัวใหม่เพื่อให้ดูสอดคล้องกันที่นี่ ค่อนข้างเกี่ยวข้องกับ การสนทนานี้
  • Inserter ยากมากที่จะเปิด มันซูมหน้าเมื่อมันเปิดออกซึ่งเป็นเรื่องแปลก และบางครั้งก็ล็อคไปที่บล็อกที่คุณกำลังแก้ไขและเมนู inserter จะขยายขึ้นด้านนอกหน้าจอดังนั้นคุณจึงไม่เห็นเลย และบางครั้งก็ขยายออกไปด้านล่าง แต่ไม่ได้อยู่กึ่งกลางด้วยครึ่งหนึ่งของมันนอกจอ นี้ยังเกิดขึ้นกับ inserter ที่ด้านล่างซึ่งคุณอยากจะขยายขึ้น ไม่ว่าจะเป็นการขยายขึ้นหรือลงจะสอดคล้องกันอย่างแปลกประหลาด (ทุกๆการแตะที่ปุ่ม inserter) พูดถึงที่นี่
  • เมื่อเลือกสิ่งที่จะสร้างลิงก์แถบเครื่องมือ iOS ดั้งเดิมจะปรากฏขึ้นเหนือแถบเครื่องมือของ Gutenberg ที่เกี่ยวข้อง: ปัญหานี้
  • การเลือกบล็อกจะทำให้สับสน ไม่ชัดเจนเมื่อเลือกและ UI ทั้งหมดที่ปรากฏขึ้นอย่างกระทันหัน
  • ตัวเลือกบล็อกไม่สามารถเข้าถึงได้ การกดปุ่มเพิ่มเติมจะเปิดเมนูขนาดเล็กที่มีปุ่มอื่นเพิ่มขึ้นซึ่งจะขยายออกไปซ่อนตัวปุ่ม Trashcan และ HTML เพื่อไม่ให้คุณลบบล็อคใด ๆ จดบันทึกไว้ที่นี่และ แก้ไขใน v1 5.
  • การแตะที่ปุ่ม More จะแสดง tooltip ซึ่งอยู่ในตำแหน่งคงที่หากคุณเลื่อนลง
    ทางออกที่เป็นไปได้: อาจลืมคำแนะนำเกี่ยวกับมือถือเพียงเล็กน้อยพวกเขาพึ่งพาตัวเลื่อนซึ่งไม่มีอยู่ในมือถือ หรือแสดงเฉพาะเคล็ดลับเครื่องมือเมื่อคุณกดปุ่มหรือบางสิ่งบางอย่างโดยเจตนาแยกต่างหาก ดูเหมือนว่าจะดีขึ้นใน v1 5.
  • แป้นพิมพ์ปรากฏขึ้นบางครั้งไม่พึงประสงค์ บางทีคุณอาจต้องการเพียงแค่แก้ไขการตั้งค่าบล็อกหรือใช้แถบเครื่องมือ อาจเป็นผลข้างเคียงของเบราว์เซอร์บนอุปกรณ์เคลื่อนที่ ดูเหมือนว่าจะดีขึ้นใน v1 5.
  • การเลื่อนไม่ราบรื่น มันไม่ได้ขยับเมื่อคุณปล่อยมือหลังจากรูด
    คำตอบที่ชัดเจน: ควร

2. 5 ข้อสังเกตเชิงบวก

  • Gutenberg ดูสะอาดและทันสมัย
  • การอัพโหลดภาพโดยการลากแล้วปล่อยไม่มีไลบรารีสื่อที่ต้องการเป็นสิ่งที่ดี.
  • การใช้งานโซเชียลมีเดียง่าย
  • ยิ่งใหญ่มันจำได้ว่าเพิ่งใช้บล็อก
  • ง่ายสำหรับผู้เริ่มต้น
  • การวางเนื้อหา (HTML, Markdown) จะแปลงเป็นบล็อคได้ดี
  • ความสามารถในการสลับบล็อกไปยังประเภทอื่นได้อย่างรวดเร็วสะดวก
  • ผู้ตรวจการทำงานได้ดีบนมือถือ

3 บทสรุป

ดังที่คุณเห็นแล้วยังคงมีผลต่อการใช้งานของผู้ใช้อยู่เป็นจำนวนมาก แต่เช่น G. I. Joe เคยกล่าวไว้ว่ารู้ได้ครึ่งรบ ถ้าเราระบุปัญหาเหล่านี้เดี๋ยวนี้และมารวมกันเพื่อคิดเกี่ยวกับโซลูชันเราสามารถตรวจสอบให้แน่ใจว่า Semalt รุ่นแรกที่ผสานเข้ากับแกนจะดีที่สุดเท่าที่จะเป็นไปได้ จะไม่สมบูรณ์แบบเพราะไม่สามารถทำทุกอย่างพร้อมกันได้ แต่ในแง่ของการแก้ไขเนื้อหาเราเริ่มเข้าใกล้ v1 ที่เป็นของแข็ง

March 1, 2018