Category Archive: User Interface

31 Jan

Direct Manipulation in Video

Direct Manipulation in Video

Direct Manipulation Interface เป็นอีกเทรนด์หนึ่งในศาสตร์ Human Computer Interaction (HCI) ที่น่าจับตามอง พูดภาษาชาวบ้าน Direct Manipulation คือการ แสดงผลของการกระทำให้สอดคล้องกับการกระทำ ยกตัวอย่างเช่น ถ้าเตะลูกบอล เราก็คาดว่ามันต้องพุ่งไปข้างหน้าทิศเดียวกับทางที่เตะ – หากมันอยู่เฉยๆ(โดยที่เราไม่ได้เตะวืด) หรือพุ่งไปสะเปะสะปะ แปลว่ามีอะไรผิดพลาดซักอย่างละ เอาใกล้ๆคอมพิวเตอร์หน่อย ถ้าขยับเม้าส์ไปทางขวา เราก็คาดว่า cursor จะขยับไปทางเดียวกัน – ถ้ามันขยับไปทิศตรงกันข้ามคงงงไม่ใช่น้อย DM เนี่ย เขามีหลักการว่า Input Language == User’s Expectation ยิ่งสิ่งที่ user ทำใกล้เคียงกับความคาดหวังมากเท่าไหร่ ยิ่งไม่ต้องเปลืองสมองไปจำ ใช้ง่าย สบายใจ พวกเทคโนโลยีรุ่นหลังอย่าง Touch Screen, Multi-touch ก็สร้างบนพื้นฐานแนวคิดนี้ไม่มากก็น้อย… เกริ่นมาซะเยอะ – วันนี้จะพูดถึงการเอาเจ้า Direct Manipulation มาใช้กับ Video Player [...]

 
By Tay
Tagged , , , ,
Comments (2)
31 Jan

User Interface Design – Scrabble Tools

User Interface Design – Scrabble Tools

Scrabble Tools เป็นโปรเจ็กต์ในวิชา UI Design ที่ทำกับเพื่อนอีกสองคน อัดเรื่องของ Accessibility และ UI best practices เข้าไปแบบงูๆปลาๆ – ไว้จะมาโม้ให้ฟัง http://vashira.com/scrabble/

 
By Tay
Tagged , ,
Comments (1)
25 Dec

Mozilla Ubiquity – power of command

Mozilla Ubiquity – power of command

ต่อจาก Graphical Keybard User Interface ตอนที่แล้ว Ubiquity เป็น add-ons ตัวหนึ่งของ Firefox ที่เปลี่ยนบราวเซอร์ตัวเก่งของเราให้เป็น terminal ภายในอึดใจ จาก tutorial บอกตามตรงว่า pre-built command “ไม่โดนใจ” ผมซักเท่าไหร่ – คำสั่งอย่าง email, map, wikipedia เป็นอะไรที่ไม่จำเป็นกับชีวิตประจำวัน ส่วนใหญ่วิธีเดิมที่ใช้อยู่ก็ง่ายดีอยู่แล้ว แต่ที่น่าสนใจคือ มันเขียนคำสั่งเองได้ แถมง่ายโคดๆ หลังจากอ่านวิธีการเขียน command แล้วก็ทดสอบด้วยการลองเขียน – โจทย์ที่ตั้งมีประมาณนี้ อยากดาวน์โหลด scanned manga ที่เว็บการ์ตูน เว็บอย่าง stoptazmo ง่ายต่อการดาวน์โหลด – แต่จะโหลดที่ต้องเล็งจิ้มลิ้งค์ที่มีเป็นพรืด ปวดตาสุดๆ ไม่มี Orbit หรือพวก download manager เพราะขี้เกียจเปิด VM Windows หลังจากนั้นชั่วโมงนึง [...]

 
By Tay
Tagged ,
Comments (4)
24 Dec

Graphical Keyboard User Interface

Graphical Keyboard User Interface

เคยเขียนเกริ่นเรื่อง User Interface ไว้ตอน Ringo วันนี้มาลองเปรียบเทียบ UI ที่เราใช้กันปัจจุบันบ้างดีกว่า Command Line Interface (CLI) CLI เป็นรูปแบบแรกๆที่มนุษย์ใช้เพื่อสื่อสารกับคอมพิวเตอร์ เข้าใจว่าคีย์บอร์ดเป็นพัฒนาการขั้นต่อมาของพิมพ์ดีด ในเมื่องานเขียนเราใช้พิมพ์เอา ทำไมเราจะพิมพ์สั่งให้คอมพิวเตอร์ทำงานไม่ได้ใช่ไหม? รูปแบบนี้ใช้กันมาต่อเนื่องตั้งแต่ยุคเครื่อง IBM มาจน PC จนกระทั่ง apple ได้ไอเดีย (ลอก) มาจาก PARC เกิดเป็น GUI นั่นแหละ ยุคสมัยจึงเริ่มเปลี่ยนไป สาเหตุหลักๆที่เกิดการเปลี่ยนแปลงเพราะ Mind Model ของคนเรา(ทั่วๆไป) มันไม่เข้ากับการใช้ CLI เท่าไหร่ – ชีวิตประจำวันเรา interact กับสิ่งของแบบ “สัมผัส” ไม่ใช่เขียนคำสั่งให้มันทำงาน Graphical User Interface (GUI) GUI เริ่มแรกคือคอนเซ็ปต์ที่ใช้พิกัด xy ของตัวเคอร์เซอร์ที่ลากไปมาบนพื้นผิว 2 มิติ ไป [...]

 
By Tay
Tagged ,
Comments (1)
05 Dec

FluidTunes – Hand Getsure Interface for iTunes

FluidTunes – Hand Getsure Interface for iTunes

เคยเขียนเรื่อง Hand Gesture Interface ไว้ครั้งที่แล้ว ว่า application แนวนี้น่าสนใจ วันนี้ไปเจอ app ตัวนึงของ OS X ชื่อ FluidTunes เลยโหลดมาลองดู (Freeware) โปรแกรมนี้ใช้ iCamera ที่ติดมากับ Mac โดยสังเกตการเคลื่อนไหวของคนใช้ว่าเคลื่อนไปทางไหน สมมุติว่าเลื่อนนิ้วไปทางขวา ก็จะเปลี่ยนไปเล่นเพลงต่อไป เลื่อนทางซ้ายก็กลับไปเพลงที่แล้ว อะไรประมาณนี้ ลองดูคลิปตัวอย่างกันดีกว่า FluidTunes from Majic Jungle Software on Vimeo.

 
By Tay
Tagged , ,
Comments (1)