Design Excite

10 Design Details, So in Details (10 ดีไซน์เจ๋ง เก่งรายละเอียด)

การออกแบบ UI ผมมองว่า เราอาจสามารถแบ่งได้ออกเป็น 2 ช่วงเวลาหลักๆ คือ ช่วงแรก – การออกแบบ UI โดยเน้นเพื่อให้บรรลุวัตถุประสงค์หลักการใช้งาน เช่น การออกแบบเมนูเพื่อให้เลือกหัวข้อเนื้อหาที่ต้องการได้ ช่วงสอง – การออกแบบ UI โดยเน้นเสริมสร้างประสบการณ์การใช้งานพื้นฐานให้ดียิ่งขึ้น เช่น การทำ UI ปฏิทินให้แสดงเดือนให้เห็น ...
ทฤษฎี UI

ทฤษฎีเกสตอลท์สำหรับงานออกแบบ UI (Gestalt Theory for UI Design)

บทความแรกๆ ของ UI Blogazine ได้นำเสนอทฤษฎีเกสตอลท์ (Gestalt) ในบริบทที่ใช้ในการออกแบบสื่อกราฟิคโดยรวม ไม่ได้เฉพาะเจาะจงเรื่องของ UI มากสักเท่าไรนัก ในบทความนี้ เราจะมาทบทวนทฤษฎีนี้กัน และลงรายละเอียดในหัวข้อที่เกี่ยวกับงานอออกแบบ UI กันครับ พร้อมตัวอย่างและสถานการณ์การนำทฤษฎีเกสตอลท์ไปใช้ทำงานได้จริงๆ ทฤษฎีเกสตอลท์ (Gestalt Theory) เกสตอลท์ (Gestalt) เป็นคำในภาษาเยอรมัน หมายถึง ...
Design Excite

Design Trend 2016

เป็นประเพณีของเว็บ UI Blogazine เราจะมาอัพเดทเทรนด์งานดีไซน์ของปี 2016 กันครับ หนึ่งในเว็บที่ผมแนะนำให้เข้าไปดูเทรนด์ประจำคือ เว็บ Shutter Stock Trends ซึ่งเป็นเว็บซื้อขายภาพมืออาชีพที่ใหญ่มากของโลก ทำให้มีข้อมูลการค้นหาและการซื้อขายภาพในจำนวนมหาศาล (Big Data) เมื่อนำข้อมูลเหล่านี้มาวิเคราะห์ จะทำให้เราทราบถึงเทรนด์ของโลกได้เลยทีเดียวครับ หลังจากนั้นเราก็อาจเข้าไปดูงานศิลป์ที่ Dribbble, Behance, หรือ Pinterest ก็พอจะทำให้เราเห็นกระแสโลกดีไซน์ได้เยอะทีเดียวเช่นกันครับ แน่นอนครับ เทรนด์ที่ผมนำเสนอมาอาจจะมาจากความคิดเห็นส่วนตัวบ้างด้วย ...
ทฤษฎี UI

ออกแบบ UI สำหรับอุปกรณ์หน้าจอสัมผัส

การออกแบบ UI สำหรับอุปกรณ์หน้าจอสัมผัส เช่น สมาร์ทโฟน (Smart Phones),  แท็บเล็ต (Tablets) จะมีหลายจุดที่แตกต่างจากการออกแบบ UI สำหรับใช้งานผ่านคอมพิวเตอร์ตั้งโต๊ะ (Desktop) และแล็ปท็อป ซึ่งมีเมาส์และคีย์บอร์ดเป็นอุปกรณ์ที่ใช้ในการเลือกและสั่งงาน UI ขณะที่อุปกรณ์หน้าจอสัมผัสจะใช้นิ้วมือเป็นหลัก ในบทความนี้ ผมขออนุญาตแนะนำวิธีการออกแบบ UI สำหรับอุปกรณ์หน้าจอสัมผัสในจุดที่ผมคิดว่าสำคัญซึ่งเป็นแนวทางและเทคนิคที่น่ารู้อย่างยิ่งยวดสำหรับ designer 1. ...
เรื่องเด๊นเด่น

รวมบทความน่าอ่านมากแห่งปี 2015 โดย UI Blogazine

ก่อนจบปี 2015 ผมได้รีวิวดูบทความที่เขียนมาในปี 2015 บางบทความก็พบว่ามีความผิดพลาดอยู่ไม่น้อย ก็ต้องขออภัยท่านผู้อ่านด้วยนะครับ หวังว่าคงจะไม่ถือสากันนะครับ และจะเป็นการดีมาก หากพบข้อผิดพลาด รบกวนทักผมมาทางเมลหรือทาง facebook ได้เลยครับ แต่อย่างไรก็ตาม ทุกๆ บทความ ผมก็เขียนมันขึ้นมาเพื่อท่านผู้อ่าน แม้จะเพียงท่านเดียว ผมก็จะเขียนให้อ่านครับ นี่คือจุดเริ่มต้นในปณิธาณของผมที่เริ่มทำเว็บนี้ขึ้นมาครับ [hr] 1. วิธีขอให้ยูสเซอร์ให้คะแนน app อย่างถูกวิธี เผยแพร่เมื่อ ...
ทฤษฎี UI

ทำ UI ให้เป็นลำดับชั้น (Hierarchy) ขั้นเซียน UI ใช้กัน

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

ปุ่ม 300 ล้านดอลลาร์

ใครจะเชื่อไหม ถ้าผมบอกว่าแค่การเปลี่ยนปุ่มเพียงแค่หนึ่งปุ่ม แต่กลับช่วยสร้างรายได้ต่อปีให้กับเว็บไซต์ e-commerce แห่งหนึ่งได้ถึงปีละ 300 ล้านดอลลาร์ ฟอร์มสำหรับใช้เข้าสู่ระบบหรือลงทะเบียนสำหรับลูกค้าใหม่ (สร้างสมมติจากคำบรรยายในบทความ) เรื่องเริ่มที่ฟอร์มที่ดูง่ายๆ ดังแสดงตามรูปด้านบน มันเป็นฟอร์มใช้เพื่อเข้าสู่ระบบ (Login form) ของยูสเซอร์ซึ่งประกอบด้วย ช่องกรอก: email address และ password ปุ่ม: Login และ ...

Posts navigation