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

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

ความสำคัญของการออกแบบส่วนต่อประสานกับผู้ใช้

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

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

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

ความเป็นจริงของการออกแบบ UI / UX

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

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

ประสบการณ์ของฉัน

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

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

วิธีการของฉัน

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

สติปัญญา กับ สัญชาตญาณ

เมื่อใดที่มีสิ่งเร้ามากระตุ้น สมองก็จะมีกระบวนการกระตุ้นเช่นเดียวกัน ในตอนแรกมันจะตรวจสอบกระบวนการตอบสนองและสัญชาตญาณ สมองใช้เวลาเสี้ยววินาทีในการตัดสินว่าสิ่งเร้านั้นเป็นอันตรายถึงชีวิตหรือไม่ หลังจากนั้นจึงเริ่มกระบวนการประมวลผลโดยใช้ตรรกะ ดังนั้นสมองจึงใช้ความรู้จากสิ่งที่รับมา คล้ายกันกับเวลาที่ผู้ใช้พบเจอหน้าจอด้วยตา ในตอนแรกมันจะทำการสแกนส่วนต่อประสานของผู้ใช้งานเพื่อแยกสีและพื้นที่หรือสิ่งที่คุ้นเคยและสิ่งที่ทำให้เกิดความรู้สึกว่าสังเกตเห็นได้ยาก เช่น “มีสิ่งสำคัญที่มุมขวาบน” (อาจเป็นปุ่มกดให้ดำเนินการ) “มีบางสิ่งที่เป็นอันตรายทางด้านซ้าย” (โฆษณาที่มีสีสัน), “หน้าต่างนี้ดูทันสมัย” (สีหลักอาจเป็นสีน้ำเงิน) หรือ “องค์ประกอบนี้รู้สึกคุ้นเคย” วอทส์แอฟ, โทรศัพท์ หรือสัญลักษณ์ดาวน์โหลด ตอนนี้สมองเริ่มวิเคราะห์และตีความข้อความ เส้นขอบกราฟิกและทุกสิ่งที่สัญชาตญาณไม่สามารถทำได้ คุณตระหนักได้ว่าเส้นขอบที่คุณเห็นเป็นตัวแยกเนื้อหาและตัวเลขหลังจากที่สัญลักษณ์ในโทรศัพท์เป็นตัวเลข หัวเรื่องเป็นตัวบอกคุณว่าหน้าต่างนั้นเกี่ยวกับบทความทางวิทยาศาสตร์ สัญลักษณ์ในโทรศัพท์ที่ดีควรเหมาะสมกับตัวเลขในโทรศัพท์ โทนสีฟ้าถูกทำขึ้นสำหรับหัวข้อของบทความทางวิทยาศาสตร์ คุณเข้าใจเนื้อหาได้อย่างรวดเร็วเพราะสัญชาตญาณสังเกตเห็นรายละเอียดที่สำคัญก่อน หากไม่เป็นอย่างนั้นจิตใจของคุณจะต้องทำงานหนักขึ้นจนทำให้รู้สึกรำคาญ

สติปัญญาของโปรแกรมเมอร์

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

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

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

 ความคิดเห็นหรือข้อเสนอแนะ?

ฉันอยากทราบความคิดเห็นและประสบการณ์ของคุณที่เกี่ยวกับหัวข้อนี้ กรุณาทิ้งตำแหน่งงานของคุณ

คุณชอบโพสต์นี้หรือไม่? ติดตามฉันทาง Twitter แล้วจะไม่พลาดโพสต์อื่น ๆ ในอนาคต