UI Design : หลักการออกแบบแอพพลิเคชั่น ที่ต้องรู้ !!

หลักการออกแบบแอพพลิเคชั่น

UI Design : หลักการออกแบบแอพพลิเคชั่น ที่ต้องรู้ !!

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

ส่วนประกอบสำคัญ

ในการออกแบบ UI ที่ดี ต้องประกอบไปด้วย Visibility, Development และ Acceptance.

  • Visibility คือ มีความชัดเจนที่จะบ่งบอกถึงเอกลักษณ์เฉพาะตัวของแอพ โดยคำนึงการใช้งาน และมี Concept ที่ชัดเจน
  • Development ต้องคำนึงถึง ความสามารถในการปรับแต่งและข้อจำกัดของ platform เช่น การรองรับ การสร้างต้นแบบที่รวดเร็ว, มีคลังข้อมูล และมีชุดเครื่องมือที่รองรับ เพื่อที่จะสามารถต่อยอดและพัฒนาต่อไปได้
  • Acceptance หมาถึง ยอมรับในข้อตกลงสิทธิบัตร และนโยบายองค์กร ไม่ขัดกับข้อบังคับ (Apple Store, Google Play)
ui design ออกแบบแอพพลิเคชั่น

ui design ออกแบบแอพพลิเคชั่น

3 สิ่งที่เป็นพื้นฐาน หลักการออกแบบแอพพลิเคชั่น

  1. Communication ความสอดคล้องกันระหว่าง ผู้ใช้และฟังก์ชั่นการใช้งาน เช่น พฤติกรรมการใช้งาน interactive ต่างๆ
  2. Economization การลดจำนวนขั้นตอนการทำงานของ UI ให้น้อยที่สุด แต่ต้องครอบคลุมที่สุด
  3. Organization หมายถึง UI จะต้องมีโครงสร้างการใช้งานและ Concept ที่ชัดเจน

3 สิ่งที่จะช่วยพิ่มประสิทธิภาพ ได้แก่

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

2. Sidebar จะช่วยให้เข้าถึงส่วนพิเศษ หรือเมนูที่ซ่อนอยู่ของแอพพลิเคชั่น

3. Tool bar ช่วยให้ผู้ใช้เลือกหรือเปลี่ยน option หรือปรับเปลี่ยนเมนูการใช้งานแอพพลิเคชั่น

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

Colors

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

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

ข้อควรระวัง

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

ui design ออกแบบแอพพลิเคชั่น 2

RESPECT THE DEVICE

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

Tips

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

สำหรับการออกแบบแอพเพื่อใช้ในแนวตั้ง เมนูจะต้องวางในด้านบน

CHOOSING FONTS

การใช้ Front จะต้องเลือกใช้ตัวอักษรที่อ่านง่ายในทุกรูปแบบหน้าจอ  Font Display นั้นค่อนข้างอ่านยากในจอเล็กๆ ทางที่ดีควรเลือกควรเลือกใช้ Front ง่ายๆ เช่น serif,  sans serif

เพราะหาก Device ไม่รองรับ front จะเกิดการแทนที่และอาจเกิดการแสดงผลในตัวอักษรที่แปลกไป นี่จึงเป็นเหตุผลที่การใช้ front มาตราฐานจาก Windows จึงเป็นตัวเลือกที่ดี

การออกแบบแอพฯ ที่ใช้ภาษาแตกต่างกัน ต้องคำนึงถึง การยืดของตัวอักษรที่อาจใช้พื้นที่เพิ่มมากขึ้นถึง 50 เปอร์เซ็น

REMOVE CLUTTER, NOT FEATURES

เป็นสิ่งจำเป็นที่จะผสมผสานหลายๆ feature ไว้ด้วยกัน แต่อาจทำให้แอพฯ มีอาการหน่วง วิธีการแก้ปัญหาคือ การใช้ Dropdown menu หรือ Tapเป็นสิ่งที่จะช่วยแก้ปัญหาการแสดงผล tools หรือข้อมูลที่มีประโยชน์ภายในเวลาเดียวกัน

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

Share this post