แชมป์เคยเขียนถึง Joli Cloud Interface (UI สำหรับ Netbook ที่สร้างครอบ Ubuntu) ตอนนี้เริ่มคืบหน้าแล้ว

TechCrunch ได้รุ่น Alpha มาทดสอบแล้ว รีวิวออกมาดีทีเดียว น่าเสียดายว่ายังไม่เปิดให้คนทั่วไปทดสอบ ส่วนของ web app นั้นสร้างด้วย Mozilla Prism

ที่นี่ พี่เขายกตัวอย่างการออกแบบหยุมหยิมจิ้มนิดจิ้มหน่อย แต่จิ้มแล้วโดน แตะแล้วสวย จากหลากหลายตัวอย่างเว็บที่พิถีพิถันในการลงรายละเอียด (อาทิ มีความเชี้ยะอย่างที่คุณ iMenn ว่าไว้)

ตามไปดูที่ wefunction.com จ้ะ

เพิ่งมาเจอเว็บที่รวบรวมกับ แนวทางการออกแบบ (Design Pattern) นั่นคือ ตัวอย่างงานออกแบบสำหรับกรณีต่างๆ เช่น หน้าลงทะเบียน, โหวต, การดูรายละเอียดรูป ฯลฯ มีทั้งที่เว็บแบ่งประเภทไว้ให้ (Design Pattern), มีทั้งหน้าจอตัวอย่าง (Screen Shot) และรูปจากทางบ้าน (User Sets)

ดีไซน์ แพทเทิร์น (Design Pattern) นั้นเป็นศัพท์ที่ใช้กับหลายแวดวง ทั้งการออกแบบกราฟฟิค, เขียนโปรแกรม, CSS, การทำ User Interface ความหมายคือ เมื่อมันมีการเกิดขึ้นซ้ำๆ แล้ว ก็สมควรเรียกว่า "แนวต่างๆ" ได้แล้ว เหมือนกับที่เราฟังเพลงมาเยอะๆ แล้วเราก็แบ่งประเภทของเพลงต่างๆ เป็น "แนวเพลง" (มันไม่ได้ลอก มันแค่แนวเดียวกัน)

เอ้า งั้นมาดูการออกแบบแนวต่างๆ กันบ้าง

เชิญที่ UI-Patterns.com คร้าบ

เพิ่งเห็นว่า twitter เปลี่ยนจากเมื่อก่อนที่เวลาจะดูทวิตหน้าเก่าๆ ต้องกด next เพื่อไป page ต่อไป แต่ตอนนี้เปลี่ยนเป็นลิงค์ 'more' แล้ว ซึ่งเวลากดจะมีพฤติกรรมคล้ายๆ ของ facebook คือโหลดเรียลไทม์เข้ามาโปะ append ในหน้าเดิม

ลองใช้แล้วไม่ประทับใจนัก เพราะว่าถึงจะแค่โหลดมาโปะที่หน้าเดิม มันก็ยังช้าอยู่ดี

วิธีทำให้ดีกว่านี้อาจจะสามารถทำได้เช่น ให้เว็บโหลดข้อมูลดิบมาเตรียมไว้ก่อนสัก 2-3 หน้า (ซึ่งแค่ทวิต - ข้อมูลไม่เกิน 2-3 K หรอก) แล้วเวลากด more ค่อยให้จาวาสคริป จัดการเรื่องสไตล์ ส่วนรูปอวาตาร์นั้นรอโหลดได้อยู่แล้ว ไม่มีปัญหา

คิดเห็นอย่างไรกันบ้างครับ ชอบ/ไม่ชอบ กับการ browse ทวิตแบบใหม่? (ส่วนตัวผม คิดถึงระบบแบ่ง page แบบเก่ามากกว่า)

Joil Cloud เป็น OS ตัวใหม่ที่จะออกในปี 2009 นี้ จากผู้สร้าง netvibes ครับ โดย OS ตัวนี้มีแผนที่จะตีตลาด netbook โดยเฉพาะ

ปัญหาของ usability บน netbook ก็อย่างที่เรารู้ๆ กันว่าจอมันมีขนาดเล็ก ไอคอนหรือออปชั่นการใช้ต่างต่างๆ บน Windows หรือ OS อื่นที่เหมาะสมสำหรับจอขนาดใหญ่จึงใช้ได้ไม่สะดวกนัก โดยที่ผ่านมาก็มีหลายเจ้าที่พยายามจะแก้ปัญหานี้เช่นกัน แต่สำหรับตัว Joli Cloud นี่ผมว่ามันสวยเป็นพิเศษ เลยเอามาให้ชมกันครับ

คลิกเพื่อดูรูปใหญ่

ตอนแรกที่เห็นสกรีนช็อตโดยยังไม่ได้อ่านเนื้อข่าว ผมก็.. เฮ้ย คุ้นๆ มีกลิ่น netvibes (พวกการใช้สี การวางตำแหน่ง อะไรอย่างนี้) แล้วพออ่านข่าวก็เลยถึงบางอ้อ ว่า อ๋อ อย่างนี้นี่เอง!

อ่านปูมหลังได้ที่ TechCrunch

วันนี้พอดีแวะเข้าไป facebook ดูว่ามีอะไรอัพเดทกับเพื่อนๆ ตามปกติ เห็นเค้ามี notification บอกว่าเร็วๆ นี้จะเปลี่ยนหน้าโฮมเพจ สามารถทัวร์ดูหน้าใหม่ก่อนได้ เลยเอามาแปะไว้ให้ได้ชมกัน

ใครที่อ่านตรงนี้ไม่ออก (ซึ่งคงไม่มีคนที่อ่านออก 55) ก็เข้าไปดูในหน้า Facebook New Homepage Tour ได้ครับ

จากที่ดูอย่างคร่าวๆ เมื่อเทียบกับของเก่าก็คือเปลี่ยนระบบ tab ด้านบนมาไว้ด้านข้างๆ แทน (ซึ่ง wordpress ก็เปลี่ยนมาไว้ข้างๆ ในเวอร์ชั่นล่าสุดเหมือนกัน - on an unrelated note นะ) และสามารถอัพพวกรูปภาพหรือ note ได้ในหน้า homepage เลย ไม่ต้องคลิกเข้าไปหน้า profile ก่อน

ส่วนด้านขวาก็มีสรุปเหตุการณ์น่าสนใจ (เรียกว่า Highlight) และโฆษณา (ของเดิมไม่มีโฆษณาตรงนี้ใช่ปะ?)

ตอนนี้ยังพูดอะไรไม่ได้มากเพราะเห็นแค่ภาพเดียว ไว้ถ้าปรับใช้จริงๆ แล้วอาจจะมาวิเคราะห์อีกทีจ้ะ, ภาพโฮมเพจแบบเก่า (เผื่อใครไม่มี account) อยู่ด้านใน

(more...)

เห็นข่าวที่คุณ mk นำมาลงที่ blognone แล้วก็เกิดความปรีดาปราโมทย์เป็นอย่างยิ่ง, ปกติเราเป็นคนชอบแคปเจอร์อะไรแปลกๆ มาเก็บไว้ดูทีหลังอยู่แล้ว พอได้เห็นคลิปวิดีโอ Microsoft 2019 ที่แสดงวิสัยทัศน์ของไมโครซอฟท์ว่าอีก 10 ปี คอมพิวเตอร์จะหน้าตา ฟังก์ชั่น ฟีเจอร์เป็นอย่างไร แล้วก็ยิ่งยินดี แคปเจอร์กันมือระวิง

เท่าที่สังเกตดู อินเตอร์เฟซต่างๆ ในคลิปวิดีโอนี้ ใช้สีน้อยลง ส่วนใหญ่จะเป็นสีในโทนฟ้า เขียว น้ำตาล (อาจเกี่ยวข้องกับโทนของวิดีโอที่ดูรักษาสิ่งแวดล้อมชะมัดด้วยก็ได้) Round Corner ยังคงอยู่, ฟอนต์ใช้แบบบางๆ เป็นหลัก ก็ทันสมัยนี่เคอะ, ไอคอนเป็น monotone, อีก element ที่เห็นว่าใช้บ่อยมากคือวงกลมแบบมีด้านหนึ่งเป็นสี่เหลี่ยมอย่างที่เห็นนี้

เจ้านี่มีชื่อมั้ยครับเนี่ย?

โดยส่วนตัวคิดว่าข้อมูลบางส่วนใส่เข้ามาให้ดู "เยอะๆ" "Info เยอะๆ สิโว้ยจะได้ดูแน่นๆ" ไปหน่อย ฟอนต์ของข้อมูลบางอย่างเลยถูกหดเสียจนกระจิดริดขนาดว่าถ้าไม่มองในระยะ 5 เซ็นติเมตรคงอ่านไม่ออก

บ่นมาเยอะแล้ว ไปดูรูป (พร้อมคอมเมนต์เลวๆ ของข้าพเจ้า) กันเลยดีกว่าครับ (รูปเยอะนะ)

(more...)