สี่เทคนิคการออกแบบ UX เพื่อส่งเสริมการมีส่วนร่วมของผู้ใช้
การส่งเสริมให้ผู้ใช้ยังคงอยู่และใช้เว็บไซต์ไม่ได้เกี่ยวข้องกับรหัส slimmer หรือกราฟิกที่สวยกว่าเสมอไป เลย์เอาต์ที่เรียบง่ายที่สุดบางส่วนเช่น Reddit ยังคงให้ผู้ใช้สนใจเนื้อหาและตื่นเต้นที่จะโต้ตอบกับไซต์.
ความลับอยู่ในประสบการณ์ของผู้ใช้และ การพิจารณาของ อย่างไร ฟังก์ชั่นเว็บไซต์. การโต้ตอบเกิดจากองค์ประกอบของหน้าและการดำเนินการที่เลื่อนจากหน้าหนึ่งไปอีกหน้า.
ในกระทู้นี้ฉันจะดูหน่อย เทคนิคการออกแบบ UX ที่สามารถนำไปใช้กับ ปรับปรุงประสบการณ์ของผู้ใช้และเพิ่มความผูกพันของผู้ใช้. โปรดทราบว่าสิ่งเหล่านี้ไม่สามารถใช้ได้กับทุกเว็บไซต์และเป็นสิ่งสำคัญที่จะต้องเข้าใจว่าทำไมเทคนิคเหล่านี้จึงทำงานเพื่อให้คุณสามารถใช้วิจารณญาณของคุณเอง.
เรื่องของประสบการณ์ของผู้ใช้นั้นกว้างใหญ่และต้องใช้ความอดทนในการเข้าใจอย่างถ่องแท้ แต่ยิ่งฝึกฝนมากเท่าไหร่คุณก็จะเข้าใจมากขึ้น
สิ่งที่ดีที่สุดที่คุณสามารถทำได้คือ เล่นในเว็บไซต์ที่คุณชอบ และ คิดออก คุณชอบอะไร เกี่ยวกับพวกเขา. จากประสบการณ์ของคุณคุณสามารถคาดการณ์แนวคิดที่สอดคล้องกันและค้นหาสิ่งที่ทำให้คุณ (และคนอื่น ๆ ) เข้าร่วมในเว็บไซต์.
1. ใช้ความคมชัดเพื่อดึงความสนใจ
ทุกไซต์สร้างขึ้นด้วยองค์ประกอบจำนวนหนึ่งที่สร้างขึ้นเพื่อการโต้ตอบกับผู้ใช้ ไฮเปอร์ลิงก์, ปุ่ม, ฟิลด์อินพุต, วิดเจ็ตแถบด้านข้าง, รายการจะเริ่มขึ้นเรื่อย ๆ. แต่ไม่ควรสร้างองค์ประกอบทั้งหมดเท่ากัน. บางอย่างมีความสำคัญต่อการมีส่วนร่วมของผู้เยี่ยมชมและควรออกแบบด้วย ความคมชัดที่สูงขึ้น เพื่อโดดเด่นจากองค์ประกอบอื่น ๆ ในหน้า.
ความคิดนี้เกิดจากความเปรียบต่างของสีสูงและวิธีที่มนุษย์ประมวลผลข้อมูลภาพในรูปแบบ เมื่อมีบางสิ่งที่โดดเด่นจากสภาพแวดล้อมไม่ว่าจะเป็นสีขนาดรูปร่างหรือช่องว่างก็สามารถทำได้ ปรากฏความสำคัญมากขึ้นตามบริบท.
ใช้ความเปรียบต่างเพื่อดึงดูดความสนใจไปยังองค์ประกอบของหน้าเว็บที่ดึงดูดผู้เข้าชมให้เข้ากับงานเฉพาะ หากเป้าหมายของคุณคือการสร้างการสมัครรับจดหมายข่าวเพิ่มเติมกล่องการสมัครรับข้อมูลของคุณอาจมีปุ่มสมัครสมาชิกเคลื่อนไหวสดใสหรือไอคอนเวกเตอร์ที่ไม่ซ้ำใคร.
เป้าหมายคือเพื่อดึงดูดความสนใจโดยสร้างอินเทอร์เฟซที่ดึงดูดผู้เข้าชมให้ดำเนินการตามที่ต้องการ.
หากคุณมีเวลาอาจจะคุ้มค่าที่จะใช้กรณีศึกษา A / B สองสามข้อเพื่อดูว่าสี / องค์ประกอบใดเล่นได้ดีที่สุดด้วยกัน สถิติยากที่จะระบุ แต่คุณจะประหลาดใจว่าสามารถเรียนรู้ได้มากเพียงใดจากการทดสอบแยกแบบง่าย ๆ.
2. Tasteful UI / UX Animation
เมื่อไม่นานมานี้ฉันได้พบสิ่งที่ Disney รู้เกี่ยวกับ Animation Animation ครอบคลุมจุดสำคัญของภาพเคลื่อนไหวและวิธีการเล่นเหล่านี้กับจิตใจของผู้ใช้ที่โต้ตอบกับหน้าจอ 2D แบน.
แอนิเมชันประเภทต่าง ๆ สามารถบ่งบอกถึงพฤติกรรมบางอย่าง ตัวอย่างเช่นเมื่อโฮเวอร์เหนือปุ่มมันอาจเด้งขึ้นมาเพื่อแสดงว่ามันคลิกได้ ข้อความผิดพลาดมักจะเขย่าเพื่อดึงดูดความสนใจจากผู้ใช้.
จำไว้ ภาพเคลื่อนไหว UX ควรมองเห็นได้ แต่บอบบาง. ภาพเคลื่อนไหวแบบไวด์สกรีนยอดนิยมมีให้สำหรับทีวีและภาพยนตร์มากกว่าอินเทอร์เฟซ.
แต่นั่นไม่ได้หมายความว่าอินเทอร์เฟซของคุณควรจะแบน ในความเป็นจริงผู้ใช้ส่วนใหญ่จะ ค่อนข้าง มีภาพเคลื่อนไหวบางประเภทเพราะให้ภาพลวงตาของประสบการณ์ที่นุ่มนวลขึ้น การออกแบบดิจิทัลเป็นบางส่วนเกี่ยวกับ สร้างส่วนต่อประสานที่เป็นภาพลวงตา, แต่ ยิ่งสมจริง ปรากฏว่ายิ่งผู้ใช้ของคุณต้องการโต้ตอบ.
3. การตอบสนองการออกแบบตามความต้องการ
มันยุติธรรมที่จะพูดว่าส่วนที่ดีของผู้ใช้อินเทอร์เน็ตเรียกดูจากโทรศัพท์มือถือของพวกเขา ลิงค์ที่แชร์กับเว็บไซต์โซเชียลเช่น Facebook และ Twitter มักจะถูกเข้าชมบนสมาร์ทโฟนและแท็บเล็ตโดยตรง.
ซึ่งหมายความว่าทุกเว็บไซต์ควรได้รับการปรับให้เหมาะกับอุปกรณ์พกพาในบางลักษณะควรมีการออกแบบที่ตอบสนองได้อย่างสมบูรณ์.
เมื่อคุณ ถูกบังคับให้พิจารณาขนาดหน้าจอ, มัน วางคุณสมบัติที่สำคัญในแง่มุมใหม่ทั้งหมด. ในฐานะนักออกแบบคุณต้องเลือกคุณลักษณะที่สำคัญที่สุดและลักษณะที่ควรปรากฏบนหน้าจอขนาดเล็ก กลยุทธ์การออกแบบที่ตอบสนองนี้ต้องใช้เวลาในการเรียนรู้ แต่วิธีที่ดีที่สุดคือการศึกษาเว็บไซต์อื่น ๆ และเลือกเทคนิคที่คุณชอบ.
ความจริงคือ งานออกแบบที่ตอบสนอง และได้รับการยอมรับมากขึ้นจากชุมชนการออกแบบในแต่ละปีที่ผ่านไป.
ผู้ใช้ยังคาดหวังว่าเว็บไซต์จะตอบสนองอย่างเต็มที่ดังนั้นพวกเขาจะตอบสนองต่อหน้าจอของอุปกรณ์ใด ๆ เมื่อไซต์ไม่เหมาะสมในเว็บเบราว์เซอร์มือถือมันอาจเป็นการไม่เข้ากับประสบการณ์ของผู้ใช้.
4. ลดความซับซ้อนของกระบวนการปฏิสัมพันธ์
Smashing Magazine เพิ่งเผยแพร่หนึ่งในกระทู้ที่ดีที่สุดที่ฉันได้อ่านเพื่อสนับสนุน การทำให้เข้าใจง่ายสำหรับการออกแบบส่วนต่อประสาน. ระบุว่าไม่มีใครต้องการข้ามห่วงเพื่อใช้เว็บไซต์หรือแอปพลิเคชันของคุณ ผู้คนให้ความสนใจใน ผลลัพธ์ที่ได้, และ วิธีที่เร็วที่สุดที่จะไปที่นั่น.
ฉันชอบที่จะสร้างผังงาน UX สำหรับองค์ประกอบหน้าอินเทอร์แอคทีฟเมื่อใดก็ตามที่ฉันกำลังร่างภาพโครงลวด สิ่งเหล่านี้ช่วยให้มองเห็นว่าไซต์ควรมีลักษณะอย่างไร และ ฟังก์ชัน.
แต่ในความจริงแล้วมันไม่สำคัญว่าคุณจะวางแผนประสบการณ์อย่างไร เพียงให้แน่ใจว่าคุณกำลังวางแผน ประสบการณ์ที่เร็วที่สุดและง่ายที่สุดที่เป็นไปได้. เมื่อมันมาถึงการสนับสนุนกิจกรรมคุณจะต้องการสิ่งที่สำคัญ โดยนัยของการออกแบบ.
หากมีใครแวะมาที่เว็บแอปของคุณและไม่เข้าใจวิธีการสมัครทันทีนั่นเป็นปัญหาใหญ่. มันควรจะชัดเจนโจ๋งครึ่ม ให้ผู้ใช้ทราบว่าไซต์ของคุณทำอะไรและสามารถแยกออกจากเว็บไซต์ได้อย่างไร.
จุดเริ่มต้นที่ดีที่สุดคือการค้นคว้าการออกแบบ UX และกระบวนการที่ผู้ใช้โต้ตอบกับส่วนต่อประสาน จากตรงนั้นคุณจะสามารถสรุปผลที่เกี่ยวข้องกับโครงการของคุณและทำให้อินเทอร์เฟซของคุณง่ายขึ้นไปสู่ศักยภาพสูงสุด.
สำหรับการอ่านที่เกี่ยวข้องในหัวข้อของ กิจกรรมของผู้ใช้, ตรวจสอบโพสต์เหล่านี้:
- การทำลายการออกแบบเว็บไซต์ = ทำลายประสบการณ์ของผู้ใช้
- การใช้งาน & ประสบการณ์ผู้ใช้คลังเก็บในนิตยสารยอดเยี่ยม
- แนวคิดการออกแบบเว็บเพื่อดึงดูดการโต้ตอบของผู้ใช้
สรุป
ไม่มีคำตอบเดียวเกี่ยวกับวิธีการออกแบบ (หรือแก้ไข) เว็บไซต์เพื่อปรับปรุงการใช้งาน ใช่มีบางสิ่งที่คุณสามารถลองได้ แต่แต่ละไซต์มีความแตกต่างกันเล็กน้อยและการศึกษาการออกแบบ UX นั้นซับซ้อนมาก.
ฉันหวังว่าบทความนี้จะช่วยให้คุณเริ่มคิดเกี่ยวกับเทคนิคทั่วไปบางอย่างสำหรับการสร้างส่วนต่อประสานที่ใช้งานได้สูง สิ่งที่ดีที่สุดที่คุณสามารถทำได้คือใส่ตัวเองในรองเท้าของผู้ใช้ทั่วไปและพยายามหาข้อบกพร่องที่สำคัญของอินเทอร์เฟซ และเมื่อคุณรู้ปัญหาแล้วคุณก็ไปสู่ทางแก้ไขแล้ว!