Archive for the ‘User Interface’ Category
พี่เคน แลงแกน โนเบล ความครบ และความดีพอ
Posted by: iamia on: กันยายน 16, 2009
หลายๆคนที่ไปดูภาพยนตร์เรื่อง ห้าแพร่ง มา
คงจะมีประสบการณ์คล้ายๆกันตอนที่มีหนังตัวอย่างเรื่องหนึ่งฉายขึ้น
นั่นคือเสียงกรี๊ดระบบเซนเซอร์ราวนด์โดยมิได้นัดหมายของสาวๆทั้งโรง
เมื่อพบกับหน้าใสๆของพี่เคนธีรเดช เบ้อเริ่มเทิ่มทิ่มเข้าเต็มๆสองตา
กับภาพยนตร์เรื่องใหม่ของค่ายฟีลกู๊ดอย่าง GTH (@gthchannel)
มีเสียงสงสัยประปราย ว่าทำไมอะไรกันกับพี่เคนนักหนา
ทำไมพี่เคนถึงได้เป็นที่ปรารถนาของสาวทุกเหล่าทัพโดยแทบจะพร้อมเพรียงกันขนาดนี้
หลังจากใช้โครโมโซม XX ที่มีอยู่ในตัว บวกกับประสบการณ์ที่สั่งสมมานานปี
เราก็ได้คำตอบว่า
“เพราะว่าพี่เคนตอบครบทุกโจทย์”
ใครๆก็อาจจะนึกแค่ว่า ผู้หญิงชอบคนหล่อ รวย นิสัยดี ฉลาด
แต่จริงๆแล้ว Requirement พื้นฐานที่ผู้หญิงมีต่อผู้ชาย
จะหนีไม่พ้น Requirement ทางด้านความรู้สึกดังนี้
Requirement ขั้นที่ 1. การได้ครองโครโมโซม XY
ถ้าเป็น Maslow ขั้นนี้จะเป็นปัจจัยสี่ พื้นฐานของชีวิต
ซึ่งตรงกับความต้องการพื้นฐานของผู้สาวสักคนที่จะหาผู้บ่าวมาเป็นแฟน
คนๆนั้นต้องเป็นผู้ชายก่อนเลย อันดับแรก ข้อนี้ พี่เคนผ่านฉลุยโดยไม่ต้องสอบ
Requirement ขั้นที่ 2. ความเป็นน้องสาว ลูกสาว
อย่าง Maslow นั้น จะต้องการความปลอดภัยในชีวิต
ในที่นี้ ผู้หญิงก็ต้องการความมั่นคง และอบอุ่น
เหมือนที่ได้จากพี่ชายที่แสนดี คุณพ่อที่แสนใจดี
ผู้หญิงหลายๆคนก็อยากได้ฟิลที่เป็นเด็กสาวตัวน้อยๆในอ้อมกอดเจ้าชายอันองอาจ
แน่นอน พี่เคนให้ได้ (ถ้าเขาจะให้) ทั้งปัจจัยทางกายภาพและจินตภาพ
สาวๆสัมผัสความอบอุ่นผะผ่าวของพี่เคนได้จากแววตาและท่าทาง
ข้อนี้ ถ้าพี่เคนต้องสอบ ก็สอบผ่านอย่างไม่ต้องสงสัย
Requirement ขั้นที่ 3. ความเป็นคนรัก
Maslow เรียกขั้นนี้ว่า ความต้องการที่จะได้รับความรัก
ดูไป พี่เคนก็มีความโรแมนซ์อยู่ในตัวอีกนั่นแหละ
นี่ยังไม่นับว่าหน้าตารูปร่างดึงดูดเพศตรงข้ามประมาณหนึ่ง
ความเร้าใจ รอยยิ้มที่มีเสน่ห์ กล้ามใหญ่ไหล่กว้าง (สำหรับสาวๆบางคนอาจจะรู้สึกว่าดึงดูดจ้าดนัก)
แถมยังรักเดียวใจเดียวอย่างนี้ บวกไปอีกห้าสิบแต้ม ข้อนี้ ให้พี่เคนผ่านแน่นอน
Requirement [...]
IA แบบพลาดๆ 10 ประการ
Posted by: iamia on: กรกฎาคม 2, 2009
สถาปัตยกรรมข้อมูล
ก็เช่นเดียวกับบ้านเรือน สถาปัตยกรรมรอบๆตัว ในโลกนี้
ที่มีทั้งดี และไม่ดี พลาด และไม่พลาด
วันนี้ เฮียจา (Jacob Nielson) บิดาแห่งศาสตร์เรื่อง Web Usability
จะมาแจงให้ฟังว่า สิบประการที่เฮียเห็นว่าพลาดกันจริง พลาดกันจังนี้
มีอะไรบ้าง
และเพื่อศักดิ์ศรีติ๊งต๊องของผู้เขียน
ไม่เคยมีล่ะที่จะแปลเขามาเป๊ะๆ
ขอเล่าในแบบฉบับของตัวเองเป็นภาษาไทยก็แล้วกัน
ข้อผิดพลาด แบ่งเป็นเรื่องโครงสร้าง 5 ประการ
และเรื่อง Navigation อีก 5 ประการ ดังจะกล่าวบทไป
เรื่องพลาดๆของโครงสร้าง
พลาด! ที่ 1
ไม่มีโครงสร้าง
ความผิดพลาดประการแรกนี้ ก็ออกจะกำปั้นทุบดินมากๆ
เหมือนบอกว่า ข้อผิดพลาดของความรัก คือการไม่มีรัก อะไรอย่างนั้น
แต่นี่คือความผิดพลาดที่ต้องพูดถึงอันดับแรก
ที่มักจะเกิดกับไซต์ข่าว หรือไซต์ขายของ ที่มีการเพิ่มปรับเนื้อหาเป็นประจำ
ยิ่งไซต์ที่มีการยุบหนอพองหนอของเนื้อหาและส่วนต่างๆ
ยิ่งต้องมีการวางผังโครงสร้างเอาไว้ เพื่อไม่ให้เสียศูนย์
ไม่งั้นจะเหมือนกรุงเทพอย่างทุกวันนี้
ที่สะพาน เสาไฟฟ้า โทรศัพท์ ป้ายโฆษณา รถไฟฟ้า ฯลฯ
มะรุมมะตุ้ม เดี๋ยวทุบเดี๋ยวเท กันให้วุ่นวาย
สร้างพาดทับซ้อนกันยิ่งกว่ารางรถไฟเหาะตีลังกาเสียอีก
ถามว่า แล้วมันอยู่ได้ไหม ถ้าไม่มีโครงสร้าง
มันก็อยู่ได้…แบบเดินๆบนถนนกรุงเทพที่น้ำท่วมแล้วก็ตกท่อ
จะสร้างสะพานข้ามแยกแต่ติดรางรถไฟฟ้า
ก็เลยต้องสร้างให้มันสูงชันซ้อนเกทับขึ้นไปอีก
ก็อยู่ได้แบบนี้ อะไรประมาณนั้น
SEO ก็มีประสิทธิภาพน้อยลง เพราะอาจจะขาดการเชื่อมต่อ หรือซ้ำซ้อนเกินไป
หรือแทนที่ผู้ใช้จะเดินไปที่หน้าเว็บอื่นๆในไซต์ได้ง่ายๆ
ก็อาจจะต้องเล่นซ่อนหา กันมากบ้าง น้อยบ้าง ไปตามเรื่องตามราว
พลาด! ที่ 2
โครงสร้างกับ search ไม่สอดคล้องกัน
แม้ว่าเดี๋ยวนี้ผู้ใช้จะใช้วิธี search เพื่อมาเจอไซต์เรา
และจะมาแลนดิ้งที่หน้าไหนของไซต์เราก็ได้โดยไม่ต้องผ่าน navigation จากหน้าแรก
แต่มันก็ไม่ได้แปลว่า [...]
Balsamiq เครื่องมือแสนสะดวกสำหรับออกแบบ UI
Posted by: meekob on: ธันวาคม 27, 2008
ด้วยฝีมือของ Peldi หรือ Giacomo Guilizzoni นักพัฒนาเครื่องมือออกแบบผู้มากความสามารถ ที่ผ่านประสพการณ์ในการทำงานกับบริษัทที่เป็นผู้นำด้านการออกแบบ เช่น Adobe และ Macromedia มาแล้ว เครื่องมือออกแบบอินเทอร์เฟสชิ้นใหม่ ที่เน้นความเรียบ ง่าย แต่ใช้ได้จริงอย่างมีประสิทธิภาพ ที่เรียกว่า Balsamiq ชิ้นนี้จึงได้ถือกำเนิดขึ้นในปี 2008 และผ่านไปเพียง 5 เดือนเท่านั้นก็ได้รับความนิยมจากบริษัทชั้นนำที่หลากหลาย เช่น GE, BT, Oracle เป็นต้น
Balsamiq เป็นเครื่องมือออกแบบอินเทอร์เฟสที่เน้นความเร็วในการทำงานเป็นหลัก โดยปรกติวิธีการที่เราจะออกแบบอินเทอร์เฟสได้เร็วที่สุดก็คือการใช้ปากกากับกระดาษ นักออกแบบหลายคนอาจจะใช้เครื่องมือช่วยนำเสนอ เช่น Powerpoint หรือเครื่องมือออกแบบแผนผังเช่น Visio ในการทำงาน แต่อย่างไรก็ดีทุกวิธีที่กล่าวมาล้วนมีความไม่สะดวกเกิดขึ้น เช่น
การวาดบนกระดาษ วิธีนี้รวดเร็วแต่ต้องเสียเวลา digitize ให้อยู่บนหน้าจอ เมื่อมีการลบ หรือปรับเปลี่ยนแบบ เช่น ตำแหน่งของปุ่ม จะกระทบกับดีไซน์มาก อาจต้องวาดแผ่นใหม่
ใช้ Powerpoint วิธีนี้จะได้แบบที่เป็นระเบียบ แต่มีข้อจำกัดเรื่องพื้นที่ เนื่องจากแต่ละสไลด์ถูกออกแบบให้เหมาะสำหรับการนำเสนอบนหน้าจอเดียว อีกทั้งยังไม่มีต้นแบบต่างๆที่เหมาะสม เช่น ตาราง สไลเดอร์ [...]
Interface แห่งอนาคต (อันใกล้)
Posted by: iamia on: กันยายน 28, 2008
อย่างที่เรารู้ๆกันอยู่ว่า
วิวัฒนาการทางด้านเทคโนโลยีในสมัยนี้
มันวิ่งไปเร็วจนเราแทบจะวิ่งตามไม่ทัน
อย่างเราเป็นสมาชิกข่าวสารเทคโนโลยีอยู่หลายที่
บางทีก็ยังมีช่วงที่รู้สึกว่า “ตามไม่ไหวแล้วว้อยยย” อยู่หลายๆครั้ง
พวก Newsletter ข่าวสารพวกนี้ในระยะนั้น ใกล้เคียงกับ Junk Mail เอาเสียมากๆ
แต่อย่างไรก็ดี
ใครที่ทำงานด้านนี้ จะหยุดอยู่กับที่ ก็มีแต่เสียเปรียบ
ฝั่งเมืองไทยอาจจะช้าหน่อย
แต่ถ้าถึงกับหยุดเรียนรู้ไปเลย
ทำงานอย่างที่ทำอยู่ทุกวัน
สักพัก ถ้าถึงจุดเปลี่ยนแล้ว เราอาจจะตามไม่ทันก็ได้
ตอนที่ในเมืองไทยคนที่รู้จัก Ajax, Web2.0 แทบจะนับหัวได้ไม่เกินยี่สิบคน
มาถึงตอนนี้ ที่ Ajax หรือ Web2.0 ก็ยังไม่ได้ถูกใช้มากอยู่ดีในเวบเมืองไทย
แต่กระนั้นเลย ก็อยากให้นำพากันสักนิด
ถึงแม้ว่าเราจะเห็นว่าเราใช้เทคโนโลยีล้าหลังกับเว็บ เราก็ยังทำเงินได้
ไม่ว่าจะเป็นเจ้าของเว็บ หรือผู้สร้างเว็บ (อย่างนี้ไม่เรียกพัฒนาเว็บนะ 555)
แต่มันก็เป็นคนละเรื่องกับการที่จะไม่ aware คลื่นลูกใหม่ๆที่เกิดขึ้น
อีกอย่าง ขึ้นชื่อว่าเว็บไซต์แล้ว
เราจะเห็นคู่แข่งเพียงในประเทศก็ไม่ได้
เพราะมันเป็นเรื่องระดับโลก
เว็บไซต์ หรือ application ของประเทศไหน
คนไทยก็สามารถใช้ได้แทบทั้งหมด
การอัพเดทข่าวสารของใหม่ๆเสียบ้างให้ทันกระแสโลก
จึงไม่ใช่เรื่องไกลตัวแต่อย่างไร
Smashing Magazine พาเราไปดู Interface 10 แบบ ที่พัฒนาขึ้นไปอีกขั้นหนึ่งจากในปัจจุบัน
ไม่ใช่เพียงเทคโนโลยีเท่านั้น แต่รวมไปถึงมุมมองในการพัฒนา Interface ด้วย
การพัฒนาบางแบบ ก็มีอยู่แล้วในปัจจุบัน
บางแบบยังอยู่ในวุ้น แต่ก็ใกล้ความจริงเข้าไปภายในไม่ช้านี้
ไม่พูดพร่ำทำเพลงแล้ว ไปดูกันเลยดีกว่า
1. Fez ประสบการณ์การเล่นเกมแบบ 3 มิติจากเกม 2 มิติ
คนอ่านคงสงสัยว่า เอ๊ะ แล้วมันของใหม่ตรงไหน
เกม 3 มิติก็ออกจะมีให้เกลื่อน
เกมนี้มันแตกต่างตรงที่ สร้างมุมมองใหม่ของเกม [...]
Aurora กับการ Online ในอนาคต(อันใกล้)
Posted by: iamia on: สิงหาคม 10, 2008
Aurora เป็นคอนเซปท์ใหม่ๆ จากการค้นคว้าวิจัย และทดลองออกแบบ
สร้างวิธีที่จะใช้เว็บที่จะเป็นไปได้กับ Web จากเทคโนโลยีและสังคมในอนาคต
ในรูปแบบของวิดีโอนำเสนอแนวคิด
โดยบิดาแห่ง User Experience อย่างบริษัท Adaptive Path
ซึ่งนำโดย Jesse James Garrett ซึ่งเป็นหัวเรือใหญ่ของวงการ Information Architect
ได้เป็นหัวหน้าผู้ออกแบบ Aurora ที่ทำกันภายใน Mozilla Labs
เมื่อ 15 ปีที่แล้ว คนส่วนมากคงยังนึกไม่ออกว่า
จะใช้เน็ตโดยที่ไม่มีสายโทรศัพท์ได้อย่างไร
เมื่อ 10 ปีที่แล้ว คนส่วนมากคงยังนึกไม่ออกว่า
จะใช้เน็ตโดยที่ไม่ต้องเสียบสายอะไรเลยได้อย่างไร
และคงนึกไม่ออกว่า
จะใช้เน็ตโดยที่ไม่ต้องนั่งหน้าจอคอมได้อย่างไร
เทคโนโลยีที่เปลี่ยนแปลง
ก็ทำให้เกิดความเป็นไปได้ในการใช้งานแบบใหม่ๆขึ้น
แม้ว่า Aurora ไม่ใช่คอนเซปท์ที่มีรายละเอียดสมบูรณ์แบบ 100%
และยังมีช่องโหว่อีกมากให้วิพากย์เพื่อการพัฒนา User Experience ต่อไปในอนาคต
อย่างไรก็ดี Aurora ก็เป็นคอนเซปท์ที่ถูกสร้างขึ้นด้วยการคำนึงถึงเรื่องปัจจุบัน และในอนาคตอันใกล้
๔ ประการ ดังนี้
Natural Interaction
เรื่องของการใช้พื้นที่ว่าง การขยับเคลื่อนไหว การมอง ในโลกกายภาพ
Continuity
เนียน ไร้รอยต่อ (ไม่ใช่ชุดชั้นในนะ)
แต่เป็นการส่งผ่านและดูข้อมูล และสิ่งต่างๆ ใน Device ต่างๆกันได้โดยเท่าเทียม
และเนียนโดยที่ไม่ต้อง convert หรือต้องผ่านการ transfer อะไรก่อนให้เสียเวลานัก
ไม่ว่า Device นั้นจะเป็นตั้งโต๊ะ มือถือ แขนหิ้ว ตั้งตัก [...]
Comments