CNN Redesign (2009)

เมื่อมีเหตุให้ต้องทำการ research อย่างหนัก เนื่องจากต้องไปพูดเรื่อง new web tech ในวันจันทร์ที่จะถึงนี้ ทำให้บังเอิญได้ไปพบกับข่าวการ update ของเว็บไซต์ brand ที่ชอบมาก นั่นคือ CNN

หากยังไม่ลืม blog72 เคย review CNN.com ใน version ที่แล้วเมื่อครั้งที่เพิ่งจะเปลี่ยนโฉม และคราวนี้ CNN ได้เปลี่ยนโฉมอีกครั้ง


หน้า Homepage

จริงๆตามกำหนดแจ้งว่า website จะขึ้นวันจันทร์ที่ 26 ตุลาคมนี้ แต่ดูเหมือนว่าเว็บจะขึ้นก่อนกำหนด ซึ่งเหมือนครั้งที่แล้ว ที่ทำเป็น beta version แต่ว่าไม่นานก็ถูกย้ายออกมาเป็นของจริงก่อนกำหนด (ไม่เหมือนงานในเมืองไทยของเรา ที่มี deadline ไว้ให้เร่งๆๆๆงาน แล้วก็ยัง late อยู่) อย่างไรก็ตาม ตอนนี้ที่เข้าได้ก็เหมือนว่ายัง update ไม่หมด พอเข้าไปในบาง section ก็ยังคงเป็น layout เก่าอยู่

เอาล่ะมาเข้าเรื่องของเว็บ CNN.com แต่คราวนี้จะแปลจาก readwriteweb.com ในหน้า http://www.readwriteweb.com/archives/cnn_redesigns_its_homepage.php

CNN ซึ่งเป็นเว็บไซต์ที่ติดอันดับหนึ่งใน 25 ของเว็บไซต์ยอดนิยมในอเมริกได้ทำการปรับโฉมใหม่ โดยหน้าเว็บนั้นได้ถูกแบ่งออกเป็น 3 ส่วนหลัก เริ่มจากด้านซ้ายเป็น hightlight breaking news stories ข่าวเด่นๆในรอบวัน ส่วนตรงกลางจะเป็นข่าวที่เก่ากว่า และมี section เด่น (hightlight section) และสำหรับทางด้านขวา จะเป็นพวกข้อมูลที่ user สามารถจัดการปรับแต่งเอาเองได้ (customizable) และมีพวก local weather report กับผลการแข่งขันกีฬาต่างๆ

ปัจจุบันเว็บไซต์ CNN.com ได้รับความนิยมมาก โดยมี page views ประมาณ 1.7พันล้านครั้ง และจำนวนคนดูวิดีโอก็มีมากถึง 100ล้านครั้งต่อเดือนอีกด้วยโดยรวมๆแล้ว ตั้งแต่เว็บไซต์ของ CNN เปิดให้บริการตั้งแต่ปี 1996 ได้ถูกเรียกใช้มาแล้วถึง 120,000 ล้านครั้ง!!

จากการแถลงข่าวของ CNN ทาง CNN เองได้ทำการศึกษาอย่างละเอียดถี่ถ้วนมากๆในการพัฒนาเว็บไซต์ใน version ใหม่นี้ ทำให้เว็บไซต์นี้จำเป็นต้องพัฒนาด้านการให้ข้อมูลข่าวสารที่มากขึ้น ประกอบกับการทำระบบ navigation system ให้สามารถเข้าถึงหน้าต่างๆ ภายในเว็บไซต์ได้ง่ายขึ้นอีกด้วย


Section Video

นอกจากนี้ทาง CNN จะพยายามนำเอา content ที่เป็นสื่อใน TV ของตัวเองมาประสานกันกับ content ที่มีอยู่ในเว็บไซต์ ทำให้การนำเสนอข้อมูลจะเป็นในรูปแบบ 50% 50% ระหว่าง content แบบ text และ video และจากการศึกษาก็พบว่า user ของ CNN นั้นดูทั่ง video แล้วก็อ่านข่าวที่เป็น text ด้วย ดังนั้นการประสานข้อมูลในลักษณะนี้ถือว่าเป็นการพัฒนาที่ฉลาดมาก ยังไม่หมดเท่านี้ ในส่วนของ video CNN ได้ทำการประกาศการเป็น partner กับ TED และจะนำ TED video มายังผู้ชมในกลุ่มของ CNN ได้ดู ทำยังให้ TED เป็นที่รู้จักมากขึ้นอีกด้วย

และเมื่อไม่นานมานี้ CNN ก็เพิ่งจะ launch เว็บที่ชื่อว่า CNN GO ซึ่งเน้นไปที่ข้อมูลทางฝั่งเอเชียเรานี่ ส่วน design layout ก็จัดรูปแบบเหมือน magazine

ในส่วนของคู่แข่ง ทาง readwriteweb.com ได้ข่าวว่า ทาง MSNBC อาจจะมีการเปลี่ยนแปลง update เว็บไซต์ตัวเองเช่นกัน จะเป็นอย่างไรคงต้องติดตามดูกันต่อไป


หน้า Search Result นี่ layout เหมือน Google เลย

Working Marathon!

ต้องบอกว่าช่วงนี้งานหนักมาก เยอะ และ เร่ง แต่ก็ถือว่ายังสามารถจัดการได้ดีอยู่เรื่อยๆไป .. ล่าสุดเมื่อวานนี้ทาง rgb72 ได้จัดทีมไปถ่าย bluescreen กับหญิงสาวสวยอีก 8 คน โดยใช้เวลาถ่ายทำไปถึง 12 ชม. ทั้งภาพนิ่งและเคลื่อนไหว เริ่มถ่ายตั้งแต่ตี 4 (ทั้งๆที่ไม่ได้นอน) แล้วก็ไปจบเอาประมาณ 5 โมงเย็น)สำหรับงานนี้ได้ทีมถ่ายทำ จัดแสง ตัดต่อ bluescreen จาก GTH มาทำให้งานเนียนขึ้นมากๆ ได้ฝีมือการถ่ายภาพจาก in house เราอย่างคุณ อู และ ตัวเกร็งอย่างคุณ boat การเขียน script พูดโดยคุณจ๋า และ manage โดยคุณหน่อย เอาเป็นว่าวันนี้เก็บภาพการถ่ายทำมาให้ดูเล่นๆ ก่อนที่งานจะเสร็จ ซึ่งหากงานเสร็จแล้วจะมาเขียนอธิบายเบื้องหลังอีกที


คนแรกที่เริ่มถ่าย เวลาขณะนั้น 7โมงเช้า


เอ้าาาวว จัด จัด จัด จัด


สามสาวสามสวย


สองช่างภาพ ระหว่างรอ


ช่างไฟยังเมื่อย

Sansiri Touchscreen

บรรยากาศของงาน Sansiri Best Buy


ตัว Touch Screen


ดูหน้าตาคนทำทั้งสองคน


ดูหน้ามัน... -_-"

หลังจากที่ได้ลุยงานเฉพาะ project นี้มาเพียงแค่ 1 อาทิตย์ งานก็ต้องออกสู่สายตาประชาชน ในระดับความสมบูรณ์ที่ 100%

งาน Sale Kits Touchscreen และ Virtual Tour Touchscreen เป็นการรวมเอางาน sale kit จากหลากหลายโครงการของแสนสิริมารวมเข้าไว้เป็นหนึ่งเดียว บนจอ touchscreen เพื่อให้ง่ายสำหรับลูกค้าและ sale ที่สามารถเดิเข้ามาแล้วก็กดเลือกดูตามโครงการได้อย่างสวยงามและครบถ้วนเรื่องข้อมูล

แม้ว่างานนี้จะเป็นการรวมเองผลงาน sale kit ที่เคยทำไว้ แต่งานก็ไม่ได้ออกมาง่ายอย่างที่คิด เมื่องาน sale kit ที่ว่าเป็นงานที่มาจาก สองบริษัท และมากกว่า 5 designers ที่ได้ทำในแต่ละ project และเมื่อมีโจทย์จากทางลูกค้าว่าต้องการเพิ่มรูปภาพ gallery เข้าไป ทำให้งานนี้ยากเพิ่มขึ้นไปอีกหลายเท่า

แต่หลังจากการอดหลับอดนอนมา 3 คืน ทำให้เราได้ผลงานชิ้นนี้ออกไป install ที่งาน Sansiri Best Buy ซึ่งจัดขึ้นที่ Siam Paragon ชั้น 1 ได้อย่างทันท่วงที โดยทางทีม rgb72 ได้ไปประจำการตั้งแต่ 8 โมงเช้า แม่งเมื่องานเริ่มที่ 10โมง ทุกอย่างก็พร้อม โดยไม่มีที่ติใดๆ

งานนี้ต้องขอบคุณสอง designer ของเรา คือ โอ และน๊อต สำหรับการร่วมหัวจมท้ายเพื่องานดีดี เร็วๆ สำหรับลูกค้าให้สำเร็จได้อีกครั้ง

Apple.com new key visual design for itunes9

เว็บไซต์ Apple เป็นเว็บหนึ่งที่มักจะติดตามมาโดยตลอด เพื่อ update ข่าวสารใหม่ๆ รวมไปถึงการได้นั่งดู design ที่ clean แต่ดูดีและ web usability ที่ทำได้ดีในหลายๆครั้ง

แต่วันนี้เข้ามาแล้วเห็นหน้าเแรกของ Apple แล้วตกใจ ไม่ใช่เพราะโปรแกรม itunes 9 ที่เพิ่งจะเปิดตัวเมื่อคืน แต่ว่าเป็นเพราะ design ของ key visual ตัวใหญ่ตัวนี้ที่ออกแบบมาเป็นมุมคล้ายๆ bird eyes view คือการมองจากด้านบนลงมา

รู้สึกเหวอ แปลกๆ แต่ว่าตื่นเต้นดี

เพราะโดยปกติแล้ว เว็บไซต์ของ Apple ในหน้าแรก และส่วนที่เป็น key visual นี้ .. Apple จะทำ design ที่เรียบๆ เห็นหน้า product ตรงๆ ไม่ว่าจะเป็นรูปของ iphone ในลักษณะหน้าตรง หรือตัวเสือ snow leopard ก็เป็นภาพหน้าตรง แต่คราวนี้เป็นภาพจากมุมสูง



Key visual ในแบบหน้าตรงที่ Apple ชอบทำทุกที

เห็นแล้วแปลกตาดี เลยอยากให้ได้ลองสังเกตุดูกันบ้างครับ

Design จาก magazine ญี่ปุ่น

ปกติเวลาไปที่ไหนที่มีหนังสือ magazine แปลกให้อ่าน ผมก็จะหยิบมาอ่าน เวลาเราได้ดูหนังสือจากต่างประเทศ ไม่ว่าจะอ่านออกหรือไม่ก็ตาม แต่สิ่งที่เราได้คือการได้รับรู้เรื่องศิลปะและวัฒนธรรมของเค้าจริงๆ

บางครั้งเวลาไปเที่ยวต่างจังหวัด เจอ cable ท้องถิ่น ผมก็เปิดดู หลายครั้งที่ได้ดูอะไรแปลกๆ เช่น ละครของประเทศแถบตะวันออกกลางเป็นต้น

วันนี้บังเอิญได้ไปหยิบ magazine ญี่ปุ่นขึ้นมาเล่มหนึ่งก็ลองเปิดอ่านดู หลังจากการเปิดอ่านที่ผิดแปลกจากชาวบ้านคือขวาไปซ้ายได้สามสี่หน้ากระดาษ ก็ได้เจอโฆษณาขึ้นนี้

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



โฆษณาตัวนี้เป็นโฆษณาสองหน้า ที่เห็นแล้วแปลกตา สวยดี อาจจะเป็นเพราะว่าประเทศเราไม่อนุญาติให้โฆษณาอะไรแบบนี้ เราเลยไม่ค่อยได้เห็นกัน (เห็นอันหลังสุดที่เก่ามากๆคือ โฆษณา Marboro ที่เป็นรูปคนขี่ม้ากันเยอะๆ) เลยหยิบเอามาฝากกัน

เปิดไปได้อีก 2 หน้า เจอ graphic ภาพประกอบตัวอักษร เดาว่าน่าจะพูดถึงเรื่องของลำใส้ สิ่งสกปรกที่เกาะอยู่ในลำใส้ประมาณนั้นมั้ง แต่การนำ graphic มาแทรกใน content ได้อย่างลงตัว สีสันสวยงามน่าอ่าน ทำให้เรื่องเชิงสุขศึกษาแบบนี้ดูน่าสนใจเอามากๆ



นอกจากนี้พอเปิดอ่านมาเรื่อยๆถึงหน้าสุดท้าย พูดตรงๆไม่รู้ว่ารูปที่เห็นคือส่วนไหนของร่างกาย แต่ว่านอกจากก้อนแดงๆ (ไม่รู้ว่าอะไร) จะมากองอยู่ที่ด้านล่างแล้ว ยังมีตัวอักษรเยอะแยะมากมายไหลมากองด้วย แม้กระทั่ง headline ทางด้านขวา ก็ยังไม่วายจะไหลตามลงไปด้วยอีก ดูแล้วสนุกดี