Software

รายงานจาก Fast Company ได้พูดถึงปัญหาภายในของแอปเปิลเรื่องการออกแบบและดีไซน์หน้าตาของแอพต่าง ๆ บน iPad และ OS X ซึ่งปัจจุบันดูเหมือนจะมีการขัดแย้งกันภายในองค์กรเล็กน้อยในเรื่องนี้ โดยฝ่ายหนึ่งสนับสนุนให้มีการทำ UI ให้มีรูปร่างใกล้เคียงกับสิ่งของที่เรามีใช้ในประจำวัน ถ้าจะให้ยกตัวอย่างก็คือแอพ iCal เวอร์ชันล่าสุดบน OS X หรือแอพ Game Center ที่มีหน้าตาเหมือนกับโต๊ะพูล

จากรายงานฉบับนี้ Scott Forstall หัวหน้าฝ่ายซอฟต์แวร์ iOS เป็นหนึ่งในผู้สนับสนุนให้มีการออกแบบ UI ออกมาลักษณะนี้ และสตีฟ จ็อบส์เองก็เห็นด้วยที่จะให้แอปเปิลเลือกเดินไปในทางนี้ในการออกแบบ UI แต่อีกฝั่งที่ไม่เห็นด้วยอย่างยิ่งกับการออกแบบ UI ในลักษณะนี้ก็นำทีมโดย Jonathan Ive ผู้ออกแบบฮาร์ดแวร์ให้กับแอปเปิลหลายชิ้น โดยสำหรับ Ive แล้วเขาเห็นดีไซน์ลักษณะนี้ขาดรสนิยม

Fast Company ยังได้สัมภาษณ์ทีมออกแบบของแอปเปิลหลาย ๆ คนเกี่ยวกับความขัดแย้งในเรื่องการออกแบบภายในแอปเปิล โดยหนึ่งในผู้ออกแบบ UI ของแอปเปิลได้ออกมาบอกว่า...

"แอปเปิลมัวเสียเวลาไปกับออกแบบแอพฯ​ ให้มีหน้าตาเหมือนสิ่งของในโลกความจริง แทนที่จะมาเสียเวลากับการออกแบบเพื่อให้เข้าถึงฟังก์ชั่น ใครยังจำได้เมื่อตอนเปิดตัว iOS 6 กลางปีที่ผ่านมา Fostall ได้ออกมาโชว์แอนิเมชั่นเครื่องทำลายกระดาษ ที่ผู้ใช้จะเห็นเมื่อสั่งลบ e-ticket หรือ e-coupon ออกจากแอพ Passbook ขอถามหน่อยว่าคนใช้งาน iPhone เคยเห็นเครื่องทำลายกระดาษจริง ๆ หรือในชีวิตจริง? แล้วมันจำเป็นแค่ไหน? หรือมันเป็นการสำเร็จความใคร่ด้วยสายตา? สำหรับผมแล้ว มันก็เหมือนการเอาลิปสติกมาทาบนหน้าหมู มันไม่มีความจำเป็นเลยที่จะเพิ่มโน่นเพิ่มนี่ ในเมื่อสินค้ามันก็เด่นด้วยตัวเองอยู่แล้ว"

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

Fast Company เผยว่ารายงานชุดต่อไปจะเริ่มหันมาดูการออกแบบ จากมุมมองของไมโครซอฟท์บ้าง จะเป็นอย่างไร เรามารอดูกันครับ

ที่มา - Fast Company ผ่านทาง MacRumors

Hiring! บริษัทที่น่าสนใจ

Carmen Software company cover
Carmen Software
Hotel Financial Solutions
Next Innovation (Thailand) Co., Ltd. company cover
Next Innovation (Thailand) Co., Ltd.
We are web design with consulting & engineering services driven the future stronger and flexibility.
KKP Dime company cover
KKP Dime
KKP Dime บริษัทในเครือเกียรตินาคินภัทร
Kiatnakin Phatra Financial Group company cover
Kiatnakin Phatra Financial Group
Financial Service
Fastwork Technologies company cover
Fastwork Technologies
Fastwork.co เว็บไซต์ที่รวบรวม ฟรีแลนซ์ มืออาชีพจากหลากหลายสายงานไว้ในที่เดียวกัน
Thoughtworks Thailand company cover
Thoughtworks Thailand
Thoughtworks เป็นบริษัทที่ปรึกษาด้านเทคโนโยลีระดับโลกที่คว้า Great Place to Work 3 ปีซ้อน
Iron Software company cover
Iron Software
Iron Software is an American company providing a suite of .NET libraries by engineer for engineers.
CLEVERSE company cover
CLEVERSE
Cleverse is a Venture Builder. Our team builds several tech companies.
Nipa Cloud company cover
Nipa Cloud
#1 OpenStack cloud provider in Thailand with our own data center and software platform.
Bangmod Enterprise company cover
Bangmod Enterprise
The leader in Cloud Server and Hosting in Thailand.
CIMB THAI Bank company cover
CIMB THAI Bank
MOVING FORWARD WITH YOU - CIMB is the leading ASEAN Bank
Bangkok Bank company cover
Bangkok Bank
Bangkok Bank is one of Southeast Asia's largest regional banks, a market leader in business banking
MuvMi (Urban Mobility Tech Co.,Ltd.) company cover
MuvMi (Urban Mobility Tech Co.,Ltd.)
Shape the future of urban mobility towards affordable, clean, and safe solutions
T.N. Digital Solution Co., Ltd. company cover
T.N. Digital Solution Co., Ltd.
TNDS has been involving in every first move of banking’s major digital transformation.
KBTG - KASIKORN Business-Technology Group company cover
KBTG - KASIKORN Business-Technology Group
KBTG - "The Technology Company for Digital Business Innovation"
Siam Commercial Bank Public Company Limited company cover
Siam Commercial Bank Public Company Limited
"Let's start a brighter career future together"
Icon Framework co.,Ltd. company cover
Icon Framework co.,Ltd.
Global Standard Platform for Real Estate แพลตฟอร์มสำหรับธุรกิจอสังหาริมทรัพย์ครบวงจร มาตรฐานระดับโลก
REFINITIV company cover
REFINITIV
The Financial and Risk business of Thomson Reuters is now Refinitiv
H LAB company cover
H LAB
Re-engineering healthcare systems through intelligent platforms and system design.
The Gang Technology Co., Ltd. company cover
The Gang Technology Co., Ltd.
We're a Digital Agency that helps our customers transform their business into digital with ease.
LTMH company cover
LTMH
LTMH มุ่งเน้นการพัฒนาผลิตภัณฑ์ที่สามารถช่วยพันธมิตรของเราให้บรรลุเป้าหมาย
Seven Peaks company cover
Seven Peaks
We Drive Digital Transformation
Wisesight (Thailand) Co., Ltd. company cover
Wisesight (Thailand) Co., Ltd.
The Best Choice For Handling Social Media · High Expertise in Social Data · Most Advanced and Secure
MOLOG Tech company cover
MOLOG Tech
We are Modern Logistic Platform, Specialize in WMS, OMS and TMS.
Data Wow Co.,Ltd company cover
Data Wow Co.,Ltd
We enable our clients to realize increased productivity by solving their most complex issues by Data
LINE Company Thailand company cover
LINE Company Thailand
LINE, the world's hottest mobile messaging platform, offers free text and voice messaging + Call
LINE MAN Wongnai company cover
LINE MAN Wongnai
Join our journey to becoming No.1 food platform in Thailand

เท่าที่อ่านดู เขาทะเลาะกันตั้งแต่ตอนพ่ออยู่น่ะครับ

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

nessuchan Wed, 12/09/2012 - 16:30

In reply to by iamfalan

คือ พ่ออยู่ยังมีคนช่วยฟันธงไงครับ แต่ตอนนี้พ่อไม่อยู่แล้ว ใหญ่ต่อใหญ่ชนกัน

แต่ผมก็เห็นด้วยกับ Ive นะ บางที มันก็ไม่ต้องลอก Feeling ของที่เป็นของจริงมากนักก็ได้ มันไม่ได้ใช้งานง่ายเลย - - พอจะต้องใช้เม้าส์กับคีบอร์ด หรือแม้กระทั่ง Touch screen ก็เหอะ

ถ้าไปดูประวัติศาสตร์ Apple จะเห็นว่าเขาเถียงกัน แม้ลูกน้องก็เถียง Jobs ครับ

แต่เรื่องนี้ผมเข้าข้าง Forstall ครับ

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

ยกตัวอย่างเช่น วิธีการที่เลื่อน ๆ มาชนขอบ ไม่ว่าจะเป็นด้านล่างหรือด้านข้าง แล้วมันจะมีการเด้งกลับเล็กน้อย ที่ Sumsung หยิบยืมไปใช้บ่อย ๆ สิ่งเหล่านี้นี่เป็นอะไรเล็ก ๆ น้อย ๆ ที่ software เจ้าอื่น ๆ มองข้าม แต่มันก็เป็นสิ่งที่ทำให้ Apple แตกต่างอย่างโดดเด่นไม่ใช่หรือ

ผมจำได้เลยตอน "ได้ออกมาโชว์แอนิเมชั่นเครื่องทำลายกระดาษ"
คนในฮอลล์ปรบมือหัวเราะกันเกรียว มันได้อารมณ์จริงๆ ของถนัด Jobs เขาเลย

ผลิตภัณฑ์ฝั่ง Apple มันมีลายเซ็นต์เรื่องทำให้เหมือนของจริงอยู่นะ ทั้งแอพและโปรแกรมบน Mac หลายตัว มันเลียนแบบของจริงมาเลย มันก็มีเสน่ห์เป็นเอกลักษณ์ที่ระบบอื่นไม่มี

แบบเวลากดลบเมลแล้วมันลอยไปลงถังขยะที่เปิดฝารับนั่นผมก็ชอบนะ คือมันต้องให้ดู simple ไปด้วยพร้อม ๆ กัน เครื่องย่อยกระดาษนี่ผมยังไม่เห็นเดี๋ยวต้องไปหาดูบ้าง

nrml Wed, 12/09/2012 - 11:19

โดยสำหรับ Ive แล้วเขาเห็นดีไซน์ลักษณะนี้ขาดรสนิยม

ผมว่าผมเข้าใจ Ive นะ การเดินอยู่ในรอยเดิมๆ สำหรับ Designer แล้วมันเหมือนการขาดความพัฒนา

angel13th Wed, 12/09/2012 - 11:40

It’s visual masturbation เลยทีเดียว

ป.ล.

หรือมันเป็นการจำลองการสำเร็จความใคร่?

ผมว่าน่าจะแปลว่า "การสำเร็จความใคร่ด้วยสายตา" มากกว่านะ เพราะมันเป็น visual ไม่ใช่ virtual

โดยสำหรับ Ive แล้วเขาเห็นดีไซน์ลักษณะนี้ขาดรสนิยม

ในสายตาของดีไซน์เนอร์ ผมเห็นด้วยกับ Ive อย่างเครื่องย่อยกระดาษ นั้นทำมาเพื่ออะไร? การทำอะไรที่เอามาจากสิ่งที่มีอยู่จริงๆ นั้น มันคือการออกแบบที่ไร้ความคิดสร้างสรรค์ใหม่ๆ ในสายตานักออกแบบ และเห็นด้วยในเรื่องของ Windows 8 อีกเรื่อง

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

เคยมีคนขอให้ทำหน้าโปรแกรมเหมือนกับหน้ากระดาษที่ user เค้าใช้กันอยู่แล้วเพื่อว่า user จะได้ปรับตัวง่าย

เข้าใจถึงประเด็นนี้เลย

ผมว่าบางอันมันก็ไร้สาระไปนะ เด้งโน้นเด้งนี่ แรกๆมันก็ดูสวยดีนะ พอใช้บ่อยๆก็เบื่อแล้ว เด้งทำไม เสียเวลา

แต่ modern แบบ windows ก็เรียบเกิน

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

แต่อย่างการออกแบบ iCal (Calendar) ให้เหมือนของจริงนี่ต่างไป ไอเดียเรื่องฉีกกระดาษก็พอไหว แต่ Interface เสียพื้นที่โดยเปล่าประโยชน์ไปเยอะ โดยยึดว่า "ไม่งั้นจะดูไม่เหมือนจริง" นั่นมันก็ไม่น่าจะเป็นทางที่ถูกต้อง เช่น ดูใน Screen shot ด้านบน วันที่ใหญ่มาก ปุ่ม Day ด้านบนที่ดูแล้วไม่เข้าใจว่าอะไรกำลังถูกเลือกกันแน่ ซึ่งคนส่วนใหญ่คุ้นกับ button ที่กดลง อันนี้พี่ทำเป็นตัวเลื่อนแบบของในชีวิตจริง (ซึ่งปัจจุบันแก้เป็นปุ่มกดแล้ว)

ใครที่ใช้ iCal กับ Address book บ่อย ๆ พอมาเจอตัวใหม่ใน Lion หัวเสียกันเพียบ มัน eye candy แต่ Usability ต่ำลงเยอะมาก

ผมว่าพวก UI Transition แบบนี้มันมีประโยชน์อีกอย่างคือเอาไว้หลอกผู้ใช้ว่าการใช้งานมัน smooth กว่าด้วยนะ

ลองนึกภาพการกดปุ่มนึงเพื่อเปลี่ยนหน้าจอ แต่จะมี lag time 0.2 วินาที (สมมติว่าเป็นการคำนวนบางอย่าง)

แบบแรก มี transition เล็กๆ นาน 0.2 วินาทีมาคั่นกลาง

แบบสอง ไม่มี กดแล้วรอ 0.2 วินาทีภาพถึงจะเปลี่ยน

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

ที่ชัดเจนสุดคือเวลาถ่ายรูป ที่กดชัตเตอร์แล้วรูปที่ถ่ายเลื่อนลงไปเก็บที่มุมจอ (ระหว่างนั้นก็เขียนลง flash เคลียร์ buffer ไปด้วย) คุณคิดว่าจะมีคนกดชัตเตอร์ต่อระหว่างที่ภาพเดิมกำลังเลื่อนกี่คน?

อันนี้ผมว่ามันเป็นความสามารถของแต่ละสายงานออกแบบมากกว่า จะให้ Ive มาออกแบบ UI ของซอฟต์แวร์ ผมว่ามันก็คงออกแบบมาสู้ของ Scott Forstall ไม่ได้

ความเห็นส่วนตัวนะ ผมว่ามันเป็นเสน่ห์ และ Identity ของ Apple เขาอยู่แล้ว ทั้ง 2 ส่วน แต่ถ้า Job ยังอยู่ผมว่าเขาก็คงให้เป็นแบบนี้แหล่ะ คงไม่ให้ Ive ออกแบบทั้งหมด การบริหารคนเก่ง ต้องระวังเรื่องเหยียบหางกันเอง เพราะใครก็อยากให้งานของตัวเองเด่น ข้อดีของ Job ก็คือ เขาบริหารให้คนเก่งๆ ทำงานร่วมกันได้

ไม่อยากให้ตัดทิ้งครับ

เป็นหนึ่งความยูนีค ของหลายๆสิ่งที่ระบบอื่นไม่มี เพิ่งได้ดูโฆษณา ui ของ app ในโฆษณาต่างๆสวยงามมาก กลองชุด เปียโน กีตาร์ ลักษณะปุ่ม แสงเงา สวยดี

เป็นหนึ่งสิ่งที่ตั้งแต่ใช้แอนดรอยด์มาแล้วไม่ชอบ บางโปรแกรมดีจริงนะ แต่ ui นี่ยังกะหลุดออกมาจากสิบปีที่แล้ว ปุ่มเหลี่ยมๆเทาๆ วางติดๆกัน ไร้ซึ่งแสงเงา

ผมเข้าข้าง Fostall อีกคนครับ

แนวทางการออกแบบ UI อย่างที่ Apple ทำอยู่ มันพา OSX มาได้สิบปี และ ณ วันนี้ก็ยังสวยงามอยู่

ส่วนเรื่อง Metro UI ผมกำลังรอดูสิ่งหนึ่งอยู่ คือมันจะตันเมื่อไหร่ หรือมันจะอยู่ไปได้นานขนาดไหน แนวกราฟฟิกเรียบๆ เหลือแค่ pictogram ง่ายๆ แบบนั้น ผมว่ามันตันหรือเบื่อง่ายมาก และ Usabilities จริงๆ ก็ไม่ได้ดีมากขนาดนั้น เพราะการแยกแยะความแตกต่างแต่ละ icon มันทำได้ยากกว่า แล้วถ้าดูลักษณะการวาง Layout ต่างๆ จะเห็นว่ามันดู Fashion มาก
ซึ่งตอนนี้ Metro UI ยังไมได้ออกมาให้ใช้อย่างกว้างขวาง จะขอดูสัก 3-4 ปี ว่าหลังจากนั้นจะเป็นอย่างไรต่อ

folkeza Wed, 12/09/2012 - 18:58

In reply to by peeraphat

Metro มีลูกเล่นการออกแบบอย่างมหาศาล สามารถพลิกไปมาได้ตามแต่จินตนาการ อย่างเช่นกระดาษ 1 แผ่น สามารถดีไซต์เป็น Metro ได้หลากหลาย ผิดกับ การออกแบบของแอฟเปิ้ล เพราะกระดาษในชีวิตจริงจะมีหน้าตาแตกต่างได้สักแค่ไหนกัน

ในความคิดผมว่า ความคิด Ive สุดโต่งไปหน่อย เรียบแปล้แบบ Metro UI ก็ไม่ไหวนะครับ ในทางกลับกันก็ไม่อยากให้ Forstall ยึดติดว่าต้องเหมือนจริงเสมอไป เพราะบางอย่างเหมือนมากก็ไม่ดี ลูกเล่นเยอะเกินก็ไม่ไหว ..ผมเชียรทั้งคู่แหละ ชอบทั้ง iPhone และ iOS แต่ถ้าคุยกันไม่รู้เรื่อง ทำงานร่วมกันไม่ได้ ก็ต่างคนต่างทำไปอ่ะดีอยู่แล้ว

Be1con Wed, 12/09/2012 - 14:15

Apple : ดูสิ Metro ยังทำดีกว่า พวกแกเอาเวลาไปออกแบบทำไม!

Microsoft : ตูไม่เกี่ยวนะ โยงมาได้ไงเนี่ย

การเก็บรายละเอียดเล็กๆน้อยๆใน UI นี่แหละที่ผมว่าจุดเด่นของ iOS เลย ถ้าจำไม่ผิดเคยเห็นว่ามีเรื่องการเปลี่ยนแสงเงาไอคอนตาม gyroscope ด้วยนิ (โคตรเว่อร์เลย)

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

พูดแรงจริงๆ แต่ผมเองชอบ UI ของ iCal นะ ยังอยากได้แอพ Calendar ของ iPad เลย

ผมว่าจำเป็นมากเลยแหละที่ต้องออกแบบตามของจริง ไม่งั้น icon ก็ไม่ต้องทำเงา app เครื่องดนตรีก็ไม่ต้องทำเป็นรูปเครื่องดนตรี (ทำเป็นปุ่มกดๆ เอา)

แบบนี้ก็ดีอยู่แล้วนะครับ ผมว่าUIแนวนี้ มันทำให้ใช้งานง่าย เข้าใจง่ายดี เพราะความคุ้นเคย อย่างพวกโปรแกรม iLife ทั้งบนMacและIOS มันเจ๋งมากจริงๆ
ส่วนตัวผมนะ ผมไม่ชอบดีไซน์ Metro มากๆ

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

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

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