keng.ws

ปกติจะไม่ค่อยเขียนเรื่องงานของ Opendream ไว้ที่นี่ แต่เรื่องนี้เกี่ยวข้องกับเรื่องการออกแบบทั่วไปเลยต้องจดเก็บไว้หน่อย

เมื่อช่วงหยุดสงกรานต์ 9 วันที่ผ่านมาได้รับโทรศัพท์จากหน่วยงานผู้ดูแลเว็บไซต์ http://factreport.go.th ให้ช่วยคิดวิธีการนำเสนอข้อมูลข่าวที่เกี่ยวข้องกับการชุมนุมของ นปช. ให้หน่อยเนื่องจากยังอยู่ในเงื่อนไขของ TOR ที่เราจะช่วยเป็นที่ปรึกษาหลังจากส่งมอบงานให้จนกว่าทางหน่วยงานเจ้าของเว็บจะดูแลตัวเองได้ ซึ่งปกติแล้วก็จะมีเวลาให้ขยับตัวโอ้เอ้ได้้บ้างเป็นครั้งคราว แต่คราวนี้มีเวลาคิดและช่วยแก้ไขให้ได้ใน 4 ชั่วโมง แล้วยังอยู่ในช่วงวันหยุดยาวที่ทีมกลับบ้านกันเกือบหมด เหลือกันแค่ไม่กี่คนทำให้ต้องขุด Critical Thinking (น้องๆ หนูๆ ฝึกไว้ได้ประโยชน์) ออกมา

สิ่งที่ต้องการคือมีข่าวที่ทางทีมงานเจ้าของเว็บไซต์เตรียมข้อมูลไว้เป็นจำนวนมากทำอย่างไรถึงจะนำเสนอได้อย่างง่ายในเวลาและทรัพยากรณ์ที่จำกัด

วิธีคิดก็คือ reuse ของเดิมให้มากที่สุดและทำให้การเข้าดูเนื้อหาเป็นไปได้มากที่สุด (รูปแบบโดยรวมนั้นเป็นรูปแบบที่ทางคุณเม่น ได้ออกแบบไว้) โดยหยิบไอเดียของการทำ timeline ที่เคยคิดไว้ตั้งแต่ปีที่แล้ว ซึ่งใช้ Timeline ของ SIMILE Widet เป็นพื้นฐาน แต่เนื่องจากเวลาน้อยและโชคดีที่อาทิตย์ก่อนไปเจอ Dipity ก็เลยตัดสินใจใช้ถึงแม้ว่าจะมีปัญหาในเรื่องภาษาอยู่นิดหน่อย แต่เมื่อเปรียบเทียบกับความสวยงามและความเร็วในการพัฒนาก็ถือว่าช่วยได้เยอะ

จริงๆ แล้ว Timeline แบบนี้เคยพยายามทำตั้งแต่เวอร์ชั่นแรกที่คุณเม่นออกแบบ และเวอร์ชั่นที่ 2 ที่น้อง @donuzz @noomz และ @crosalot ดัดแปลง ต้องขอบคุณ @googiw ที่ใช้พลังท่าไหนไม่รู้ทำ Dipity ของ Factreport เข้ากับ design เดิมของทั้งคุณเม่นและ donuzz ได้อย่างเรียบเนียน