dribbble.com

ได้ยินชื่อเสียงมาพอสมควร สำหรับเว็บไซต์แนวคิดใหม่ที่ชื่อว่า dribbble.com (ผมพิมพ์ไม่ผิดครับ ตรงกลางมีตัว B 3 ตัว)ครั้งแรกจากแมกกาซีนที่อ่านอยู่ ครั้งนี้รับรู้ผ่านประเด็นเรื่อง icon ใหม่ของ itunes10 ที่มีดีไซน์เนอร์คนหนึ่งเขียนอีเมล์หา Steve Jobs ว่า icon ใหม่นั้น ดูไม่ได้เรื่องเลย จึงทำให้มีดีไซน์เนอร์อีกมากมายลองทำ icon สำหรับ itunes10 ขึ้นมาประชันโฉมกัน

เว็บไซต์ dribbble.com มี concept ที่น่าสนใจก็คือ เป็นเว็บไซต์สำหรับให้เหล่าดีไซน์เนอร์บอกผู้คนว่า ตัวเองกำลังออกแบบอะไรอยู่ จากนั้นก็ให้เพื่อนเข้ามา follow ได้ด้วย

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

แวะเวียนเข้าไปดู สิ่งที่ได้อีกอย่างคือ ได้เห็นงานสวยๆของดีไซน์เนอร์ทั่วโลกครับ

>รู้จัก TED

>

วันนี้จะแนะนำให้รู้จักกับเว็บไซต์หนึ่งที่มีชื่อว่า TED.com

TED ย่อมาจากคำว่า Technology, Entertainment, Design เป้นสถานที่ที่ใครก็ได้ที่อยากจะพูดอยากจะบอกอะไรเกี่ยวกับสิ่งที่ตัวเองได้ค้นพบ โดยที่ผ่านมาได้มีการจัดเป็นงาน conference เพื่อให้คนที่มีความรู้ได้เข้ามาพูด และคนที่ต้องการได้ความรู้ก็เข้ามาฟัง

ที่เว็บไซต์นี้จะมีการนำวิดีโอในงาน conference ที่ได้บันทึกไว้มาเผยแพร่ โดยมีการจัดเป็น categories เอาไว้ให้สามารถค้นหาได้ง่ายดาย ไม่ว่าจะเป็นกลุ่ม technology, entertainment, design, business, science, culture, arts และอื่นๆอีกมากมาย หรือเราจะค้นหาดูจากชื่อของคนพูดก็ได้

นอกจากนี้ยังมีการให้บริการด้านภาษาเพิ่มเข้ามาด้วย ในกรณีที่บางคนฟังไม่รู้เรื่อง สามารถเปิด sub ได้ อย่างไรก็ตาม sub ภาษาไทยในนี้มีไม่มากนัก ซึ่งสามารถเลือกดูได้จากเมนูที่เขียนว่า “Translations” จากนั้นก็สามารถเลือกดูภาษาไทยได้

เว็บนี้ให้ความรู้ต่างๆมากมาย ดังตัวอย่างที่จะ cap มาให้ดูนี้ เป็นตัวอย่างของนาย Johny Lee ที่เปลี่ยน remote ของเครื่อง Wii ให้กลายเป็น digital whiteboard

หรืออีกตัวอย่างหนึ่งคือ งานของกลุ่มนศ. MIT ที่คิด computer ที่เค้าเรียกกันว่า Six Sense… จะเป็นยังงัยลองดูกันได้ครับ

>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 เลย

>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 ชอบทำทุกที

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

>มาดู Yahoo! หน้าตาใหม่กัน

>
(เว็บไซต์ Yahoo! หน้าตาใหม่)

(หากเข้า Yahoo! ตอนนี้จะเจอหน้านี้ ซึ่งมี option ให้เราเลือกด้านบนเพื่อทดลอง version ใหม่)

เว็บไซต์ใหม่ของ Yahoo! ทำการเปิดตัวแบบทดลองให้ผู้คนได้ใช้แล้วเมื่อวานนี้ ซึ่งหลังจากที่ทราบข่าวจาก facebook ของคุณพี่ป้องเมื่อ 2 วันก่อน เลยต้องขอเข้าไปทดลองใช้ให้เห็นกับตาซะหน่อย

2 วันก่อนหน้าที่ได้อ่านข้อมูลจากเว็บไซต์ All Things Digital ซึ่งได้มีการ preview วิเคราะห์และมีการ cap หน้าจอมาให้ดูกันก่อนหน้าที่เว็บจริงจะขึ้นหนึ่งวัน ซึ่งบอกตรงๆว่าพออ่านแล้วดูรูป ก็ดูไม่ค่อยรู้เรื่อง แต่เมื่อวานพอได้สัมผัสเว็บจริงตัวจริงแล้ว พบว่า…

การออกแบบของเว็บใหม่นั้นดูดีสะอาดตา ยกเลิกการใช้การไล่สีสำหรับ Background ในส่วนของ header ที่แต่ก่อนมีไว้ให้รู้สึกว่ามีความนูนนั้นออกไป ทำให้ดูแล้วไม่หนัก ดูโล่ง สามารถอ่าน content ได้ชัดเจนมากขึ้น มีการใช้สีหลักของ Yahoo! เข้ามา แต่ก็ไม่ได้มากนัก คงน่าจะเป็นเพราะความไม่ชอบส่วนตัวของ CEO Yahoo! Carol Bartz คนนี้ก็ได้

เว็บใหม่นั้นมี features หลายอย่างเพิ่มขึ้นมา แต่ที่เห็นหลักๆเลยก็คือแถบทางด้านข้างซ้ายมือ ซึ่งเป็นที่สำหรับรวม App และ Widget ต่างๆ ให้เราสามารถ access เข้าถึงข้อมูลส่วนตัวของเราได้อย่างรวดเร็ว ไม่ว่าจะเป็นอีเมล์ ดูดวง เล่นเกม หรือแม้กระทั่ง facebook นอกไปจากนี้ ยังสามารถ add Widget ใหม่เพิ่มเข้ามาได้ด้วย จากการกดปุ่ม “Add” แล้วเลือกจาก List ที่ทาง Yahoo! มีให้อยู่แล้ว หรือว่าถ้าอยากจะ add website ที่เราเข้าบ่อยๆเอง ก็ไม่มีปัญหาอะไร ทั้งนี้ทั้งนั้นสามารถ add ได้มากสุดถึง 36 ตัวเลยทีเดียว

(การใช้แถบเมนูด้านข้าง เมื่อ mouseover ที่ icon Facebook)

(ความสามารถในการ add Apps เพิ่มเข้าไปในแถบเมนูได้)

การใช้งานเมนูด้านข้างนั้นง่ายมาก เพียงแค่เอา mouse ไป over ก็จะมีข้อมูลปรากฎขึ้นมาอย่างรวดเร็ว จากการใช้งานด้วย firefox 3.5 แล้วพบว่าการทำงานของตัวเมนูนั้น เร็วมาก ไม่ได้มีความรู้สึกว่า browser หรือเครื่องต้องทำงานหนักแต่อย่างใด

อีกส่วนหนึ่งที่น่าสนใจคือความสามารถในการ Update Status ที่เป็น short message เหมือน Facebook และ Twitter แต่ว่าหากเราต้องการที่จะ update Twitter ของเราเองนั้น ไม่สามารถทำได้จากตรงนี้ หรือแถบเมนูทางด้านข้าง ซึ่งแม้กระทั่งเว็บ All things digital ก็ยังได้พูดถึงว่า “เป็นเรื่องที่ผิดคาดที่เราไม่สามารถ update twitter ของเราได้จากเมนูด้านข้างเหล่านี้” (no ability to update status to the popular microblogging service Twitter on this part of the homepage).

เท่าที่ดูเหมือนว่า ทาง Yahoo! พยายามที่จะ set ให้หน้า Homepage ของตัวเองเป็นเหมือน center ของทุกอย่าง ให้สิ่งต่างๆที่เราใช้อยู่ในชีวิตประจำวัน รวมกันไว้ในที่เดียว เพื่อให้ง่ายในการเข้าถึงข้อมูลต่างๆ โดยไม่ต้องไปหลายๆเว็บไซต์

การ update หน้า Homepage ของ Yahoo! นั้นเกิดขึ้นไม่บ่อยครั้งนัก แต่ด้วยประวัติศาสตร์อันยาวนาน ทำให้หน้า Homepage นั้นมีหลาย version อยู่ (สามารถย้อนกลับไปดู version ก่อนๆ ได้จาก http://kara.allthingsd.com/20090720/yahoo-home-pages-over-the-last-15-years-the-good-the-bad-and-the-ugly-really-ugly/ ซึ่งการ update แต่ละครั้งนั้น ทาง Yahoo! ต้องคิดให้ดีเพราะการเปลี่ยนแปลงครั้งหนึ่งจะมีผลต่อ unique visitor ที่เข้ามาเป็นจำนวนมากถึง 330ล้าน Unique Visitor ต่อเดือนเลยทีเดียว