gần đây Google เริ่มบังคับลุคใหม่ให้ผู้ใช้ Gmail โดยไม่ให้สลับกลับไปแบบคลาสสิกได้อีก ไม่กี่วันก่อนยังทำได้ แต่ตอนนี้ไม่ได้แล้ว ปัญหาคือ อินเทอร์เฟซใหม่ออกแบบมาสำหรับมือถือหลัก สวยแต่ ergonomics ต่ำกว่า
เหมือนผลิตภัณฑ์มือถือทุกอย่าง ทุกมุมมองในกาแล็กซี่ เมื่อนำไปใช้บนเดสก์ท็อป ไม่ทำงานหรือดูดีเท่าที่ควร เหตุหลักคือ การใช้ฟอนต์ Roboto ในคู่มือนี้จะแสดงหลายเทคนิคสร้างลุคคลาสสิกกลับมาเพื่อความชัดเจนบนเดสก์ท็อป
ปัญหาของอินเทอร์เฟซ Gmail ใหม่
คนจะบอกว่า - คุณต้องยอมรับการเปลี่ยนแปลง ไม่ คุณไม่ต้อง คุณต้องยอมรับการเปลี่ยนแปลงที่ดี และต้านการเปลี่ยนแปลงเพื่อการเปลี่ยนแปลง หรือที่ทำลายประสิทธิภาพ ผลิตภัณฑ์ของ Google กฎของ Google ถูกต้อง แต่ปัญหาคือ อินเทอร์เฟซใหม่ไม่เหมาะสำหรับเดสก์ท็อปเท่าเดิม ผมใช้ทดสอบหลายวัน บันทึกปัญหาทั้งหมดที่พบ
อินเทอร์เฟซใหม่โหลดช้ากว่าเดิม (โดยเฉพาะใน Firefox) ใช้เวลานานขึ้น 2-3 วินาทีในการ transition จาก login ถึง inbox รวม animation splash ใหม่ ผมเห็น logic การพัฒนา ผู้ใช้มือถือไม่ได้ sign in inbox บ่อย และแอพโหลดในพื้นหลัง บนเดสก์ท็อป ถ้าสigned in อยู่แล้ว จะไม่รู้สึกเวลา แต่ถ้า sign in เช็คเมลล์แล้ว sign out จะเสียเปนัล티 몇 วินาทีทุกครั้งเทียบกับคลาสสิก
อินเทอร์เฟซใหม่ยัง crash บ้าง - inbox โหลด แล้วโยนกลับหน้า login และ login ครั้งต่อไปมี system error notification ไม่เคยเกิดกับคลาสสิก
อินเทอร์เฟซใหม่มีประสิทธิภาพต่ำกว่า ตัวอย่าง ต้องกด Reply แล้วค่อยพิมพ์ - พฤติกรรมมือถือบังคับบนเดสก์ท็อป ล้มเหลว คลิกเมาส์เพิ่ม 1 ครั้ง เผชิญชีวิต มากับผลิตภัณฑ์สร้างขึ้นไม่กี่ปีมานี้ Windows 10 settings vs control panel เก่า WordPress Gutenberg vs TinyMCE ปัจจุบัน คลิกเมาส์เยอะขึ้นเรื่อยๆ ชีวิตหายไปกับการพยายามทำสิ่งต่างๆ แทนที่จะทำจริง ทางนั้นนำไปสู่ mediocrity อ้าว มนุษย์ชาติ
ฟอนต์ Roboto ไม่เหมาะสม และดูแย่กว่า Arial ผมเคยกล่าวถึง Roboto ในรีวิว POP!_OS Linux ฟอนต์เหล่านี้อาจดูดีกับคนหนุ่มและ render สวยบนโทรศัพท์ แต่ไม่เหมาะสำหรับอ่านนาน (ซึ่งไม่ทำบนมือถือ) และ render ทัศนียภาพบนเดสก์ท็อป ก่อนที่คุณจะว่า - เป็น setup ของคุณ ไม่ใช่ setup ผม ผมทดสอบบนหลาย OS และเบราว์เซอร์ หลายอุปกรณ์ 14-24 นิ้ว ความละเอียด 1366x768 ถึง 4K ฟอนต์ Roboto อาจ hip และ cool แต่ไม่ดีต่อตา
ฟอนต์อ่านยาก โดยเฉพาะตัวหนา
ข้ามการบ่นของผู้รังเกียจเรื่องฟอนต์...
อินเทอร์เฟซใหม่อ่านยากกว่าเก่า เมื่อใช้ themes (official) บางปุ่มอาจมองไม่เห็นบนพื้นหลัง Gmail พยายามใช้ปุ่ม light/dark ตาม theme แต่บางกรณีไม่ดี ไม่เคยเกิดกับคลาสสิก ชอบ Roboto หรือไม่ นี่ไม่ดี เล่นฟอนต์ไป (เห็นในภาพ) แต่ไอคอนต้องแก้แยก แม้จะมี labels ก็ยังลุ้น
คุณต้องเดาไอคอนว่าหมายถึงอะไร
อีกตัวอย่าง - theme เดียวกัน เวตต่างกัน แม้ฟอนต์อื่น + labels ก็ยากต่อการอ่าน
อินเทอร์เฟซใหม่มาพร้อมกิจกรรมใหม่ smart text, mail suggestions, nudges ส่วนใหญ่ counterproductive ตัวอย่าง ผมได้อีเมลจากบรรณาธิการ ส่งเสนอแก้ไขบทในหนังสือ System Administration Ethics ตอนท้ายอีเมล Gmail มี templates สำหรับ quick replies
นี่แย่มากหลายระดับ หนึ่ง ผมไม่เขียนแบบนี้เลย NEVER Google มีอีเมลผม สแกนข้อความทั้งหมดได้ และนี่คือสิ่งที่ "deep learning" algorithms สร้างได้ดีที่สุด? อาจใช้ได้กับคนสุ่มบนโทรศัพท์ที่เขียนประโยคไม่สมบูรณ์ แต่เป็นการดูถูก बुद्धิ ของผม และถ้าตอบบรรณาธิการแบบนี้ ก็ดูถูก बुद्धิของพวกเขาเหมือนกัน อาจทำลายชื่อเสียงธุรกิจถ้าตอบแบบคน IQ สองหลัก
ผมไม่คัดค้านเทคโนโลยีใหม่ แตาต้อง meaningful ต้องเพิ่ม VALUE นี่ไม่เพิ่มอะไรนอกจาก visual noise ผมรู้สึกถูกดูถูกที่ใครคิดว่ามหน้าที่ช่วยเขียนอีเมลผม ไม่ต้องช่วย ขอบคุณ
จริงๆ อินเทอร์เฟซใหม่นี้อาจเป็นการเปลี่ยนแปลงที่ทำให้ผมเริ่มย้ายออกจาก Gmail การปฏิรูปเชิงกลยุทธ์ ผมไม่ตัดสินใจอย่างรีบ จะเป็นการวางแผนหลายปีและ transition ที่ seamless และ efficient แต่ถ้าต้องใช้ผลิตภัณฑ์ออกแบบให้ผู้ใช้สมาร์ทโฟน IQ สองหลัก ผมปฏิเสธ จนถึงระดับควอนตัม ตอนนี้ ลองดูว่าสามารถทำอะไรได้บ้างเพื่อคืนประสิทธิภาพ
เปลี่ยนฟอนต์อินเทอร์เฟซ Gmail ใหม่
ผมลองมานาน พบว่าวิธีเดียวใช้ Gmail ใหม่โดยไม่เจ็บตาคือ บังคับ accessibility change ทีนี้ Gmail ทีม ถ้าคุณเสนอ accessibility options ให้ผู้บกพร่องทางสายตา จะทำความแตกต่างในอุตสาหกรรมเทคโนโลยีมาก การให้เลือก font family และ size ไม่ได้ทำให้การพัฒนาผลิตภัณฑ์ยากหรือซับซ้อนมาก แต่อาจสำคัญมากต่อผู้ใช้ Gmail หลายคน
ผมคิดว่าต้องทำคลับตอนบังคับ background color ใน Office Online ให้ขาวด้วย CSS override ที่นี่ตัดสินใจ implement เป็นการเปลี่ยนแปลงคงที่ ต้องใช้ JavaScript trick หา script 既存 พบ baseline template ดีจาก Michael Hulse ที่เปลี่ยน font size ใน Gmail ผม tweak เล็กน้อยเพื่อรวม font family override ที่ต้องการ จาก Roboto เป็น Arial ซึ่งเป็นฟอนต์ในอินเทอร์เฟซคลาสสิกเก่า - คุณคงเดาได้แล้วจากสกรีนช็อตก่อนหน้า
GreaseMonkey & Tampermonkey
เพื่อ implement นี้ ผมใช้ GreaseMonkey ใน Firefox และ Tampermonkey ใน Chrome ส่วนขยายเบราว์เซอร์ที่โหลดสคริปต์ตามต้องการและแก้ไขพฤติกรรมหน้าเว็บ การแก้ไขนี้เล็กน้อย - เปลี่ยน CSS classes ให้ใช้ฟอนต์ต่างกัน นั่นทั้งหมด 很简单 สคริปต์อ่านดังนี้:
// ==UserScript==
// @name Gmail Font Type and Size
// @include https://mail.google.com/mail*
// @description Set Gmail font to classic view
// @version 1.0
// ==/UserScript==
(function() {
'use strict';
function addGlobalStyle(css) {
var head, style;
head = document.getElementsByTagName('head')[0];
if (!head) { return; }
style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = css;
head.appendChild(style);
}
addGlobalStyle('* { font-family: Arial, sans-serif !important;
font-size: 10pt !important; }');
})();
ขั้นตอนต่อไป เพิ่มสคริปต์นี้ใน GreaseMonkey และ/หรือ Tampermonkey โหลด Gmail ใหม่ จะเห็นการเปลี่ยนแปลงทันที สามารถแก้ font family เป็นอะไรก็ได้ แก้ font size ได้ ผมสังเกต size 10 points ตรงกับ default เก่า และพบว่าใช้แค่ sans-serif ใน font-family declaration ทำงานดีที่สุด แทนที่จะเป็น Arial, sans-serif ใช้แค่ sans-serif ดูด้านล่าง:
addGlobalStyle('* { font-family: sans-serif !important;
font-size: 10pt !important; }');
})();
การเปลี่ยนแปลงอื่นๆ
สามารถใช้ข้อความแทนไอคอนแสดงฟังก์ชันเมล (ใน Settings) ได้ ให้ visibility ดีกว่ามาก ใกล้เคียงกับคลาสสิก และใช้งาน/นำทางง่ายกว่า ฟอนต์ + นี้ = ความก้าวหน้ามาก หา theme ให้ contrast ดีที่สุด
และ？当然 สามารถปิด new replies, nudges, ฯลฯ ได้ ตอนนี้ Smart Reply ยังปิดไม่ได้ Google จะเพิ่มความสามารถปิดบนเดสก์ท็อป แต่ยังไม่มี ต้อง tweak อื่น โดยเฉพาะถ้าใช้ adblocker อย่าง Adblock Plus เพิ่ม custom filter บล็อก quick replies ที่น่าเบื่อ ใน Adblock Plus กด Options ไปที่แท็บ Advanced ล่างสุด ภายใต้ Create and edit your filter list กด Start writing my filter list
ในกล่อง ต้องการ custom filter เพิ่มดังนี้:
mail.google.com##.brb
Save, โหลด Gmail ใหม่ Smart Replies จะหาย
ลุคสุดท้าย
เสร็จแล้ว ดีเหมือนใหม่ คือ เก่า (กับ Arial):
และกับแค่ sans-serif ใน CSS rule:
อ่านเพิ่มเติม
บทความน่าสนใจอื่นๆ เกี่ยวกับหัวข้อนี้:
What the New Gmail Gets Wrong
Roboto Is Was a Four-headed Frankenfont
Unity forum discussion on Roboto fonts
สรุป
ทุกวันผลิตภัณฑ์มากขึ้นกลายเป็น mobile-first ทิ้งเดสก์ท็อปไว้ข้างหลัง และโดยนั้นก็ทิ้งประสิทธิภาพและ productivity ความสวยงามชนะความสามารถในการทำงาน ทำให้ผมเป็นผู้ใช้เทคโนโลยีสมัยใหม่ที่เศร้ามาก เพราะเวลาผมถูกทิ้งไปกับการต่อสู้กับ design decisions ที่感覺 arbitrary, cool และ pointless
Google ทำอะไรกับ Gmail ก็ได้ เป็นผลิตภัณฑ์ของพวกเขา ผมชอบ Gmail โดยรวม แต่แล้วมาอินเทอร์เฟซใหม่ ช้ากว่า ไม่เสถียร ฟอนต์แย่กว่า ยากต่อการกระทำเมลเร็ว และได้คำแนะนำที่ irrelevant นี่ไม่ใช่ progress ในสมุดของผม ไม่ได้ทำให้อะไรดีขึ้น อ๋อ wells หวังว่าคู่มือเล็กนี้จะคืนประสิทธิภาพและ productivity บ้าง ผมหวัง Gmail จะพิจารณา ergonomics และสุขภาพ ไม่ใช่แค่ระดับ visual hipness เพราะสุดท้ายมันเกี่ยวกับผู้ใช้ ที่ไหนสักแห่งในไม่กี่ปีมานี้ ถูกลืมไปทั่วอุตสาหกรรม IT ทั้งหมด ดูแลตัวเองนะ สมาชิก Borg ทุกคน
Cheers.
