รถยนต์สามารถสอนอะไรเราเกี่ยวกับการออกแบบ UI ของแอพบนมือถือ
เผยแพร่แล้ว: 2015-10-19แรงบันดาลใจในการออกแบบมาจากเกือบทุกที่ ตั้งแต่ห้องโถงของหอศิลป์วิจิตรศิลป์ไปจนถึงเคาน์เตอร์ครัวของคุณ ในขณะที่ผู้ขับขี่จำนวนมากเกินไปอาจใช้เวลาอยู่หลังพวงมาลัยเพื่อดูโทรศัพท์ของพวกเขา (โปรดอย่าเป็นหนึ่งในนั้น!) แต่ถนนสามารถให้แหล่งที่มาของภูมิปัญญาด้านการออกแบบที่หลากหลายสำหรับผู้ที่สร้าง UI ของแอปบนอุปกรณ์เคลื่อนที่
ครั้งต่อไปที่คุณพบว่าตัวเองติดอยู่กับการจราจร ให้มองไปรอบๆ — แทนที่จะสาปแช่งชะตากรรมสำหรับโชคร้ายในการขับขี่ครั้งล่าสุดของคุณ ดูว่าผู้ผลิตรถยนต์ร่วมสมัยทำอะไรถูก (และผิด) เมื่อพูดถึงการออกแบบ และคิดว่าคุณจะทำได้อย่างไร นำบทเรียนเหล่านั้นกลับไปที่โต๊ะทำงานของคุณ ในฐานะที่เป็นทั้งผู้รักรถและผู้คลั่งไคล้แอพมือถือ นี่เป็นเพียงบางส่วนที่เราได้เรียนรู้เกี่ยวกับการออกแบบ UI ของแอพจากโลกแห่งรถม้าไร้ม้า
The DeLorean: ผู้ขับชอบการออกแบบที่กล้าหาญ แต่พวกเขาต้องการประสิทธิภาพมากกว่า

DeLorean DMC-12 ซึ่งแทบจะทุกคนรู้จักในชื่อ “The DeLorean” มีการออกแบบที่โดดเด่นที่สุดชิ้นหนึ่งที่จดจำได้ทันทีในประวัติศาสตร์รถยนต์ แม้ว่าคุณจะไม่เคยเปิดประเด็นเรื่อง Motor Trend ดูตอนหนึ่งของ Top Gear หรือให้ความคิดอย่างมากกับการออกแบบรถยนต์ คุณอาจจะนึกภาพเหล็กขัดมัน มุมที่เฉียบคม และประตูปีกนกนางนวลของสุนทรียศาสตร์แห่งยุค 80 .
มีเหตุผล ที่ Doc Brown ใช้รถคันนี้สร้างไทม์แมชชีนของเขาใน Back to the Future หากคุณกำลังแล่นเรือข้ามทศวรรษด้วยพลังงาน 1.21 กิกะวัตต์ คุณควรทำมันอย่างมีสไตล์
แต่สำหรับความรักและความคิดถึงทั้งหมดที่ DeLorean ได้รับในช่วงหลายปีที่ผ่านมา ไม่มีการเพิกเฉยต่อข้อเท็จจริงที่ว่ามีเพียง 9,000 คันเท่านั้นที่ผลิตขึ้นก่อนที่ DeLorean Motor Company จะปิดกิจการ ยานพาหนะอายุสั้นมีอายุยืนยาวกว่าภาพยนตร์แฟรนไชส์ที่นำแสดงโดยใช้เวลาเพียง 2 ปีในการผลิต ทำไม
รถสปอร์ตที่แทบจะคว้าถ้วยรางวัลจากการเข้าร่วมงาน
การเลิกกิจการของบริษัท DeLorean Motor ในปี 1983 เป็นผลมาจากการบรรจบกันของปัจจัยต่างๆ อย่างน้อยที่สุดก็คือตลาดรถยนต์ในสหรัฐฯ ที่ตกต่ำ อย่างไรก็ตาม ไม่น่าเป็นไปได้ที่ DeLorean จะมีอายุการใช้งานยาวนานกว่านี้มากในสภาพเศรษฐกิจที่เอื้ออำนวยมากขึ้นโดยพิจารณาจากข้อดีของรถเพียงอย่างเดียว ในขณะที่การออกแบบของรถกล่าวว่า “ขับเคลื่อนฉัน — ฉันเป็นคนมีอนาคตและเร็ว” การแสดงบอกเล่าเรื่องราวที่แตกต่างออกไป
ก่อนที่ John DeLorean จะนั่งลงเพื่อสร้างรถต้นแบบของเขา เดิมทีเขาฝันถึงกำลัง 200 แรงม้า แม้ว่าจะสั้นเพียง 1.21 กิกะวัตต์ที่จำเป็นสำหรับการเดินทางข้ามเวลา แต่นั่นก็เป็นจำนวนกล้ามเนื้อที่มากพอ และใกล้เคียงกับที่คุณคาดหวังจากรถที่หน้าตาประมาณ นั้น เมื่อถึงเวลาผลิตและนำเข้ารถยนต์ในสหรัฐอเมริกา ด้วยกฎหมายการปล่อยมลพิษที่ปรับปรุงใหม่และเครื่องฟอกไอเสียที่ได้รับคำสั่ง ทำให้กำลัง 200 แรงม้ากลายเป็นประมาณ 136 แรงม้า เทียบได้กับรถยนต์คอมแพค 4 สูบที่น่าตื่นเต้นน้อยที่สุดในปัจจุบัน นี่ไม่ได้เป็นเพียง underpowered ตามมาตรฐานของวันนี้ แต่มันก็ค่อนข้างแย่ในตอนนั้นด้วย
และนี่สำหรับ รถสปอร์ต ไม่ใช่รถเก๋งที่ใช้งานได้จริงหรือรถจยย.ที่แทบจะไม่สามารถซ่อมบำรุงได้ ซึ่งสงวนไว้สำหรับการเดินทางจากจุด A ไปยังจุด B ไม่มีใครซื้อ DeLorean ที่คาดว่าจะได้รับประสบการณ์การขับขี่ที่สงบนิ่ง
วิธีที่จะไม่ออกแบบ DeLorean
ทั้งหมดนี้บอกอะไรเราเกี่ยวกับการออกแบบ UI ของแอพมือถือ นี่เป็นมากกว่าคำเตือนเกี่ยวกับฟังก์ชันแบบฟอร์มตามหลัง ทุกคนรู้ดีว่าการออกแบบ UI ของแอปที่สวยที่สุดในโลกจะยังคงไม่เปลี่ยนแปลงหากตัวแอปเองทำงานได้ไม่ดี — เกิดปัญหา ค้าง หรือทำงานช้า หรือแสดงอาการอื่นของการพัฒนาที่ไม่ดีและการประกันคุณภาพไม่เพียงพอ
อย่างไรก็ตาม DeLorean เป็นอีสปที่สำคัญสำหรับทุกคนที่ออกแบบสิ่งที่คนอื่นอาจทำ John DeLorean มีภาพที่สวยงามในหัวของเขาซึ่งผู้ผลิตรถยนต์จริงไม่สามารถส่งมอบได้ โปรดจำไว้ว่า DeLorean Motor Company ตั้งอยู่ในไอร์แลนด์ และการสูญเสียประสิทธิภาพส่วนใหญ่เกิดขึ้นเมื่อรถเดินทางไปต่างประเทศที่สหรัฐอเมริกาและหยิบเครื่องฟอกไอเสียเชิงเร่งปฏิกิริยาขึ้นมา ซึ่งสูญเสียพลังงานเพิ่มเติม
นักออกแบบ App UI ก็เหมือน John DeLorean ในขณะที่นักพัฒนาก็เหมือนผู้ผลิตในอเมริกา คุณสามารถหลีกเลี่ยง SNAFU ได้มากมายเพียงแค่เปิดบทสนทนากับนักพัฒนาของคุณให้เร็วที่สุด กล่าวโดยย่อ นักออกแบบและนักพัฒนาสามารถและควรเป็นเพื่อนกัน พูดคุยเกี่ยวกับข้อจำกัดใดๆ ที่เป็นไปได้กับสมาชิกคนอื่นๆ ในทีมของคุณ ตั้งแต่ข้อมูลจำเพาะของฮาร์ดแวร์ไปจนถึงปัญหาด้านประสิทธิภาพของเครือข่ายที่อาจเกิดขึ้น — สิ่งใดก็ตามที่อาจส่งผลให้ UI ของแอปดูเจ๋งจริง ๆ แต่ในท้ายที่สุดก็ทำงานผิดปกติ
การพูดคุยถึงข้อจำกัดเหล่านั้นก่อนที่คุณจะสร้างต้นแบบ คุณจะมีแนวคิดที่สมจริงว่าแอปของคุณทำอะไรได้บ้าง บางทีแอนิเมชั่นหรือทรานสิชั่นบางอันอาจจะดีกว่าทิ้งไว้บนพื้นห้องตัด บางทีการแจ้งเตือนแบบพุชบางประเภทอาจไม่เหมาะสม ในขณะที่รายละเอียดจำนวนมากจะถูกแก้ไขในการทดสอบและ QA การจัดการกับมันตั้งแต่เริ่มต้นจะทำให้คุณมีความคิดที่สมจริงมากขึ้นว่าคุณสามารถออกแบบและสร้างอะไรได้บ้าง
UI แอปของคุณควรเป็น Tesla มากกว่า Prius
แต่เพื่อประโยชน์ของสวรรค์ อย่าทำให้มันเป็น Hummer
ในฐานะที่เป็นจุดหักเหของอาร์กิวเมนต์ "รูปแบบที่ตามมา" หรือ "การออกแบบตามหลังประสิทธิภาพ" คุณยังต้องการหลีกเลี่ยงการสร้างแอปที่ใช้งานได้จริงและใช้งานได้ดี แต่ไม่ให้แรงบันดาลใจทางสายตามากนัก คุณยังคงต้องการปัจจัยที่ "เจ๋ง" นั้นอยู่ เว้นแต่ว่าการออกแบบ UI ของแอปของคุณมีความน่าขันและน่าดึงดูดใจมากกว่า — Craigslist เรากำลังมองมาที่คุณ
แต่บางครั้งความเยือกเย็นนั้นก็อาจทำให้เสียประสิทธิภาพ เพื่อความฉลาดในหมู่พวกเราใครจะปฏิเสธการทดสอบ Dodge Challenger SRT Hellcat? ด้วยแรงม้า 707 แรงม้าและความสามารถในการทำความเร็วจาก 0-60 ไมล์ต่อชั่วโมงในสามวินาที เป็นไปไม่ได้เลยที่จะสนุกสนานมากขึ้นในการวิ่งเป็นเส้นตรง และนั่นก็ไม่ได้หมายความว่าแชสซีของรถมัสเซิลกลับดูดีเพียงใด โดยพื้นฐานแล้ว Hellcat คือสิ่งที่คุณจะได้รับหากคุณมีรูปลักษณ์ที่ดีและความเป็นชายที่แน่วแน่ของ Clint Eastwood รุ่นเยาว์ เพิ่มความเร็วและความดุร้ายของ Steve McQueen เปลี่ยนความฝันที่เป็นผลให้กลายเป็นรถยนต์ และจากนั้นให้สเตียรอยด์ในรถ
แนะนำสำหรับคุณ:
ในระยะสั้นมันเป็นการเดินทางที่ค่อนข้างป่วย


แต่ด้วยพลังอันยิ่งใหญ่ก็มาพร้อมกับต้นทุนเชื้อเพลิงที่ดี และในกรณีนี้ อาจเป็นความเสียหายต่อสิ่งแวดล้อม ในขณะที่เฮลล์แคทสามารถไปถึงแกลลอน 22 ไมล์บนทางหลวง — ไม่ใช่กรีนพีซที่คู่ควรกับจินตนาการที่ยืดยาว แต่อาจดีกว่าที่คาดไว้ — จะได้รับเพียง 13 mpg ในเมืองเท่านั้น และมาเผชิญหน้ากัน หากคุณกำลังขับรถให้เด็กเลวเหล่านี้ คุณอาจไม่ได้วางแผนที่จะใช้ความระมัดระวังมากเกินไปกับข้อมูลที่คุณป้อน
นี่คือสิ่งที่: ในขณะที่คนขับบางคนไม่กลัวที่จะเก็บเงินและกินโอโซนเพื่อดื่มน้ำมันที่ชั่วร้าย แต่ไม่มีผู้ใช้คนใดที่จะเก็บแอพที่กินทรัพยากรโทรศัพท์ทั้งหมดของพวกเขา แน่นอนว่าพวกเขาอาจจะดาวน์โหลดในตอนแรกโดยคิดว่าฟีเจอร์นั้นน่ารักและ UI ของแอพนั้นงดงาม แต่ทันทีที่พวกเขาเห็นแบตเตอรีของแบตเตอรี่ในโทรศัพท์ พวกเขาจะกำจัดแอปนั้นได้เร็วกว่าผู้ที่อยู่ในภาวะวิกฤตในช่วงกลางชีวิต พูดว่า "บางทีฉันอาจไม่สามารถจ่ายค่าน้ำมันนี้ได้"
อย่าสร้าง UI ของแอพมือถือ Hellcat แต่นั่นไม่ได้หมายความว่าคุณต้องทำให้เป็น Prius เช่นกัน
สิ่งที่ Tesla Model S สามารถสอนเราเกี่ยวกับการออกแบบ UI ของแอพบนมือถือ
ในโลกของรถยนต์ แบทเทิลรอยัลระหว่างรถเท่ๆ กับรถที่ทรงประสิทธิภาพดูเหมือนกับการต่อสู้ที่น่าเศร้าที่ต้องจัดการกับเทคโนโลยีที่ดูเรียบร้อย แต่ (เอาจริงเอาจัง) อย่าง Prius ที่มีสุนทรียะอย่าง “meh” และรถไฮบริดรุ่นอื่นๆ ที่วิ่งช้ากว่ารถสปอร์ตและ SUV ที่ยังคงให้ความสำคัญ ความเร็ว พลัง และประสิทธิภาพเหนือความยั่งยืนด้านสิ่งแวดล้อมและการเงิน
จนกระทั่งมีผู้ประกอบการที่มีความคิดก้าวหน้ารายหนึ่งก้าวออกมาและกล่าวว่า “ทำไมเราไม่มีทั้งสองอย่างล่ะ?”

เทสลามอเตอร์สเป็น Apple (ประมาณกลางปี 2000 ยุคสตีฟจ็อบส์) ของอุตสาหกรรมยานยนต์ในหลาย ๆ ด้าน มันทำในสิ่งที่ผู้คนไม่เคยคิดว่าเป็นไปได้ สร้างมาตรฐานใหม่ให้กับอุตสาหกรรมและดูเจ๋งจริง ๆ ในขณะทำ ลองดูที่ Model S — ไม่เพียงแต่ทำ 0-60 ได้ภายในสามวินาทีเท่านั้น แต่ยังใช้มอเตอร์ไฟฟ้าที่ทำให้ Prius ของคุณดูเหมือน F350 ในแง่ของการประหยัดน้ำมันเชื้อเพลิง นอกจากนี้ยังมีคะแนนความปลอดภัยระดับห้าดาวใน ทุกหมวดหมู่
แต่สิ่งที่สำคัญกว่าสิ่งเหล่านี้ บางทีอาจเป็นความจริงที่ว่ามันเป็นแค่เครื่องจักรที่สวยงาม ในขณะที่ Model S ไม่มีรูปลักษณ์ที่ฉูดฉาดเช่น Nissan GT-R หรือ Corvette Z06 มันยากที่จะดู Tesla ที่ขับผ่านไปบนทางหลวงและไม่ต้องก้มหน้า ไม่ว่าคุณจะเป็นรถสปอร์ต รถยนต์หรู หรือทั้งสองอย่าง (และ Model S เป็นทั้งสองอย่าง) คุณไม่สามารถปฏิเสธได้ว่าการออกแบบที่โฉบเฉี่ยวและแอโรไดนามิกของรถยนต์รุ่นเรือธงของ Tesla ที่มีรายละเอียดที่ละเอียดอ่อน เช่น ที่จับประตู Zero Profile เป็นชิ้นส่วนที่งดงาม ของเครื่องจักร
Model S นั้นสวยงามในหลาย ๆ ด้านที่ผลิตภัณฑ์ของ Apple ถือว่าสวยงามมาก นั่นคือการออกแบบที่เรียบง่าย คล่องตัว และหรูหรา เช่นเดียวกับการออกแบบ UI ของแอปบนอุปกรณ์เคลื่อนที่ที่ได้รับการดำเนินการอย่างดี
ดังนั้นในขณะที่ DeLorean DMC-12 แสดงข้อผิดพลาดของการละทิ้งประสิทธิภาพและฟังก์ชันและพึ่งพารูปแบบมากเกินไป รุ่น S จะแสดงความเป็นไปได้ทั้งหมดที่เกิดขึ้นเมื่อคุณใช้เวลาในการนับทั้งรูปแบบ และ ฟังก์ชัน เพียงเพราะคุณไม่ต้องการให้แอปกินหน่วยความจำหรือเปิดอุปกรณ์ของผู้ใช้มากเกินไป ไม่ได้หมายความว่าคุณต้องทำให้เป็น Prius อย่าประนีประนอม — อยู่เหนือสถานะที่เป็นอยู่
คนรักตัวเลือกการตัดแต่งแบบกำหนดเอง
ดูเหมือนว่าจะมีแพ็คเกจตัดแต่งสำหรับทุกสิ่งในทุกวันนี้ ไม่ว่าคุณจะต้องการปิ๊กอัพ Harley Davidson F-Series, แพ็คเกจ Dodge Charger ของตำรวจ (พร้อมแผงประตูแบบขีปนาวุธ!) หรือ Chevy Silverado “เคิร์กแลนด์ซิกเนเจอร์” จาก Costco (ไม่ต้องกังวล คุณไม่จำเป็นต้องซื้อ จำนวนมาก) มีรถพร้อมฟีเจอร์แบบกำหนดเองที่คุณปรารถนา
คนรักตัวเลือก นี่ไม่ใช่ข่าวสำหรับใคร แค่คิดถึงครั้งสุดท้ายที่คุณซื้อรถ อาจมีแบรนด์หรือชุดของแบรนด์ที่คุณสนใจ - บางทีคุณอาจสนใจรถกล้ามเนื้อในประเทศหรือบางทีคุณอาจเป็นสินค้านำเข้าแบบสปอร์ตหรือบางทีคุณแค่กำลังมองหารถที่น่าเชื่อถือในราคาที่เหมาะสม . คุณอาจเป็นแฟนตัวยงของเกียร์ธรรมดาหรือคุณอาจกำลังมองหาระบบขับเคลื่อนทุกล้อ แม้ว่าคุณจะไม่มีความรู้สึกรุนแรงเกี่ยวกับสิ่งอื่นใด คุณก็อาจจะชอบสีรถของคุณมากกว่า
แล้วก็มีตัวเลือกที่เราต้องการ แต่ไม่จำเป็นต้องเลือก หากคุณมีอาการบาดเจ็บที่หลังหรือปวดเรื้อรังแบบใดก็ตาม คุณภาพการขับขี่ก็สำคัญ และที่อุ่นที่นั่งก็มีความจำเป็นมากกว่าความหรูหรา กล้องสำรองเป็นสิ่งที่ต้องมีหากคุณมีปัญหาเกี่ยวกับการเคลื่อนไหวคอ คุณมักจะเกวียนไปรอบ ๆ เด็กหรือสัตว์เลี้ยงที่เลอะเทอะหรือไม่? คุณอาจต้องการเบาะหนังที่ทำความสะอาดง่าย
การปรับแต่งมีความสำคัญไม่เพียงแต่ในการออกแบบรถยนต์ แต่ยังรวมถึงการออกแบบ UI ของแอพมือถือด้วย การสร้างสิ่งต่างๆ เช่น ชุดสีที่กำหนดเองและการซูมเข้าใน UI ของแอปจะทำให้แอปของคุณใช้งานได้และเข้าถึงได้มากขึ้นสำหรับผู้ชมที่กว้างขึ้น ในขณะที่ให้ความพึงพอใจกับตัวเลือกแก่ผู้ใช้ของคุณ แต่ไม่ใช่แค่เรื่องความสามารถในการใช้งาน หากแอปของคุณสร้างรายได้ คุณอาจเสนอฟีเจอร์ "ตัดแต่ง" ระดับพรีเมียมให้ผู้ใช้ หากพวกเขาชอบแอปมากพอที่จะอัปเกรด ซึ่งอาจรวมถึงการเข้าถึงไฟล์ที่หลากหลายมากขึ้น (เพลง eBook ระดับเกม ฯลฯ) หรือตัวเลือกในการใช้แอปโดยไม่มีโฆษณา

อย่างไรก็ตาม เช่นเดียวกับรถยนต์ คุณต้องแน่ใจว่า "การตัดแต่ง" ฐานของคุณมีเสน่ห์มากพอที่จะดึงดูดผู้ใช้ตั้งแต่แรก BMW ที่ขึ้นชื่อเรื่องตัวเลือกการคัสตอม มอบประสบการณ์ความหรูหราที่เชื่อถือได้ ไม่ว่าคุณจะเลือกใช้ไฟหน้า LED หรือสีน้ำเงินบนเบรก i8 ของคุณ หากคุณล็อกคุณลักษณะที่น่าดึงดูดที่สุดของแอปทั้งหมดไว้เบื้องหลังเพย์วอลล์ ผู้ใช้จะถอนการติดตั้ง แทนที่จะอัปเกรด
UI แอพมือถือของคุณเป็นรถยนต์ประเภทใด

ไม่ว่าคุณจะสร้างแอปที่ใช้งานได้จริง (อาจเป็นรถวอลโว่) เกมมือถือที่น่าตื่นเต้น (ถ้าราคาถูก ฟอร์ดโฟกัส ST แต่ถ้าแพงกว่า ปอร์เช่ 918) หรือที่ไหนสักแห่งในระหว่างนั้น โอกาสที่คุณจะได้เรียนรู้มากกว่า คุณอาจคาดหวังเกี่ยวกับการออกแบบ UI ของแอพมือถือเพียงแค่ไปที่ตัวแทนจำหน่ายไม่กี่แห่ง ไปช่วงสิ้นเดือน และคุณอาจพบว่าตัวเองมีแรงบันดาลใจมากมายสำหรับแอปถัดไปของคุณ เช่นเดียวกับการเดินทางครั้งใหม่
เผยแพร่ครั้งแรกบน Proto Blog เมื่อวันที่ 14 ตุลาคม






