awesome product design

การออกแบบผลิตภัณฑ์ที่ยอดเยี่ยม

คอลเลกชันของบุ๊กมาร์กทรัพยากรบทความสำหรับนักออกแบบผลิตภัณฑ์

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

อย่าลังเลที่จะเพิ่มสิ่งที่น่าสนใจโดยคำขอดึง

สารบัญ

• วิจัย
• UX
• UI
• ภาพ
• ต้นแบบ
• การเข้าถึงได้
• การเขียน
• ข้อมูล
• IoT

วิจัย

วิธีการ

การตัดสินใจ

• UNTOOLS - เครื่องมือคิดและกรอบการทำงานเพื่อช่วยคุณแก้ปัญหาตัดสินใจและเข้าใจระบบ

แผนการวิจัย

• Smashing Magazine - แผนการวิจัย UX ที่ผู้มีส่วนได้ส่วนเสียรัก
• กลุ่ม NN - การจัดการโครงการสำหรับการวิจัยผู้ใช้: แผน
• การออกแบบการโต้ตอบ - แผนการวิจัยผู้ใช้หนึ่งหน้า
• Branding5 - สร้างการวางตำแหน่งแบรนด์เป็นพื้นฐานสำหรับการออกแบบของคุณ

การสัมภาษณ์ผู้ใช้

• กลุ่ม NN - แม้จะมีจุดอ่อนมากมายการสัมภาษณ์เป็นวิธีที่มีค่าสำหรับการวิจัยผู้ใช้เชิงสำรวจ
• uxdesign.cc - วิธีการสัมภาษณ์ผู้ใช้มากที่สุด

การสัมภาษณ์ผู้มีส่วนได้เสีย

• Boxes and Arrows - Cheat Sheet สำหรับการสัมภาษณ์ผู้มีส่วนได้ส่วนเสีย
• UX Apprentice - เทมเพลตสัมภาษณ์ผู้มีส่วนได้ส่วนเสีย
• การออกแบบปฏิสัมพันธ์ - การเตรียมตัวสำหรับการสัมภาษณ์ผู้มีส่วนได้ส่วนเสีย UX

การสังเคราะห์การวิจัย

• การเคลื่อนไหวของ UX - วิธีเปลี่ยนการวิจัยผู้ใช้เป็นข้อมูลที่ใช้งานได้
• Slideshare - การสังเคราะห์การวิจัยการออกแบบ
• ปานกลาง - ใช้ Trello สำหรับการสังเคราะห์การวิจัยผู้ใช้
• Tuts+ - วิธีการเตรียมและใช้แผนภาพความสัมพันธ์
• ไดอะแกรมขนาดกลาง - Affinity: เคล็ดลับและกลเม็ด

การวิเคราะห์การแข่งขัน

• Xtensio - วิธีการ: สร้างการวิเคราะห์การแข่งขัน
• Hootsuite - เทมเพลตการวิเคราะห์การแข่งขันเพื่อช่วยให้คุณเอาชนะการแข่งขัน

งานที่ต้องทำ

• อินเตอร์คอม - การออกแบบคุณสมบัติโดยใช้เรื่องราวงาน
• JTBD - แทนที่เรื่องราวของผู้ใช้ด้วยเรื่องราวงาน

ตัวละคร

• การใช้งาน Gov - จุดประสงค์ของบุคคลคือการสร้างการเป็นตัวแทนที่เชื่อถือได้และสมจริงของผู้ชมหลักของคุณ
• UX Mag - Personas: รากฐานของประสบการณ์การใช้งานที่ยอดเยี่ยม
• TUTS+ - การกำหนดและใช้บุคลิกภาพกับการออกแบบ UX

แผนที่เอาใจใส่

• UX PIN - คู่มือปฏิบัติสำหรับแผนที่ความเห็นอกเห็นใจ: บุคคลผู้ใช้ 10 นาที
• Boagworld - การปรับแผนที่เอาใจใส่สำหรับการออกแบบ UX

กระดานเรื่องราว

• นิตยสาร UX - Storyboarding ในกระบวนการออกแบบซอฟต์แวร์
• Medium - Storyboarding ในการออกแบบ UX
• กลุ่ม NN - เมื่อใดและอย่างไรในการสร้างแผนที่การเดินทางของลูกค้า
• UX LADY - แผนที่ประสบการณ์การเดินทางของผู้ใช้และอื่น ๆ
• Smashing Magazine - สิ่งที่คุณต้องรู้เกี่ยวกับการทำแผนที่การเดินทางของลูกค้า
• ปานกลาง - วิธีสร้างแผนที่ประสบการณ์

บทความ

• นิตยสาร Smashing - สเปรดชีตสายรุ้ง: เครื่องมือวิจัย Lean UX ที่ทำงานร่วมกัน
• Coglode - การวิเคราะห์การวิจัยเชิงพฤติกรรมขนาดกัด

การทดสอบ

• การทดสอบผู้ใช้ - ปลดล็อกข้อมูลเชิงลึกของลูกค้าและเพิ่มรายได้ของคุณ
• การประชุมเชิงปฏิบัติการที่ดีที่สุด - แพลตฟอร์มการวิจัยผู้ใช้ที่ช่วยให้คุณและทีมของคุณตัดสินใจออกแบบด้วยความมั่นใจ
• วัดความสำเร็จ - คุณวัดความสำเร็จ (หรือความล้มเหลว) - จากการออกแบบ UX ของคุณได้อย่างไร
• Lookback - การวิจัยผู้ใช้ที่เรียบง่ายและทรงพลัง
• เรื่องเต็ม - คุณอยากรู้อะไรเกี่ยวกับประสบการณ์ลูกค้าของคุณ?.
• Desinion - ทำการตัดสินใจออกแบบที่ชาญฉลาดและมีข้อมูลสำหรับ บริษัท ของคุณหรือ บริษัท ลูกค้าของคุณ
• Survey Monkey - เปลี่ยนสัญชาตญาณเป็นข้อมูลเชิงลึก
• ETNIO - สกัดกั้นคนจริงสำหรับการวิจัยผู้ใช้

UX

แนวทางปฏิบัติ

• บุ๊กมาร์ก UX - คอลเล็กชั่นเว็บไซต์ UX ที่ดีที่สุดจากทั่วโลก
• gov.uk - ช่วยทีมรัฐบาลสร้างและให้บริการดิจิทัลที่ยอดเยี่ยม
• วิธีการ 18F - คอลเลกชันเครื่องมือที่จะนำการออกแบบที่เน้นมนุษย์มาสู่โครงการของคุณ
• คู่มือ 18F - 18F คู่มือเป็นที่เก็บสำหรับแนวปฏิบัติที่ดีที่สุดในทีมของเรา
• การใช้งาน Gov - ปรับปรุงประสบการณ์ผู้ใช้
• Medial Lab Amsterdam - วิธีการออกแบบชุดเครื่องมือ
• Design Kit IDEO-คู่มือทีละขั้นตอนเพื่อปลดปล่อยความคิดสร้างสรรค์ของคุณ
• GameStorming - GameStorming เป็นชุดของเครื่องมือสร้างร่วมที่ใช้โดยนักประดิษฐ์ทั่วโลก

บทความ

• นิตยสาร UX - นิตยสาร UX เป็นแหล่งข้อมูลชุมชนฟรีสำรวจทุกแง่มุมของการออกแบบประสบการณ์
• UX Booth - บูธ UX เป็นสิ่งพิมพ์โดยและสำหรับชุมชนประสบการณ์ผู้ใช้
• UX Mastery - เราช่วยผู้เชี่ยวชาญด้านประสบการณ์ผู้ใช้เริ่มต้นและดีขึ้น
• UX Myths - สร้างผลิตภัณฑ์ของคุณตามหลักฐานไม่ใช่ความเชื่อที่ผิดพลาด
• รายการแยกออก - รายการแยกสำรวจการออกแบบการพัฒนาและความหมายของเนื้อหาเว็บ
• 52 สัปดาห์ของ UX - วาทกรรมเกี่ยวกับกระบวนการออกแบบสำหรับคนจริง
• UX PIN - คู่มือบทความและ ebooks ที่สำรวจทุกแง่มุมของการออกแบบ UX
• ห้องสมุด IXD - คอลเลกชันของวัสดุที่เกี่ยวข้องกับการออกแบบการโต้ตอบ
• Lukew - สิ่งพิมพ์เกี่ยวกับรายละเอียดที่สำคัญและภาพรวมที่อยู่เบื้องหลังการออกแบบผลิตภัณฑ์ดิจิทัล
• กลุ่ม NN - การวิจัยประสบการณ์ผู้ใช้ที่ใช้หลักฐานการฝึกอบรมและการให้คำปรึกษา
• การออกแบบข้อมูล - Infodesign เลือกมือตั้งแต่ปี 1997
• อินเตอร์คอม - การออกแบบความสำเร็จของลูกค้าและบล็อกเริ่มต้น
• uxdesign.cc - ประสบการณ์ผู้ใช้การใช้งานการออกแบบผลิตภัณฑ์ ติดตาม uxdesign.cc
• ปฏิกิริยา UX - สิ่งที่สนุก

เครื่องมือ

• สูตร UX - โครงการนี้เป็นแถลงการณ์ส่วนตัวกับการคัดค้านคำว่า "UX"
• รายการตรวจสอบ UX - รายการตรวจสอบโครงการ UX
• UX Stackexchange - UX Stack Exchange เป็นไซต์คำถามและคำตอบ

UI

แนวทางปฏิบัติ

• การออกแบบมด - ภาษาการออกแบบ UI สำหรับแอปพลิเคชันระดับองค์กร
• แนวทาง iOS - รับข้อมูลเชิงลึกและทรัพยากร UI สำหรับการออกแบบแอพที่ยอดเยี่ยมที่รวมเข้ากับแพลตฟอร์ม Apple ได้อย่างราบรื่น
• Google Material - การออกแบบวัสดุเป็นระบบแบบครบวงจรที่รวมทฤษฎีทรัพยากรและเครื่องมือสำหรับการสร้างประสบการณ์ดิจิทัล
• Google Design - Google Design เป็นความร่วมมือที่นำโดยกลุ่มนักออกแบบนักเขียนและนักพัฒนาที่ Google
• การออกแบบ Facebook - คอลเลกชันของบทความวิดีโอและแหล่งข้อมูลที่ทำโดยนักออกแบบที่ Facebook
• USTWO - คู่มือ Pixel Perfect Precision 3
• Vinsol - เคล็ดลับสำหรับนักออกแบบ: จากนักพัฒนา

แรงบันดาลใจ

• PTTRNS - แม่ของทรัพยากรการออกแบบทั้งหมด
• โทรไปที่ความคิด - ทำให้จินตนาการของคุณสว่างขึ้น!.
• Android Niceties - มุ่งมั่นที่จะให้แรงบันดาลใจและความเข้าใจอย่างลึกซึ้งในการประชุม Android UI
• UI ที่น่ารัก - คอลเลกชันขององค์ประกอบ UI มือถือ
• Brian Lovin - การสำรวจภาพที่ดีที่สุด
• แรงบันดาลใจ UI - รูปแบบการออกแบบแอพมือถือ iOS
• Sloppy UI - มันคือทั้งหมดที่เกี่ยวกับความซื่อสัตย์ทางปัญญาไม่ใช่การหลอกล่อ

เครื่องมือ

• รูปแบบ Lab - สร้างระบบการออกแบบอะตอมด้วยรูปแบบ Lab
• ขนาดใหญ่ - เครื่องมือในการสร้างและบำรุงรักษาสไตล์ Guide เป็นเรื่องง่าย
• Figma Bootstrap 5 UI Kit - UI Kit ประกอบด้วยส่วนประกอบ bootstrap 5 ที่จัดขึ้น 300+ ชุดที่สร้างด้วยระบบออกแบบอะตอมและโครงร่างอัตโนมัติ
• SKETCH BOOTSTRAP 5 UI KIT - UI KIT ประกอบด้วยส่วนประกอบ bootstrap 5 ที่จัดขึ้น 300+ ชุดที่สร้างด้วยระบบการออกแบบอะตอมและเค้าโครงอัจฉริยะ

ภาพ

ทรัพยากร

• หลักการออกแบบ FTW - คอลเล็กชั่นหลักการออกแบบที่ใหญ่ที่สุดบนอินเทอร์เน็ต
• ระบบการออกแบบที่ยอดเยี่ยม - รายการระบบการออกแบบที่ดูแล, ห้องสมุดรูปแบบและทุกอย่างในระหว่างนั้น
• Sketch ที่ยอดเยี่ยม - รายการวิดีโอภาพร่างที่ยอดเยี่ยมบทความปลั๊กอินอะไรก็ตามสำหรับนักออกแบบนักพัฒนาหรือไม่

ไอคอน

• ใช้สัญลักษณ์ - พบกับสัญลักษณ์ ชุดไอคอนขั้นสุดท้ายที่ออกแบบมาสำหรับเว็บสมัยใหม่
• Icon Finder - ค้นหาไอคอน 1,739,045 หรือเรียกดูชุดไอคอน 42,226 ชุด
• We Love Icon Font - นี่คือบริการโฮสต์แบบอักษรฟรีและโอเพ่นซอร์ส
• โครงการคำนาม - ไอคอนสำหรับทุกสิ่ง
• IconMonstr - ค้นพบไอคอนง่าย ๆ 3847+ ไอคอนฟรีในคอลเลกชัน 263 คอลเลกชัน

โรงหล่อแบบอักษร

• Open Foundry-แพลตฟอร์มใหม่สำหรับแบบอักษรโอเพนซอร์ซในสภาพแวดล้อมที่ปราศจากเสียงรบกวน
• USE & Modify - จัดเตรียมชุดฟอนต์ร่วมสมัยที่แจกจ่ายภายใต้ LIBRE หรือใบอนุญาตโอเพนซอร์สมือที่เลือกโดยการพิมพ์และคนรักวัฒนธรรมฟรี
• Font Fabric - Fontfabric เป็นโรงหล่อแบบอิสระ
• Font Squirrel - ฟรีฟอนต์ยูโทเปีย
• ประเภทการเล่น - เรียกดูผ่านการเลือกมากกว่าหนึ่งร้อยอักษรและน้ำหนักตัวอักษรที่แตกต่างกันเกือบ 500 ตัว
• IdentyFont - ระบุตัวอักษรโดยตอบคำถามเกี่ยวกับคุณสมบัติที่สำคัญ

การพิมพ์

• NN Group - คำว่าการพิมพ์คำโกง

สี

• Coolors - เครื่องกำเนิดไฟฟ้า Super Fast Color!
• คนรักสี - ชุมชนสร้างสรรค์
• Color Hunt - Color Hunt เป็นแพลตฟอร์มโซเชียลสำหรับทุกคนที่รักสี
• สีแบรนด์ - คอลเลกชันสี 1100+ มีให้เลือกใน Sass, Less, Stylus และ CSS
• Atmos - ทุกสิ่งที่คุณต้องการในการสร้างจานสี
• Branition Colors - คอลเลกชันที่ทำด้วยมือของจานสีที่เหมาะที่สุดสำหรับการสร้างแบรนด์

ภาพสต็อก

• unsplash - ฟรี (ทำทุกอย่างที่คุณต้องการ) - ภาพถ่ายความละเอียดสูง
• Stocksnap - ภาพความละเอียดสูงหลายร้อยภาพเพิ่มทุกสัปดาห์
• Pixbay - รูปภาพและวิดีโอฟรีที่คุณสามารถใช้ได้ทุกที่
• JAY MANTRY - ภาพฟรี (CC0)
• รับ REFE-ภาพถ่ายชีวิตจริงที่ไม่มีค่าลิขสิทธิ์คุณภาพสูง
• ISO Republic - ISO Republic ให้ภาพถ่ายสต็อกฟรีสำหรับผู้เชี่ยวชาญด้านความคิดสร้างสรรค์
• สต็อกฟรีทั้งหมด - รับภาพสต็อกวิดีโอเพลงและไอคอนฟรีทั้งหมดในที่เดียว
• Pexels - ภาพสต็อกฟรีในหลากหลายสไตล์รวมถึงการกรองธรรมชาติและเชิงพาณิชย์
• UNDRAW - ภาพประกอบโอเพ่นซอร์สสำหรับทุกโครงการที่คุณสามารถจินตนาการและสร้าง

วิดีโอสต็อก

• Vimeo - วิดีโอสต็อกปลอดค่าลิขสิทธิ์สำหรับการใช้งานส่วนตัวองค์กรหรือเชิงพาณิชย์ฟรี

เครื่องมือ

• Polarr - Editor Photo
• Licecap - การจับภาพหน้าจอภาพเคลื่อนไหวง่าย ๆ
• เบรกมือ - เบรกมือเป็นเครื่องมือในการแปลงวิดีโอจากเกือบทุกรูปแบบเป็นตัวเลือกตัวแปลงสัญญาณที่ทันสมัยและรองรับอย่างกว้างขวาง

ต้นแบบ

บทความ

• หลักการ 12 หลักการ - 12 หลักการพื้นฐานของแอนิเมชั่นได้รับการพัฒนาโดย 'ชายชรา' ของ Walt Disney Studios
• HOVERSTAT - บ้านของการออกแบบดิจิตอลทางเลือก
• MicroInteractions - การออกแบบพร้อมรายละเอียด
• Motion UI Design - ทรัพยากรสำหรับแรงบันดาลใจรายการซอฟต์แวร์ห้องสมุดและสิ่งอื่น ๆ ที่เกี่ยวข้องกับการออกแบบการเคลื่อนไหว UI ภาพเคลื่อนไหวและการเปลี่ยนแปลง

ซอฟต์แวร์

• ป๊อป - ป๊อปช่วยให้คุณเปลี่ยนไอเดียปากกาและกระดาษให้เป็น iPhone แบบโต้ตอบหรือต้นแบบ Android
• Invision - แพลตฟอร์มการสร้างต้นแบบการทำงานร่วมกันและเวิร์กโฟลว์ชั้นนำของโลก
• Marvel - การออกแบบที่เรียบง่ายการสร้างต้นแบบและการทำงานร่วมกัน
• Flinto - Flinto ให้นักออกแบบสร้างต้นแบบแบบโต้ตอบของมือถือเดสก์ท็อปหรือเว็บแอพ
• Origami Studio - สำรวจวนซ้ำและทดสอบความคิดของคุณ
• Framer-เวิร์กโฟลว์การออกแบบแบบ all-in-one
• Proto-สร้างต้นแบบที่มีความเที่ยงตรงสูงแบบโต้ตอบอย่างสมบูรณ์ซึ่งดูและทำงานได้อย่างที่แอปของคุณควร ไม่จำเป็นต้องมีการเข้ารหัส
• Protopie - Protopie เป็นเครื่องมือสร้างต้นแบบที่ง่ายที่สุดในการสร้างต้นแบบที่มีการโต้ตอบสูงและมีการโต้ตอบสูง

เครื่องมือ

• LOTTIE - เพิ่มภาพเคลื่อนไหวคุณภาพสูงให้กับแอพดั้งเดิมได้อย่างง่ายดาย
• KeyNotopia - KeyNotopia แปลงคำปราศรัยและ PowerPoint เป็นเครื่องมือต้นแบบที่รวดเร็วที่สุดสำหรับการสร้างมือถือเว็บและเดสก์ท็อป UI Mockups

การเข้าถึงได้

บทความ

• gov.uk - ทำให้บริการของคุณสามารถเข้าถึงได้: บทนำ
• นิตยสาร Smashing - ความคมชัดของสีและทำไมคุณควรคิดใหม่
• ปานกลาง - การเข้าถึงสำหรับนักออกแบบ คำนึงถึง RGB ของคุณ
• เว็บน่าเชื่อถือ - การออกแบบภาพและการเข้าถึงสี
• รายการแยกออกจากกัน - การทดสอบความคมชัดสีง่าย

เครื่องมือ

• Wave - เครื่องมือประเมินผลการเข้าถึงเว็บ
• อัตราส่วนความคมชัด - เครื่องมือในการคำนวณอัตราส่วนความคมชัดระหว่างสี CSS ที่ถูกต้องสองสีใด ๆ
• Snook - การตรวจสอบความคมชัดสี

การเขียน

• Google Trends - เรื่องราวที่ได้รับความนิยมตอนนี้
• Google Ngram - ป้อนวลีลงใน Google Books Ngram Viewer มันแสดงกราฟแสดงให้เห็นว่าวลีเหล่านั้นเกิดขึ้นได้อย่างไรในคลังหนังสือของหนังสือ
• Hemingway - แอพ Hemingway ทำให้งานเขียนของคุณเป็นตัวหนาและชัดเจน
• อ่านได้ - คุณมี 7 วินาทีในการดึงดูดความสนใจของใครบางคน REACKABLE.IO ช่วยให้คุณตัดเสียงออกได้
• The Writer - งานเขียนของคุณอ่านได้แค่ไหน?.
• Taskade - Collaborative Editor และ Outliner

ข้อมูล

• London Datastore - London Datastore เป็นพอร์ทัลการแบ่งปันข้อมูลฟรีและเปิด
• YouGov - เราเชื่อในพลังของการมีส่วนร่วม
• data.gov - ค้นหาข้อมูลที่เผยแพร่โดยหน่วยงานรัฐบาลและหน่วยงานหน่วยงานสาธารณะและหน่วยงานท้องถิ่น
• The Tate Collection - ที่นี่เรานำเสนอข้อมูลเมตาสำหรับงานศิลปะประมาณ 70,000 รายการ
• NASA - เรากำลังตั้งค่าข้อมูลรหัสและ API ฟรี

IoT

บทความ

• IoT Weekly News - สมัครรับบทความที่เลือกด้วยมือโดย Justin Grammens บน Internet of Things
• วาระ IoT - ออกแบบประสบการณ์ผู้ใช้ IoT ไม่ใช่ผลิตภัณฑ์ IoT
• IoT สำหรับทุกคน - การออกแบบ Internet of Things - 5 หลักการสำคัญ

เครื่องมือ

• Node Red - การเขียนโปรแกรมที่อิงกับ Internet of Things