Google Chrome — กลุ่มแท็บดีขึ้น

Nov 27 2022
กรณีศึกษา - การประเมินกลุ่มแท็บ (android) ของ Chome ผ่านหลักการฮิวริสติกส์และวิธีแก้ปัญหาเพื่อทำให้ประสบการณ์ผู้ใช้ดีขึ้น INDEX 1] เริ่มต้นอย่างไร 2] ออกแบบใหม่ — มีอะไรเปลี่ยนแปลงบ้าง 3] ทำไมถึงเลือก Google Chrome 4] การระบุปัญหา 5] การคิดไอเดีย 6] Wireframing 7] การสร้างต้นแบบ 8] การทดสอบโดยผู้ใช้ 9] คำติชม เริ่มต้นอย่างไร ! ฉันได้ค้นคว้าและทดลองหลักการของ UX

กรณีศึกษา - การประเมินกลุ่มแท็บ (android) ของ Chome ผ่านหลักการฮิวริสติกส์และวิธีแก้ปัญหาเพื่อทำให้ประสบการณ์ผู้ใช้ดีขึ้น

ดัชนี

1] มันเริ่มต้นอย่างไร

2] ออกแบบใหม่ — มีอะไรเปลี่ยนแปลงบ้าง?

3] ทำไมต้องเลือก Google Chrome

4] การระบุปัญหา

5] ความคิด

6] ไวร์เฟรม

7] การสร้างต้นแบบ

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

9] คำติชม

เริ่มต้นอย่างไร!

ฉันได้ค้นคว้าและทดลองหลักการของ UX ระหว่างทาง ฉันได้ลงเอยด้วยการประชุมเชิงปฏิบัติการการให้คำปรึกษา 2 สัปดาห์

การประชุมเชิงปฏิบัติการช่วยเสริมพื้นฐานของฉันและทำให้ฉันคุ้นเคยกับมุมมองที่แตกต่างของการสังเกต

อนุเทพที่ปรึกษาของเราออกความท้าทายการออกแบบ UX โดยมีเวลาจำกัด 48 ชั่วโมง และนี่คือวิธีที่ฉันทำกรณีศึกษา breif บน Google Chrome สำหรับ Android

REDESIGN — มีอะไรเปลี่ยนแปลงบ้าง?

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

1 ] ตั้งชื่อกลุ่มแท็บ

ออกแบบใหม่ 1

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

เราได้สร้างป๊อปอัปพร้อมต์ sceen ซึ่งจะสามารถดำเนินการได้เมื่อใดก็ตามที่ผู้ใช้ต้องการเปลี่ยนชื่อ

2 ] ย้ายแท็บ

ออกแบบใหม่ 2

ที่นี่พื้นที่ที่ทำเครื่องหมายด้วยสีแดงคือที่ที่ตัวเลือกใหม่ในการลากพร้อมใช้งานและเปิดใช้งาน

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

3 ] ผลกระทบต่อผู้ใช้และธุรกิจ

แท็บและกลุ่มแท็บเป็นทางเลือกแทนบุ๊กมาร์กใน Chrome Mobile และการเปลี่ยนแปลงที่เกิดขึ้นจะส่งผลดีต่อทั้งผู้ใช้และธุรกิจ

✔ผู้ใช้:

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

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

✔ธุรกิจ :

เมื่อผู้ใช้ไม่พบสิ่งที่ต้องการ พวกเขาจะรู้สึกหงุดหงิดและอาจไปที่แอปอื่นๆ (โทร, msg, บันทึก, insta msg ฯลฯ) เพื่อเรียกคืนข้อมูล

ซึ่งอาจส่งผลให้SCREEN TIMEหายไป

ผู้ใช้อาจลืม/เลื่อนงานของตนออกไปเมื่อเรียกดูแอปอื่นๆ

ซึ่งอาจทำให้RETENTION METRICS ลดลง

การทำให้ผู้ใช้ดำเนินการได้ง่ายและมีประสิทธิภาพช่วยให้พวกเขาประหยัดเวลาและความพยายาม จึงช่วยเพิ่มการรักษาผู้ใช้

ทำไมต้องเลือก Google Chrome

ตัวเลือกที่ทำขึ้นนั้นขึ้นอยู่กับเหตุผลมากกว่าหนึ่งข้อ

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

วิธีแก้ไขจะดีเท่ากับปัญหาเท่านั้น

ในการระบุปัญหา เราใช้หลักการ 10 ประการของฮิวริสติกส์ และทดสอบกับผลิตภัณฑ์ที่ระบุ

ออกแบบใหม่ — การระบุปัญหา

ปัญหา (R1) ระบุ:

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

หลักการฮิวริสติก— การควบคุมและเสรีภาพ ของผู้ใช้

ปัญหา (R1) ระบุ:

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

หลักการฮิวริสติก — ความยืดหยุ่นและประสิทธิภาพของการใช้งาน

ปัญหา (R1) ระบุ:

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

หลักการฮิวริสติก — จับคู่ระหว่างระบบและโลกจริง

ปัญหา (R2) ระบุ:

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

หลักการฮิวริสติก — การควบคุมและเสรีภาพ ของผู้ใช้

ความคิด

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

มีการระบุและกำหนดข้อจำกัดก่อนที่จะระบุโซลูชัน ตามความสามารถและความพร้อมใช้งานของทรัพยากร

ออกแบบใหม่ — ไอเดีย

ไวร์เฟรม

ความคิดเป็นเพียงความฝันหากไม่ลงมือทำ

ที่นี่เราสร้างต้นแบบที่มีความเที่ยงตรงต่ำตามแนวคิดที่เราจินตนาการไว้

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

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

เข้าถึงลิงก์ไปยังต้นแบบความเที่ยงตรงต่ำคลิกที่นี่

ออกแบบใหม่ — โครงลวด

การสร้างต้นแบบ

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

การเปลี่ยนแปลงที่เกิดขึ้น

✏️เราได้เพิ่มไอคอนแก้ไขเพื่อให้ผู้ใช้สามารถตั้งชื่อกลุ่มแท็บใน Chrome

✏️เราได้เพิ่มหน้าจอป๊อปอัปซึ่งผู้ใช้สามารถเพิ่ม/เปลี่ยนชื่อได้ ป๊อปอัปนี้จะแสดงขึ้นเมื่อปุ่มแก้ไขถูกเรียกใช้

✏️เราได้เพิ่มตัวเลือกการลากลงในแถบกลุ่มแท็บด้านล่าง

เข้าถึงลิงก์ไปยังต้นแบบความเที่ยงตรงสูงคลิกที่นี่

การออกแบบใหม่ — การสร้างต้นแบบ

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

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

ผลิตภัณฑ์ที่ผู้ใช้ไม่ชอบคือการลงทุนที่แย่

การค้นหาผู้ใช้

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

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

งานสำหรับผู้ใช้

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

สิ่งที่ควรสังเกต

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

การออกแบบใหม่- บันทึกการสังเกตของผู้ใช้

ข้อมูลเชิงลึก

คุณสามารถเรียนรู้บางสิ่งจากทุกคนและทุกสิ่งได้เสมอ

ไม่ว่าผลิตภัณฑ์จะได้รับความนิยมหรือใช้กันอย่างแพร่หลายเพียงใด - ถามผู้ใช้เสมอว่าเขาใช้ผลิตภัณฑ์นั้นหรือคุ้นเคยกับผลิตภัณฑ์หรือไม่

ผู้ใช้อาจติดขัด/พบปัญหากับองค์ประกอบที่มีอยู่แล้วซึ่งคุณไม่ได้ออกแบบใหม่

ข้อเสนอแนะ

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

เมื่อผู้ใช้มีความชัดเจนและพอใจกับผลิตภัณฑ์ที่เราออกแบบแล้ว การเปลี่ยนแปลงที่ถูกบังคับเพิ่มเติมอาจส่งผลเสียต่อผลิตภัณฑ์

แม้ว่าเรายังคงแนะนำการเปลี่ยนแปลงเล็กน้อยกับผลิตภัณฑ์ เราเพิ่ม "ซูมเมื่อโฮเวอร์" ไปที่แถบด้านล่างของแท็บกลุ่ม

Redesgn — วางเมาส์เหนือ

เชื่อมต่อกับฉันบน Linkedin คลิกที่นี่