Design

ลิงค์ Store Locator สิ่งดีๆ ที่เว็บไทยควรมีเป็นมาตรฐาน

[เว็บ Kasikorn Bank โฉมใหม่](https://www.blognone.com/node/65856) กลายเป็นประเด็นให้บรรดานักออกแบบเว็บเมืองไทยมาถกกันว่า เว็บแบบไหนดี-ไม่ดีอย่างไร ผมขอใช้โอกาสงามๆ แบบนี้โฆษณา "ฟีเจอร์" ที่เว็บห้างร้านบริษัททั้งหลายควรมีเป็นอย่างยิ่ง นั่นคือ "Store Locator" ครับ ฟีเจอร์นี้จำเป็นมากสำหรับบริษัทที่มีสาขาเยอะๆ เช่น ธนาคาร ซูเปอร์มาร์เก็ต โอเปอเรเตอร์ เพราะมีโอกาสสูงมากที่ลูกค้าจะเข้าเว็บของคุณมาเพื่อหาข้อมูลว่า "สาขาที่ใกล้เราที่สุดอยู่ตรงไหน" ถ้าลูกค้าหาข้อมูลตรงนี้ได้เร็ว โอกาสที่ลูกค้าจะมาใช้บริการสาขาของเราก็มีมากขึ้น และช่วยลดปริมาณ customer support ลงได้มาก จริงอยู่ว่าเว็บหลายแห่งมีหน้

Responsive Design for Content Site - Next Guardian

Guardin Responsive Design
เรื่องมีอยู่ว่าหนังสือพิมพ์ The Guardian ของอังกฤษเขากำลังออกแบบหน้าเว็บใหม่ (ลองเล่นได้ที่ [Guardian Next](http://next.theguardian.com/)) ซึ่งโจทย์ของการออกแบบคือเป็น responsive รองรับอุปกรณ์ทุกขนาดหน้าจอ แต่การเป็นเว็บหนังสือพิมพ์ที่มี content เยอะและหลากหลายนั้นมันไม่ง่าย มันไม่ใช่แค่ออกแบบให้เพจยืดหดตามขนาดจอแล้วก็จบ แต่มันต้องมีหลักการเรื่อง navigation และการจัดหมวดของ content ด้วย สุดท้าย Guardian ได้พัฒนาแนวคิดที่น่าสนใจมาก เรียกมันว่า Container Model กับ Blended Content (รายละเอียดอ่านได้จาก [Guardian Beta Blog](http://next.theguardian.com/blog/container-model-blended-content/) และ [

ทาบสีกับแผ่นฟ้า Color Hunting พลังแห่งการดีไซน์

ทาบสีกับแผ่นฟ้า
เขียนไว้ใน Facebook เอามาเรียบเรียงใหม่ลงบล็อกครับ คลิปข้างล่างนี้คือคลิปบ้าอะไรก็ไม่รู้ยาว 5 นาที ไม่มีเสียงพากย์ มีแต่เสียงเครื่องยนต์เรือหนวกหูชิหาย ในคลิปมีคนใส่หมวกรุงรัง 2-3 คนเข้าไปในป่าดงดิบ เอากระดาษสีห้อยเป็นพวงๆ กับต้นไม้ ทาบกับโคลน ใบไม้ น้ำ แค่นั้น แต่เรื่องราวหลังคลิปนี้ไม่ธรรมดาครับ เมื่อวาน มีโอกาสคุยกับยอดยุุทธ์แห่งวงการดีไซน์ [คุณเก่งแห่ง RGB 72](http://www.rgb72.com/) เล่าเรื่องนี้ให้ฟัง น่าประทับใจจนผมต้องไปหาคลิปมาดูครับ คลิปนี้คือ "กระบวนการทำงาน" (working procedure) ของแบรนด์ Issey Miyake สำหรับคอลเลคชั่นเสื้อผ้าปี 2009 ที่ใช้ธีมว่า Amazon ทีมงานของ Issey บุกไป

The Design Behind Honeycomb

สิ่งหนึ่งที่ต้องยอมรับว่ากูเกิลทำได้เยี่ยมมากใน Google I/O คือการถ่ายทอดสดแบบ real-time และการนำวิดีโอขึ้น YouTube ที่รวดเร็วมาก ชนิดว่าไม่ต้องไปงานก็ตามดูได้ทุก session ถ้าขยันพอ (แต่อดได้ของแจกนะ) ช่วงนี้วันหยุดก็เลยนั่งดูบ้างเป็นบางอันเฉพาะที่สนใจ (เช่น [Google TV](http://isriya.com/node/3511/on-google-tv)) อันนี้เป็นแนวคิดเบื้องหลังการออกแบบ UI ของ Android Honeycomb จริงๆ วิดีโอนี้ควรจะออกมาตั้งแต่เปิดตัว Honeycomb แต่มาออกตอนนี้ก็แสดงว่า Honeycomb มันเร่งแบบปะผุจริงๆ กว่าไส้ในจะพร้อมต่อสาธารณะต้องรออีกหลายเดือน ดูแล้วก็เข้าใจมากขึ้นว่ากูเกิลคิดอะไรอยู่ใน Honeycomb ครับ ถ้านักพัฒนาแอพเข้

James Bond 2008 Covers

อาทิตย์ก่อนเดินผ่านร้านหนังสือ ไปด้อมๆ มองๆ ก็เจอกับนิยายชุด James Bond 007 กับปกชุดใหม่ของสำนักพิมพ์ Penguin งามเหลือหลาย คนวาดเป็นศิลปินอังกฤษชื่อ [Michael Gillette](http://www.michaelgillette.com/#/portfolio) คอนเซ็ปต์คือนำภาพของสาวบอนด์ในภาพยนตร์แต่ละภาค มาวาดด้วยโทนสีเดียว และใช้ตัวอักษรตามสไตล์ของแต่ละภาค รายละเอียดอ่านได้จาก [Penguin Blog](http://thepenguinblog.typepad.com/the_penguin_blog/2008/05/covering-bond.html) และ [Dot Design](http://www.dot-design.co.uk/new-penguin-james-bond-book-cover-designs) ตอนแรกว่าจะซื้อฉบับ Kindle แต่ปกสวยแบบนี้เริ่มลังเล (เช็คราคาแล้วเท่าๆ กัน)

New Gizmodo/Gawker Design

ช่วงหลังๆ อ่าน Gizmodo น้อยลงมาก รู้สึกว่าเนื้อหาเปลี่ยนจากเว็บ "gizmodo" กลายเป็นเว็บรวมเรื่องแปลกไปแล้ว (ในขณะที่คู่แข่งอย่าง Engadget ซึ่งมาสาย mainstream เต็มตัวนั้นถูกจริตผมมากกว่า) เพราะเหตุนี้เลยพลาดข่าว "ดีไซน์ใหม่" ของเว็บในเครือ Gawker ทั้งหลาย จริงๆ ที่อ่านมี 2 อันคือ Gizmodo กับ Lifehacker ซึ่งอย่างหลังยังทำเนื้อหาได้ดีอยู่ วันนี้เปิดเข้า Gizmodo เลยถึงขั้นตะลึง ดีไซน์ใหม่ของ Gawker/Gizmodo จะคล้ายพวก CD interactive ในยุค 90s คือแบ่งจอเป็น 2 ส่วนและ scroll แยกจากกัน อีกอันที่คล้ายคือเว็บในยุค 90s นี่นิยมการใช้ frame ซึ่งเลิกไปหมดแล้วในยุค 2000s Gawker/Gizmodo เลือกใช้ pane ด้

Related Stories on Front Page

ช่วงหลังนี้คุยกับ @warong และ @imenn ถึงการออกแบบหน้าแรกของเว็บข่าวเยอะมาก วันนี้เปิด Economist.com ก็พบตัวอย่างที่น่าสนใจ คือจะนำบทความเก่าที่เกี่ยวข้องกับ headline มาแสดงในหน้าแรกด้วย เนื่องจากเป็นบทความเก่าที่เอามาแสดงอีกครั้ง การระบุวันที่ลงก็เลยสมเหตุสมผล เราไม่ค่อยเจอการนำเสนอลักษณะนี้มากนัก แม้ว่าจะเห็น related story บ่อยในรูปของบล็อก แต่ก็มักจะแสดงในหน้า node/item ไม่ได้แสดงบนหน้าแรกแบบนี้ คำถามก็คือ การแสดง relate story แบบนี้เหมาะสมแค่ไหนสำหรับเนื้อหาเชิงสกู๊ป (บทความหลายชิ้นรวมกันเป็นชุด ใต้ธีมเดียวกัน) และเราต้องมีเนื้อหาเก่ามากแค่ไหน ถึงจะทำแบบนี้ได้?

Typesetting is Difficult

เป็นโฆษณาเครื่องถ่ายเอกสารของ Konica-Minolta เจอบน BTS เมื่อวานนี้ แสดงให้เราเห็นว่าความละเอียดของตัวพิมพ์ เป็นเรื่องสำคัญมากของวงการโฆษณาและการออกแบบ

The Art of TIME

วันนี้แวะแผงหนังสือที่พหลโยธินพลาซ่า พบว่า[ปกของ TIME เล่มใหม่](http://www.time.com/time/covers/0,16641,20101101,00.html)มันช่าง "งามงดยิ่งนัก" เทียบกับ [BusinessWeek](http://www.businessweek.com/magazine/toc/10_44/B4201magazine.htm) ที่เล่นประเด็นเดียวกัน เทียบกันไม่ได้เลย ป.ล. ในเมืองไทยเล่มเดียวที่ทำแบบนี้ได้คือมติชนสุดสัปดาห์ คารวะหนึ่งจอก