กฎข้อที่ 2 แต่ละคลิกต้องไม่คิดและไม่ซับซ้อน (It doesn’t matter how many times I have to click, as long as each click is minless, unambiguous choice) ผมเคยได้อ่านหลายๆ ...

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

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

Interface นี้ทำตัวเสมือนมีแว่นขยายคอยส่องขยายภาพและรายละเอียดให้เห็นชัดเจนไม่ต้องเพ่งมอง การใช้งานดูเหมือนว่าทางผู้พัฒนาตั้งใจให้ใช้กับอุปกรณ์ touch screen นะครับ เพราะถ้าลองใช้เมาส์เลื่อนดู จะพบว่าหน้ามันจะเลื่อนช้ามาก ต้องคลิกแล้วลากเหมือนเราเอานิ้วเลื่อนหน้าจอ สนุกดีครับ ลองเล่นดูที่เว็บ monocle สิบปากว่าไม่เท่านิ้วจิ้ม ヽ(=^･ω･^=)丿

ในวงการ User Interface Design คงจะเป็นไปไม่ได้ที่จะไม่กล่าวถึงผู้แต่งหนังสือ Don’t Make Me Think (อย่าทำให้ฉันคิดมากนะจ๊ะเธอ) ซึ่งผมแปลซะเป็นเหมือนชื่อเพลงเลยเนอะ หนังสือเล่มนี้ หัวหน้าผมแนะนำให้รู้จักเป็นครั้งแรก และได้เป็นเหมือนแรงบันดาลใจให้กับผมที่จะอยากเป็น UI designer มืออาชีพตัวจริงเหมือนกับผู้แต่ง – Steve Krug (สตีฟ ครูค) ด้วยภาษาที่ใช้อธิบายอย่างง่ายๆ ...

ผมชอบที่จะรีวิวเว็บประเภท e-commerce ด้วยเหตุที่เว็บในหมวดนี้มักมีลูกเล่นหรือ interface ที่ได้นำแนวคิดและทฤษฎีมากมายเพื่อมาทำให้เว็บบรรลุวัตถุประสงค์สูงสุด ซึ่งก็คือการทำให้ผู้ใช้ส่งคำสั่งซื้อสินค้าหรือบริการ เว็บ Zalora ก็เป็นเว็บ e-commerce แบรนด์ต่างชาติอีกเช่นเคยที่เน้นขายสินค้าประเภทแฟชั่น เสื้อผ้า รองเท้า กระเป๋า มาดู interface หน้าแรกกันเลยครับ หน้าแรกของเว็บ Zalora น่าสนใจที่ตรง ‘การเลือกดูสินค้าตามเพศ’ เพราะเป็นสินค้าแฟชั่นทั้งชายและหญิง ดังนั้นหน้านี้จึงเน้น ...

บทเรียนนี้เราจะมาเรียนรู้การใช้งานสคริปต์สำหรับโปรแกรม Photoshop และ Illustrator กันครับ สคริปต์ (script) ที่ผมกำลังพูดถึงก็คือ สคริปต์ที่เขียนด้วยภาษาจาวาสคริปต์สำหรับ Adobe (Javascript ไฟล์นามสกุล .jsx, และ .js) ที่ทำหน้าที่เสมือนเป็น plugin ย่อยๆ สำหรับใช้งานบน Photoshop และ Illustrator script ...

มาถึงตอนที่เราจะได้ใช้สิ่งที่เราได้เรียนรู้ไปในตอนที่แล้ว ตื่นเต้นๆ จัง จำที่ผมให้ท่องได้ใช่ไหมครับ UI ต้องสนับสนุนหน่วยความจำระยะสั้น (recognition) มากกว่า หน่วยความจำระยะยาว (recall) ตัวอย่างแรกที่ผมอยากนำเสนอก็คือ UI search box ของ Google ครับ ตัวอย่างนี้เป็นการค้นหาเบอร์โทรของร้าน True Love Cafe (Cafe ที่ให้เราได้เล่นกับน้องหมาไซบีเรียน) ...

นี่คือทฤษฎีที่นักออกแบบ UI ควรต้องรู้และจำไว้ในอยู่เสมอ เกี่ยวกับการจดจำและการจำได้หมายรู้ของมนุษย์ ซึ่งจะช่วยให้เราออกแบบ UI ที่สอดคล้องกับความจริงนี้ได้อย่างเข้าอกเข้าใจและเห็นใจ

เมนูที่ผมจะมานำเสนอนี่ไม่ใช่เมนูอาหารนะครับ แต่เป็นเมนูที่เป็นลิงค์แบ่งประเภทสินค้าออกเป็นหมวดหมู่ต่างๆ ซึ่งมักเรียกเป็นชื่อเฉพาะว่า เมกะเมนู (mega menu) หน้าตาของ UI เมกะเมนู ก็จะเป็นดั่งหนึ่งในเว็บที่ผมเคยทำให้ลูกค้าร้านขายส่งเครื่องเขียน myunionplus.net อย่างที่ได้บอกไปแล้วครับว่า UI นี้จะเหมาะกับร้านค้าออนไลน์ที่มีสินค้าหลายหลากประเภท แต่ความพิเศษที่อยากจะมาเล่าเกี่ยวกับ UI นี้ก็คือ ความพิถีพิถันใส่ใจการใช้งานของผู้ใช้อย่างแท้จริงของเว็บ Amazon.com ให้ลองเข้าที่เว็บ Amazon.com แล้วลองสัมผัสประสบการณ์การใช้งานเมกะเมนูของ Amazon ...