UI Pattern ออกแบบ Popup ไม่ยาก! สำหรับบทความเริ่มต้นปี 2016 เรามาเรียนรู้อะไรที่ง่ายๆ กับ UI popup ที่น่าจะรู้จักกันดีอยู่แล้ว แต่ก็มักเกิดคำถามขึ้นในใจในบางประเด็นเวลาเราเลือกใช้เจ้า UI แสนง่ายตัวนี้ เช่น ปุ่ม OK บน Popup จะไว้ทางซ้ายหรือขวาดีหน้อ? จะแสดง Popup ที่ตรงไหนดีหว่า? ใช้ Popup ในสถานการณ์นี้ได้ไหมนะ? คำถามเล็กๆ ... By uiblogazinerJanuary 27, 20163
เรื่องเด๊นเด่น รวมบทความน่าอ่านมากแห่งปี 2015 โดย UI Blogazine ก่อนจบปี 2015 ผมได้รีวิวดูบทความที่เขียนมาในปี 2015 บางบทความก็พบว่ามีความผิดพลาดอยู่ไม่น้อย ก็ต้องขออภัยท่านผู้อ่านด้วยนะครับ หวังว่าคงจะไม่ถือสากันนะครับ และจะเป็นการดีมาก หากพบข้อผิดพลาด รบกวนทักผมมาทางเมลหรือทาง facebook ได้เลยครับ แต่อย่างไรก็ตาม ทุกๆ บทความ ผมก็เขียนมันขึ้นมาเพื่อท่านผู้อ่าน แม้จะเพียงท่านเดียว ผมก็จะเขียนให้อ่านครับ นี่คือจุดเริ่มต้นในปณิธาณของผมที่เริ่มทำเว็บนี้ขึ้นมาครับ [hr] 1. วิธีขอให้ยูสเซอร์ให้คะแนน app อย่างถูกวิธี เผยแพร่เมื่อ ... By uiblogazinerDecember 31, 20150
ทฤษฎี UI รวมบทความของ UI Blogazine บน Designil ปี 2015 ขอขอบคุณ Admin เว็บ Designil ที่ช่วยแบ่งปันพื้นที่นักเขียนโนเนมให้ได้มีโอกาสถ่ายทอดความรู้ให้กับผู้คลั่งไคล้และสนใจในงาน web design ตลอดปี 2015 กับ 8 บทความที่ผมภูมิใจและตั้งใจเขียนเพื่อสนองความต้องการของตัวเองและผู้กระหายในองค์ความรู้ด้าน UI ด้วยใจที่รู้สึกตื่นเต้นและสนุกในการได้เรียนรู้สิ่งใหม่ๆ ในขณะที่ได้ลงมือเขียนทุกครั้งครา ย้อนวันวานและตามอ่านบทความย้อนหลังได้เลยครับ โดโซะๆ [hr] เทคนิคออกแบบ UI DESIGN ให้สวยด้วยความแตกต่าง 1 Pixel ... By uiblogazinerDecember 28, 20150
UI Pattern UI Hybrid ความคิดสร้างสรรค์เป็นสิ่งที่ขาดไม่ได้เลยในงานด้าน design และมันก็ไม่ใช่สิ่งยากที่จะทำด้วยครับ ความคิดสร้างสรรค์ไม่จำเป็นต้องเป็นสิ่งใหม่และมีประโยชน์ใช้งานได้ (เพราะสมัยนี้ หาสิ่งใหม่ 100% แทบไม่มีแล้ว) โดยมีแนวคิดภายใต้กรอบวิธีการง่ายๆ ดังนี้ ขยายให้ใหญ่ ย่อให้เล็ก เปลี่ยนสี, รสชาด, ผิวสัมผัส, เสียงบรรเลง ผสมปนเป รู้จักสังเกตพฤติกรรมและปัญหา แน่นอนครับ แนวทางการออกแบบ UI เชิงสร้างสรรค์ก็สามารถใช้แนวคิดนี้ได้เช่นกัน ผมจึงลองนำเอา UI ... By uiblogazinerDecember 28, 20150
สอนเทคนิคน่ารู้ ซีรีย์ Photoshop ชุด GoPro ทิปที่ 7 – วิธีการใส่ Font Awesome Font Awesome เป็น Open-Source ฟอนต์ประเภทไอคอน (แสดงผลเป็นรูปไอคอน ไมใช่ตัวอักษร) ที่มีการใช้งานแพร่หลายในหลายเว็บไซต์ เพราะนอกจากสามารถนำไปใช้ในเชิงพาณิชย์ได้ (Commercial Use) ยังมีไอคอนให้เราเลือกสรรเลือกใช้เป็นร้อยๆ แต่ถ้าหากเราอยากจะนำไอคอนเหล่านี้มาใส่ในไฟล์งาน photoshop (.psd) จะมีวิธีการอยู่ 2 แบบ คือ การใช้งานผ่านไฟล์ฟอนต์: ใช้ได้กับ Photoshop ทุกเวอร์ชั้น รวมทั้ง ... By uiblogazinerDecember 7, 20150
ทฤษฎี UI ทำ UI ให้เป็นลำดับชั้น (Hierarchy) ขั้นเซียน UI ใช้กัน ขอขอบคุณท่านผู้อ่านที่ติดตามหรือพึ่งจะมาอ่านจนถึงบทความนี้ ก่อนสิ้นปีนี้ ผมอยากจะมอบของขวัญชิ้นหนี่งซึ่งเป็นหนึ่งในสุดยอดวิชา การเป็นออกแบบขั้นเซียน ถ้าหากสำเร็จหรือฝึกวิชานี้แล้ว จะทำให้เราสามารถโลดโผนในยุทธจักรได้อย่างไม่ต้องเกรงกลัวฝีมือใครเลย วิชาที่ผมจะถ่ายทอดเปรียบได้กับคัมภัร์เปลี่ยนเส้นเอ็นของวัดเส้าหลินเลยก็ว่าได้ เพราะสามารถนำไปประยุกต์ได้ในหลายสถานการณ์จำเป็นและหลายรูปแบบกระบวนท่า ขอเพียงคำนึงถึงเป็นแกนหลักในขณะออกแบบ UI ก็เพียงพอแล้วครับ หลักการหรือวิชาที่ผมอยากนำเสนอคือ การทำ UI ให้เป็นลำดับชั้นตามความสำคัญ (Hierarchy) Hierarchy หรือการออกแบบที่มีการเรียงลำดับความสำคัญขององค์ประกอบจะช่วยเรื่องการรับรู้ข้อมูลของยูสเซอร์ให้เป็นไปได้อย่างมีประสิทธิภาพ ภายใต้หลักการอ่านของยูสเซอร์ที่เป็นการสแกนอ่านข้อมูล ไม่ใช่การอ่านแบบลงรายละเอียด ทำให้การออกแบบที่มีลำดับชั้นการวางองค์ประกอบของเนื้อหาเป็นเรื่องง่ายต่อยูสเซอร์ที่จะเข้าใจได้ว่าเนื้อหาส่วนไหนสำคัญที่สุด เนื้อหาไหนสำคัญรองลงมา หรือเนื้อหาไหนที่ทางองค์กรต้องการสื่อสารให้ชัดเจนกับผู้อ่านมากที่สุด แต่จะทำได้ด้วยวิธีการใด ผมได้รวบรวมและกลั่นกรองจากประสบการณ์ สรุปออกมาเป็น ... By uiblogazinerDecember 6, 20150
Design Excite 3D Force Touch 3D Touch Force (UI รู้แรงกด) เป็นประสบการณ์ใหม่ที่เปิดตัวบนเครื่อง iPhone6S และ iPhone6s Plus ที่รันระบบปฏิบัติการ iOS9 ด้วยการมีเซ็นเซอร์วัดแรงกดได้อย่างแม่นยำและละเอียด ลองมาดูตัวอย่างคร่าวๆ ว่า UI นี้มีหน้าตาเป็นอย่างไร ในอนาคตคงจะได้เห็นการนำไปใช้งานในหลากหลายรูปแบบมากขึ้นครับ วิธีการทำงานของฟังก์ชัน ForceTouch การใช้งาน ForceTouch ในการซูมภาพ ... By uiblogazinerDecember 5, 20150
รีวิวเว็บ รีวิวเว็บ GovChannel เมื่อสัปดาห์ที่แล้ว รัฐบาลได้นำเสนอเว็บศูนย์กลางข้อมูลภาครัฐ GovChannel โดยท่านนายกฯ เป็นประธานเปิดตัวเว็บไซต์นี้เลยทีเดียว ทำให้ผมรู้สึกสนใจ แล้วเข้าไปลองใช้งานเว็บไซต์นี้ทันที ผมก็หวังว่าจบรีวิวนี้ คงไม่โดนเรียกตัวไปปรับทัศนคตินะครับ ^^! หน้าแรกของเว็บ GovChannel เว็บ GovChannel เป็นเว็บศูนย์กลางข้อมูลภาครัฐ โดยให้เราสามารถใส่คำค้น แล้วระบบจะไปควานหาข้อมูลที่เกี่ยวข้องจากเว็บภาครัฐใน 4 แหล่ง ได้แก่ เว็บศูนย์รวมข้อมูลเพื่อติดต่อราชการ (https://info.go.th), เว็บ Government Open Data ... By uiblogazinerNovember 21, 20150
สอนเทคนิคน่ารู้ อย่า APP ถ้าไม่อยากแบ๊ว จากกระแสการบูมของอุปกรณ์พกพา (mobile device) ทำให้สตาร์ทอัพหรือหลายๆ หน่วยงานพยายามนำเสนอแนวคิดการนำเอาแอปลิเคชันบนมือถือ (Mobile Application) เข้ามาเป็นสื่อกลางในการตอบสนองความต้องการของผู้ใช้เพื่อแก้ปัญหาต่างๆ แต่ก็มีหลาย app ที่ทำออกมาแล้วเสียของ เพราะไม่เข้าใจจุดประสงค์และบริบทของการใช้งาน mobile app ที่แท้จริง และในบางครั้งการพัฒนา app บนเว็บ (Web Application) กลับดูดีเสียกว่าอีก การตัดสินใจว่าจะพัฒนา app บนมือถือหรือบนเว็บดี ... By uiblogazinerOctober 31, 20150
รีวิวเว็บ Redesign app Rush Bike Rush Bike เป็น app ที่เรียกมอเตอร์ไซต์มาส่งของให้เรา หลังจากที่ผมได้รีวิวตัว app Rush Bike ไปได้พักใหญ่ (รีวิว app Rush Bike ตอนที่ 1, ตอนที่ 2, ตอนที่ 3, ตอนจบ) ผมก็ได้รับการติดต่อจากทีมผู้พัฒนา โดยนัดแนะผมให้ไปคุยปรึกษาขอความเห็นเรื่องการพัฒนาปรับปรุงตัว app ... By uiblogazinerOctober 7, 20150
ทฤษฎี UI 6 หลักการเพื่อออกแบบทุกสิ่งบนโลกนี้ ตอนที่ 1: Affordance (ล่อให้กระทำ) June 22, 201714605 views