Mockup

GNOME mockup

ที่เห็นเป็นแค่ mockup จากงาน GNOME hackfest ที่บอสตัน (ต้นฉบับพร้อมภาพไอเดียอื่นๆ) เจอมาจากบล็อกของ Mark Shuttleworth

ไอเดียของเขาคือ

  • ตัดการเรียกโปรแกรมผ่านเมนูออกไป แล้วเปลี่ยนมาใช้ Sidebar (ด้านซ้าย) แทน
  • เมนูมุมซ้ายบนจะเปลี่ยนเป็นปุ่ม Activities (หน้าที่คล้ายปุ่ม Start) เมื่อกดแล้วจะแสดง
    • Sidebar
    • Task switching แบบเดียวกับ Expose (เลิกใช้ Taskbar)
  • กิจกรรมต่างๆ ที่เกี่ยวกับผู้ใช้ เช่น เปลี่ยนสถานะ IM จะมารวมอยู่ใน Action menu มุมขวาบน ซึ่งจะเห็นเป็นชื่อผู้ใช้
  • รวมวิธีการ notifying ให้เป็นแบบเดียวกัน แล้วแสดงผ่าน notification area ตำแหน่งเดิม

กล่าวโดยสรุป เขาพยายามจะสร้าง desktop paradigm ที่เป็น task-based และ event-based นั่นเอง แทนที่จะเป็น application-based อย่างที่ใช้กันอยู่ปัจจุบัน ผู้สนใจด้าน usability แนะนำให้อ่าน

เหตุผลไม่ใช่อะไร คือนานๆ ทีจะเจอ mockup ที่มันตั้งใจทำสวยๆ เลยตื่นเต้นนิดหน่อย

PAW66 Logo Proposal

ไม่รู้จะไปโพสต์ไว้ตรงไหน เอาที่บล็อกตัวเองนี่ล่ะ

รับงานท่านพี่ Roofimon มาให้จัดการ look & feel ของ PAW66 เช่นเดียวกับ Django66 (พี่แกร้ายมาก มามุก "รอให้ออกปากเองเลยนะเนี่ย" :P) ก็เลยรีบจัดให้เพราะอาทิตย์หน้าผมจะไม่อยู่ยาว

สิ่งสำคัญประการแรกคือโลโก้ เนื่องจาก PAW66 มีชื่อที่ตรงกับวัตถุในโลกจริงจึงหารูปภาพเชิง visual ที่เกี่ยวข้องได้ง่าย ช่วงนี้วันพีซมีอุ้งตีนหมีโผล่มาพอดีเลยเข้าทางโชะ เมื่อวานเลยลองวาด mockup ออกมา แล้วนำเสนอให้ @chanwit (father66) พิจารณา ปรากฎว่าผ่านฉลุย

วันนี้พอมีเวลาตอนเช้าๆ เลยรีบวาดแบบเป็นเรื่องเป็นราวขึ้นมาหน่อย เอามาเสนออีกรอบ ทำมาให้ดูสองแบบ แบบแรกตาม mockup เดิม (หมีเล็บขบ) ส่วนแบบสองอิงกับโลโก้ของ Django66 ให้เข้าชุดกันหน่อย ผมยังคิดคู่สีไม่ออกก็เอาเวอร์ชันขาวดำไปก่อนเนี่ยล่ะนะ

logo1n

logo2n
blognone-mock1

Jibjib UI Proposal

ไปขันอาสาเอาไว้ ช่วงที่ยังมีไฟก็ต้องรีบเขียนก่อนไฟจะมอด

ในบล็อกอันนี้จะ

  • วิเคราะห์ส่วนติดต่อผู้ใช้ของ Jibjib รุ่นปัจจุบัน (1.1.0 beta)
  • เสนอส่วนติดต่อผู้ใช้ฉบับปรับปรุง

ทั้งหมดเป็น mockup ของผมเอง โดยอิงจาก Jibjib ที่รันบนมือถือ Sony Ericsson K750i

จริงๆ แล้วผมเขียนเป็น requirement แบบละเอียดและยาว เขียนไปได้ครึ่งนึงแล้วแต่เปลี่ยนใจ ลองใช้วิธีนำเสนอแบบโยนหินถามทางทีละไอเดียดีกว่า

ปัญหา

[1] ข่าวมีความหลากหลายขึ้น และมีจำนวน (ต่อวัน) มากขึ้น เริ่มมีปัญหาว่าผู้อ่านสนใจเฉพาะเนื้อหาบางส่วน เช่น บางคนอาจไม่สนใจข่าววิทยาศาสตร์

[2] โครงสร้างทางเนื้อหาของ Blognone ซับซ้อนขึ้นเรื่อยๆ ที่ผ่านมามีชนิดของเนื้อหาเพิ่มดังนี้

  • Forum 3 อัน: Jobs, Press Release, English
  • Sub-domain site 1 อัน: Blognone Library
  • Sister site 2 แห่ง: Codenone, Drupal.in.th
  • Avater, คอมเมนต์แบบ thread, ระบบโหวตคอมเมนต์
  • Video จากงานต่างๆ ที่เคยจัด
  • banner

เพื่อให้ผู้อ่านเข้าถึงเนื้อหาทุกชนิด จึงต้องแสดงช่องทางไว้บนหน้าแรกซึ่งทุกคนเข้า (ผ่านทาง block ใน sidebar) เมื่อมีเนื้อหาเพิ่มขึ้นทำให้ sidebar ยาวขึ้นเรื่อยๆ ส่งผลให้ขนาดของไฟล์ใหญ่ขึ้น, ต้อง scroll มากขึ้น และเกิดความสับสนของผู้อ่าน