โพสต์

กำลังแสดงโพสต์จาก 2010

Land Meter

รูปภาพ
Price: free
Description
Land Meter is simple car pitching and rolling monitor for your iPad

Screen short

iPad version
iPhone version
Feature
Monitor Pitching and Rolling for your carShow Pitching and Rolling degreeWarning by color when dangerReset button for automatic calibration
Waiting feature Warning by soundMapRecoderSupport iPhone
Note
iphone version is waiting for approve ;) It's universal application. You can use one for two device.

Any suggestion or comment is welcome

Working on new iPad applicaiton

รูปภาพ
กำลังทดลองทำโปรแกรม Land Meter สำหรับคนที่ขับรถวิบาก


ความยากอยู่ตรงที่ iPad มันไม่ได้ส่งค่าองศามาให้เราตรงๆ แต่ให้มาเป็นค่าที่แต่ละแกนของ iPhone ถูกแรงโน้มถ่วงกระทำ


ถ้าเราเอียง iPhone แกน X, Y, Z จะถูกแรงโน้มถ่วงกระทำไม่เท่ากัน เมื่อเกิดความเปลี่ยนแปลงเจ้า Accelerometer จะส่งค่าของทั้งสามแกนมาให้ เราก็จับเข้า atan2(y,x) สำหรับหา degree รูปหลังรถ และ atan2(x,z) สำหรับรูปด้านข้าง เมื่อได้ค่า degree เราก็เอามาแปลงเป็นองศาด้วย

radians = degrees * Pi / 180;
เมื่อได้องศา เราก็เอามาใช้หมุนรูปรถทั้งสองแกนอีกทีนึง เป็นอันเสร็จ สำหรับโปรแกรม Land Meter ตอนนี้ส่งขึ้น App Store ไปแล้วรอการอนุมัติอยู่ คาดว่าวันอังคารหน้า น่าจะได้ลอง Download กัน

ตัวทำมาทดลอง iPad ก่อนสำหรับ version iPhone น่าจะตามมาในอีกหนึ่งอาทิตย์เพราะต้องรอให้ Version นี้อนุมัติก่อน ถึงจะส่งอีก Version ขึ้นไปได้

Paper Calculator

รูปภาพ
Price: free
Description
Paper Calculator is simple calculator that show and share what you calculated.

Screen short

General interface
Send result to mail
Zoom your result
Screencast



Feature
Copy: You can copy calculated result to clipboard and paste it any where you want.Email: It's short cut to copy result and open your send mail page.Zoom: You can show calculated result to friend that sit on another side of table.
Waiting feature Support Facebook & TwitterChange themesSound enableDelete Taskbar and Title from Zoom screenAdd classic calculated style
Note
Now available version on App Store is 1.0 and 1.1 is waiting for Apple to approve.Now version 1.1 is available on App Store. Version 1.1 will fix bug of 1.0 and enable some feature.
Version 1.0 is available for iOS 4.2 only but version 1.1 will support from iOS 3.0 to current version.

Any suggestion or comment is welcome

Flash killer จากค่าย Sencha

รูปภาพ
สิ่งที่ทำให้ Flash ได้รับความนิยมอย่างสูง และ ยืนอย่างมั่นคงในกระแส HTML5 คงไม่ได้เป็นเพราะ Action Script หรือ Flash Player เท่านั้น เพราะทั้งสองอย่างมีตัวแทนที่สมน้ำสมเนื้อเกิดขึ้นมาแล้ว เช่น Java Script ที่เร็วขึ้น, SVG และ HTML5 เป็นต้น ผมคิดว่าที่ที่ Flash ยังได้รับความนิยมอยู่เป็นเพราะ Flash Developer ที่แม้แต่คนเขียนโปรแกรมไม่เป็นก็สามารถสร้างงาน Animation ออกมาได้ง่ายๆ
เพื่อเติมเต็มช่องว่างในการแข่งขัน วันนี้เริ่มมีตัวแทน Flash Developer ให้เห็นแล้วครับ
หน้าตา Sencha Animator
โปรแกรม Sencha Animator พัฒนาบนพื้นฐานของ HTML5, CSS3 และ Java Script โดยเบื้องต้นยังทำอะไรอลังการแบบ Flash ไม่ได้ ดังนั้นจุดขายจึงเป็นโปรแกรมสำหรับสร้างโฆษณาเป็นหลัก ซึ่งตอบโจทย์มากกว่า Flash เพราะ HTML5, CSS3 สามารถแสดงผลบน iPhone, iPad, MBA และ WP7 ได้ทันทีโดยไม่ต้องลงโปรแกรมเพิ่ม
ดูตัวอย่างโฆษณาได้ที่ animator demo
เท่าที่ทดลองใช้ผมรู้สึกเหมือนกลับไปเขียน Flash ตัวแรกๆ Sencha Animator  คงต้องพัฒนาอีกนาน โดยเฉพาะเรื่องความเข้ากันได้ของแต่ละ Browser ปัจจุบันยังรองรับเฉพาะ Webkit ครับ แต่ทีมงานสัญญาว่าจะพัฒนาใ…

อ่าน Document EXTJS 3.2 แบบ Offline

รูปภาพ
เนื่องจาก net บ้านเราไม่เสถียรเอามากๆ การอ่าน API Document แบบ Offline เลยเป็นทางเลือกที่ดีกว่า แต่เจ้า API Document ของ EXTJS ดันมีแต่แบบ Online  วันนี้มาเจอตัว Offline เข้า เลยมาจดเอาไว้ก่อน


http://www.diloc.de/blog/extdocsuite/
ทำงานบน Adobe Air โดยโปรแกรมจะมี API ตัวล่าสุดเพราะมีระบบ update ให้ แถมมี  ExtUX พ่วงมาด้วย ไม่ได้ออกไปเปิดอีกตัว ปัญหาใหญ่มากๆ คือ search เป็นแบบ online :'(

เอามาจากเว็บ http://www.diloc.de

ข้อมูลตัดสินใจเลือกตั้ง สก สข เขตทวีวัฒนา จากคนพุทธมณฑลสาย 3

ปีนี้ได้เลือกตั้ง สก สข ในเขตทวีวัฒนาเป็นครั้งแรก เลยต้องศึกษาผู้สมัครเอาไว้หน่อย

ในปีนี้มีผู้สมัครสองคน
1. พ.ต.ท.หญิง อรุณศรี โสขุมา : ใน internet ไม่มีการพูดถึงผลงานหรือความสามารถ
2. นายสุไหง แสวงสุข : มีผลงานอยู่ในเว็บบ้านมือสอง วรสารหยดน้ำ

พัฒนาครองทวีวัฒนาสวนสาธารณะ สาย 2เคยเป็นสมาชิดสภากรุงเทพ ดูเรื่องขนส่งและการระบายน้ำเคยเสนอเรื่องแก้ปัญหาน้ำท่วมอย่างยั่งยืนอยากวางมือไปทำไร่ปลูกผัก ให้ลูกทำงานแทน

ผลการเลือกตั้งที่ผ่านมา 2553
นายสุไหง แสวงสุข  พรรคประชาธิปัตย์  13,191  คะแนน
พ.ต.ท.หญิงอรุณศรี โสขุมา พรรคไทยรักไทย   5,815 คะแนน

วิเคราะห์จากเว็บ bloggang
ส.ก.เก่า 2 สมัย อย่าง สุไหง แสวงสุข แห่งประชาธิปัตย์ ต้องเจอกับ ตำรวจหญิง พ.ต.ท.หญิงอรุณศรี โสขุมา จากไทยรักไทย แต่ความที่เขตนี้ชาวบ้านอยากเห็นรถไฟฟ้ากทม. ที่จะต่อขยายมาถึงเพชรเกษม ทำให้คะแนนเสียงของ ส.ก.สุไหง มีภาษีดีกว่า

ส่วนตัวคิดว่า
ต้องเลือกคนที่มีข้อมูลอยู่ในมือและมีผลงานให้เห็นก่อนอย่างน่าเสียดาย เพราะไม่สามารถไปฟังนโยบายของคุณอรุณศรีได้ ถึงไปฟังก็ไม่รู้ว่าท่านมีผลงานอะไรบ้าง

ในอนาคตถ้าใครจะลงสมัครก็ควรประกาศผลงานของตนเองเอาไ…

ออกแบบ alert box

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

ยกตัวอย่างเช่น alert box ของโปรแกรม Thunderbird


รูปแสดง alert box ตอนกด offline
เหตุการณ์ในรูปเกิดขึ้นเมื่อผมไปสั่ง Thunderbird ทำงาน Offline แต่โปรแกรมมีงาน download ค้างอยู่ มันจึงถามขึ้นมาว่า "จะรอให้ download เสร็จก่อนมั้ย ค่อย Offline" ปัญหาเกิดขึ้นทันทีครับ เพราะเมื่อทราบว่ามีการ download อยู่ ผมก็ไม่ต้องการให้มัน Offline และต้องการยกเลิกการ Offline แทน แต่มันไม่มีปุ่ม Cancel ให้

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

เช่นในกรณีของผม เมื่อผมทราบว่ามีการ download อยู่ค้างอยู่ผมจะไม่สั่ง offline เพื่อให้ web ทำงานเร็วขึ้น แต่…

ติดตั้ง Parkplace Amazon S3 Clone บน Snow Leopard

มีปัญหากับการติดตั้ง Parkplace บน Snow Leopard นิดหน่อย แต่ไหนๆ ติดตั้งได้แล้ว ขอจดขั้นตอนไว้ที่นี่ละกัน

อันดับแรกให้ทำตามที่ Readme บอก

$ gem install camping mongrel --include-dependencies$ gem install sendfileจากนั้นติดตั้ง  SQLite3 ruby plugin (ตัว SQLite ไม่ต้องติดตั้งเพราะ Snow leopard มีอยู่แล้ว) $ gem install sqlite3-ruby หลังจากทดลอง run  bin/parkplace มันจะถามหา activesupport 2.2.0 ถ้าเราไม่มีก็ให้ลงซะ $ gem install rails -s http://gems.rubyonrails.org -v 2.2.0ผมลง rails ทั้งยวงเลยเผื่อมันอยากได้อย่างอื่นด้วย เช่น activerecord จะได้มีพร้อม มาดูใน code ตอนหลังพบว่ามันต้องการสองตัวนี้
gem 'activesupport', '~> 2.2.0' gem 'activerecord',  '~> 2.2.0'
หลังจากนั้นมันจะมีปัญหากับการเชื่อมต่อ SQLite อีก แต่ไม่ได้เป็นเพราะ activerecord ครับ แต่เป็นเพราะ package camping  มันทันสมัยไปหน่อย ให้ลบ version 2.0 ออก แล้วให้ลง 1.5.180 แทน $ gem  uninstall camping$ gem install camping -v 1.5.180 หลังจากนั้นสามารถเปิด parkplace ได้เลย $ ./bin/parkplace

เขียนเกมส์บน iPhone ด้วยภาษา Lua

รูปภาพ
หลังจากได้ข่าวว่าสามารถเขียนเกมส์บน iPhone ได้ด้วย script language ก็รีบกระโดดเข้าไปอ่านทันทีครับ


ภาษาที่เค้าใช้คือภาษา Lua ซึ่งเป็นภาษาที่ใช้ในการเขียนเกมส์อยู่แล้ว อย่างเช่น Monkey Island หรือ  Grim fandango หรือแม้แต่ Civilization V ก็ใช้ภาษานี้ ดังนั้นมันเลยเหมาะเอามากๆ สำหรับการนำมาเขียนเกมส์ และยิ่งเหมาะมากที่จะเขียนเกมส์บน iPhone เพราะการเขียนด้วย Objective-C เป็นงานที่ยากขึ้นมาทันทีเมื่อเทียบกับ Corona-Lua
(ที่เรียกว่า Corona-Lua เพราะว่ามันขี่อยู่บน Library ของ Corona ครับ ยังมีคนอื่นที่ใช้ Lua เขียนโปรแกรมบน iPhone อีกแต่เป็น Library คนละชุดกัน)
การทดลองเล่นก็ไม่ยาก ให้เอา xcode มาลงก่อน จากนั้น download corona จากเว็บไซต์ เมื่อแตก dmg ดูใน folder จะเห็น  folder ชื่อ example อยู่ด้านใน ในนั้นจะมีตัวอย่างง่ายๆ ไว้ให้ทดลอง ให้เราเอา simulator ที่อยู่ใน folder นอกสุดเปิดดู ไม่ต้องห่วงเรื่อง compile หากทดลองแก้ไข code ก็กด refresh (command+r) ได้เลย
จากการทดลองเขียนโปรแกรม "ยานร่อนลงดวงจันทร์" เขียน code ไม่ถึง 100 บรรทัด เจอของง่ายแบบนี้แค่คิดว่าต้องเขียน Objective-C ก็เร…

ข้อเสียของ Cloud Computing

รูปภาพ
"Dark side of the cloud" แม้ว่าปัจจุบันเราอาจจะยอมรับข้อเสียเหล่านั้นได้ไปแล้ว แต่สำหรับภาคธุรกิจ มันคือสิ่งที่เราต้องคำนึงถึงและหาทางรับมือไว้ล่วงหน้า

ทุกอย่างขึ้นกับ Internet ทั้งโปรแกรมและเอกสาร ทุอย่างอยู่บน cloud หมดนะครับ แค่ Internet ช้าก็ไม่ต้องทำงานกันแล้วFeature น้อย เมื่อเทียบกับ Desktop Application เพราะเครื่องมือในการพัฒนาบน Web เมื่อเทียบกับ Desktop แล้วยังถือว่าแย่มาก (ด้วยข้อจำกัดของ Browser) และจะยังไม่ดีขึ้นจนกว่าจะถึงยุคของ HTML5 (ต้องมี Framework ที่ทำให้เราใช้ HTML5 ได้เต็มที่)Security เรื่องความปลอดภัยเป็นทั้งจุดออนและจุดเข็งในเวลาเดียวกัน เราต้องยอมรับความจริงว่า ข้อมูลของเราฝากไว้กับคนอื่น ต้องแน่ใจว่าคนนั้นไว้ใจได้ถึงจะเลือกใช้ cloud ของเค้าที่อยู่ของ Server เนื่องจากเป็น cloud เราเลยบอกที่อยู่แน่ๆ ของข้อมูลไม่ได้ ยิ่งเป็นบริการที่มี server อยู่ในหลายประเทศ การจะบอกว่าข้อมูลอยู่ในประเทศไหนก็ทำได้ยากขึ้น ทำให้เกิดข้อจำกัดขึ้นทันที เพราะรัฐบาลอย่างประเทศไทย หรือแคนาดา ห้ามไม่ให้เก็บข้อมูลของรัฐไว้ในต่างประเทศ เพราะถ้าข้อมูลอยู่ใน server ของสหรัฐ ด้วยกฏห…

ทำไมต้อง Cloud computing

รูปภาพ
"Cloud Computer" เป็นคำคุ้นหูสำหรับนักพัฒนาในโลก Online ซึ่งใช้เรียกบริการที่เน้นแก้ปัญหาเรื่องปริมาณเป็นหลัก ทั้งปริมาณของผู้ใช้ ปริมาณของข้อมูล หรือปริมาณของการประมวลผล โดยผู้ใช้บริการสามารถเลือกได้ว่าวินาทีนี้ต้องการใช้งานเท่าใด และสิ่งที่พิสูจน์ความเป็น Cloud คือเมื่อผู้ใช้ต้องการใช้งานมากขึ้น หรือน้อยลงต้องสามารถทำได้ทันทีโดยไม่ต้องรอการพัฒนาเพิ่มเติม และผู้ใช้ไม่ต้องคำนึงถึงปัญหาทางเทคนิค และปัญหาเรื่องการบำรุงรักษา

ทำไมต้องใช้ Cloud



สำหรับลูกค้า

ราคาถูก บริการที่อยู่บน cloud ควรถูกมากๆ ยกตัวอย่างเช่น gmail เป็นบริการฟรี ในขณะที่เก็บข้อมูลได้มากกว่า 7G หรือ Google App Premier Edition ราคาเพียง 50$ ต่อคน ต่อปี ซึ่งถือว่าถูกมากเมื่อเทียบกับ การซื้อ และดูแล Microsoft Exchange ในระดับ Enterpriseใช้ง่าย เพราะจ่ายอย่างเดียวครับ ไม่ต้องติดตั้งระบบ ไม่ต้องจ้างผู้เชียวชาญมาดูแลใช้ได้หลาย platform มีแค่ Net book มือถือ หรือเข้าไปใช้ Net cafe ก็สามารถใช้บริการได้แล้วโดยไม่จำกัดว่าใช้ OS อะไร ที่สำคัญบริษัทไม่ต้องเสียเงินซื้อเครื่องใหม่ หรือเครื่องแพงๆ มาใช้ด้วยไม่จำกัดสถานที่ เนื่อ…

Apple Land vs Google Empire

รูปภาพ
ผมพยายามหาทางใช้ของดีของ Apple และใช้บริการฟรีๆ ของ Google มานาน จนตอนนี้เริ่มไม่ไหวแล้วครับ คงต้องเลือกทางใดทางหนึ่งซะที

Picasa เทียบ iPhoto ไม่ได้เลยครับ ทั้งในด้าน UX Map และ Sync โดยเฉพาะภาษาไทยของ Picasa บนเครื่อง Mac เรียกว่าอ่านไม่ได้เลยทีเดียว ส่วนบริการ Online storage ของ dot mac ก็สวยกว่า picasaweb มากๆ จะมีดีกว่าก็คือตัว gmail ที่ทำให้สามารถทิ้ง mail.app ได้เลย 
สำหรับ Mobile device เจ้า iPhone มี Usability ที่เข้มข้นกว่า Android ทั้ง Application ของ Apple เอง และของ Developer ทั่วไป ผมเทียบกับ HTC Magic (Sense) ที่ใช้อยู่ ดังนั้นแม้ว่าจะต้องจ่ายแพงกว่าเท่าตัว ถ้ามีเงินผมคิดว่าคุ้มครับ
แต่เมื่อไม่ค่อยมีตัง ดังนั้นผมจึงเลือก Google ครับ



ความเป็นมืออาชีพ ของคนกวาดพื้น

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

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

Dynamic text with style

รูปภาพ
วันก่อนพยายาม Hack งานออกแบบของเว็บ getdash.com ไปพบว่าเค้าใส่ effect แปลกๆ เข้าไปในตัวอักษร แถม font ยังไม่ใช่ font มาตรฐาน พอดูด้วย firebug ก็พบว่าเค้าใช้ cufon สำหรับสร้างตัวอักษร


ทดลองใช้ font little star จากเว็บ f0nt.com
บรรทัดแรกทดลองใส่เงาสีขาวบนตัวอักษร บรรทัดที่สองทดลองเรื่องสี และบรรทัดที่สามทดสอบภาษาไทย ส่วนเรื่องสระลอยทดสอบแล้วแต่ไม่ได้ capture มาให้ดู (ทดสอบสระลอย)
ทดลองกับ font supermaket จากเว็บ f0nt.com

การใช้งาน cufon เริ่มจากแปลง font ของเราเป็นไฟล์ java script ก่อน (*.font.js) ก่อน โดยเข้าไปที่เว็บ cufon.shoqolate.com เลือก upload ไฟล์ font ของเรา แล้วเลือก option ตามที่เราต้องการ

ขั้นที่สอง สั่งให้ script cufon แปลงข้อความของเราให้เป็น font ตามที่สร้างเอาไว้


  <head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 <script src="cufon-yui.js" type="text/javascript"></script>
 <script src="Little_Star_0506_400.font.js" type="text/javascript"></script>
 <…

Principle 5 ข้อ สำหรับนักออกแบบ

รูปภาพ
มีคนเขียน Principle ของ User eXperience อยู่หลายบทความแต่ผมคิดว่า Principle ที่มีเกิน 5 ข้อ เมื่อใช้งานจริงคงไม่ไหว วันนี้ผมเจอแบบ 5 ข้อแล้ว

1. เข้าใจที่มาที่ไปของปัญหาก่อนจะเริ่มแก้

ผมเชื่อว่านักพัฒนาพยายามออกแบบให้ง่ายอยู่แล้ว การที่มันมีปัญหาต้องมีที่มาที่ไป นอกจากเราจะรู้ปัญหาแล้ว เราควรมองให้ออกว่าปัญหามีที่มาอย่างไร อย่าเสียเวลากับการแก้ปัญหาผิดที่

2. อย่าทำร้ายใคร

หน้าที่ของเราคือปกป้องผู้ใช้ ควรสร้างประสบการณ์ที่ดีให้เค้าดีกว่า

3. ทำทุกอย่างให้เรียบง่าย และเป็นธรรมชาติ

เป้าหมายของการออกแบบคือต้องใช้งานง่าย เรียนรู้ง่าย ประยุกต์ใช้ง่าย อย่าพยายามเปลี่ยนธรรมชาติของผู้ใช้ แต่เน้นให้ชีวิตตามปกติของเค้าง่ายขึ้น ซึ่งทำให้ผู้ใช้รู้สึกมีความสุขมากขึ้นแน่นอน

**ถึงจะรู้ว่าเปลี่ยนแล้วดีกว่า แต่อย่าลืมกฏข้อ 2

4. จำไว้ว่าผู้ใช้ไม่เหมือนเรา

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

5. เอาใจเขามาใส่ใจเรา

เมื่อพบสิ่งที่ไม่สมเหตุสมผลสำหรับเรา อย่…

Update Omnigraffle Stencil for web designer

รูปภาพ
ปัญหาในการคุยเรื่อง User interface กับลูกค้า หรือแม้แต่กับทีมงาน คือเราบอกเค้าไม่ได้ว่าส่วนไหนเป็นส่วนของโครงสร้าง ส่วนไหนเป็นส่วนที่ได้รับการแต่งแล้ว ยิ่งเราวาดสวยยิ่งทำให้เข้าใจผิดได้มาก และสร้างความสับสนในการรับฟังคำแนะนำเสมอ


ทางออกคือ การวาดต้นแบบให้เป็นแค่ภาพร่าง แม้ว่าเราจะใช้คอมพิวเตอร์ในการออกแบบ ก็สามารถวาดให้เหมือนภาพร่างได้ สำหรับกรณีของผม ผมสร้าง Stencil ที่เป็นภาพร่างขึ้นมาใช้กับโปรแกรม Omnigraffle

วันนี้ต้องออกแบบ web ใหม่ จึงเอา Stencil เก่ามาปัดฝุ่น และจัดกลุ่มให้ใช้งานง่ายขึ้น ใครต้องทำงานออกแบบ web เหมือนกัน สามารถ Download ได้จาก http://graffletopia.com/stencils/459

ตัวอย่างการใช้งานลองดูใน video นะครับ



สำหรับคนที่ออกแบบ Application ให้ลองดู Stencil นี้ครับ http://graffletopia.com/stencils/446

Usability vs User Experience

รูปภาพ
วันก่อนได้มีโอกาสคุยกับทีมงาน open dream ได้ความรู้เรื่อง User Experience  จึงมาทำการบ้านเพิ่มเติมจนได้ข้อสรุปขั้นแรกว่า โจทย์ของ Usability และ User Experience นั้นต่างกัน

Usability

ผู้ใช้สามารถทำสิ่งที่ตนเองต้องการได้หรือยัง

User Experience

ผู้ใช้มีความสุขกับการทำงานหรือยัง

วินาทีแรกเราอาจคิดว่า "ผู้ใช้มีความสุข ก็ต่อเมื่อผู้ใช้ได้ในสิ่งที่ต้องการ" ทำให้ Usability กลายเป็น subset ของ User Experience ทันที แต่นั่นไม่ถูกต้องซะทีเดียว เพราะการตอบโจทย์ของ Usability ทำให้เราพยายามหาวิธีทำให้ผู้ใช้บรรลุความต้องการของตนเอง ให้เร็วที่สุด แต่ User Experience ไม่สนใจเรื่องนี้ ผู้ใช้จะได้สิ่งที่ตัวเองต้องการหรือไม่ก็ได้ ขอให้มีความสุขก็พอ ดังนั้นการออกแบบ ภายใต้โจทย์ User Experience จึงไม่เร่งให้ผู้ใช้ได้ในสิ่งที่ต้องการ แต่เน้นความรื่นรมย์ในการใช้งานก่อน

ผู้ออกแบบภายใต้โจทย์ User Experience ต้องคำนึงถึงประสบการณ์ในอดีตของกลุ่มเป้าหมาย และคาดการประสบการณ์ที่จะได้รับในอนาคต ทำให้ต้องกำหนดกลุ่มเป้าหมายให้ชัดเจน เพราะแต่ละกลุ่มมีสมดุลย์ระหว่าง ผลงานกับความสุขในการทำงานต่างกัน

จะเห็นว่าทางเด…