2 นาที

การออกแบบการเริ่มต้นใช้งานแอปที่ทำให้ผู้ใช้กลับมาใช้งานซ้ำ

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

การออกแบบการเริ่มต้นใช้งานแอปที่ทำให้ผู้ใช้กลับมาใช้งานซ้ำ

ทำไมผู้คนถึงเลิกใช้แอปหลังจากเดโม

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

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

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

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

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

ลองคิดถึงผู้ก่อตั้งที่เพิ่งได้เห็นต้นแบบ CRM ที่สร้างบน Koder.ai เดโมให้ความรู้สึกรวดเร็วและมีแนวโน้ม ในการเยี่ยมชมครั้งต่อมา เขากลับมาที่ workspace ว่างที่มีตัวเลือกหลายอย่าง ป้ายไม่ชัดเจน และไม่มีขั้นตอนถัดไปที่ชัดแจ้ง แทนที่จะเพิ่มผู้ติดต่อหนึ่งคนหรือติดตามงานหนึ่งครั้ง เขากลับลังเล ผลิตภัณฑ์ไม่ได้ล้มเหลวเพราะขาดพลัง แต่มันล้มเหลวเพราะช่วงเวลาที่ผู้ใช้ต้องอยู่คนเดียวครั้งแรกขาดทิศทาง

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

ผู้ใช้ต้องการอะไรในห้านาทีแรก

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

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

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

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

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

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

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

วางแผนเซสชันแรกอย่างไร

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

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

จากนั้นตัดทุกอย่างที่รอได้ ผู้คนไม่ต้องการการตั้งค่าทุกอย่าง โปรไฟล์ หรือค่ากำหนดในวันแรก หากการตั้งค่าไม่ช่วยให้ถึงชัยชนะแรก ให้ย้ายมันไปทำทีหลัง นี่คือที่ที่หลายแอปร่วง: ขอมากไปก่อนจะคืนอะไรกลับ

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

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

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

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

ทำให้ empty states ชี้ไปยังการกระทำ

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

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

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

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

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

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

การตรวจสอบสั้น ๆ ช่วยได้:

  • ตั้งชื่อสิ่งที่อยู่บนหน้าจอ
  • เสนอการกระทำถัดไปที่ชัดเจนหนึ่งอย่าง
  • แสดงหรืออธิบายผลลัพธ์หลังคลิก

โทนเสียงควรสงบและเฉพาะเจาะจง เป้าหมายไม่ใช่ความฉลาด แต่อยู่ที่ช่วยให้คนก้าวต่อไป

เลือกงานแรกที่ผู้ใช้ทำเสร็จได้เร็ว

สร้างโดยไม่ต้องตั้งค่าหนัก
เริ่มด้วยพรอมต์ภาษาธรรมดาแทนกระบวนการตั้งค่าที่ยาว

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

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

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

วิธีง่าย ๆ ในการวัดงานเริ่มต้นคือถาม:

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

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

ตัวอย่างเช่น บน Koder.ai งานแรกที่ดีกว่าคือ "สร้างหน้าจอแอปง่าย ๆ จากพรอมต์" แทนที่จะเป็น "ทำการตั้งค่า workspace ให้ครบ" ผู้ใช้จะได้ผลลัพธ์จริงเร็ว ตัวเลือกเช่นโดเมนแบบกำหนดเอง การตั้งค่าการดีพลอย หรือเวิร์กโฟลว์ทีมสามารถรอจนกว่าจะมีผลลัพธ์แรก

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

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

ใช้ข้อความและฟีดแบ็กลดความสงสัย

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

วิธีแก้มักง่าย ใช้คำชัดเจน ตั้งความคาดหวัง และให้ฟีดแบ็กที่ตอบคำถามถัดไปก่อนที่ผู้ใช้จะถาม

บอกว่าต่อไปจะเกิดอะไรขึ้น

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

กฎเดียวกันใช้กับคำศัพท์ในผลิตภัณฑ์ คำภายในทีมอาจเข้าใจได้สำหรับทีมของคุณ แต่สร้างความลังเลให้ผู้ใช้ใหม่ ถ้าเครื่องมือเขียนว่า "Initialize project context" หลายคนจะหยุด "ตั้งค่าแอปของคุณ" จะเข้าใจง่ายกว่า บน Koder.ai "สร้างหน้าจอแรกของคุณ" จะชัดเจนกว่ายึดติดกับป้ายที่เชื่อมโยงกับโมเดลหรือเอเยนต์เบื้องหลังงาน

เบาะแสเรื่องเวลา тоже ช่วยได้ ถ้าขั้นตอนใช้เวลาประมาณ 10 วินาที ให้บอก ถ้างานตั้งค่าประมาณสองนาที ให้บอกก่อนเริ่ม นี่ลดความเครียดและทำให้แอปดูสัตย์จริงขึ้น

เช็คลิสต์ข้อความเริ่มต้นที่เรียบง่าย:

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

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

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

ฟีดแบ็กเมื่อเกิดความล้มเหลวที่ดีมีสามส่วน:

  • อะไรผิดพลาด
  • วิธีแก้ไขมัน
  • จะเกิดอะไรขึ้นหลังจากแก้

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

ตัวอย่างง่าย ๆ ตั้งแต่สมัครจนถึงการมาเยือนครั้งที่สอง

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

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

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

การมาเยือนครั้งแรก

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

บรรทัดสั้น ๆ ใต้ปุ่มอธิบายว่าทำไมมันสำคัญ: เริ่มด้วยลีดหนึ่งคนเพื่อให้คุณติดตามการติดตามและดีลได้ บริบทเล็ก ๆ นี้เปลี่ยน empty state ให้เป็นก้าวถัดไป

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

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

การมาเยือนครั้งที่สอง

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

แอปสามารถเปิดด้วยพรอมต์ง่าย ๆ เช่น: มีการติดตามหนึ่งรายการกำหนดไว้วันนี้สำหรับ Sarah Chen ตอนนี้ผู้ก่อตั้งรู้ว่าจะคลิกที่ไหนและทำไมแอปยังสำคัญหลังจากช่วงเดโมหายไป

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

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

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

ความผิดพลาดทั่วไปที่ทำให้การใช้งานซ้ำลดลง

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

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

empty states มักถูกใช้ผิด บ่อยครั้งผลิตภัณฑ์ใช้มันเป็นของตกแต่ง มีภาพประกอบน่ารักและข้อความคลุมเครือ แต่ไม่มีการกระทำที่ชัดเจน empty state ที่ดีกว่าตอบคำถามเดียว: ฉันควรทำอะไรต่อ?

ทีมมักพลาดตรงไหน

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

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

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

การทบทวนง่าย ๆ ช่วยจับความผิด:

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

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

ตรวจสอบด่วนก่อนปล่อยใช้งาน

ทดสอบชัยชนะครั้งแรกที่เร็วขึ้น
สร้างร่างแอปที่ช่วยให้ผู้ใช้ทำงานแรกให้เสร็จได้ทันที

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

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

เช็คลิสต์สั้น ๆ ก่อนปล่อย

ใช้รายการนี้เป็นขั้นตอนสุดท้ายก่อนปล่อย:

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

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

ตัวอย่าง empty state มีประโยชน์เป็นพิเศษเพราะเปิดเผยความสับสนที่ซ่อนอยู่ แดชบอร์ด โปรเจกต์ หรือกล่องข้อความว่างไม่ควรรู้สึกเป็นทางตัน คำตอบต้องเร็ว: พื้นที่นี้มีไว้ทำอะไร และฉันควรทำอะไรต่อ?

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

ปรับปรุงการเริ่มต้นใช้งานเมื่อเวลาผ่านไป

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

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

จังหวะการทบทวง่าย ๆ ช่วยได้:

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

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

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

ถ้าคุณสร้างด้วย Koder.ai จะช่วยได้ถ้าวางแผน onboarding ก่อนสร้างหน้าจอ โหมดการวางแผนมีประโยชน์ในการแมปเส้นทางการเริ่มใช้งานครั้งแรกเป็นภาษาธรรมดา: ผู้ใช้เห็นอะไรแรก จะทำอะไรต่อ และอะไรคือชัยชนะแรก นั่นทำให้เห็นขั้นตอนส่วนเกินก่อนที่มันจะกลายเป็น UI จริง

การทดสอบยังง่ายขึ้นเมื่อการเปลี่ยนแปลงมีความเสี่ยงต่ำ บน Koder.ai snapshots และ rollback ให้คุณลองเช็คลิสต์สั้นกว่า empty state ใหม่ หรืองานเริ่มต้นใหม่โดยไม่สูญเสียงานเก่า สิ่งนี้ทำให้การทดลอง onboarding เร็ว ๆ ทำได้ง่ายขึ้น

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

คำถามที่พบบ่อย

Why do users drop off after a good demo?

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

What should the first screen do?

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

What is a good first-run task?

เลือกงานที่สร้างสิ่งที่จับต้องได้ภายในหนึ่งถึงสามนาที ตัวอย่างที่ดีได้แก่ การเพิ่มผู้ติดต่อหนึ่งคน สร้างหน้าแรกหนึ่งหน้า หรือสร้างร่างแรก

How much setup should I ask for at the start?

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

Are product tours helpful?

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

How should onboarding copy sound?

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

What makes a good success message?

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

How do I give users a reason to come back?

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

How can I tell if my onboarding is too confusing?

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

How should onboarding work in Koder.ai?

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

Related posts