อัปเดตการพัฒนาเว็บรายเดือน 4⁄2019: จริยธรรมการออกแบบและความชัดเจนเหนือสไตล์

เผยแพร่แล้ว: 2022-03-10
สรุปโดยย่อ ↬ ตั้งแต่ข่าวสารของเบราว์เซอร์ไปจนถึงคำแนะนำ UI/UX และเคล็ดลับ ลูกเล่น และเครื่องมือที่มีประโยชน์ Anselm Hannemann ได้สรุปแหล่งข้อมูลล่าสุดเพื่อช่วยให้คุณเชี่ยวชาญด้าน front-end และความท้าทายด้านการออกแบบในแต่ละวัน

“'จริยธรรม' และจริยธรรม” เป็นมากกว่าบทความทั่วไป เป็นเรียงความที่มีรายละเอียดที่สำรวจความหมายของคำว่า 'จริยธรรม' จริงๆ ความหมายที่เปลี่ยนแปลงไปในช่วงที่ผ่านมา และการกระจายความรับผิดชอบทำให้ยากต่อการจัดการและแก้ไขปัญหาในองค์กรขนาดใหญ่ได้อย่างไร

การใช้จรรยาบรรณในการออกแบบ จรรยาบรรณเทคโนโลยี หรือจรรยาบรรณทางธุรกิจเป็นความรับผิดชอบส่วนบุคคลอาจดูเหมือนเป็นวิธีแก้ปัญหาที่ง่ายและรวดเร็ว อย่างไรก็ตาม วิธีนี้ไม่ได้ผลมากนักเนื่องจากขาดบริบทเมื่อไม่ได้รับการสนับสนุนจากบุคคลอื่นที่ให้รากฐานสำหรับ การทำงานของพวกเขา. เฉพาะในกรณีที่นักวิเคราะห์ธุรกิจ, ผู้ทำบัญชี, นักลงทุน, ประชาสัมพันธ์, ฝ่ายการตลาดและการขาย รวมถึงตัว CEO เองล้วนมีส่วนสนับสนุนในการสร้างผลิตภัณฑ์ที่มีจริยธรรม สิ่งนั้นก็จะประสบความสำเร็จ และเนื่องจากการดำเนินการดังกล่าวต้องใช้คนจำนวนมาก จึงไม่ค่อยพบเห็นได้ทั่วไปในป่า

ต้องใช้ความพยายามและดีเพียงใดในการสร้างบริษัทที่ปฏิบัติตามแนวทางที่มีจริยธรรม ดังแสดงในหนังสือ Jason Fried และ David Heinemeier Hansson แห่ง Basecamp ไม่จำเป็นต้องคลั่งไคล้งาน ช่วยให้เราเข้าใจว่าเหตุใดจึงง่ายกว่ามากที่จะสร้างบริษัทที่ไม่มีจริยธรรม และทำไมแม้ว่าคนสองสามคนในทีมพยายามที่จะมีจริยธรรมที่ดีขึ้น ผลิตภัณฑ์หรือบริษัทก็ยังไม่สะท้อนเส้นทางของบุคคลนี้ เพื่อช่วยให้เราทำได้ดีขึ้น Oliver Reichenstein ผู้เขียนบทความที่ฉันกล่าวถึงในตอนต้นยังแบ่งปันแนวทางที่น่าสนใจมาก: นักออกแบบอาจต้องการเริ่มพิจารณาปรัชญาเพื่อส่งเสริมการคิดอย่างมีจริยธรรมและสนับสนุนค่านิยมและจริยธรรมในการทำงานประจำวันของพวกเขา .

ข่าว

  • เราได้ยินการประกาศเมื่อหลายเดือนก่อน และตอนนี้บิลด์แรกออกมาแล้ว: เบราว์เซอร์ Edge ที่ใช้ Chromium ใหม่ของ Microsoft อยู่ที่นี่แล้ว นั่นหมายความว่าอย่างไรสำหรับนักพัฒนาส่วนหน้า?
  • Safari 12.1 รวมอยู่ใน macOS Mojave 10.14.4 และ iOS 12.2 แล้ว ผู้ใช้ทุกคนจะได้รับ Dark Mode สำหรับเว็บ, Intelligent Tracking Prevention 2.1, ปรับปรุง API คำขอชำระเงิน, ปรับปรุง WebRTC, รองรับ Intersection Observer, Web Share API, อินพุตสี, และสนับสนุน <datalist>
  • Firefox 66 เปิดตัวแล้ว จากนี้ไป เสียงที่เล่นอัตโนมัติจะถูกบล็อกโดยค่าเริ่มต้น และรองรับ Touch Bar บน macOS ด้วยเช่นกัน
เพิ่มเติมหลังกระโดด! อ่านต่อด้านล่าง↓

ทั่วไป

  • Humane by Design เป็นทรัพยากรที่จำเป็นในการมุ่งเน้นการตัดสินใจออกแบบของคุณเกี่ยวกับความเป็นอยู่ที่ดีของผู้ใช้ โดยให้แนวคิดและแหล่งข้อมูลที่เป็นประโยชน์เกี่ยวกับความโปร่งใส การเพิ่มขีดความสามารถของผู้คน ส่งเสริมการเปิดกว้าง การแสดงความเคารพ และการตัดสินใจอย่างรอบคอบ เว็บไซต์อันมีค่าสำหรับโครงการหรือผลิตภัณฑ์ใดๆ ที่คุณรับผิดชอบหรือทำงานอยู่
  • หน้าตาเป็นอย่างไรเมื่อคุณพยายามใช้เบราว์เซอร์ที่มีอายุเพียงแค่ 10 ปีในวันนี้ หน้าเริ่มต้นของเบราว์เซอร์ส่งคืนข้อผิดพลาด 404 Google ทำงานได้ แต่ส่งคืนเวอร์ชันที่ไม่มีสคริปต์ — ไม่ใช่โดยเจตนา แต่เนื่องจากข้อผิดพลาดของ JavaScript — YouTube ไม่ทำงานโดยไม่แสดงข้อผิดพลาด และการสร้างบัญชีที่บริการใหญ่ๆ นั้นไม่ได้ " เป็นประสบการณ์ที่น่ารื่นรมย์เลย บทความนี้ไม่เพียงแต่ให้ความกระจ่าง แต่ยังเปิดเผยรายละเอียดมากมายที่เราสามารถดูแลเพื่อทำให้โครงการเว็บของเรามีความยั่งยืนและพร้อมใช้งานสำหรับผู้คนจำนวนมากขึ้น ไม่ว่าพวกเขาจะใช้เบราว์เซอร์ใด

UI/UX

  • “การออกแบบที่ดีนั้นเกี่ยวกับความชัดเจนเหนือสไตล์” Matthias Ott สำรวจคำกล่าวนี้และเหตุใดนักออกแบบจำนวนมากยังคงต้องการเพิกเฉยต่อคำแนะนำนี้ และสร้างอินเทอร์เฟซที่แวววาวแต่รกหรือไม่ชัดเจน
  • Taras Bakuvevych แสดงตัวอย่างวิธีที่เราสามารถทำให้การออกแบบของเราง่ายขึ้นและความหมายของความเรียบง่าย
  • Public Sans เป็นฟอนต์ sans-serif แบบโอเพ่นซอร์ส ได้รับอนุญาตภายใต้ SIL Open Font และสร้างโดยชาว US Web Design System
  • สิทธิบัตรมีอยู่ทุกหนทุกแห่ง แต่เรามักลืมไปว่ารูปแบบการออกแบบก็สามารถจดสิทธิบัตรได้เช่นกัน Christie Tang ได้รวบรวมรูปแบบที่โดดเด่นที่สุดบางส่วนที่เราไม่สามารถใช้ได้เนื่องจากผู้เล่นระดับโลกอย่าง Apple, Facebook หรือ Samsung ถือสิทธิบัตรไว้
หลุมพรางแปดประการที่ทำให้การออกแบบซับซ้อน
เมื่อออกแบบผลิตภัณฑ์ มีข้อผิดพลาดบางประการที่ทำให้งานง่าย ๆ ซับซ้อนเกินไป Taras Bakusevich สรุปสิ่งที่คุณต้องระวัง (เครดิตรูปภาพ)

ประสิทธิภาพของเว็บ

  • ขณะนี้ Chrome 73 รองรับ imagesrcset และแอตทริบิวต์ imagesizes รูปภาพบนองค์ประกอบ link rel=preload

เครื่องมือช่าง

  • Spectral เป็น JSON linter แบบโอเพ่นซอร์สที่ยืดหยุ่นพร้อมการสนับสนุนแบบสำเร็จรูปสำหรับข้อกำหนด OpenAPI และด้วยเหตุนี้จึงส่งเสริมความสอดคล้องในการออกแบบ API

ความเป็นส่วนตัว

  • บทความนี้อธิบายว่าทำไมการเข้าชม Alexa ทั้งหมดของคุณจึงได้รับการวิเคราะห์และอาจฟังโดยผู้ที่ทำงานในซอฟต์แวร์ผลิตภัณฑ์เพื่อช่วยให้ผู้ช่วยที่สั่งงานด้วยเสียงตอบสนองต่อคำสั่งต่างๆ

JavaScript

  • Jeremy Mikkola เขียนรายการกฎเกณฑ์สำหรับการเติมข้อความอัตโนมัติที่ยอดเยี่ยม
  • Jeremy Wagner สำรวจ JavaScript ที่มีความรับผิดชอบ วิธีที่เฟรมเวิร์กบังคับให้เราอยู่ในรูปแบบที่ไม่ยั่งยืน และความแตกต่างระหว่างเว็บแอปและเว็บไซต์
ภาพประกอบของไม้ขีดไฟดับไม้ขีด
JavaScript อาจเป็นภาระด้านประสิทธิภาพ ดังนั้นเราจึงจำเป็นต้องใช้ JavaScript อย่างมีความรับผิดชอบ Jeremy Wagner แบ่งปันเคล็ดลับในการทำเช่นนั้น (เครดิตรูปภาพ)

ชีวิตการทำงาน

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

ก้าวไกล…

  • เป็นไปไม่ได้ที่จะเข้าถึงทุกคน แม้แต่กับยักษ์ใหญ่อย่าง Google หรือ Facebook Seth Godin ว่าทำไมการเข้าถึงเกือบไม่มีใครดีถ้าคุณถามตัวเอง ว่าไม่มีใคร ผู้ชมที่ทำงานได้น้อยที่สุดถือคุณไว้ในบัญชี มันบังคับให้มีสมาธิและทำให้คุณไม่มีที่หลบซ่อน
  • Google Maps เป็นหนึ่งในผลิตภัณฑ์ที่พวกเราส่วนใหญ่ใช้ทุกวัน และยังเป็นหนึ่งในผลิตภัณฑ์ของ Google ที่ไม่ทำเงิน — ยัง ดูเหมือนว่าผู้ผลิตกำลังพยายามรวมโฆษณาลงใน Maps เพื่อสร้างผลกำไรให้กับ Alphabet มากขึ้น
  • George Monbiot เขียนบทความเรื่อง "วิธีที่สื่อปล่อยให้คนงี่เง่าที่มุ่งร้ายเข้าครอบงำ" เพื่อให้ชัดเจนยิ่งขึ้น ให้ฉันอ้างอิงย่อหน้าต่อไปนี้:
    “หากการเมืองของเราใช้เหตุผลน้อยลง โหดร้ายขึ้น และแตกแยกมากขึ้น กฎของชีวิตสาธารณะนี้ก็เป็นส่วนหนึ่งที่ต้องโทษ: ยิ่งคุณประพฤติตัวน่าอับอายมากเท่าไร สื่อก็จะยิ่งมีเวทีที่ใหญ่ขึ้นเท่านั้น หากคุณถูกจับได้ว่าโกหก นอกใจ โม้หรือทำตัวเหมือนคนงี่เง่า คุณจะได้รับคำเชิญให้เข้าร่วมรายการเหตุการณ์ปัจจุบันมากมาย หากคุณเล่นตรงๆ อย่าคาดหวังว่าโทรศัพท์จะดัง”
  • Mallen Baker อธิบายว่าเหตุใดสิ่งแวดล้อมจึงสำคัญเกินกว่าจะปล่อยให้นักอนุรักษ์สิ่งแวดล้อม และสิ่งที่เราสามารถทำได้เพื่อทำให้ชีวิตของเรามีค่าควรแก่การอยู่อาศัยและสร้างสภาพแวดล้อมที่เหมาะกับมนุษย์
  • เป็นเรื่องยากที่จะเชื่อในทฤษฎี แต่ในทางปฏิบัติ เป็นเรื่องง่ายมากที่จะตัดสินใจเลือกที่ผิดจรรยาบรรณอย่างจงใจ บทความนี้ถามว่าอะไรเป็นแรงผลักดันให้ผู้คนตัดสินใจเลือกที่ผิดจรรยาบรรณ การยึดมั่นในความเชื่อทางจริยธรรมของคุณเองเป็นเรื่องยากเมื่อสังคมยอมรับสิ่งที่แตกต่างออกไป อย่างน้อยนั่นคือสิ่งที่เรามักจะเห็นจากสื่อที่ถูกกรองและฟองสบู่ของโซเชียลมีเดีย แต่ถ้าเราคุยกับคนโดยตรง ผมว่ามันต่างออกไป หลายคนมีความเชื่อทางจริยธรรมเหมือนกัน และจะประณามพฤติกรรมที่ผิดจรรยาบรรณหากการกระทำนั้นโปร่งใสและเป็นสาธารณะ ความเป็นส่วนตัว/สิ่งที่มองไม่เห็นคือสิ่งที่ช่วยให้ผู้คนก้าวข้ามค่านิยมได้ง่ายขึ้น เต็มไปด้วยสิ่งล่อใจเรื่องเงิน หรือการได้รับสถานะและชื่อเสียงที่สูงขึ้นในสังคม