10 แผ่นโกงการออกแบบ UX/UI ที่ยอดเยี่ยม

แผ่นโกง UX/UI เพื่อบันทึก

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

หากกลยุทธ์เหล่านี้มีประโยชน์ อย่าลืมตรวจสอบเคล็ดลับเหล่านี้ด้วยเมื่อปรับปรุงการออกแบบ UX ของเว็บไซต์ของคุณ

1. แผ่นโกงการออกแบบ iOS 7

การเปิดตัว iOS 7 ทำให้เกิดการเปลี่ยนแปลงมากมายในอินเทอร์เฟซ และนักออกแบบจะต้องปรับภาษาภาพของตนให้เข้ากับการออกแบบแฟลตใหม่ของ iOS Apple ระบบกริด ขนาด การพิมพ์ และการยึดถือทั้งหมดได้รับการอัปเดตแล้ว Ivo Mynttinen มีน้ำใจมากพอที่จะสร้างสูตรโกง (อัปเดต) สำหรับนักพัฒนาและนักออกแบบที่ครอบคลุมข้อมูลทั้งหมดที่คุณจำเป็นต้องรู้สำหรับ iOS 7 รวมถึง:

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

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

2. แผ่นโกงการออกแบบ Android

แน่นอน เรายังรวม แผ่นโกงการออกแบบ Android ที่คล้ายกันไว้ให้คุณด้วย นี่คืออินโฟกราฟิกที่สวยงามซึ่งออกแบบโดย Meghan Dever นักออกแบบอุปกรณ์พกพาที่ Double Encore, Inc. คู่มือการออกแบบสำหรับ Android มีข้อมูลนี้อยู่ แต่จะค้นหาและอ่านได้ง่ายกว่ามากในเอกสารสรุปข้อมูลที่น่าสนใจนี้

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

• • ช่องข้อความ Android, แถบค้นหา, สปินเนอร์, ตัวเลือก, สวิตช์ และกรณีการใช้งาน
  • แอสเซท 9 แพตช์ พร้อมการเพิ่มความสามารถในการจัดวางขอบเขตออปติคัล
  • ขนาดอุปกรณ์ Android และขนาดองค์ประกอบที่เกี่ยวข้อง
  • ช่องว่างภายในที่เหมาะสมสำหรับองค์ประกอบ UI
  • แถบการดำเนินการ เฉพาะตามบริบทและไอคอนตัวเรียกใช้งาน
  • การแปลง Dp เป็น px

3. จิตวิทยาอินโฟกราฟิกสี

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

4. แผ่นโกง HTML5

อัปเดต 9/9/16: แผ่นงานนี้ไม่สามารถใช้ได้อีกต่อไป

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

• • แท็กใหม่ที่ออกมาสำหรับ HTML5
  • แท็กที่มีอยู่จาก HTML4 ที่ยังคงใช้ได้สำหรับ HTML5
  • แท็กเก่าที่ล้าสมัยใน HTML5
  • คุณลักษณะและสิ่งที่เก่าและใหม่สำหรับพวกเขาด้วย
  • แผนภูมิความพร้อมของเบราว์เซอร์

5. แผ่นโกง Ninja UX

สำหรับขั้นตอนการวิจัยของกระบวนการ UX คุณสามารถดูเอกสารสรุปเจ๋ง ๆ นี้ที่ทำโดย Hilary Little สำหรับคำปราศรัย CodeFest ของเธอ เป็นแนวทางปฏิบัติที่ดีที่สุดบางประการที่ควรคำนึงถึงเมื่อทำการทดสอบผู้ใช้

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

6. การออกแบบแบบฟอร์มเว็บชีตชีต

Smashing Magazine ได้นำความสวยนี้มาให้พวกเราได้ใช้และแชร์กัน เป็นคำอธิบายสำหรับการออกแบบฟอร์มที่ยอดเยี่ยม ผู้ออกแบบผ้าปูที่นอนนี้มีความเชี่ยวชาญในการออกแบบและทดสอบรูปแบบต่างๆ

พวกเขาตัดสินใจค้นหาปัญหาที่พบบ่อยที่สุดและอธิบายว่าพวกเขาแก้ไขอย่างไร จากนั้นจึงใส่ทั้งหมดลงในเอกสารโกงของนักออกแบบที่ยอดเยี่ยมนี้ พวกเขาต้องการสร้างบางสิ่งบางอย่างเพื่อให้ทุกคนมีรูปแบบที่ดีขึ้น มันมีเทมเพลต Omnigraffle รวมถึง Photoshop (PSD) และตัวอย่าง PDF ให้คุณดาวน์โหลด มันมาพร้อมกับคำแนะนำที่ดี สิ่งที่ควรทำและไม่ควรทำ และตัวอย่างเค้าโครงบางส่วนที่คุณสามารถใช้ได้

7. jQuery Cheat Sheet

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

• ตัวเลือก
• คุณสมบัติ/CSS
• การจัดการ
• ข้ามผ่าน
• กิจกรรม
• เอฟเฟกต์
• อาแจ็กซ์
• แกน

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

8. คำศัพท์ UX

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

• แบบฝึกหัด UX
• บทบาทของ UX
• กิจกรรม UX
• ข้อกำหนดอินเทอร์เฟซผู้ใช้
• ผลลัพธ์ UX

9. แผ่นโกงไอคอน JQuery

นี่คือรายการไอคอนอย่างรวดเร็วที่คุณสามารถสร้างได้ด้วย jQuery หลายๆ คนอาจจะรู้จักสิ่งเหล่านี้บ้างแล้ว แต่เดี๋ยวก่อน!

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

สิ่งนี้มาถึงคุณโดย Pete Freitag จาก Foundeo Inc. โดยส่วนตัวแล้วนี่เป็นสิ่งที่ฉันโปรดปรานจากผู้ออกแบบสูตรโกงทั้งหมด

10. WordPress Cheat ชีต

Reader Mike Wallagher จาก Startbloggingonline.com ได้แบ่งปัน WordPress Cheat Sheets ที่เขาพัฒนาขึ้น เหมาะสำหรับทั้งผู้เริ่มต้นและผู้ใช้ขั้นสูง เนื่องจากมีทั้งสองเวอร์ชัน ตรวจสอบพวกเขาออก! และหากคุณต้องการความช่วยเหลือด้านเทคนิค รับ ความช่วยเหลือเกี่ยวกับ WordPress จาก WP Buffs!

มีแผ่นโกงการออกแบบที่ยอดเยี่ยมที่คุณต้องการแชร์หรือไม่? แจ้งให้เราทราบในความคิดเห็นด้านล่าง