Google Chrome — กลุ่มแท็บดีขึ้น
กรณีศึกษา - การประเมินกลุ่มแท็บ (android) ของ Chome ผ่านหลักการฮิวริสติกส์และวิธีแก้ปัญหาเพื่อทำให้ประสบการณ์ผู้ใช้ดีขึ้น
ดัชนี
1] มันเริ่มต้นอย่างไร
2] ออกแบบใหม่ — มีอะไรเปลี่ยนแปลงบ้าง?
3] ทำไมต้องเลือก Google Chrome
4] การระบุปัญหา
5] ความคิด
6] ไวร์เฟรม
7] การสร้างต้นแบบ
8] การทดสอบผู้ใช้
9] คำติชม
เริ่มต้นอย่างไร!
ฉันได้ค้นคว้าและทดลองหลักการของ UX ระหว่างทาง ฉันได้ลงเอยด้วยการประชุมเชิงปฏิบัติการการให้คำปรึกษา 2 สัปดาห์
การประชุมเชิงปฏิบัติการช่วยเสริมพื้นฐานของฉันและทำให้ฉันคุ้นเคยกับมุมมองที่แตกต่างของการสังเกต
อนุเทพที่ปรึกษาของเราออกความท้าทายการออกแบบ UX โดยมีเวลาจำกัด 48 ชั่วโมง และนี่คือวิธีที่ฉันทำกรณีศึกษา breif บน Google Chrome สำหรับ Android
REDESIGN — มีอะไรเปลี่ยนแปลงบ้าง?
มีการเสนอและดำเนินการเปลี่ยนแปลงหลัก 2 ประเด็น การเปลี่ยนแปลงอย่างหนึ่งสามารถมองเห็นได้และง่ายต่อการมองเห็น ในขณะที่การเปลี่ยนแปลงอื่นๆ เกิดขึ้นในการทำงานขององค์ประกอบที่มีอยู่แล้ว และด้วยเหตุนี้จึงมองไม่เห็นด้วยตาเปล่า
1 ] ตั้งชื่อกลุ่มแท็บ
ที่นี่ เราเลือกกลุ่มแท็บและเพิ่มคุณลักษณะแก้ไขเพื่อตั้งชื่อกลุ่มแท็บ เพื่อความง่าย เราใช้ไอคอนแก้ไขที่ผู้ใช้คุ้นเคยและจับคู่กับสไตล์การออกแบบไอคอนของ Chrome
เราได้สร้างป๊อปอัปพร้อมต์ sceen ซึ่งจะสามารถดำเนินการได้เมื่อใดก็ตามที่ผู้ใช้ต้องการเปลี่ยนชื่อ
2 ] ย้ายแท็บ
ที่นี่พื้นที่ที่ทำเครื่องหมายด้วยสีแดงคือที่ที่ตัวเลือกใหม่ในการลากพร้อมใช้งานและเปิดใช้งาน
สิ่งนี้ทำขึ้นเพื่อช่วยให้ผู้ใช้จัดเรียงและจัดเรียงแท็บในแบบที่ผู้ใช้ต้องการ เมื่อจัดแล้วจะช่วยให้ผู้ใช้ประหยัดเวลาและมีประสิทธิภาพ
3 ] ผลกระทบต่อผู้ใช้และธุรกิจ
แท็บและกลุ่มแท็บเป็นทางเลือกแทนบุ๊กมาร์กใน Chrome Mobile และการเปลี่ยนแปลงที่เกิดขึ้นจะส่งผลดีต่อทั้งผู้ใช้และธุรกิจ
✔ผู้ใช้:
การเปลี่ยนแปลงนี้ช่วยให้ผู้ใช้ประหยัดเวลาและความพยายาม ช่วยให้พวกเขาจัดการแท็บได้อย่างมีประสิทธิภาพและง่ายดายยิ่งขึ้น การตั้งชื่อกลุ่มช่วยให้ระบุแท็บได้เร็วขึ้น และทำให้ผู้ใช้คลายความเครียดทางจิตใจได้
เมื่อเปิดใช้งานการลากแท็บ ผู้ใช้สามารถจัดเรียงแท็บตามความต้องการและลำดับความสำคัญ เพื่อประหยัดเวลาและความพยายาม
นอกจากนี้ยังลดขั้นตอนที่ผู้ใช้จะทำอย่างอื่นอย่างน้อย 3
✔ธุรกิจ :
เมื่อผู้ใช้ไม่พบสิ่งที่ต้องการ พวกเขาจะรู้สึกหงุดหงิดและอาจไปที่แอปอื่นๆ (โทร, msg, บันทึก, insta msg ฯลฯ) เพื่อเรียกคืนข้อมูล
ซึ่งอาจส่งผลให้SCREEN TIMEหายไป
ผู้ใช้อาจลืม/เลื่อนงานของตนออกไปเมื่อเรียกดูแอปอื่นๆ
ซึ่งอาจทำให้RETENTION METRICS ลดลง
การทำให้ผู้ใช้ดำเนินการได้ง่ายและมีประสิทธิภาพช่วยให้พวกเขาประหยัดเวลาและความพยายาม จึงช่วยเพิ่มการรักษาผู้ใช้
ทำไมต้องเลือก Google Chrome
ตัวเลือกที่ทำขึ้นนั้นขึ้นอยู่กับเหตุผลมากกว่าหนึ่งข้อ
- สำหรับผู้เริ่มต้น Chrome เป็นแอปที่ใช้กันอย่างแพร่หลาย จึงมีฐานผู้ชมจำนวนมาก การปรับปรุงใด ๆ ที่เกิดขึ้นสามารถช่วยผู้ใช้จำนวนมากได้
- ประการที่สอง เนื่องจาก Chrome เป็นผู้ใช้ทั่วไป การหาคนทดสอบจึงค่อนข้างง่าย และทำให้พวกเขาสามารถให้คำตอบโดยละเอียด ช่วยให้เราออกแบบวิธีแก้ปัญหาได้ดียิ่งขึ้น
- ประการที่สาม ตัวฉันเองคุ้นเคยกับผลิตภัณฑ์เป็นอย่างดี และช่วยให้ฉันหลีกเลี่ยงการสร้างโซลูชันการออกแบบที่ซ้ำกัน
วิธีแก้ไขจะดีเท่ากับปัญหาเท่านั้น
ในการระบุปัญหา เราใช้หลักการ 10 ประการของฮิวริสติกส์ และทดสอบกับผลิตภัณฑ์ที่ระบุ
ปัญหา (R1) ระบุ:
ขณะที่อ่านเนื้อหาของแท็บ คุณพบว่ามีประโยชน์และต้องการจัดลำดับความสำคัญ การไม่สามารถควบคุมการจัดเรียงแท็บขัดขวางการควบคุมและอิสระของผู้ใช้
หลักการฮิวริสติก— การควบคุมและเสรีภาพ ของผู้ใช้
ปัญหา (R1) ระบุ:
เป็นความรู้ทั่วไปในหมู่ผู้ใช้หน้าจอสัมผัสที่เรากดและลากเพื่อเปลี่ยนตำแหน่ง สิ่งเดียวกันนี้หายไปจากกลุ่มแท็บ Google - ภายใน
หลักการฮิวริสติก — ความยืดหยุ่นและประสิทธิภาพของการใช้งาน
ปัญหา (R1) ระบุ:
ขณะนี้ผู้ใช้คุ้นเคยกับแนวทางปฏิบัติทั่วไปเป็นอย่างมาก ดังนั้นเมื่อนำแนวทางปฏิบัติทั่วไป (ลาก) ไปใช้กับองค์ประกอบที่มีสิทธิ์แต่ไม่ได้รับการตอบสนองตามที่ตั้งใจไว้ จะทำให้ผู้ใช้ผิดหวัง
หลักการฮิวริสติก — จับคู่ระหว่างระบบและโลกจริง
ปัญหา (R2) ระบุ:
เมื่อคุณจัดกลุ่มแท็บของคุณเป็นกลุ่ม คุณคงต้องการให้มองเห็นได้ง่ายเมื่อจำเป็น การไม่สามารถสร้าง/ทำเครื่องหมายกลุ่มแท็บเพื่อให้มีเอกลักษณ์ที่โดดเด่นทำให้การควบคุมและอิสระของผู้ใช้ลดลง
หลักการฮิวริสติก — การควบคุมและเสรีภาพ ของผู้ใช้
ความคิด
ที่นี่เรามาพร้อมกับวิธีแก้ปัญหาเล็กน้อยที่เราได้ระบุไว้ คัดแยกส่วนน้อยด้วยวิธีลองผิดลองถูก และเลือกวิธีแก้ปัญหาที่ดีที่สุดของเรา
มีการระบุและกำหนดข้อจำกัดก่อนที่จะระบุโซลูชัน ตามความสามารถและความพร้อมใช้งานของทรัพยากร
ไวร์เฟรม
ความคิดเป็นเพียงความฝันหากไม่ลงมือทำ
ที่นี่เราสร้างต้นแบบที่มีความเที่ยงตรงต่ำตามแนวคิดที่เราจินตนาการไว้
เส้นทางที่เหมาะสมสำหรับการเปลี่ยนแปลงใหม่ได้รับการแมปและความเป็นไปได้ที่จะนำไปใช้ในระบบผลิตภัณฑ์ปัจจุบันได้รับการตรวจสอบผ่านภาพร่างต่างๆ
หลังจากพยายามไม่กี่ครั้ง แนวคิดที่มองเห็นในภาพด้านล่างก็ได้รับเลือกให้เป็นฐานสำหรับขั้นตอนต่อไป
เข้าถึงลิงก์ไปยังต้นแบบความเที่ยงตรงต่ำคลิกที่นี่
การสร้างต้นแบบ
ในขั้นตอนนี้ เราได้แปลงโครงลวดที่มีความเที่ยงตรงต่ำให้เป็นต้นแบบที่สวยงามและใช้งานได้จริง
การเปลี่ยนแปลงที่เกิดขึ้น
✏️เราได้เพิ่มไอคอนแก้ไขเพื่อให้ผู้ใช้สามารถตั้งชื่อกลุ่มแท็บใน Chrome
✏️เราได้เพิ่มหน้าจอป๊อปอัปซึ่งผู้ใช้สามารถเพิ่ม/เปลี่ยนชื่อได้ ป๊อปอัปนี้จะแสดงขึ้นเมื่อปุ่มแก้ไขถูกเรียกใช้
✏️เราได้เพิ่มตัวเลือกการลากลงในแถบกลุ่มแท็บด้านล่าง
เข้าถึงลิงก์ไปยังต้นแบบความเที่ยงตรงสูงคลิกที่นี่
การทดสอบโดยผู้ใช้
ส่วนที่สำคัญที่สุดของการออกแบบคือการทดสอบ การทดสอบจะแสดงการตอบสนองของผู้ใช้และความสนใจต่อผลิตภัณฑ์ รวมทั้งช่วยระบุปัญหาของผู้ใช้และแก้ไขปัญหาเหล่านั้น
ผลิตภัณฑ์ที่ผู้ใช้ไม่ชอบคือการลงทุนที่แย่
การค้นหาผู้ใช้
สิ่งสำคัญคือการระบุคนที่เหมาะสมในการทดสอบผลิตภัณฑ์ของคุณด้วย ควรอยู่ในกลุ่มเป้าหมาย
เนื่องจากผู้คนจำนวนมากใช้ Google การค้นหาผู้ใช้เพื่อทดสอบผลิตภัณฑ์ของเราจึงไม่ใช่เรื่องยาก ยกเว้น"อย่ารบกวนฉัน" "ฉันไม่มีเวลา"เราพบผู้ใช้อย่างรวดเร็วและสังเกตผลลัพธ์
งานสำหรับผู้ใช้
⚡แก้ไขชื่อกลุ่มแท็บ
⚡ขอให้พวกเขาเข้าสู่กลุ่มแท็บและเรียกดูแท็บใดแท็บหนึ่ง
⚡เปลี่ยนตำแหน่งของแท็บนั้นในกลุ่ม โดยตรงจากหน้าที่ผู้ใช้เปิดอยู่
⚡ความคิดเห็นของคุณเกี่ยวกับการเปลี่ยนแปลง
สิ่งที่ควรสังเกต
สังเกตว่าผู้ใช้ค้นหาตัวเลือกการแก้ไขได้เร็วเพียงใด และพวกเขาพบปัญหาใดๆ ในการแก้ไขหรือไม่
สังเกตว่าผู้ใช้เลือกอะไรเมื่อพยายามเปลี่ยนตำแหน่งของแท็บ
พวกเขาพบหนทางในการลองครั้งเดียวหรือไม่?
พวกเขาหลงทางหรือเปล่า?
ข้อมูลเชิงลึก
คุณสามารถเรียนรู้บางสิ่งจากทุกคนและทุกสิ่งได้เสมอ
ไม่ว่าผลิตภัณฑ์จะได้รับความนิยมหรือใช้กันอย่างแพร่หลายเพียงใด - ถามผู้ใช้เสมอว่าเขาใช้ผลิตภัณฑ์นั้นหรือคุ้นเคยกับผลิตภัณฑ์หรือไม่
ผู้ใช้อาจติดขัด/พบปัญหากับองค์ประกอบที่มีอยู่แล้วซึ่งคุณไม่ได้ออกแบบใหม่
ข้อเสนอแนะ
หลังจากวิเคราะห์ข้อมูลที่รวบรวมจากผู้ใช้และข้อสังเกตของเรา เราได้ข้อสรุปว่าไม่จำเป็นต้องทำการเปลี่ยนแปลงใดๆ เพิ่มเติม
เมื่อผู้ใช้มีความชัดเจนและพอใจกับผลิตภัณฑ์ที่เราออกแบบแล้ว การเปลี่ยนแปลงที่ถูกบังคับเพิ่มเติมอาจส่งผลเสียต่อผลิตภัณฑ์
แม้ว่าเรายังคงแนะนำการเปลี่ยนแปลงเล็กน้อยกับผลิตภัณฑ์ เราเพิ่ม "ซูมเมื่อโฮเวอร์" ไปที่แถบด้านล่างของแท็บกลุ่ม
เชื่อมต่อกับฉันบน Linkedin คลิกที่นี่