HOW TO CREATE !! UI & UX แบบ Professional

1

สวัสดีจ้าวันนี้น้องเรย์จะขอนำเสนอเกียวกับการออกแบบ UI และ UX ยังไงให้น่าสนใจ ออกแบบยังไงให้น่าใช้งานตั้งแต่แรกพบสบตาแบบรักแรกพบกันเลยทีเดียว

  • UI และ UX คืออะไร รู้จักไหม  ?

เริ่มจาก UI ก่อน  UI หรือ User interface หรือที่เรารู้จักกันก็คือ ส่วนที่ติดต่อกับผู้ใช้ ใช่จ้าเข้าใจไม่ผิดส่วนที่ติดต่อกับผู้ใช้งานโดยตรงเรียกว่าเป็น รักแรกพบ First Impression เลยนะ อิอิ เช่น ไอค่อน สัญลักษณ์ รูปลักษณ์ต่างๆของวัตถุชิ้นนั้นๆ ที่เราใช้งานกันอยู่ในทุกๆวันนี้ เช่น โทรศัพท์ รีโมททีวี กล่องขนม คอมพิวเตอร์ โน้ตบุ้ค อาหาร อ้ะๆเดียวจะสับสนไปกันใหญ่ เดียวน้องเรย์จะขอยกตัวอย่างให้ดูนะจ้ะ

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

 maleficent_movie_maleficent_pop_vinyl_figure

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

s-l1000

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

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

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

U-watch-uxห-วใจนาฬ-กาข-อม-ออ-ตราmonitor-ringด-สมาร-ทห-นยนต-โทรศ-พท-นาฬ-กาก 11

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

ขอยกตัวอย่างอีกนิดหนึ่ง สมมุตินะจ้ะ ว่ามีคนสองคน นาย A กับ นาย B

นาย A : ชอบอุปกรณ์ทันสมัย ไฮเทค นำเทรนด์ รักความสะดวกสบาย

นาย B : ชอบความหรูหรา ติดแบรนด์ มีสไตล์เป็นของตัวเอง

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

เห็นไหมจ้ะ นี่แหละคือ UX หรือ ประสบการณ์ของผู้ใช้ เห็นไหมง่ายๆแค่นี้เอง

  • UI และ UX สำคัญไฉน ??

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

  • การออกแบบ  UX ที่ดีทำอย่างไร ?

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

อ่ะๆเข้าใจวิธีการออกแบบ และลักษณะกันไปหมดแล้วลำดับสุดท้ายอยากออกแบบทำยังไง ?

  •  อยากลองออกแบบ UX ทำยังไง ?

อยากลองออกแบบ UX น่ะหรอ แค่คิดชีวิตก็เปลี่ยนแล้ว เบสิกที่สุดที่นักออกแบบทุกคนต้องเคยใช้ ใช่เลยค่ะ กระดาษและดินสอนี่แหละ นึกอะไรได้จดไว้ก่อน เขียนรายละเอียดไว้ กันลืม ดีที่สุดไม่มีตกยุค ใช้กันได้ทุกยุคทุกสมัย ลำดับต่อไป เมื่อเขียนรายละเอียดกันไว้หมดแล้ว ป่ะลุยต่อ เครื่องมือที่ใช้ออกแบบ UX ก็จะแตกต่างกันออกไปตามความเหมาะสม ถ้าเป็นรีโมท ก็คงต้องใช้ น็อต ใช้เหล็ก ใช้พลาสติก ใช้อะไรมากมาย อ่ะยกตัวอย่างเช่น โทรศัพท์มือถือ โทรศัพท์จะแยกออกเป็นสองส่วนหลักๆ ในส่วน แรกคือ Body ก็จะประกอบด้วยเหล็ก น็อต อีกส่วนคือ Firmware และ Application ต่างๆ อ่ะๆน้องเรย์จะขอยกตัวอย่าง สมมุติว่าเราจะออกแบบ app ดีๆซัก app นึง อันดับแรก UI ออกแบบ ใช่เลยที่คนทั่วโลกนิยมใช้มากที่สุด น้องเรย์จะขอยกตัวอย่าง 2 โปรแกรมนี้ เพราะ 2 ตัวนี้ เป็นที่ยอดนิยมมากสำหรับผู้ใช้ระบบปฏิบัติการณ์ Windows และ Mac OS  ซึ่งก็คือ

mon

photoshop_logo_wallpaper_by_peterbaumann-d6c88bw

Photoshop และ GIMP นั่นเอง ความเหมือนที่แตกต่างของโปรแกรมสองตัวนี้คือฟังก์ชันเหมือนกันเกือบหมดแต่ GIMP เป็น Freeware เปิดให้ใช้งานได้ฟรี

ลำดับต่อไป อยากเขียน Application ลงบนระบบปฏิบัติการณ์อะไรเลือกไว้ในใจรึยัง แต่น้องเรย์มีโปรแกรมในใจนะ ถ้าจะเขียนบน Android นี่เลย !!

android-studio-logo

Android Studio ของบริษัท google แน่นอนว่าตอบโจทย์ความต้องการได้อย่างเต็มเปี่ยมแน่นอน ทั้ง  Tools ที่หลากหลายแถมรองรับระบบปฏิบัติการณ์ Android แน่นอน ทั้ง Smart Phone และ Android wear

ในลำดับต่อไป แน่นอนเลยต้องเป็น iOS น้องเรย์ก็มีโปรแกรมแนะนำอีกเช่นกัน นี่เลย

xcode-starter-first-08

xcode ใช้สำหรับเขียน Application ที่ใช้งานบนระบบ iOS ในการออกแบบApplication บน iOS นี่จะค่อนข้างยุ่งยากเพราะต้องใช้ระบบปฏิบัติการณ์ MAC OS ในการออกแบบ แต่ในด้านการตลาด iOS เป็นที่ต้องการสูงมาก

เห็นไหมการออกแบบ UX และ UI  ง่ายนิดเดียวลองดูนะจ้ะ

Thitiporn Khantong
at GlurGeek.Com
ทีมพัฒนาหุ่นยนต์ ห้องโรโบติกส์ แห่ง คณะวิศวกรรมศาสตร์ มหาวิทยาลัยกรุงเทพ , Freelance Writer , Freelance Developer etc, นักพากย์, ชอบหาแรงบันดาลใจจากธรรมชาติ การเดินทาง การถ่ายรูป เสียงเพลง และชื่นชอบการพัฒนาตนเองและหาความรู้ใหม่ๆอยู่เสมอ

Leave a Reply

Copyright © 2021 GlurGeek.Com. All Rights Reserved.