เว็บ
การออกแบบระบบ UI แบบแยกส่วนผ่านการพัฒนาที่ขับเคลื่อนด้วยคำแนะนำสไตล์
การใช้คู่มือสไตล์เพื่อขับเคลื่อนการพัฒนาเป็นแนวทางปฏิบัติที่ได้รับแรงฉุดอย่างมากในการพัฒนาส่วนหน้า และด้วยเหตุผลที่ดี **นักพัฒนาซอฟต์แวร์จะเริ่มต้นในคู่มือรูปแบบ** โดยการเพิ่มโค้ดใหม่หรืออัปเดตโค้ดที่มีอยู่ ซึ่งจะทำให้ระบบ UI แบบแยกส่วนถูกรวมเข้ากับแอปพลิเคชันในภายหลัง แต่เพื่อที่จะนำระบบ UI แบบแยกส่วนไปใช้ เราต้องเข้าหาการออกแบบด้วยวิธีโมดูลาร์ การออกแบบโมดูลาร์กระตุ้นให้เราคิดและออกแบบ UI และ UX ในรูปแบบต่างๆ ตัวอย่างเช่น แทนที่จะออกแบบชุดของหน้าหรือมุมมองเพื่อให้ผู้ใช้ทำงานให้สำเร็จ เราจะเริ่มกระบวนการออกแบบโดยทำความเข้าใจว่าระบบ UI มีโครงสร้างอย่างไรและส่วนประกอบต่างๆ สามารถใช้เพื่อสร้างโฟลว์ผู้ใช้ได้อย่างไร
อ่านเพิ่มเติมการออกแบบแผนที่: การออกแบบแผนที่รถไฟใต้ดินของ Ekaterinburg ใหม่
เครือข่ายรถไฟใต้ดินขนาดใหญ่อาจเป็นอุปกรณ์เคลื่อนย้ายได้ ผู้คนไม่สนใจว่าจะพาพวกเขาจาก A ไป B ได้อย่างไร แค่ทำอย่างนั้น ในลอนดอน ปารีส และมอสโก แผนที่ของรถไฟใต้ดินไม่แสดงภูมิศาสตร์พื้นผิว เนื่องจากมีเนื้อที่ว่างไม่มากนักบนแผ่นงาน การออกแบบแผนที่รถไฟใต้ดินของเมืองค่อนข้างเป็นงานที่ท้าทาย แม้ว่าจะมีเพียงเส้นเดียว ปีที่แล้ว เพื่อนร่วมงานของฉัน Pasha Omelekhin และฉันตื่นเต้นที่จะออกแบบแผนที่รถไฟใต้ดินใหม่สำหรับเมือง Ekaterinburg ประเทศรัสเซีย พวกเราสนุกกัน (เขาออกแบบ ผมกำกับ) ในบทความนี้ เราจะพูดถึงขั้นตอนการออกแบบของเรา มันจะมีรายละเอียด ดังนั้น ขึ้นอยู่กับความสนใจของคุณ มันอาจจะน่าเบื่อหรือน่าตื่นเต้นมาก ถึงกระนั้นเราก็ทิ้งไปมาก เราหวังว่าสิ่งนี้จะช่วยได้ในกรณีที่คุณต้องทำงานในโครงการที่คล้ายคลึงกัน
อ่านเพิ่มเติมกรอบการทำงานสำหรับการระดมความคิดผลิตภัณฑ์
การระดมสมองนั้นขึ้นชื่อว่าไม่มีโครงสร้างและมักจะไม่สามารถดำเนินการได้ ผู้คนเข้ามาในห้องพร้อมกับโพสต์อิทและกระดานไวท์บอร์ดและคาดหวังว่าจะมีไอเดียดีๆ เกิดขึ้น ปัญหาคือ แม้ว่าจะมีไอเดียดีๆ อยู่ในห้อง แต่ก็มักจะไม่มีวิธีที่แน่ชัดในการตัดสินใจว่าจะใช้ไอเดียใดดำเนินการ ประมาณหนึ่งปีที่แล้ว ฉันและเพื่อนร่วมงานของฉัน Michael (หุ้นส่วนผู้ก่อตั้งที่ AJ&Smart) กำลังนั่งอยู่ในมาสเตอร์คลาสที่ดำเนินการโดย Adrian Howard ที่ยอดเยี่ยมในเรื่องการจัดลำดับความสำคัญของคุณลักษณะในการพัฒนาที่คล่องตัว โดยเฉพาะอย่างยิ่ง เรากำลังถามว่าเราจะตัดสินใจได้อย่างไรว่าฟีเจอร์ใดจะมาเป็นลำดับต่อไปและควรเผยแพร่เมื่อใด
อ่านเพิ่มเติมวิธีการเปิดตัวคุณสมบัติใหม่โดยไม่ทำร้ายผู้ใช้ที่ภักดี
_“คล่องตัว; ปล่อยก่อน; ปล่อยบ่อยๆ” _ เรารู้จักการฝึกฝน แต่ควรใช้กลยุทธ์อย่างต่อเนื่องที่จะนำเสนอคุณลักษณะต่างๆ บ่อยๆ หรือไม่ โดยเฉพาะอย่างยิ่งเมื่อผลิตภัณฑ์ที่คุณกำลังสร้างถึงขนาดที่กำหนด คุณอาจไม่ต้องการเสี่ยงต่อความสมบูรณ์ของแอปพลิเคชันของคุณกับการเปิดตัวย่อยใหม่ทุกรายการ
อ่านเพิ่มเติมรายการเรื่องรออ่านสำหรับการพัฒนาเว็บ #141: jQuery 3, Chillout.js และวิธีที่เทคโนโลยีสร้างสังคม
มีบางสัปดาห์ที่ฉันไม่พบบทความสำหรับส่วน "ไปไกลกว่า" ของรายการเรื่องรออ่านสำหรับการพัฒนาเว็บเลย และมีหลายสัปดาห์เช่นนี้ ที่งานชิ้นยอดเยี่ยมสองชิ้นปรากฏขึ้นซึ่งเผยให้เห็นมากมายเกี่ยวกับ **วิธีที่เราอยู่ร่วมกับเทคโนโลยีใหม่** และวิธีที่สิ่งนี้กำหนดสังคมของเรา นอกจากบทความด้านเทคโนโลยีดีๆ มากมายแล้ว วิธีที่ยอดเยี่ยมในการฝากถึงคุณในอีกสองสัปดาห์ข้างหน้า โปรดทราบว่าฉันจะไปพักผ่อนในสัปดาห์หน้า ดังนั้นวันศุกร์หน้าจึงไม่มีสรุป
อ่านเพิ่มเติมหาเพื่อน เพิ่มความคิดสร้างสรรค์ และทำให้ฝันดิจิทัลของคุณเป็นจริง
คุณหลงใหลในบางสิ่งหรือไม่? คุณมีโครงการลับหรือไม่? ไม่ใช่สิ่งที่จะเปลี่ยนโลก (ทั้งๆ ที่ใครจะรู้) แต่จะ _เปลี่ยนคุณ_ อย่างแน่นอน? คุณมีเพื่อนที่เติมเต็มทักษะของคุณหรือไม่? เมื่อเร็ว ๆ นี้มีใครขอความช่วยเหลือเกี่ยวกับโครงการของพวกเขาหรือไม่? คุณเพิ่งมีความฝันดิจิทัลหรือมีแผนที่จะทำให้เป็นจริงหรือไม่? มืออาชีพทุกคนมีบางอย่างที่เหมือนกัน เรียกว่า Comfort Zone สัญญาณแรกที่คุณอยู่ในนั้นคือเมื่อคุณไม่เห็นความท้าทายบนขอบฟ้า คุณรู้แทบทุกอย่างที่คุณจำเป็นต้องทำเพื่อให้ทำงานได้ดี และหากมีสิ่งใดที่ไม่คุ้นเคยมาในแบบของคุณ คุณก็สามารถแก้ไขได้อย่างรวดเร็ว อาจต้องใช้เวลาสักพักกว่าจะรู้ตัวว่าคุณหยุดเคลื่อนไหวแล้ว และการทำงานในโครงการอิสระดูเหมือนจะเป็นวิธีเดียวที่จะทำให้สมองของคุณไม่ว่าง
อ่านเพิ่มเติมดูกองเซิร์ฟเวอร์ WordPress สมัยใหม่
**หมายเหตุบรรณาธิการ**: _Today เป็นวันพิเศษสำหรับ WordPress ขับเคลื่อนเว็บไซต์จำนวนมาก (และใช่ Smashing Magazine เป็นหนึ่งในนั้น) ฉลองวันเกิดครบรอบ 13 ปีในวันนี้ สุขสันต์วันเกิด WordPress ที่รัก! มีอีกมาก!_ คุณจำได้ไหมว่าเมื่อใดที่คุณสามารถเรียกใช้เว็บไซต์ WordPress ที่ "เร็ว" ด้วยเซิร์ฟเวอร์ Apache และ PHP ได้? ใช่นั่นคือวัน! สิ่งต่าง ๆ นั้นซับซ้อนน้อยกว่ามากในตอนนั้น ตอนนี้ทุกอย่างต้องโหลดเร็วปานสายฟ้าแลบ! ผู้เข้าชมไม่มีความคาดหวังเกี่ยวกับเวลาในการโหลดเหมือนเดิม เว็บไซต์ที่ช้าอาจมีผลกระทบร้ายแรงต่อคุณหรือลูกค้าของคุณ
อ่านเพิ่มเติมแบไต๋ประสิทธิภาพภาพเว็บ
เนื่องจากเบราว์เซอร์ปรับปรุงความสามารถในการแสดงผลกราฟิกอย่างต่อเนื่อง ความสามารถในการออกแบบภายในตัวเบราว์เซอร์อย่างแท้จริงจึงกลายเป็นความจริงมากขึ้น โค้ดไม่กี่บรรทัดสามารถแสดงผลได้อย่างรวดเร็วและน่าทึ่ง และ **ช่วยให้มีความสอดคล้องกันโดยไม่ต้องใช้ความพยายามมาก** และเช่นเดียวกับส่วนใหญ่ในการพัฒนาเว็บ มักจะมีหลายวิธีที่จะบรรลุผลเช่นเดียวกัน ในโพสต์นี้ เราจะมาดูเอฟเฟกต์ภาพยอดนิยม ระดับสีเทา และประเมินทั้งความง่ายในการใช้งานและผลกระทบด้านประสิทธิภาพของผ้าใบ HTML, SVG, ตัวกรอง CSS และโหมดผสมผสาน CSS _ตัวไหนจะชนะ_
อ่านเพิ่มเติม6 ขั้นตอนง่ายๆ เพื่อการออกแบบไอคอนที่ดีขึ้น
ชุดไอคอนทุกชุดที่ส่งไปยัง Iconfinder จะได้รับการตรวจสอบและประเมินว่ามีความน่าสนใจสำหรับผู้ใช้เว็บไซต์ของเราหรือไม่ และมูลค่าทางการค้าที่อาจเป็นไอคอนระดับพรีเมียม เมื่อตรวจสอบชุดไอคอนที่ส่งไปยังเว็บไซต์ เรามีความรับผิดชอบต่อนักออกแบบและลูกค้าของเราเพื่อให้แน่ใจว่าไอคอนพรีเมียมทั้งหมดบนเว็บไซต์มีคุณภาพสูงสุด
อ่านเพิ่มเติมการสร้างต้นแบบเนื้อหาเป็นอันดับแรก
เนื้อหาเป็นสินค้าหลักของเศรษฐกิจดิจิทัล มันคือทองคำที่เรานำแฟชั่นไปสู่ประสบการณ์ที่หรูหรา เพชรที่เราใส่ไว้ในโปรแกรมความภักดีและการเพิ่มยอดขาย อย่างไรก็ตาม ในฐานะนักออกแบบ เรามักจะเสียบมันเข้าไปหลังจากข้อเท็จจริง เราสร้างต้นแบบการโต้ตอบและการออกแบบภาพของเราให้อ่อนล้า แต่ยอมรับว่า "คำพูดจริง" สามารถทิ้งไว้ได้ในภายหลัง มีวิธีที่ดีกว่า สินค้าดิจิทัลที่เราสร้างขึ้นนั้นดำเนินการภายในระบบแบบไดนามิกของเนื้อหา ฟังก์ชัน โค้ด และความตั้งใจมากขึ้นเรื่อยๆ ผลิตภัณฑ์และบริการของเราล่องลอยและทะลักเข้าสู่เว็บไซต์พันธมิตร ฟีดโซเชียลมีเดีย และผู้รวบรวมทางอิเล็กทรอนิกส์จำนวนมากมาย ทั้งหมดนี้พยายามกำหนดพฤติกรรมและความเข้าใจของผู้เยี่ยมชม **ระบบสร้างขึ้นจากระบบ** และในระยะเวลาอันสั้น เราได้รวมเอาความใหญ่โตมโหฬารซึ่งทำให้เกิดความสับสน
อ่านเพิ่มเติม