ทฤษฎี UI อย่าทำให้ฉันคิดมากนะจ๊ะเธอ (Don’t Make Me Think) ตอนที่ 2/3 กฎข้อที่ 2 แต่ละคลิกต้องไม่คิดและไม่ซับซ้อน (It doesn’t matter how many times I have to click, as long as each click is minless, unambiguous choice) ผมเคยได้อ่านหลายๆ ... By uiblogazinerSeptember 20, 20140
Design Excite ค่าดีฟอลต์ของตู้เอทีเอ็มไทยพาณิชย์ ค่าดีฟอลต์หรือค่าตั้งต้นเป็นสิ่งที่เราไม่ควรละเลยหรือมองข้ามไป หากเราต้องออกแบบฟอร์มหรือขั้นตอนที่ต้องมีการเลือกตัวเลือก เช่น การกรอกที่อยู่บนฟอร์ม ถ้าหากเราต้องการให้เลือกจังหวัด เราควรจะเลือกจังหวัดอะไรเป็นค่าเริ่มต้น และลำดับการเรียงของจังหวัดก็สำคัญด้วยนะครับ อย่างที่น่าจะรู้กัน เราก็ควรเอา กรุงเทพมหานคร ขึ้นเป็นตัวเลือกโดยดีฟอลต์ ส่วนจังหวัดรองลงมาอาจเรียงตามจำนวนประชากร หรือจังหวัดหัวเมืองใหญ่ หรือถ้าไม่อยากคิดมากก็เรียงตามตัวอักษรก็ได้ครับ ที่กล่าวไปเป็นค่าดีฟอลต์ที่เราพบเจอบ่อยๆ บนเหน้าจอคอมใช่ไหมครับ แต่ User Interface ไม่ใช่แค่การออกแบบหน้าตาบนจอคอมพิวเตอร์หรือบนมือถือเท่านั้นนะ เพราะอย่างที่ผมได้บอกไปแล้ว UI คือทุกอย่างที่เรามีปฏิสัมพันธ์ด้วย ... By uiblogazinerSeptember 16, 20141
Design Excite สุดยอดฝา ชอบอย่างแรง การออกแบบผลิตภัณฑ์สำหรับผมแล้วก็เป็นเหมือนการออกแบบ UI อย่างหนึ่งที่จับต้องได้ เป็นปฏิสัมพันธ์ที่ใช้งานอายตนะทั้ง 5 ของเราอย่างครบถ้วน (รูป รส กลิ่น เสียง และสัมผัส) แต่โดยพื้นฐานแล้ว หลักการออกแบบแทบจะไม่ต่างกันเลยครับ และที่เหมือนกันแน่ๆ ก็คือ จุดมุ่งหมายสูงสุดของนักออกแบบที่ต้องการการสร้างสรรค์สิ่งที่มีประโยชน์และง่ายต่อการใช้ให้กับยูสเซอร์ (ดูบทความ รู้จักท่านเซอร์ยูสเซอร์ ประกอบนะครับ) หนึ่งผลิตภัณฑ์ที่ผมอยากนำเสนอเอามากๆ ในครั้งนี้ก็คือ บรรจุภัณฑ์บรรจุน้ำยาซักผ้าของยี่ห้อแอคเทค (Attack) ที่ออกแบบเรื่องหัวฝาปิดได้อย่างจีเนียสสวดยอดเลยครับ ... By uiblogazinerSeptember 13, 20140
UI Pattern อย่างนี้ต้องขยาย Interface นี้ทำตัวเสมือนมีแว่นขยายคอยส่องขยายภาพและรายละเอียดให้เห็นชัดเจนไม่ต้องเพ่งมอง การใช้งานดูเหมือนว่าทางผู้พัฒนาตั้งใจให้ใช้กับอุปกรณ์ touch screen นะครับ เพราะถ้าลองใช้เมาส์เลื่อนดู จะพบว่าหน้ามันจะเลื่อนช้ามาก ต้องคลิกแล้วลากเหมือนเราเอานิ้วเลื่อนหน้าจอ สนุกดีครับ ลองเล่นดูที่เว็บ monocle สิบปากว่าไม่เท่านิ้วจิ้ม ヽ(=^・ω・^=)丿 By uiblogazinerSeptember 10, 20140
ทฤษฎี UI อย่าทำให้ฉันคิดมากนะจ๊ะเธอ (Don’t Make Me Think) ตอนที่ 1/3 ในวงการ User Interface Design คงจะเป็นไปไม่ได้ที่จะไม่กล่าวถึงผู้แต่งหนังสือ Don’t Make Me Think (อย่าทำให้ฉันคิดมากนะจ๊ะเธอ) ซึ่งผมแปลซะเป็นเหมือนชื่อเพลงเลยเนอะ หนังสือเล่มนี้ หัวหน้าผมแนะนำให้รู้จักเป็นครั้งแรก และได้เป็นเหมือนแรงบันดาลใจให้กับผมที่จะอยากเป็น UI designer มืออาชีพตัวจริงเหมือนกับผู้แต่ง – Steve Krug (สตีฟ ครูค) ด้วยภาษาที่ใช้อธิบายอย่างง่ายๆ ... By uiblogazinerSeptember 4, 20140
รีวิวเว็บ รีวิวเว็บ Zalora ผมชอบที่จะรีวิวเว็บประเภท e-commerce ด้วยเหตุที่เว็บในหมวดนี้มักมีลูกเล่นหรือ interface ที่ได้นำแนวคิดและทฤษฎีมากมายเพื่อมาทำให้เว็บบรรลุวัตถุประสงค์สูงสุด ซึ่งก็คือการทำให้ผู้ใช้ส่งคำสั่งซื้อสินค้าหรือบริการ เว็บ Zalora ก็เป็นเว็บ e-commerce แบรนด์ต่างชาติอีกเช่นเคยที่เน้นขายสินค้าประเภทแฟชั่น เสื้อผ้า รองเท้า กระเป๋า มาดู interface หน้าแรกกันเลยครับ หน้าแรกของเว็บ Zalora น่าสนใจที่ตรง ‘การเลือกดูสินค้าตามเพศ’ เพราะเป็นสินค้าแฟชั่นทั้งชายและหญิง ดังนั้นหน้านี้จึงเน้น ... By uiblogazinerAugust 31, 20140
สอนเทคนิคน่ารู้ ใส่ความมนให้ความเหลี่ยมด้วยสคริปต์ บทเรียนนี้เราจะมาเรียนรู้การใช้งานสคริปต์สำหรับโปรแกรม Photoshop และ Illustrator กันครับ สคริปต์ (script) ที่ผมกำลังพูดถึงก็คือ สคริปต์ที่เขียนด้วยภาษาจาวาสคริปต์สำหรับ Adobe (Javascript ไฟล์นามสกุล .jsx, และ .js) ที่ทำหน้าที่เสมือนเป็น plugin ย่อยๆ สำหรับใช้งานบน Photoshop และ Illustrator script ... By uiblogazinerAugust 29, 20140
ทฤษฎี UI ความทรงจำและความลืมเลือน ตอนที่ 2 มาถึงตอนที่เราจะได้ใช้สิ่งที่เราได้เรียนรู้ไปในตอนที่แล้ว ตื่นเต้นๆ จัง จำที่ผมให้ท่องได้ใช่ไหมครับ UI ต้องสนับสนุนหน่วยความจำระยะสั้น (recognition) มากกว่า หน่วยความจำระยะยาว (recall) ตัวอย่างแรกที่ผมอยากนำเสนอก็คือ UI search box ของ Google ครับ ตัวอย่างนี้เป็นการค้นหาเบอร์โทรของร้าน True Love Cafe (Cafe ที่ให้เราได้เล่นกับน้องหมาไซบีเรียน) ... By uiblogazinerAugust 26, 20140
ทฤษฎี UI ความทรงจำและความลืมเลือน ตอนที่ 1 นี่คือทฤษฎีที่นักออกแบบ UI ควรต้องรู้และจำไว้ในอยู่เสมอ เกี่ยวกับการจดจำและการจำได้หมายรู้ของมนุษย์ ซึ่งจะช่วยให้เราออกแบบ UI ที่สอดคล้องกับความจริงนี้ได้อย่างเข้าอกเข้าใจและเห็นใจ By uiblogazinerAugust 21, 20140
UI Pattern เมนูฉลาดสุดๆ ของ Amazon.com เมนูที่ผมจะมานำเสนอนี่ไม่ใช่เมนูอาหารนะครับ แต่เป็นเมนูที่เป็นลิงค์แบ่งประเภทสินค้าออกเป็นหมวดหมู่ต่างๆ ซึ่งมักเรียกเป็นชื่อเฉพาะว่า เมกะเมนู (mega menu) หน้าตาของ UI เมกะเมนู ก็จะเป็นดั่งหนึ่งในเว็บที่ผมเคยทำให้ลูกค้าร้านขายส่งเครื่องเขียน myunionplus.net อย่างที่ได้บอกไปแล้วครับว่า UI นี้จะเหมาะกับร้านค้าออนไลน์ที่มีสินค้าหลายหลากประเภท แต่ความพิเศษที่อยากจะมาเล่าเกี่ยวกับ UI นี้ก็คือ ความพิถีพิถันใส่ใจการใช้งานของผู้ใช้อย่างแท้จริงของเว็บ Amazon.com ให้ลองเข้าที่เว็บ Amazon.com แล้วลองสัมผัสประสบการณ์การใช้งานเมกะเมนูของ Amazon ... By uiblogazinerAugust 17, 20144
ทฤษฎี UI 6 หลักการเพื่อออกแบบทุกสิ่งบนโลกนี้ ตอนที่ 1: Affordance (ล่อให้กระทำ) June 22, 201714589 views