Flow
ถ้าเราเห็น interface 2 อันนี้เรารู้สึกยังไงบ้างครับ
เชื่อว่าหลายคนน่าจะรู้สึกว่า แบบแรกดูเป็นธรรมชาติกว่าแบบที่สอง แต่มันเกิดอะไรขึ้น ทั้งๆที่ ถ้าเรามองในทางคณิตศาสตร์ มันก็น่าจะเป็นแค่การสลับที่เท่านั้นเอง
จะว่าไปแล้ว ทิศทางที่ดูเป็นธรรมชาตินั้นก็เหมือนจะดู คล้ายๆกับวิธีการอ่านหนังสือ หรือเขียนหนังสือของเรา นั่นน่าจะเป็นเหตุผลที่เหมาะสมแบบนึงครับ เพราะว่าเราถูกทำให้คุ้นเคยกับการอ่านจาก ขวาไปซ้าย และจากบนลงล่าง จนมันเป็นนิสัยและความคุ้นเคย
การไล่ element ตามลำดับซ้ายขวา แบบที่เราอ่านหนังสือ ช่วยในเรื่องความหมายอีกด้วย อย่างในตัวอย่างเราเวลาที่เรา ไล่ตาม แต่ละชิ้นของเว็บ เราจะพบว่ามันคือ ลำดับของ instruction ประมาณว่า
- นี่คือ search
- พิมพ์อะไรที่อยาก search มาได้
- กดปุ่ม
ขณะที่ รูปที่มีการสลับ element ให้วิ่งตรงข้าม ทำให้เรารู้สึกขัดกับธรรมชาติ และต้องใช้ความคิดในการเรียบเรียง สักหน่อย อาจจะทำให้มีการใช้สมองมากขึ้น ไม่ต่างจากการที่เราไปขับรถพวกมาลัยซ้าย
ข้อดีของการตามกระแสหรือเป็นธรรมชาติ คือการที่เราจะไม่ต้องใช้พลังงานมากในการตีความหน้าจอสักเท่าไหร่ ตรงนี้ถ้าตามหลักการของ Think fast and Flow นี่คือ System Type I ซึ่ง จะทำให้ผู้ใช้ไม่ได้รู้สึกใช้ความพยายามในการทำเยอะ และเป็น Leverage ตัวหนึ่งที่ช่วยทำให้ผู้ใช้รู้สึกว่า Interface มันดูง่ายซะเหลือเกิน
อย่างไรก็ตามการย้อนกระแส ก็ไม่ได้มีผลเสียเลยซะทีเดียว เพราะในบางกรณีที่อาจจะต้องการให้อยู่กับตำแหน่งนั้นๆ เราอาจจะนำเอาท่านี้มาต้านกระแส ทำให้คนหยุดคิดได้เช่นเดียวกัน
อย่างไรก็ตาม ทั้งหมดนี้พูดกันในกรณีที่ไม่ได้มีรูปมาช่วยชี้นำ ซึ่งถ้ามีรูปด้วย ทิศทางของรูปจะส่งผลต่อวิธีการมองได้
ส่งท้าย
คนเรามี Flow ธรรมชาติในการมองหรืออ่านข้อมูล ถ้าเราออกแบบการอ่านให้อยู่ในทิศทางเดียวกันกับวิธีการมองของผู้ใช้ จะทำให้ง่ายต่อการอ่านและช่วยเรื่องความเข้าใจได้
อย่างไรก็ตามก็ไม่ได้หมายความว่าเราจะออกแบบย้อนทางไม่ได้ ทั้งนี้ก็คงต้องดูวัตถุประสงค์ในการใช้งานว่า เราต้องการอะไรจากผู้ใช้
นอกจากนี้ปัจจัยอื่นๆ เช่นทิศทางจากรูป ก็มีอิทธิพลต่อการกำหนดทิศทางธรรมชาติอีกด้วย
ก็หวังว่าจะพอมีประโยชน์บ้างนะครับ
ที่มา
- Does your design flow, http://vanseodesign.com/web-design/does-your-design-flow/