ฉันจะหาแรงบันดาลใจสำหรับอินเทอร์เฟซผู้ใช้ที่ดีได้ที่ไหน [ปิด]

ฉันมีบล็อกที่เกี่ยวกับการกำหนดอินเทอร์เฟซหน้าจอหลักสำหรับแอปพลิเคชันเดสก์ท็อปที่ฉันกำลังอัปเกรดอยู่ เมื่อฉันพัฒนาโปรแกรมนี้ครั้งแรกความละเอียดหน้าจอคือ 640 X 480 วันนี้มีความละเอียดหน้าจอหลายอย่าง

ฉันจะหาแนวคิดสำหรับเค้าโครงหน้าจอหลักที่ดีสำหรับแอปพลิเคชันเดสก์ท็อปได้ที่ไหน

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

ประการที่สองตรวจสอบอย่าทำให้ฉันคิดโดย Steve Krug มันเกี่ยวข้องกับการนำทางและการแสดงข้อมูลบนหน้าเว็บ แต่คำแนะนำจำนวนมาก (เช่นการนำทางด้วยเศษขนมปัง) มักจะเหมาะสมกับแอพเดสก์ท็อปเช่นเดียวกับที่ทำบนเว็บเพจ

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

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

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

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

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

หนึ่งในสิ่งที่ผมค้นพบคือผู้ใช้ความรักตอบสนองทันที มันเหมือนฮอลลีวูด คนรักพิกเซล (พิกเซลสีเด่นกว่า) พวกเขารักจริงๆพิกเซลที่ย้าย

ในความพยายามที่จะทำให้ UIs เช่นนั้นและเพื่อลดความซับซ้อนของความพยายามที่เข้ารหัสทุกเพศทุกวัยที่ผ่านมาฉันมากับโครงการที่ฉันยังคงใช้มาจนถึงทุกวันนี้ - การดำเนินการที่แตกต่างกัน (ฉันไม่สามารถบอกได้ว่าฉันโชคดีที่ได้เผยแพร่มัน แต่มีอยู่มันเผยแพร่ FWIW)

นั่นเป็นเพียงสองเซ็นต์ของฉัน

ฉันคิดว่าขั้นตอนแรกคือการกำหนดสไตล์ / ธีม ตัวอย่างเช่น Windows 8 Metro เทียบกับสไตล์ NT

คำแนะนำสำหรับทรัพยากรและแรงบันดาลใจ (ฉันพูดถึง WPF / เว็บ แต่คุณไม่จำเป็นต้องใช้มัน):

เอ - ถ้าคุณต้องการเริ่มต้นด้วยการสร้างต้นแบบรูปแบบการควบคุมที่นี่คือรูปแบบและการควบคุมบนเว็บที่ยอดเยี่ยม

B - โรงงานผลิตส่วนประกอบทำให้หน้าต่างมีรูปร่างที่ดี - พวกเขายังเสนอผลิตภัณฑ์ฟรีหนึ่งรายการที่: Component Factory

C - ผู้ผลิต GUI ควบคุมบุคคลที่สามมีการสาธิตที่ดูดี

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

E- แอปพลิเคชัน WPF นี้: แอปพลิเคชันWPF Health Care

F - แอปพลิเคชัน WPF นี้: Billy Holis - WPF และเวอร์ชันที่เสร็จสิ้นแล้วเมื่อ: WPF - StaffLynx

เครื่องมือสไตล์ G - Metro อยู่ข้างนอกถ้าคุณชอบ ตรวจสอบสิ่งนี้: สไตล์ Metro

ที่สำคัญที่สุดอย่างที่คุณทราบอยู่แล้วว่าพยายามสมดุลกับความคุ้มค่า

แก้ไข

DevXpress ได้เปิดตัวรุ่นใหม่รองรับ Metro Style เพิ่งเห็นวิดีโอ toady DevXpress-2

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

ดี "รูปแบบการออกแบบ UI" หนังสือที่ฉันได้พบคือการออกแบบการเชื่อมต่อ มันมีส่วนในการออกแบบเค้าโครงการนำทางการแสดงข้อมูลที่ซับซ้อนและการออกแบบรูปแบบการป้อนข้อมูล มีหนังสือที่คล้ายกันเกี่ยวกับการออกแบบโซเชียลอินเทอร์เฟซ (เรียกว่าเพียงพอการออกแบบโซเชียลอินเทอร์เฟซ ) แต่ฉันยังไม่ได้อ่านดังนั้นฉันจึงไม่พอที่จะแนะนำ

มีหนังสือชั้นดีบางเล่มที่แนะนำไว้แล้ว เว็บไซต์ UX Stack Exchange มีความพร้อมมากขึ้นในการจัดการคำถามเช่นนี้ แต่มันก็ไม่ได้อยู่นอกหัวข้อทั้งหมด

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

นอกจากนี้ยังตรวจสอบในนิตยสาร Smashing เป็นบล็อกที่เป็นสวรรค์สำหรับการพัฒนาส่วนหน้าด้วยการโพสต์ที่เกี่ยวข้องกับ UX / UI, HTML / CSS / Javascript, การออกแบบกราฟิกและการออกแบบเว็บ พวกเขายังมีโพสต์ที่ศึกษาเว็บไซต์เฉพาะและแคมเปญการตลาดและดูสิ่งที่พวกเขาทำถูก (และผิด) ด้วยการตัดสินใจ UI / UX ของพวกเขา ตรวจสอบเว็บไซต์นี้เป็นประจำเพื่อดูเคล็ดลับประจำวันเกี่ยวกับหัวข้อเหล่านี้

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

• เหตุใดการออกแบบ UI ที่ดีจึงเป็นเรื่องยากสำหรับนักพัฒนาบางคน - เพื่อให้เข้าใจว่าทำไมนักพัฒนาจึงเป็นนักออกแบบได้ยาก
• ต้องอ่านหนังสือ UI - หนังสือแนะนำเกี่ยวกับหนังสือเพื่อศึกษาการออกแบบส่วนต่อประสานผู้ใช้
• แนะนำให้ใช้ซอฟต์แวร์ร่างภาพ UI / UX ใด - wireframing
• การออกแบบ Fluid vs. Responsive - หากคุณกำลังจะพัฒนาตัวแทนผู้ใช้หลายคนคุณควรตรวจสอบเรื่องนี้
• ฉันควรใช้ใช่ / ไม่ใช่หรือตกลง / ยกเลิกในกล่องข้อความ - โพสต์ที่ยอดเยี่ยมมีประโยชน์เมื่อ wireframing