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 มากขึ้น และเกิดความสับสนของผู้อ่าน

Human-Computer Interface เป็นอีกสายงานที่ผมสนใจมากๆ ขนาดคิดจะไปเรียนต่อด้านนี้ เผอิญช่วงนี้ไอเดียกระฉูด นั่งออกแบบ UI ของโปรแกรมหลายตัว เลยมาบล็อกเก็บไว้

โปรแกรมทุกตัวเป็น mockup ซึ่งใช้วิธีทำแตกต่างกันไป ทุกตัวยังไม่มีโครงการจะเขียนให้มันทำงานได้จริงๆ (ถ้าสนใจก็ติดต่อมาได้)

เริ่มจากตัวแรกก่อน Organization Chart Visualizer ที่ยังไม่มีชื่อ