PhoneGap/Cordova

3 แหล่งข้อมูล เพื่อศึกษาแนวคิดการ design content ให้ mobile platform

เรื่องที่เกี่ยวข้อง - Android, iOS, User experience design, User Interaction Design, Windows Phone

การออกแบบ Mobile content ไม่ว่าจะเป็น Mobile Web, Mobile Application, wingscanada.com Game, หรือพวก Digital Magazine รวมไปถึงแม้แต่ e-book ล้วนแต่ต้องอาศัยแนวความคิดและหลักการออกแบบที่ไม่เหมือนกับบน PC

โดยส่วนแนวคิดการ Design นี้ แล้วต้องไม่ขึ้นกับ Platform ใด platform หนึ่ง เพราะเทคโนโลยีมีขึ้นมาแล้วก็ต้องดับไปตามกาลเวลา (มือถือที่่ว่าเจ๋งในเดือนนี้ อาจจะโดนดับแสงด้วยสิ่งอื่นในเดือนหน้า)

องค์ความรู้ที่มากกว่าการยึดติดกับ Technology platform นั้นมีชื่อเรียกกว้างๆ ว่า User Interaction Design และ User Experience Design ซึ่งไม่มีสูตรตายตัว และจะขอเอาไว้สอนในโอกาสต่อไป

ในวันนี้ผมขอเอาแหล่งข้อมูลที่เก็บซ่อนเทคนิคต่างๆ ในการ design mobile content จากเจ้าแห่ง platform ที่โด่งดังทั้ง 3 เจ้า ที่ต่างก็เขียนเอามาให้อ่านกันฟรีๆ โดยแต่ละเจ้าก็จะเขียนเพื่อ support สิ่งที่ตัวเองออกแบบ (และขายอยู่)

แต่หากจับจุดได้ คุณจะได้ประโยชน์จากแหล่งข้อมูลทั้ง 3 นี่เยอะทีเดียว

จำไว้ว่าทุกอย่างที่มนุษย์สร้างขึ้นล้วนไม่ใช่เหตุบังเอิญ โดยเฉพาะถ้ามันเอาไว้ขาย

1. iOS human interface guideline

ผู้บุกเบิก Smart phone แบบใช้นิ้วควบคุมแทนการกดปุ่ม และใช้ไม้จิ้มฟันจิ้มแบบเก่า ศาสดาผู้นำท่านก็ได้ล่วงลับไปแล้ว แต่ก็ได้ฝากมรดกอันยิ่งใหญ่ไว้ให้โลกนี้เช่นกัน

หนึ่งในมรดกที่ทรงคุณค่ายิ่ง ก็คือ Human Interface Guideline นี่แหละ เป็นหลักการ design user interface หรือที่เราเห็นเป็นปุ่มต่างๆ บนหน้าจอให้กด ให้จิ้ม ให้ slide นั้น

ล้วนแต่ถูกออกแบบมาให้เลือกใช้งานอย่างแยบยล เหมาะสมตามการใช้งานในกรณีต่างๆ

พร้อมแล้ว คลิกที่นี่เพื่อเข้าไปเสพย์

2. Android Design 

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

สำหรับโลกหุ่นเขียว ภายนอกดูเหมือนเราจะควบคุมอะไรไม่ได้ เพราะ Google แจกระบบหุ่นเขียวให้ใครเอาไปยำทำอะไรออกมาก็ได้อย่างเสรี ส่วนของ hardware ก็เลยดูจะอ้างอิงฝ่ายใดฝ่ายหนึงไม่ได้ทีเดียว (แถม device ออกมาถี่มาก)

แต่ถ้าคุณคิดอย่างนั้น แปลว่าคุณกำลังตกหลุมพรางของ technology เริ่มยึดติดแล้ว

ปล่อยวาง ซะ ปล่อยวาง

เพราะมันก็คืออีกแค่ technology หนึ่งที่สร้างมาให้คุณนำ content หรือ idea ที่คุณมี ไปโลดแล่นอยู่บน Mobile device เท่านั้นเอง

พร้อมแล้ว ก็เข้าไปศึกษาตำราของระบบหุ่นเขียว Android โดยการคลิกที่นี่

3. Windows Phone’s user experience design

เจ้าสุดท้ายทุกคนคงรู้จักกันดี เพราะมียุคหนึ่งที่ computer ในประเทศของเราถูกครอบครองโดยระบบที่สร้างโดย Microsoft นี้อย่างสมบูรณ์ (หลังๆ ค่าย Apple ตีตื้นขึ้นมาเยอะมาก)

และแน่นอนว่าตลาด Mobile device ที่สองเจ้าแรกกำลังเก็บเกี่ยวกันอย่างเป็นกอบเป็นกำนี้ จะรอดสายตาไปได้

เลยส่ง Windows Phone มาชิงความเป็นหนึ่งในโลก Mobile device ที่แค่ 2 ค่ายแรกก็ฟัดกันนัวเนียอยู่แล้ว ให้มีฝ่ายที่ 3 อีก คานอำนาจกันไป

แต่หากคุณได้ลองไปจับระบบ Windows Phone จะยอมรับเลยว่า มัน “แตกต่าง” และ “ดูดี” จริงๆ

อันนี้ก็ต้องดูกันต่อไป

แต่เนื่องจากระบบที่ออกแบบได้แหวกแนวจาก 2 เจ้าแรกจริงๆ ทำให้ส่วนของ user experience design มันน่าศึกษา และน่าจะมีอะไรใหม่ๆ มากกว่า 2 เจ้าแรกที่เหมือนกันได้ใจ

ลองคลิกเข้าไปดูใน User experience design for Windows Phone ดูครับ

แล้วเจ้าอื่นๆ ล่ะ?

จริงๆ แล้วโลกของ Mobile device มันนานาชาติมากกว่านี้มาก มีเจ้าที่กำลังเติบโตขึ้นมาเรื่อยๆ อย่าง Amazon Kindle หรือพวก Tizen ของ Samsung

แต่เจ้าเมืองเล็กๆ เหล่านี้ยังไม่มีท่าทีีที่ชัดเจนในตลาดโลก (คนยังใช้ไม่เยอะพอ) รวมถึงท่าทีก็ยังไม่ชัดเจนเท่าไหร่

ซึ่งผมก็จะเอามาเขียน (หรือ video) ให้ได้ศึกษากันต่อไป

สำหรับวันนี้สวัสดีครับ

[sb name=”Bottom-Post-Ads”]

 

เริ่มต้นยุค AI ด้วยคอร์สฟรี และพรีเมี่ยม กับพล

หากชอบสิ่งที่พลเล่า เรื่องที่พลสอน สามารถสนับสนุนพลโดยการเข้าเรียนคอร์สออนไลน์ของพลนะคร้าบ

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

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

Privacy Preferences

คุณสามารถเลือกการตั้งค่าคุกกี้โดยเปิด/ปิด คุกกี้ในแต่ละประเภทได้ตามความต้องการ ยกเว้น คุกกี้ที่จำเป็น

Allow All
Manage Consent Preferences
  • Always Active

Save