4 บทเรียนจากข้อบกพร่องด้านการออกแบบที่มีชื่อเสียง

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

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

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

บทที่ 1: การทดสอบผู้ใช้เป็นกุญแจสำคัญในการสร้างประสบการณ์ที่ยอดเยี่ยม

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

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

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

ประเด็น:

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

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

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

บทที่ 2: การป้องกันข้อผิดพลาดของมนุษย์

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

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

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

ประเด็น:

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

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

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

บทที่ 3: การออกแบบตัวอักษรไม่ควรเป็นสิ่งที่ต้องคิดในภายหลัง

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

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

ประเด็น:

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

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

บทที่ 4: แม้ว่าคุณอาจทราบแนวโน้มการออกแบบล่าสุด แต่ผู้ใช้ของคุณอาจไม่รู้

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

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

ประเด็น:

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

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

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

สรุปบทเรียน

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

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

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