การปรับปรุง UX สำหรับการเข้าถึงคีย์บอร์ด

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

ในฐานะที่เป็นส่วนหนึ่งของ Smashing Membership เราจัด Smashing TV ซึ่งเป็นชุดการสัมมนาผ่านเว็บแบบสดทุกสัปดาห์ ไม่มีอะไรยุ่งยาก — แค่การสัมมนาผ่านเว็บที่ใช้งานได้จริงและนำไปปฏิบัติได้จริง พร้อมถาม & ตอบแบบสด ดำเนินการโดยผู้ปฏิบัติงานที่ได้รับความนับถือจากอุตสาหกรรม อันที่จริง ตาราง Smashing TV นั้นค่อนข้างจะแน่นอยู่แล้ว และมันฟรีสำหรับ Smashing Members พร้อมกับการอัดเสียง — แน่นอน

เราหวังว่าคุณจะสนุกกับการสัมมนาผ่านเว็บมากเท่ากับที่เราทำ!

Aaron Pearlman: คุณควรจะเห็นหน้าจอของฉัน โอเค ตอนนี้ ให้ฉันได้... ไปเลย ดีมาก สวัดดีครับทุกคน อย่างที่ฉันพูด ฉันคือ Aaron Pearlman หัวหน้าผู้ออกแบบประสบการณ์ผู้ใช้ของ Deque และฉันคิดว่า— เอ่อ ขอฉันขยับนะ— Zoom มีแนวโน้มที่จะทำให้ UI เข้ามาขวางทาง ดังนั้นฉันขอโทษหากฉันดูเหมือนเคลื่อนไหวอย่างเมามันและเลื่อนเมาส์ หวังว่ามันจะไม่แสดงขึ้น ดังนั้น วันนี้เราจะมาพูดถึงประเภทของการปรับแต่งที่คุณสามารถทำได้สำหรับผู้ใช้คีย์บอร์ดเท่านั้นและเทคโนโลยีช่วยเหลือ ดังที่ฉันได้กล่าวไปเมื่อครู่ก่อน การเพิ่มประสิทธิภาพประเภทนี้ สิ่งเหล่านี้จะไม่ขัดขวางไม่ให้ผู้อื่นใช้ของคุณ... พวกเขาจะไม่ถูกใช้งานโดยบุคคลอื่นเช่นกัน พวกเขามักจะเป็นสิ่งที่จะเป็นประโยชน์มากขึ้นสำหรับผู้ใช้ที่ใช้ระบบที่มีแป้นพิมพ์เฉพาะเทคโนโลยีช่วยเหลือผู้ใช้เท่านั้น

Aaron Pearlman: สำหรับผู้ที่ไม่คุ้นเคยกับความหมายว่า Keyboard-Only User Assistive Technology คืออะไร — ผู้ใช้คีย์บอร์ดเท่านั้นที่จะเป็นคนที่ปกติแล้วจะใช้คีย์บอร์ดของคุณเพื่อสำรวจระบบ ดังนั้นพวกเขาจะใช้แท็บและแท็บ Shift บ่อยๆ และปุ่มลูกศรเพื่อสำรวจระบบของคุณ ดังนั้นการโฟกัสจึงค่อนข้างสำคัญสำหรับพวกเขา คุณอาจพบว่าบุคคลนี้อาจมีปัญหาเกี่ยวกับทักษะการเคลื่อนไหว อาจมีข้อบกพร่องด้านการมองเห็นเช่นกัน ผู้ใช้ที่ใช้แป้นพิมพ์เท่านั้น และจากนั้นผู้ใช้เทคโนโลยีอำนวยความสะดวกก็ใช้แป้นพิมพ์เพื่อสำรวจระบบของคุณ พวกเขาอาจใช้เทคโนโลยีช่วยเหลืออื่นๆ เช่น หน้าจอ เมตรเช่น VoiceOver หรือเครื่องอ่านอักษรเบรลล์หรืออะไรทำนองนั้น

Aaron Pearlman: นั่นคือสิ่งที่เรากำลังมุ่งเน้น — ผู้ใช้ลักษณะนั้นของเราเนื่องจากบุคคลที่มีความพิการส่วนดีมักจะตกลงไปในค่ายนี้ ไม่ได้หมายความว่าทุกคน แน่นอนว่ามีความพิการและการไล่ระดับสีที่แตกต่างกันมากมาย แต่สำหรับจุดประสงค์นี้ นี่คือสิ่งที่เราจะมุ่งเน้นในวันนี้

Aaron Pearlman: ดังนั้น ภาพรวมเล็กน้อยของสิ่งที่เรากำลังจะกล่าวถึง: เราจะพูดถึงขั้นตอนการออกแบบเล็กน้อย ซึ่งอาจทำแบบฝึกหัดเล็กน้อยที่เราได้ อาจจะเข้า อาจจะไม่ ก่อนที่เราจะไปที่ลิงก์ข้าม จากนั้นข้ามลิงก์จะเป็นหนึ่งในคุณสมบัติที่เราจะกล่าวถึง วิธีเพิ่มประสิทธิภาพโมดอลของคุณ และวิธีจัดการกับโฟกัส ดังนั้น สิ่งเหล่านี้จะเป็นสามหมวดหมู่ใหญ่ที่เราจะพูดถึง จากนั้นเราจะมีเวลาสำหรับคำถามเมื่อเราทำเสร็จแล้ว

Aaron Pearlman: ในการเริ่มต้น ฉันคิดว่าเราสามารถทำภาพรวมกระบวนการออกแบบ UX ได้เล็กน้อย ฉันอยู่ในเวิร์กชอปและสิ่งต่างๆ มากมาย ฉันพบว่ามีบุคคลมากมายที่มาจากสาขาต่างๆ มากมาย ไม่ใช่ทุกคนที่เป็นนักออกแบบประสบการณ์ผู้ใช้ ดังนั้นพวกเขาจึงอาจไม่คุ้นเคยกับกระบวนการที่นักออกแบบ UX หลายคนใช้ ดังนั้นสำหรับเรื่องนี้ ฉันคิดว่าเราควรจะทบทวนมันสั้น ๆ เราจะไม่ใช้เวลามากมายกับมัน แต่ฉันพบว่ามันคุ้มค่าที่จะผ่านไปเพียงชั่วครู่ เพราะมันจะเชื่อมโยงกับการออกแบบที่เข้าถึงได้ง่ายเช่นกัน ดังนั้น การออกแบบ UX ส่วนใหญ่มักจะต้องผ่านกระบวนการที่เรียกว่าการค้นพบ ซึ่งไม่ได้เรียกว่าการค้นพบเสมอไป บางครั้งเรียกว่าการคิดอย่างรวดเร็ว การวนซ้ำอย่างรวดเร็ว หลายคนมีชื่อเรียกต่างกัน แต่ประเด็นคือมันเป็นส่วนหนึ่งของกระบวนการออกแบบซึ่งมีการประดิษฐ์เกิดขึ้นมากมาย

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

Aaron Pearlman: คุณคิดว่ามันสำคัญ ข้อควรพิจารณาสำหรับการเข้าถึงคือเราต้องการคิดและทำการเข้าถึงตลอดกระบวนการออกแบบนั้น และความจงรักภักดีระดับต่างๆ ก็สามารถเป็นบุญได้ คิดเรื่องต่างๆ ได้ก็ขึ้นอยู่จริงๆ จะไม่พูดถึงเรื่องนั้นมากนัก แต่โดยทั่วไปแล้ว เราต้องการรวมฮิวริสติกและวิธีการเหล่านั้นเข้าด้วยกัน และเราจะพูดถึงในฐานะนักออกแบบที่เพิ่มความสามารถในการเข้าถึงของเราเมื่อเวลาผ่านไป เช่นเดียวกับที่เราเพิ่มพลังในการเป็นผู้ดี นักออกแบบประสบการณ์ผู้ใช้เมื่อเวลาผ่านไป ไม่มีการคาดหวังในตอนเริ่มต้นว่าคุณจะอ่าน WCAG 2.1 จากนั้นคุณจะต้องอ่านข้อมูลจำเพาะของ ARIA แล้วคุณจะอ่านจบและจะไม่ทำผิดพลาดอีก หรือคุณจะไม่พลาดทุกอย่างเกี่ยวกับการออกแบบและการออกแบบที่เข้าถึงได้ นั่นไม่จำเป็นต้องสมเหตุสมผลด้วยจินตนาการที่ยืดยาว

Aaron Pearlman: แค่รู้ว่าคุณกำลังจะเรียนรู้เมื่อเวลาผ่านไป แน่นอนว่าฉันยังคงผิดพลาดในเรื่องความสามารถเข้าถึงได้ง่าย และทุกสิ่งที่ฉันทำอยู่ ทั้งหมดนี้คือการทำให้ดีขึ้นเท่านั้น ดังนั้น [ไม่ได้ยิน] เพราะฉันมักจะออกแบบให้สามารถเข้าถึงได้ง่าย ดังนั้นปลั๊กเล็กๆ ตัวหนึ่งแม้ว่าจะเกี่ยวข้องกับสิ่งที่เรากำลังจะทำในวันนี้เรียกว่า Trane เป็นไลบรารีรูปแบบที่เข้าถึงได้ทั้งหมดของเราที่ Deque เราใช้เพื่อสร้างผลิตภัณฑ์ของเราเอง เป็นเฟรมเวิร์กส่วนหน้าของ HTML, CSS และ JavaScript ซึ่งค่อนข้างคล้ายกับ Bootstrap หากคุณเคยใช้อะไรแบบนั้น เรายังมี React Library ที่เป็นน้องสาวของ Library ด้วย ทีมงานของเราพัฒนาในเชิงโต้ตอบ แต่เราจะมาดูบางสิ่งในนี้เป็นตัวอย่างในวันนี้ แต่นี่เป็นโอเพ่นซอร์ส พร้อมใช้งาน จะมีลิงก์ไปที่ส่วนท้ายของเด็คนี้ ซึ่งผมจะทำให้ทุกคนใช้งานได้

Aaron Pearlman: และมันฟรีสำหรับคุณที่จะใช้และรับสาขาและใช้มันเพื่อความพึงพอใจของคุณหรือมีส่วนร่วมในมัน เรายินดีที่จะเห็นการมีส่วนร่วมเช่นกัน เป็นเพียงปลั๊กเล็ก ๆ แต่เราจะพูดถึงมันเมื่อเราทำต่อไป ดังนั้นสำหรับสิ่งแรกที่เราจะดูคือข้ามลิงก์ และสำหรับผู้ที่อาจไม่คุ้นเคยกับสิ่งที่ข้ามลิงก์ ลิงก์ข้ามคือลิงก์เล็กๆ น้อยๆ ที่มักจะปรากฏเป็นแท็บแรกสุดในเว็บแอปพลิเคชันหรือเว็บไซต์ และสิ่งที่พวกเขาอนุญาตให้คุณทำคืออนุญาตให้คุณข้ามส่วนต่างๆ ของเว็บไซต์ได้ ทำไมคุณถึงต้องการทำเช่นนั้น?

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

Aaron Pearlman: บางครั้งอาจมีหลายลิงก์และมักจะเห็นเพียงลิงก์เดียว แต่เรามีตัวอย่างบางส่วน ฉันจะแสดงตัวอย่างให้คุณเห็นว่าคุณสามารถใช้ลิงก์ข้ามหลายลิงก์ได้ที่ไหน ฉันคิดว่าเราสามารถดูลิงก์ข้ามประเภทต่าง ๆ สองสามประเภทหรือลิงก์ข้ามประเภทต่าง ๆ สองสามประเภท จากนั้นเราจะดูหน้าอื่นที่ไม่มีลิงก์ข้ามและอาจพูดถึงที่ใด อาจมีประโยชน์ที่นั่น อันแรกที่เราจะดูกัน หวังว่าคุณจะเห็นหน้าจอของฉัน สิ่งแรกที่เราจะดูคือลิงค์ข้ามที่เราใช้ใน deque.com และมันคืออะไร คือสิ่งที่ฉันจะเรียกว่าองค์ประกอบ displacement เพราะมันแทนที่หน้า เมื่อฉันแท็บเข้าไปที่นี่ ฉันจะเห็นลิงก์ข้ามอยู่ที่นั่นและมันจะบอกให้ข้ามไปที่เนื้อหา

Aaron Pearlman: และเมื่อฉันเลือกสิ่งนั้น มันจะส่งฉันไปยังเนื้อหาด้านล่าง และฉันเรียกมันว่าการกระจัด เพราะมันแทรกและซ่อนตัวเองอย่างแท้จริง และแทรกตัวเองเข้าไปที่นั่นและแทนที่มัน นี่คือลิงก์ข้ามที่เราเลือกใช้สำหรับเนื้อหาของเรา แต่เป็นลิงก์ที่ใช้บ่อยมาก คุณจะเห็นมันแทรกตัวเองที่ด้านบนของเว็บไซต์หรือเว็บแอปพลิเคชัน ต่อไปเราจะไปดูกันที่เว็บไซต์ที่ผมมั่นใจว่าหลายๆท่านคงเคยใช้หรือใช้กันค่อนข้างบ่อย มันคือ Amazon เราจะดูที่ลิงค์ข้ามของพวกเขา เมื่อฉันแตะเข้าไป ถ้าคุณดูที่มุมบนซ้ายตรงนั้น คุณจะเห็นมันซ้อนทับ นี่คือรูปแบบการซ้อนทับ ซึ่งเป็นเรื่องปกติมากที่จะวางซ้อนเนื้อหา และมักจะข้ามสิ่งที่ ด้านหลังเพื่อแสดงให้คุณเห็นการข้ามไปยังเนื้อหาหลักที่นั่น

Aaron Pearlman: ข้อดีและข้อเสียระหว่างการแทนที่กับการซ้อนทับนั้นเล็กน้อย หากคุณพบว่าเนื้อหาของคุณเป็นสิ่งที่คุณไม่ต้องการทำให้สับสน คุณอาจต้องการแทรกบางสิ่งและใช้มัน ในทางกลับกัน ก็ไม่เป็นไรเช่นกัน หากคุณกำลังออกแบบเนื้อหาที่อ่านจากขวาไปซ้าย เช่น เนื้อหาภาษาอาหรับ คุณสามารถวางลิงก์ข้ามไว้ที่มุมขวาบนได้ มันมาจากความเหมาะสมจริงๆ แต่ท้ายที่สุดแล้ว ดุลยพินิจนั้นจะขึ้นอยู่กับนักออกแบบในทีมของพวกเขา นี่คือตัวอย่างลิงก์ข้ามสองลิงก์ที่เป็นลิงก์ข้ามเดียว และฉันคิดว่าฉันจะแสดงให้คุณเห็นซึ่งมีตัวเลือกมากมายในลิงก์ข้าม

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

Aaron Pearlman: แล้วฉันจะเข้าไปข้างในเพื่อที่เธอจะได้เห็น และสิ่งที่เกิดขึ้น ณ จุดนี้เมื่อฉันเลือกมัน มันส่งฉันเข้าไปในพื้นที่ทำงาน และมันเน้นไปที่พื้นที่ทำงานนั้นจริงๆ สิ่งที่คุณจะเห็นจากเว็บแอปพลิเคชันจำนวนมากคือ มันไม่ได้แสดงจุดสนใจในตัวเอง เราต้องการแสดงให้เห็นว่าในแอปพลิเคชันของเรา นี่ไม่ใช่จุดเน้นขององค์ประกอบที่จะพูด แต่เป็นสิ่งที่สามารถทำได้ จุดสนใจ. จากนี้ไป เราจะมุ่งความสนใจไปที่องค์ประกอบต่างๆ ที่อยู่ในนั้น ซึ่งเป็นจุดสนใจขององค์ประกอบทั้งหมดที่อยู่ในนั้น องค์ประกอบ [ไม่ได้ยิน 00:12:28] นี่เป็นตัวอย่างวิธีต่างๆ สองสามวิธีที่คุณสามารถข้ามลิงก์ได้

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

Aaron Pearlman: แต่ในบางครั้ง อาจมีกรณีอื่นๆ ที่การข้ามลิงก์อาจเป็นประโยชน์ ฉันเคยเห็นมันอาจจะเป็นประโยชน์ คุณสามารถจินตนาการถึงกรณีที่พื้นที่ทำงานขนาดใหญ่ในไซต์ของคุณอาจเป็นผลการค้นหาจำนวนมาก และมันทำคะแนนขี้เกียจ ซึ่งคุณจะเลื่อนลงมาด้านล่างแล้วจึงโหลดผลลัพธ์เพิ่มเติม และเลื่อนลงมาด้านล่าง จะโหลดผลลัพธ์เพิ่มเติม คุณเลื่อนลงไปด้านล่าง และมันจะโหลดผลลัพธ์เพิ่มเติม

Aaron Pearlman: แล้วคุณจะไปที่ส่วนท้ายได้อย่างไร? และฉันก็เคยประสบปัญหานี้มาก่อน โดยที่ฉันใช้เครื่องมือค้นหาและไม่สามารถไปที่ส่วนท้ายได้ และที่น่าจะดีคือลิงก์ข้ามที่ให้ฉันข้ามไปที่ส่วนท้าย เพราะฉันกำลังมองหาข้อมูลอยู่ด้านล่าง มีหลายวิธีที่การข้ามลิงก์สามารถเป็นประโยชน์ได้ ไม่ใช่วิธีเดียวที่คุณจะแก้ปัญหานั้นได้ แน่นอน คุณสามารถใช้ฮาร์ดคีย์หรือเมนูทางลัดได้เช่นกัน มีเทคนิคต่างๆ มากมายในการบรรลุเป้าหมายเหล่านี้ แต่นั่นเป็นเทคนิคที่การข้ามลิงก์มักจะทำได้ดีมาก [ไม่ได้ยิน 00:14:13] สิ่งที่ควรคำนึงถึงเมื่อออกแบบลิงก์ข้ามคือ โดยปกติแล้วจะเป็นแท็บแรกสุดในเว็บแอปพลิเคชันของเว็บไซต์ของคุณ

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

Aaron Pearlman: โดยทั่วไปแล้ว นั่นเป็นเรื่องแปลกอย่างยิ่ง ลิงก์ข้ามส่วนใหญ่จะอยู่ในแท็บหยุดแรกเสมอ โดยทั่วไปแล้วอย่าทำอย่างนั้น ฉันคิดว่าคุณทำได้ในทางเทคนิค แต่ฉันจะบอกว่าทำไม่ได้ สุดท้ายคือมันเป็นองค์ประกอบแบบอินเทอร์แอกทีฟและมันเป็นคอนทราสต์ของสีที่ผ่านมา ดังนั้นให้แน่ใจว่ามันใช่ ถ้าคุณตัดสินใจที่จะใช้เหมือนรูปภาพหรือบางอย่างในนั้น ฉันจะทำ แต่ถ้าคุณทำ มันจำเป็นต้องมี ชื่อที่สามารถเข้าถึงได้ที่เหมาะสมพร้อมกับมันเช่นกัน โดยทั่วไป คนส่วนใหญ่ใช้ข้อความและลิงก์ ดังนั้นจะมีการทำเครื่องหมายเป็นลิงก์ เพียงตรวจสอบให้แน่ใจว่าได้ผ่านความคมชัดของสีเพื่อให้ [ไม่ได้ยิน 00:16:07] ดีมาก. นั่นคือทั้งหมดที่เรามีสำหรับลิงก์ข้าม

Aaron Pearlman: มันเป็นรูปแบบที่ค่อนข้างสั้นแต่ธรรมดามากที่คุณเห็นได้ทุกที่ และเป็นสิ่งที่คุณสามารถเพิ่มได้อย่างเป็นธรรม การเพิ่มลงในเว็บแอปพลิเคชันของคุณค่อนข้างตรงไปตรงมา แต่สามารถสร้างความแตกต่างอย่างมากสำหรับผู้ที่ใช้แป้นพิมพ์หรือ เทคโนโลยีระบบ ให้ฉันไปข้างหน้าและปิดสิ่งนี้แล้วไปที่การปรับให้เหมาะสมโมดอล เลือกที่จะทำเช่นนี้เพราะ modals นั้นธรรมดามากในหมู่เว็บแอพส่วนใหญ่และพวกมันมาในฟอรัมต่าง ๆ มากมาย มีวิธีการสร้างและสร้างโมดอลที่แตกต่างกันมากมาย

Aaron Pearlman: แต่สิ่งทั่วไปบางอย่างที่ฉันเห็นซึ่งแสดงให้เห็นในสิ่งที่เราสามารถแก้ไขได้ จนกว่าจะมีการเพิ่มประสิทธิภาพบางอย่างที่เราสามารถทำได้เพื่อให้ประสบการณ์ที่ดีขึ้นสำหรับผู้ใช้คีย์บอร์ดเท่านั้นและเทคโนโลยีช่วยเหลือ และโดยทั่วไป ฉันคิดว่ากิริยาของคุณดีกว่ามาก สิ่งหนึ่งที่ฉันคิดว่าจะแสดงให้เห็นในที่นี้อย่างรวดเร็วคือ สิ่งสำคัญอย่างหนึ่งที่ Modal ต้องทำคือต้องสามารถจับโฟกัสไว้ข้างในได้ ฉันต้องการแสดงตัวอย่าง … มันอยู่ตรงนี้ ฉันชอบเลี้ยงลูก ดังนั้นนี่ไม่ใช่การแย่งชิงกับพวกเขา นี่อาจเป็นเพียงการกำกับดูแลเล็กน้อยที่นี่ ฉันใช้มันตลอดเวลาเป็นไซต์ที่น่ายินดีและมีของที่ยอดเยี่ยมอยู่

แอรอน เพิร์ลแมน: ดังนั้น ถ้าฉันกดเข้าสู่ระบบ โอ๊ะ ขอโทษนะ ลงชื่อสมัครใช้ นี่เป็นกิริยาช่วยและบางสิ่งที่สามารถเกิดขึ้นได้ในบางครั้ง ถ้าคุณสังเกตดีๆ ฉันกำลังตีแท็บ แท็บ แท็บ แท็บ แท็บ อย่างที่คุณเห็นหลังจอ มองเห็นได้ยากนิดหน่อย คุณสามารถเห็นได้ว่าโฟกัสไม่ได้ติดอยู่ภายใน Modal และสิ่งนี้อาจเกิดขึ้นได้ในบางครั้ง ดังนั้น ถ้าฉันเป็นผู้ใช้ที่ใช้เทคโนโลยี Assistive หรือ Keyboard-Only มันคงจะยากมากสำหรับฉันที่จะกลับไปใช้สิ่งนี้

Aaron Pearlman: มันเป็นสิ่งที่เกิดขึ้นมาก มาก มาก ธรรมดามาก และสามารถเกิดขึ้นได้อย่างแน่นอนเมื่อคุณใส่สิ่งที่น่าสนใจต่างๆ ลงใน Modal บางอย่างที่เราอยากทำให้แน่ใจ และเหตุผลที่ฉันพูดถึงมัน เหตุผลที่สำคัญมากจริงๆ ก็คือ เมื่อมีการแสดงกิริยาท่าทาง มันต้องประกาศตัวเองกับบุคคลที่ทำให้เกิดมันขึ้นมา รู้อะไรไหม โดยพื้นฐานแล้วพวกเขาเพิ่งเปิด แต่จริงๆ แล้วพวกเขาเปิดสิ่งที่ถูกต้อง

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

Aaron Pearlman: ฉันจะเปิดเรื่องนี้อย่างรวดเร็วจริงๆ ดีมาก. ดังนั้นโมดอลที่พวกเขามีสำหรับสิ่งนี้ ฉันคิดว่ามันเป็นไซต์เสื้อผ้าที่นี่ และสิ่งที่เกิดขึ้นคือมันเน้นไปที่ร่างกาย และฉันสามารถแสดงให้เห็นได้ดีที่สุดโดย… ฉันจะเปิด VoiceOver อย่างรวดเร็วจริงๆ ฉันจะดึงมันขึ้นมา

VoiceOver: VoiceOver บน Chrome] Bonobos [ไม่ได้ยิน 00:20:10]-

Aaron Pearlman: และคุณจะไม่ได้ยินมัน-

VoiceOver: Google Chrome, [email protected]

Aaron Pearlman: แต่เธอจะได้เห็นมัน

VoiceOver: ปิดการ์ด การ์ดของคุณว่างเปล่า กลุ่มมีโฟกัสของแป้นพิมพ์ ขณะนี้คุณกำลังอยู่ในกลุ่มในการเปิดบัตร ปิดบัตร บัตรของคุณเป็นกลุ่มที่ว่างเปล่า ขณะนี้คุณอยู่ในกลุ่มภายในเนื้อหาเว็บ ปิด VoiceOver

Aaron Pearlman: ตรงนั้นเมื่อฉันจดจ่อกับมัน มันอ่านทุกอย่างที่เกิดขึ้นกับบัตรของคุณที่ถูกปิด และบัตรของคุณว่างเปล่าเนื่องจากการซื้อนั้นเน้นไปที่จุดนั้น และนั่นก็ถูกต้องอย่างยิ่ง นั่นเป็นวิธีที่ถูกต้องสมบูรณ์ในการเน้นโมดอลของคุณ มันไม่ใช่ปัญหาเลย จากนั้นคุณสามารถแท็บวนรอบทุกสิ่งที่อยู่ภายในได้ อีกวิธีหนึ่งที่มักเกิดขึ้นเมื่อโมดอลปรากฏขึ้นคือการเน้นที่ส่วนหัว

Aaron Pearlman: และนั่นคือสิ่งที่เราทำใน modals ที่เราใช้สำหรับแอปพลิเคชันของเราคือเราเน้นที่ส่วนหัว ผมจะทำให้เกิดโมดอล และอย่างที่คุณเห็นตรงนี้ โฟกัสอยู่ตรงนี้ตรงที่มันบอกว่าเป็นโมดอลที่มีรูปแบบ โฟกัสอยู่ที่ส่วนหัว ที่จริงแล้ว แทนที่จะระบุว่าเหมือนดัชนี เรามุ่งเน้นที่สิ่งนั้นโดยทางโปรแกรม และเหตุผลที่เราเน้นทางโปรแกรมโดยเขียนโปรแกรมว่าเมื่อฉันแท็บวนรอบที่นี่ ตอนนี้มันไปที่ปุ่มปิด รวมไปถึงในส่วนหัวด้วย จากนั้นไปที่องค์ประกอบอินเทอร์แอกทีฟแรก ซึ่งก็คือฟิลด์ ไปยังฟิลด์ถัดไป ไปยังฟิลด์ถัดไป ไปยังฟิลด์ ช่องถัดไป แท็บอีกครั้งเพื่อบันทึก การแท็บอีกครั้งเพื่อยกเลิก

Aaron Pearlman: และจากที่นี่เมื่อฉันกดแท็บ ถ้าส่วนหัวนั้นเป็นแท็บหยุด มันก็จะไปที่นั่น แต่เราเลือกที่จะไม่ทำอย่างนั้น แต่เรากลับเข้าไปใกล้และเหตุผลที่เราทำนั้นก็คือถ้ามีคนใช้ Voice Over อย่างที่คุณคงเคยเห็นบางเรื่องที่เขียนและเข้าหูฉันพร้อมๆ กัน จริงๆ แล้วเล็กน้อยมาก ฟุ้งซ่านเพราะพูดเร็วมากมันค่อนข้างพูดพล่อยๆ ดังนั้นหนึ่งในการปรับให้เหมาะสมที่เราอยากทำเพื่อประสบการณ์ที่นี่คือการทำให้การพูดคุยกันน้อยลง ใช่แล้ว เราประกาศมัน ดำเนินต่อไป เราเน้นรูปแบบทางโปรแกรมด้วยรูปแบบ เมื่อพวกเขาไปถึงที่นั่นในครั้งแรก เพื่อให้พวกเขารู้ว่ากิริยาที่พวกเขาแสดงออกมานั้นเป็นสิ่งที่พวกเขากำลังเน้นอยู่จริง ๆ

Aaron Pearlman: แต่เราไม่จำเป็นต้องประกาศซ้ำแล้วซ้ำอีกหากพวกเขาต้องการวนผ่านการเปลี่ยนแปลงนี้และหมุนเวียนไปตามกิริยานี้ ดังนั้นจึงเป็นการเพิ่มประสิทธิภาพเล็กน้อยที่ผู้ใช้เมาส์ส่วนใหญ่ที่คุณอ้างถึงส่วนใหญ่จะไม่สามารถมองเห็นได้อย่างสมบูรณ์ แต่การเพิ่มประสิทธิภาพเล็กๆ น้อยๆ นั้น คุณสามารถจินตนาการได้ว่าฉันใช้โมดอลมากในการกรอกแบบฟอร์มบ่อยๆ และฉันเป็นผู้ใช้ที่ใช้คีย์บอร์ดเท่านั้นหรือเทคโนโลยีอำนวยความสะดวกที่การเพิ่มประสิทธิภาพจะเพิ่มขึ้นเมื่อเวลาผ่านไป ดังนั้น ผู้ใช้ตัวน้อยจะได้สัมผัสกับสิ่งที่เราสามารถทำได้ ซึ่งสามารถสร้างความแตกต่างอย่างมีนัยสำคัญโดยรวมในการดูแลที่เราสามารถใส่เข้าไปในการออกแบบของเรา เพื่อให้พวกเขาได้รับประสบการณ์บ่อยที่สุดที่เราสามารถให้ได้

Aaron Pearlman: เมื่อพูดถึงการจัดการโฟกัส สิ่งสุดท้ายที่เราจะพูดถึงคือการจัดการโฟกัสเอง และเราเห็นตัวอย่างหนึ่งแล้ว จะเกิดอะไรขึ้นหากโฟกัสหลุดในการจัดการบางประเภท แต่แทนที่จะเป็นเพียงบางสิ่งที่อาจเป็นปัญหาสำคัญ วิธีที่คุณจัดการกับโฟกัสสามารถเปลี่ยนประสบการณ์ที่แต่ละคนมีได้อย่างมีนัยสำคัญ กฎจริงๆ เกี่ยวกับการจัดการโฟกัส โดยเฉพาะอย่างยิ่งกับสองกรณีที่เรากำลังจะดูตอนนี้ นั่นคือ การลบและเพิ่มองค์ประกอบลงในพื้นที่ทำงานของคุณหรืออะไรก็ตามที่คุณทำงานอยู่ นั่นคือ … สามารถเปลี่ยนวิธีที่ใครบางคนได้อย่างแน่นอน โต้ตอบกับมัน ดังนั้นเราจึงต้องการทำให้มันเป็นไปตามประสบการณ์ที่คุณคาดหวังสำหรับใครบางคนที่เป็นผู้ใช้ที่ใช้เมาส์เท่านั้นหรือผู้ใช้ที่มองเห็นได้ ฉันควรพูดเป็นผู้ใช้เฉพาะเมาส์เท่านั้น

Aaron Pearlman: ในกรณีนี้ เราจะดูที่ … สำหรับที่นี่ เราจะดูที่ … โอเค ให้ฉันลากมันไป รอสักครู่ ฉันจะต้องเอามันออกไปจากที่นี่ชั่วคราว เราจะไปที่นั่น. ดังนั้น คุณไม่ควรดูตัวอย่างของ modal ที่ฉันออกแบบไว้ จริงๆ แล้วมันเป็น modal เดียว เรามีรูปภาพสองแบบ และรูปเดียวก็แสดงให้เห็นสิ่งที่อยู่ครึ่งหน้าล่าง แทนที่จะสร้างมันขึ้นมาจริงๆ ผิดจริง ๆ หรือฉันแค่แยกมันออกเพื่อให้คุณเห็นว่ามีอะไรอยู่ครึ่งหน้าล่าง และทางด้านขวา หากมองดู จะมีไอคอนถังขยะที่กำลังโฟกัสอยู่ ดังนั้นเมื่อเราคลิกที่ไอคอนถังขยะ สมมติว่าไม่มีกล่องโต้ตอบที่ระบุว่า “คุณแน่ใจหรือไม่ว่าต้องการลบมัน”

Aaron Pearlman: สมมติว่าไม่เป็นเช่นนั้น คำถามที่แท้จริงก็คือ จะเกิดอะไรขึ้นกับการโฟกัสที่นั่น? เพราะเมื่อไอคอนถังขยะถูกกดหรือถูกเลือก มันจะลบคำแนะนำที่อยู่ในนี้ออก และจะเป็นการลบตัวเองด้วย แล้วโฟกัสไปไหน? ดังนั้น เราในฐานะนักออกแบบ เราต้องการเลือกว่าโฟกัสไปที่ใด เพราะไม่เช่นนั้นเบราว์เซอร์จะเลือกโฟกัส หากคุณสร้างเว็บแอปพลิเคชันภายในแอปพลิเคชันเว็บ และเราไม่ต้องการให้เบราว์เซอร์เลือกว่าโฟกัสไปที่ใด มักจะโยนสิ่งของเข้าร่างกาย ในกรณีนี้ ที่ที่เราอยากให้โฟกัสไปจริงๆ คือ เราต้องการโฟกัสไปที่องค์ประกอบที่โฟกัสได้ถัดไป ไม่จำเป็นต้องเป็น ... สิ่งที่ฉันเรียกว่าแอนะล็อกซึ่งจะเน้นไปที่ถังขยะถัดไป ถังขยะสำหรับ คำแนะนำแทนเราเน้นคำสั่งเพื่อตัวเอง

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

แอรอน เพิร์ลแมน: ตอนนี้เรามีคำแนะนำในการทำอาหารแล้ว คำแนะนำสุดท้ายสำหรับคำแนะนำที่หนึ่ง โฟกัสไปถึงไหนแล้ว ทีนี้สำหรับอันนี้เฉพาะ มันจะเป็นไปตามที่ก่อนหน้านี้คือ มันจะไปถึงจุดโฟกัสถัดไปจริง ๆ แต่เติมอีกครั้ง ซึ่งเป็นส่วนผสมหนึ่ง ด้วยเหตุผลเดียวกันกับที่เราไม่อยากโยน ลงถังขยะอีกครั้งเพราะถ้ามีคนกดเลือกอีกครั้งหรือกดกลับอีกครั้ง เราคงเป็น … พวกเขาเผลอลบสองสิ่งที่พวกเขาไม่ได้ตั้งใจไม่ต้องการทำ

Aaron Pearlman: ด้วยเหตุผลเดียวกัน เราจึงไม่จำเป็นต้องโยนสิ่งนั้นไปยังลิงก์ใดลิงก์หนึ่งที่นี่ เพราะเราจะมีปัญหาตรงกันข้ามที่พวกเขาจะเพิ่มสิ่งต่างๆ เข้าไปโดยไม่ได้ตั้งใจเช่นกัน และเราไม่ต้องการให้มันไปที่ร่างกายเสมอไป เพราะเราไปที่ร่างกายและผู้ใช้ Voice Over ของคุณ ผู้ใช้เทคโนโลยีผู้ช่วยของคุณ กำลังจะเริ่มพูดคุยเกี่ยวกับโมดอลอีกครั้งหรือแทนที่จะให้คุณโต้ตอบและ ทำในสิ่งที่คุณตั้งใจจะทำ

Aaron Pearlman: และสุดท้าย ตัวอย่างสุดท้ายที่ฉันมีที่นี่คือสิ่งที่เราจะทำเมื่อเราจะลบรายการสุดท้ายในกรณีนี้ ในโมดอลที่นี่ ไม่มีอะไรเหลืออยู่ ฉันจะส่งไปที่ไหน และขึ้นอยู่กับดุลยพินิจของนักออกแบบว่าควรไปที่ใด ไม่มีทาง มันจะไม่สามารถเข้าถึงได้หากคุณเลือกที่จะส่งไปที่เสื้อผ้าหรือส่งให้โฟกัสไปที่การยกเลิก มันไม่ได้ทำให้เข้าถึงไม่ได้ ก็แค่นั้น จริงๆ แล้วคุณคาดหวังอะไรจากมัน ข้อมูลอะไรที่คุณต้องการนำเสนอ? คุณต้องการเล่าเรื่องอะไรให้ผู้ใช้คนนั้นฟังและเราจะเลือกส่งไปที่ใดในขณะที่เราเลือกส่งกลับไปที่ส่วนหัวเพื่อให้ผู้ใช้ทราบว่าพวกเขายังคงอยู่ในกิริยา พวกเขายังอยู่ที่นั่น เรายังไม่ได้' t ปิดพวกเขาเช่นที่นั่น

Aaron Pearlman: และนั่นคือการเปลี่ยนแปลงแบบเป็นโปรแกรมจริงๆ เพราะอย่างที่ฉันพูด มันไม่ใช่เสียงที่น่ากลัว มันไม่ใช่องค์ประกอบที่โฟกัสได้แย่ขนาดนั้น ดังนั้นเราจึงเปลี่ยนโฟกัสไปที่สิ่งนั้นในตัวอย่างนี้โดยทางโปรแกรม นี่เป็นตัวอย่างที่ดีของสิ่งที่ต้องทำโดยเน้นเมื่อคุณกำลังลบรายการ ฉันคิดว่าคุณทำได้ … ฉันจะแสดงตัวอย่างสิ่งที่คุณทำเมื่อคุณเพิ่มรายการ ดังนั้นฉันจึงมีตัวอย่างอย่างรวดเร็วที่นี่สำหรับการรักษาโฟกัส

Aaron Pearlman: และตรงนี้ เราจะตีเพิ่มอีก … คุณสามารถโฟกัสที่นี่ เพิ่มส่วนผสมอื่นแล้วโฟกัส จากนั้นจึงเลื่อนไปที่ส่วนผสมจริงในกรณีนี้ ฟิลด์ที่คุณเพิ่มด้วยเหตุผลสองประการ หนึ่งเพราะ สมมติฐานคือโดยการเพิ่มฟิลด์ถัดไปที่เราต้องการที่จะโต้ตอบกับฟิลด์นั้น และนั่นจะเป็นพฤติกรรมที่คาดหวังหากผมเป็นผู้ใช้ที่ใช้เมาส์เท่านั้น ผมจะเพิ่มส่วนนั้นตามสมมติฐานเพื่อที่ผมจะได้เริ่มพิมพ์ข้อความลงไปได้จริง

แอรอน เพิร์ลแมน: และอีกครั้ง เราไม่ต้องการให้ความสำคัญกับส่วนผสมอื่นด้วยเหตุผลเดียวกันกับที่หากพวกเขากลับมาอีกครั้ง เราไม่ต้องการเพิ่มส่วนผสมสองอย่างแทนที่จะเป็นอย่างใดอย่างหนึ่ง มันควรจะเป็นปัญหาตรงข้ามกับตัวอย่างก่อนหน้านี้ และสุดท้าย ตัวอย่างสุดท้ายที่ฉันอยากจะแสดง เพราะฉันคิดว่ามันคุ้มค่าที่จะแสดงให้เห็นก็คือ … ที่จริงแล้ว ฉันมีตัวอย่างนั้นแล้ว ฉันอาจดึงมันขึ้นมาสักหน่อย แต่ฉันสามารถอธิบายได้ว่ามันสวยและเหมาะเจาะถ้าคุณมีสิ่งที่คุณทำเมื่อคุณทำให้เกิดกิริยาช่วย? ตัวอย่างเช่น คุณบันทึกบางสิ่ง กิริยาช่วยหายไป ตอนนี้โฟกัสไปที่ใด และสิ่งที่เรามักจะทำ แต่หลักการทั่วไปก็คือ คุณต้องการส่งมันกลับไปที่องค์ประกอบใดก็ตาม [ไม่ได้ยิน 00:31:03] ได้รับ

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

Aaron Pearlman: และคุณคงไม่อยากส่งจุดโฟกัสนั้นกลับไปยังที่ที่เป็นอยู่ และเหตุผลในการทำเช่นนั้นก็คือเพื่อให้ผู้ใช้ Keyboard-Only หรือ Assistive Technology กลับมาใช้งานได้อีกครั้ง เพราะจำไว้ว่าพวกมันอยู่ในพื้นที่นั้น และพื้นที่นั้นค่อนข้างเป็นเส้นตรงว่าพวกมันเคลื่อนที่อย่างไร และโดยเฉพาะอย่างยิ่งเมื่อคุณใช้เมืองเพื่อผ่านทุกอย่าง ดังนั้น ฉันคิดว่าเราเพิ่งจะใช้เวลาประมาณ 40 นาที เราเกือบจะพร้อมแล้วสำหรับตัวอย่างและสิ่งต่างๆ ทั้งหมดที่ฉันมี ฉันจะส่งต่อให้สก็อตต์

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

Aaron Pearlman: เวลาถอดสิ่งของออก คุณควรจะมี ... คุณกำลังหมายถึงการแจ้งให้ทราบเช่นขนมปังปิ้งหรือคุณกำลังพูดว่าควรจะมีภูมิภาคที่แจ้งให้คุณทราบว่าเกิดอะไรขึ้น? หากคุณกำลังเปลี่ยนโฟกัสเพื่อลบรายการใดรายการหนึ่งออก เช่น ที่ผมเพิ่งแสดงให้เห็นในกรณีนั้น ๆ เช่น การเพิกถอนการลบนั้น ควรจะเพียงพอเพื่อให้พวกเขารู้ว่าแท้จริงแล้วรายการเหล่านั้นถูกลบไปแล้ว

Aaron Pearlman: มันควรจะหายไป นอกจากนี้ หากพวกเขากำลังใช้ Voice Over ก็จะรับข้อมูลนั้นด้วยเช่นกัน หากคุณกำลังโต้ตอบกับบางสิ่งและกำลังทำการเปลี่ยนแปลงที่อื่น เช่น คุณทำบางสิ่งแล้วเปลี่ยนตัวชี้วัดบางตัว ตัวอย่างเช่น คุณอาจต้องการใช้ภูมิภาคที่ถ่ายทอดสดซึ่งทำบางสิ่งอย่างสุภาพเพื่อให้พวกเขา รู้ว่าสิ่งนั้นเกิดขึ้น นั่นเป็นสิ่งที่ไม่อยู่ในขอบเขตที่คุณทำงานอยู่โดยเฉพาะ ฉันหวังว่ามันจะตอบคำถามของคุณ มันอาจจะเจาะลึกลงไปในสิ่งที่เป็นเทคนิคมากกว่าเล็กน้อย ฉันอาจต้องติดตามผลเพิ่มเติมอีกเล็กน้อยหากเราจะเจาะลึกเรื่องการติดตั้งใช้งานทางเทคนิคอย่างลึกซึ้ง

สกอตต์: สมบูรณ์แบบ

Aaron Pearlman: นักพัฒนาของฉัน ดังนั้นพวกเขาจึงไม่บังคับคุณให้มาถึง แต่โดยทั่วไปแล้วมักจะเป็นเช่นนั้น ตัวอย่างที่ฉันแสดงน่าจะเพียงพอ ถ้าคุณต้องการให้เป็นอย่างนั้นเพราะเป็นการลบ คุณสามารถมีส่วนชั่วคราวที่คุณส่งการแจ้งเตือนและพูดว่า “คุณแน่ใจหรือไม่ว่าคุณต้องการให้เขาลบสิ่งนี้” กรณีใดที่คุณเพิ่งเสริมให้มากขึ้นว่าเกิดอะไรขึ้น

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

Aaron Pearlman: โฟกัสการแจ้งเตือน? ฉันสามารถแสดงให้คุณดูได้ ถ้าคุณต้องการดู

สกอตต์: แน่นอน

Aaron Pearlman: เราสุ่มเลือกได้เพราะเรามีขนมปังปิ้ง ซึ่งเป็นการแจ้งเตือน ดังนั้นฉันจะเปิดขนมปังที่นี่ ดังนั้นสิ่งนี้จึงกำลังถูกเน้นอยู่ในขณะนี้ ขนมปังปิ้งนี้ปรากฏขึ้นและกำลังถูกเพ่งความสนใจอยู่ในขณะนี้ และอย่างที่คุณเห็น คุณสามารถแท็บลงในส่วนคำสั่งได้ที่นี่ ดังนั้นจึงขึ้นอยู่กับ So, if I finished something and I wanted to notify them that it's been finished and I toasted it, then I want to focus it so that they can see that it's been … that I'm communicating that information to them. So you want to shift focus to it.

Scott: Melanie is asking, “Do you have any tips for tips or resources for navigating slideshows?”

Aaron Pearlman: For navigating slideshows?

Scott: [crosstalk 00:36:00]. Very specific.

Aaron Pearlman: Yes. So navigating slideshows. We don't use them very often, so I'm going to answer this as best as I can. So one slideshows especially ones that are like carousels, they need to have a control so that you can stop them. I think that's an accessibility need, is that they have to have some control and a mechanism so that they can be stopped. Anything that's an animation wise can't animate for more than five seconds at a time and then the animation has to stop.

Aaron Pearlman: That may not be relevant to what you're doing, but it is moving. And those controls then need to be focusable most carousels have … A lot of fancy new ones. we'll have menus that can come up when they get hovered over or focused on, just consider that all those controls need to be traversable, and then their very image heavy. A lot of carousels and slideshows need to be, so that you're going to need to have proper alternative texts on them. Just the things that you would expect.

Aaron Pearlman: Off the top of my head, I don't know of any fully accessible carousel that I can think of. But let me see if I can find a better example and I will try and pass it along through smashing and have that available if I can find it. It's a great question because they come up a lot. I ended up tending to solve that problem in a slightly different way because I think they're tricky, but that doesn't mean that they can't be done.

Scott: Rebecca is asking, “Can you give a use case for skip links?” And then similar early related, Patricia's asking, “Do you know how to solve the issue with skip links in Safari plus the VoiceOver?” [crosstalk 00:38:18]. Again, maybe more technical than user experience related.

Aaron Pearlman: Yes. The second one, I'm not entirely sure what actually is going on that, that there may be an issue there. Again, I can try and see if that's something that our developers have encountered before and how they've gotten around it. So we'll make a note of that and I'll try and circle back. But for the first one what's a use case for Skip links? I want to avoid giant banner menus and I want to get straight to a sale that I heard that there is today and I don't want to have to do that.

Aaron Pearlman: If I was a sighted a mouse only user, I would just visually ignore it and then go move my mouse over and just click on the sale item. If I'm a keyboard only ora assisted technology user, I would have to tab through all of that menu, potentially bunch of banner items as well before I could finally get to the workspace. that has maybe the sale items. So that would be a great use for a Skip link to get right to the content. Skip to main content is a phrase you see very, very common. ข้ามไปที่เนื้อหาหลัก

Scott: Okay. That's a good, good point. And I think in terms of all the user related questions from the attendees that covers them. We do have some general questions that we like to ask. So, low hanging fruit for people that are trying to build an accessible website. If somebody wants to put together a site in a few hours and make sure it's accessible, what are some the easy things that just they can check off the list right away.

Aaron Pearlman: Sure. So some things that you can do immediately with any site or application that you're working on, you can review your font choices for things like color contrast, there are plenty of color, if you put in color contrast, selector, picker or something like that, you'll get it and you'll just put it in the Hex value or the RGB value of what your font is and then what the background, whatever element the background color is sitting on and make sure that it's meeting at 4.5 to one.

Aaron Pearlman: So that's one that you can do immediately. Check your color Palette, you want to do color contrast where I see that color contrast fails a lot is when people use the endless shades of gray to have various levels of first class, second class, third class elements and things like that. Just make sure that if it's an interactive element that it's a passing color contrast.

Aaron Pearlman: Another thing, check your the images that are important, that are non decorative images. Make sure that they have all texts. Just one that you can add immediately. And then check your review, your heading structure, make sure that your h1 tags, h2 tags, h3 tags, h4 tags and so on. They all make sense with the structure of it and make sure that the content is properly paired with those heading tags.

Aaron Pearlman: That's things that you can do immediately. And then also you can just, this is a small blog but you can download AX, that's our accessibility engine. It's totally free. It's a little extension for chrome and Firefox and just hit the run button and see what you find. It's a lot of things that you can help alleviate immediately or change immediately. You can also turn on VoiceOver, for example, if you're on a Mac and start to go through your site and see what it sounds like for somebody who uses just a technology. It's a great thing that we can do immediately.

Scott: Okay. Janat, has a question here. So what is it about accessibility that interests you and how did you know you've been doing design and UX for so long, but you've only been doing accessibility for smaller period of time, so that catch your attention?

Aaron Pearlman: It had been something that had been on the purview of some of the design that I had done in a later part of my design career till I got here. In my design career, I've always wanted to work on things that I felt in some way tried to make the world a slightly better place and I felt that working. And accessibility was one way to make … Very much believe in the core value of universal design or more importantly adapted design. Design that adapts itself to two different types of individuals to provide what we call GQ like digital equality. We want everyone to be able to use everything as best as we can possibly provide that universal experience that we can have. I don't know as a person that very much appeals to me. And so it was just a good fit to learn design. That's really cool.

Aaron Pearlman: Designing accessibly is a one way street. Like once you start to design accessible, you never don't not design accessible anymore. It's like UX designers don't design unless you're being tongue in cheek, you're not going to design something to have a really poor user experience. It's going to be part of your vernacular from that point forward. And once you begin to design accessibly, it never goes away. I can't like not think about accessibility as I do designing and that's a really, really cool thing.

Aaron Pearlman: It also affords you to start to think about things that you didn't think you had access to. Like, did you know that your focus on your page, you can design focus to look differently for different elements on the page? That blew my mind when I found that out and I thought that was so cool that gave me a little bit more control, I knew you could create really cool Hover States, but I didn't know focus was a state that you had full control over as well.

Scott: Our industry there's always a new trend that's just kind of how it goes, that's the web. Are there any design trends right now that you know that are inhibiting accessibility? And if so, is there any recommendations you can make to avoid that?

Aaron Pearlman: I don't know if there's anything that's super trendy right now when I look at different sites and web applications that couldn't be designed excessively. I think there are pitfalls that that we've been falling into longer than any one trend as existed or at least has existed for some time. I just mentioned one, what I call the endless shades of gray. That's one. In general, just being mindful of the contrast for your text. It is rampant.

Aaron Pearlman: It is by an order of magnitude, the most accessibility issues, if you were to like run an engine against it, like AX, it'll be color contrast almost always. So just being really, really, really mindful of that regardless of where your text is on the page. Again, I mentioned it again, just being careful with your images. If you have an image that's conveying important information to a sited user, that information needs to be conveyed to the user. That is user as well.

Aaron Pearlman: And what I mean by information that's conveyed is if what's being conveyed is that the person is doing something that's, you wouldn't necessarily describe it as a man standing. It could be that they're playing baseball. Maybe that's the important part. So make sure that the, that the, the alternative text matches with the intended information that's trying to be conveyed, received out a lot too. Even when all texts is there, it just doesn't accurately describe what is trying to be portrayed.

Aaron Pearlman: And then the other one too is progressive disclosure menus, many times you see on Hover Menus and stuff like that. They don't do a great job of being evoked on focus as well. And they don't always do a good job of … So that is a trend I do see. I do see a lot of menus coming up on Hover, when you hover over something you get the secondary menu that was hidden before that now finds itself to the front.

Aaron Pearlman: Also making that be able to Hover or a mechanism that allows you to evoke it and that will properly capture focus inside there so that you can use it. Those are a few things off the top of my head that I can say I would see a lot.

Aaron Pearlman: So as a graphic designer, you obviously work with development teams and a lot of the times when we're doing wireframes and design of the onset of the project, they're inherently not inaccessible. It doesn't really become an issue, it seems until it comes to the development stage and people start taking that design and turning it into code. So how do you work with developers to make sure that the design that is being made from the start is going to be accessible when they're done with it. Do you do audits throughout the process, at the end of the process? Like what's the workflow with developers?

Aaron Pearlman: Sure. So the workflow for our development team is going to be, I think somewhat similar to a lot of other organizations. We work in scrum, so we work in sprints and scrum and I'll go through a discovery process. They're going to be privy to that, they're not going to see it when the design is fully finished.

Aaron Pearlman: They're going to see it throughout the design. I'll have opportunities to talk with them a little bit about what the intent of the design is. They will probably set in on some of the user research that I've done, some of these ability testing that I've done. So, hopefully at that point nothing's really new to them that I'm not going to get any 11th hour that we can't even do this thing. I still have to deal with all the other things outside of accessibility that every other designer has to deal with, like is this feasible? Is it valuable? Is it all of those things that we have to deal with.

Aaron Pearlman: With regards specifically to accessibility, sometimes I will annotate the designs in a particular way that will indicate where tab focus should go. At the end of the slide deck that I have, there's a great resource that one of the designers from Adobe put together. I know there's like a pdf, there may be. There's like a sketch file as well in there, there may be an XD file as well.

Aaron Pearlman: I don't think, maybe just sketch. But it shows you like all of these different ways that you can annotate things like, accessible names, tab order and basically are little objects that you can place on your design to indicate some of those things as you go through. It's a really, really wonderful resource. It's all included in here as well. That's a great way of saying, “Here's part of my prototype and here's the expected tab, order for it.” So that you have that as part of your artifact as part of the digital documentation or annotation that goes along with it.

Aaron Pearlman: สิ่งหนึ่งที่เราทำคือฉันใส่คำอธิบายประกอบการออกแบบของฉันค่อนข้างมาก ทุกอย่างตั้งแต่ขนาดของสิ่งที่ควรจะเป็น ไปจนถึงรหัส Hex หรือค่า RGBA สำหรับสิ่งที่ควรมีลักษณะและความรู้สึก นอกจากนี้ยังมีคำอธิบายประกอบการช่วยสำหรับการเข้าถึงที่คุณสามารถเพิ่มได้เช่นกัน

แอรอน เพิร์ลแมน: แล้วแค่สื่อสารกัน มองผ่านงานสร้างขณะที่พวกเขาเดินผ่าน ทำให้แน่ใจว่าสิ่งที่คุณทำ Custom focus ที่ Custom Focus เหล่านั้น ดูดี ตรวจสอบความเปรียบต่างของสี ตรวจสอบให้แน่ใจว่ามันผ่านเข้ามา แบบอักษรนั้น ตัวเลือกที่คุณมีมีบางแบบอักษรที่เมื่อน้ำหนักสูงขึ้นและมีขนาดใหญ่ขึ้น คอนทราสต์ของสีไม่จำเป็นต้องเป็น 4.5 จริงๆ แล้ว มันอาจจะต่ำกว่านิดหน่อย แต่คุณแค่ต้องการจับตาดูสิ่งเหล่านั้น เช่นเดียวกับที่คุณจะจับตาดูสิ่งต่าง ๆ ประสบการณ์เช่นกัน คุณจะต้องจับตาดูสิ่งที่คุณได้คำนึงถึงและใส่คำอธิบายประกอบไว้ในงานออกแบบของคุณ

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

แอรอน เพิร์ลแมน: แน่นอน นั่นเป็นหนึ่งในปฏิกิริยาแรกเริ่มของฉันที่ต้องออกแบบให้เข้าถึงได้ นั่นคือมีคนใส่กุญแจมือให้ฉันแล้วพูดว่า "มีกล่องเล็กกว่ามากที่คุณต้องใช้งานได้" เป็นความจริงที่การออกแบบให้เข้าถึงได้หมายความว่าอาจมีความท้าทายมากขึ้นเนื่องจากมีกฎเกณฑ์อื่นๆ ที่คุณต้องปฏิบัติตาม แต่ในท้ายที่สุด ฉันพบว่าประสบการณ์จบลงแล้วดีขึ้น แต่ฉันไม่ได้ … เมื่อฉันลบชื่อเรียกผิดนั้นออกและเริ่มทำการออกแบบที่เข้าถึงได้มากขึ้นเรื่อย ๆ ซึ่งเข้าถึงได้ WCAG 2.0 AA ฉันสังเกตเห็นว่าฉันทำได้ทุกอย่าง ที่ฉันอยากทำ

Aaron Pearlman: บางครั้งฉันจำเป็นต้องแสดงหรือแก้ปัญหาด้วยวิธีที่ต่างไปจากเดิมเล็กน้อย ฉันคิดว่าหลายคนคิดเกี่ยวกับการออกแบบที่เข้าถึงได้ … ฉันจะยกตัวอย่างที่เฉพาะเจาะจงมากให้คุณ เมื่อพวกเขาคิดเกี่ยวกับการออกแบบการช่วยสำหรับการเข้าถึง พวกเขาคิดว่า "โอ้ ฉันไม่สามารถสร้างภาพจำลองที่สวยงามเหล่านี้ได้ทั้งหมด ฉันไม่สามารถทำสิ่งเหล่านั้นได้ทั้งหมดเพราะว่าจะไม่สามารถเข้าถึงได้ เพราะหากบุคคลไม่สามารถมองเห็นได้ ฉันก็จะไม่สามารถทำได้”

แอรอน เพิร์ลแมน: ฉันกำลังออกแบบการแสดงภาพที่เป็นเพียงพื้นฐาน แค่ประเภทของกราฟเส้น และภายใต้เหล่านั้น มีกราฟเส้น บนแกน x ที่นั่น ฉันคิดว่าถึงเวลาแล้ว และบนแกน y มันคือการใช้งานหรืออะไรทำนองนั้น นั่น. และมีการไล่ระดับสีเล็กๆ ที่สวยงามซึ่งลงไปจากมัน และมีเส้นแสงที่ด้านหลังมันเพื่อวาดภาพเดือนและเวลา และเมื่อฉันพูดคุยกับผู้เชี่ยวชาญด้านเนื้อหาของฉันเกี่ยวกับการทำให้สามารถเข้าถึงได้ ฉันก็แน่ใจว่าเขาจะเป็นแบบ "ไม่" แต่เขาบอกว่าจริงๆ แล้ว มีเพียงไม่กี่สิ่งที่ฉันต้องทำเพื่อให้สามารถเข้าถึงกราฟที่ดูดีจริงๆ ได้ อย่างแรก เส้นที่อยู่ด้านบนนั้นต้องผ่านคอนทราสต์ของสี เพราะนั่นคือสิ่งที่กำลังถ่ายทอดข้อมูลของเทรนด์เมื่อเวลาผ่านไป

Aaron Pearlman: สิ่งที่ไล่สีข้างใต้เป็นเพียงการตกแต่ง และตราบใดที่มันไม่ขัดจังหวะการส่งผ่านของความคมชัดของสีนั้นกับเส้นแกน y และ x และจบลงด้วยดี เส้นที่อยู่ข้างหลังนั้นไม่เป็นไร แต่ฉันลงเอยด้วยการทำเครื่องหมายที่ด้านล่างเพื่อระบุว่า และเมื่อฉันวางเมาส์เหนือและเพ่งความสนใจไป เพราะบางครั้งคุณสามารถวางเมาส์เหนือและมันจะเพิ่มจุดลงในส่วนหนึ่งของกราฟเส้น เพียงทำให้แน่ใจว่าจุดนั้นจะส่งผ่านสี ตัดกัน. ฉันทำอย่างนั้นโดยทำโดนัทแบบที่คุณใส่จุดสีขาวกับอีกจุดหนึ่ง หรือฉันควรจะบอกว่ามันเหมือนเส้นขีดขนาดใหญ่ที่ด้านนอกของมันเช่นกัน

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

แอรอน เพิร์ลแมน: เป็นเพียงการมีสติจริงๆ เกี่ยวกับสิ่งเหล่านั้น การได้รับตัวอย่างเพิ่มเติม และเพียงแค่พยายามและลองทำสิ่งต่าง ๆ และการมีคนอื่น ๆ ที่คุณสามารถนำเสนอความคิดเหล่านั้นด้วยและตีกลับและตรวจสอบอีกครั้ง จริงๆ แล้ว ทำอย่างนั้น. ฉันไม่คิดว่ามันขัดขวางอะไรจริงๆ มันแค่ทำให้คุณต้องคิดให้ชัดเจนขึ้นอีกหน่อยว่าคุณจะทำอย่างไร และตรวจสอบให้แน่ใจว่าคุณกำลังมองผ่านเลนส์ว่าบุคคลมีส่วนร่วมกับสิ่งนี้อย่างไร หากพวกเขามีสายตาเลือนราง หรือหากพวกเขาทำไม่ได้' ไม่เห็นเลยหรือไม่ได้ยินว่าคุณกำลังสร้างแอปพลิเคชันสื่อ

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

Aaron Pearlman: ใช่ มันเป็นกระบวนการทั้งหมด ฉันจะเป็นมากกว่าเล็กน้อย ... ฉันรู้ว่าใครที่ฉันพูดแบบนั้นและฟังดูเย่อหยิ่งนิดหน่อย ดังนั้น ในช่วงแรกๆ ที่คุณทำสิ่งต่างๆ เช่น การสร้างต้นแบบที่มีความเที่ยงตรงต่ำ คุณจะต้องคิดถึงสิ่งต่างๆ เช่น การเรียงลำดับแท็บ คุณกำลังคิดเกี่ยวกับหัวเรื่องและโครงสร้าง อะไรประมาณนั้น นั่นคือประเภทของสิ่งอำนวยความสะดวกในการเข้าถึงที่คุณคิด ต่อมาเมื่อความเที่ยงตรงสูงขึ้น คุณจะนึกถึงสิ่งต่างๆ เช่น สีและพาเลทที่คุณเลือก บางทีอาจเป็นชื่อที่เข้าถึงได้ ข้อความแสดงแทนสำหรับสิ่งใดก็ตามที่อาจเป็นประโยชน์ที่คุณอาจกำลังนึกถึง ตัวอย่างเช่น หากคุณกำลังใช้การโฟกัสแบบกำหนดเอง นั่นอาจเป็นจุดที่คุณจะเริ่มคิดถึงเรื่องนั้น

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

สกอตต์: ครับ ยุติธรรมพอ ในบันทึกนั้น เราหมดเวลาแล้ว แอรอน ขอบคุณมากสำหรับเวลาของคุณและ-

Aaron Pearlman: เยี่ยมมาก ฉันมีช่วงเวลาที่วิเศษ

สก็อตต์: ฉันคิดว่าคุณจะเข้าร่วมการประชุม Smashing ครั้งต่อไป

Aaron Pearlman: ฉันจะอยู่ที่นิวยอร์ก ฉันจะอยู่ที่นิวยอร์ก

สก็อตต์: โอเค แล้วพวกคุณกำลังทำเวิร์คช็อปที่นั่นไหม?

Aaron Pearlman: ใช่ พวกเราเอง

สก็อตต์: โอเค สุดยอด. ขอขอบคุณอีกครั้งที่สละเวลาเพื่อให้เห็นสมาชิกที่ยังคงดูอยู่ เรามีการสัมมนาผ่านเว็บสองครั้งในสัปดาห์หน้า อย่างแรกคือพลังของคนดิจิทัลกับ Kristina Podnar แล้วเราก็มีหมายเลขสามในชุดของเรากับ Andrew Clarke, Inspired Designs Decisions, หมายเลขสามซึ่งได้รับแรงบันดาลใจจากเออร์เนสต์เจอร์นัล ขอบคุณทุกท่านมากที่มาร่วมงานในวันนี้ และอีกครั้ง การบันทึกนี้จะพร้อมใช้งานในแผงสมาชิกที่ส่งเมื่อเราแก้ไขเสร็จแล้ว และเราหวังว่าจะได้พบคุณในสัปดาห์หน้า ขอบคุณอีกครั้งค่ะคุณเอริน

นั่นคือห่อ!

เราขอขอบคุณ Smashing Members จากก้นบึ้งของหัวใจของเราสำหรับการสนับสนุนอย่างต่อเนื่องและมีน้ำใจ - และเราแทบรอไม่ไหวที่จะเป็นเจ้าภาพการสัมมนาทางเว็บเพิ่มเติมในอนาคต

เราดีใจมากที่ได้ต้อนรับ Aaron เข้าสู่งาน SmashingConf New York (15-16 ตุลาคม) ที่กำลังจะมีขึ้นของเรา เราอยากพบคุณที่นั่นเช่นกัน!

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