คำถามติดแท็ก interface-design

คำถามเกี่ยวกับการพัฒนาและปรับใช้องค์ประกอบกราฟิกของอินเทอร์เฟซผู้ใช้เช่นการควบคุมสุนทรียศาสตร์

25
ไอคอน Save รุ่นใหม่ที่ไม่ใช่“ ดิสก์”?
ปัจจุบันไอคอนบันทึกในเกือบทุกแอปพลิเคชันแสดงดิสก์ 3.5 นิ้วจากศตวรรษที่ 20 ตัวอย่างจาก Microsoft Office 2010 แสดงอยู่ด้านล่าง: เมื่อเราก้าวไปสู่เทคโนโลยีที่ก้าวหน้ายิ่งขึ้นไอคอนบันทึก "ดิสก์" นี้ดูเหมือนจะล้าสมัยแล้ว เด็กที่เกิดในศตวรรษที่ 21 อาจไม่รู้ด้วยซ้ำว่าดิสก์คืออะไร มีไอคอนบันทึกทางเลือกที่ดีอื่นใดที่สามารถแทนที่ไอคอนบันทึก "ดิสก์" นี้ในแอปพลิเคชันได้หรือไม่ หรือเราอาจออกแบบไอคอนบันทึกใหม่ที่นี่และทำให้เป็นมาตรฐาน ตามแนวคิดแล้วไอคอนไม่ควรแสดงถึงฮาร์ดแวร์ใด ๆ เพราะจะล้าสมัยอีกครั้งเมื่อเทคโนโลยีวิวัฒนาการ หมายเหตุสำคัญมาก : คำถามนี้เป็นคำถามที่ไม่หารือว่าเราควรจะเปลี่ยน "ดิสก์" บันทึกไอคอนหรือไม่ ฉันรู้ว่าไอคอนยังคงโอเคอย่างสมบูรณ์และเป็นมิตรกับผู้ใช้ มีคำถามเกี่ยวกับ Stack Overflowและux.stackexchange.comที่พูดถึงสิ่งนี้ ผมแค่อยากที่จะมองหาที่ดีไอคอน "บันทึก" ที่ดูไม่เหมือนดิสก์ (หรือฮาร์ดแวร์) เพียงแค่ใช้เวลาคำถามนี้เป็นการระดมความคิดหรือความท้าทายการออกแบบ :) อย่างน้อยหนึ่งบันทึกภาพไอคอนคำตอบต่อโปรด

13
ฉันจะเรียนรู้ที่จะสร้างสรรค์ได้อย่างไร
ฉันเป็นโปรแกรมเมอร์ตลอดชีวิตของฉันและตอนนี้ฉันก็พบว่าฉันต้องเริ่มออกแบบสิ่งของของตัวเอง ฉันรู้วิธีใช้ Photoshop เข้าและออก แต่ฉันไม่สามารถสร้างอะไรที่ดีได้ ฉันมักจะเยี่ยมชมDribbbleและพยายามรับแรงบันดาลใจ แต่ฉันรู้สึกสับสนกับความคิดสร้างสรรค์ของพวกเขา พวกเขามากับสิ่งนี้ได้อย่างไร นอกเหนือจากการเรียนรู้พื้นฐานการออกแบบเช่นทฤษฎีสีและอื่น ๆ แล้ววิธีที่ดีที่สุดในการหารูปแบบดั้งเดิมและรูปลักษณ์ที่สวยงามคืออะไร? ฉันควรวาดด้วยดินสอและกระดาษก่อนที่จะออกแบบใน Photoshop หรือไม่ ฉันหมายถึงการออกแบบอินเตอร์เฟสเป็นส่วนใหญ่ เมื่อไม่นานมานี้ฉันเพิ่งพบการออกแบบส่วนต่อประสาน Dribbble แบบสุ่มและพยายามทำซ้ำตั้งแต่เริ่มต้น ฉันมักจะประสบความสำเร็จ แต่ฉันรู้ว่าฉันไม่สามารถทำสิ่งนั้นได้ด้วยตัวเอง คำถามอื่นคือโฆษณาทำอย่างไร พวกเขาจินตนาการถึงการออกแบบในใจก่อนแล้วจึงวาดลงบนกระดาษแล้ว Photoshop? หรือว่าพวกเขาจะไปที่ Photoshop และเล่นไปเรื่อย ๆ จนกว่าจะมีอะไรดีๆออกมา หรืออะไร?

11
อะไรคือความแตกต่างระหว่าง wireframes และ mockups?
ฉันต้องการทราบความแตกต่างระหว่าง Wireframes และ Mockups ฉันหวังว่าจะได้รับความเข้าใจที่เรียบง่ายเกี่ยวกับความแตกต่างหรือเพื่อทราบอย่างชัดเจนว่าทั้งสองอย่างนั้นเหมือนกัน ฉัน googled มัน แต่ฉันไม่เข้าใจว่าอะไรคือความแตกต่างฉันจะขอบคุณถ้ามีใครสามารถอธิบายให้ฉันอย่างกระชับ

18
ทางเลือกที่มองเห็นได้ดีในการนำเสนอสัญลักษณ์ Push and Pull ที่ประตู
การใช้คำว่า "Push" และ "Pull" นั้นค่อนข้างตรงไปตรงมาคุณอ่านคำศัพท์และปฏิบัติตามคำแนะนำ แต่ทุกวันฉันเห็นคนในสำนักงานของฉันมาที่ประตูและผลักเมื่อพวกเขาควรดึงหรือ viceversa อะไรจะเป็นทางเลือกที่ดีในการเป็นตัวแทนของ Push / Pull โดยใช้ visuals แทน? นี่อาจไม่ได้หมายความว่าผู้คนจะมีความศักดิ์สิทธิ์ทันทีและเข้าใจคำแนะนำทันที ฉันคิดว่าจะต้องมีกราฟิกที่สมองเข้าใจได้เร็วกว่าเครื่องหมายด้วยคำพูด ...

11
ส่วนต่อประสานจำเป็นต้อง“ ดูดี” หรือไม่?
ฉันสังเกตเห็นว่าเว็บไซต์และซอฟต์แวร์ที่มีมูลค่าน้อยกว่า (สไตล์น้อยแรงบันดาลใจหรือเพียงแค่ "เรียบร้อย") มักจะประสบความสำเร็จเหนือกว่าคู่หูที่ออกแบบมาอย่างดีเยี่ยม ด้านสไตล์ความคิดสร้างสรรค์และแรงบันดาลใจของการออกแบบส่วนต่อประสานนั้นไม่สำคัญเท่ากับเมื่อเทียบกับด้านเนื้อหาประสิทธิภาพและความสามารถในการผลิตของการพัฒนาอินเตอร์เฟสหรือไม่? กล่าวอีกนัยหนึ่งถ้าปุ่มอยู่ตรงไหนและฉันสามารถเข้าใจทุกอย่างที่เกิดขึ้นมันไม่สำคัญที่จะเน้นสไตล์แฟนซีเพิ่มเติมหรือไม่? ตัวอย่าง: Reddit vs Digg Reddit: เป็นที่รู้จักทั่วโลกในด้านการดูน่ากลัวใช้รายเดือน 112 ล้านคนโดยเฉพาะ Digg: ดูดีใช้งานต่อเดือนโดยผู้ใช้ที่ไม่ซ้ำกัน20 ล้านคน Windows 7 กับ OSX วินโดว 7: ดูเป็นไร แต่รู้จักประสิทธิภาพและความเข้ากันได้มากกว่าการออกแบบที่สวยงามและลื่นไหล 500 ล้านใบอนุญาตขาย OSX: ดูยอดเยี่ยมทำงานและโต้ตอบได้อย่างราบรื่น แต่ 'เข้ากันไม่ได้' กับซอฟต์แวร์เดสก์ท็อปส่วนใหญ่ของโลก 50 ล้านเล่มขาย

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

2
วิธีการวาดปุ่มลำดับชั้นตั้งและดูไม่พอใจน้อยกว่ามันคืออะไร?
ฉันกำลังพยายามสร้างชุดปุ่มที่สามารถใช้เพื่อเลื่อนดูข้อมูลแบบลำดับชั้นและดูเหมือนว่าสวัสติกะ ฉันไม่แน่ใจว่าจะแก้ไขอย่างไร ในภาพด้านบนหากเลือก "Panel" และคุณกดปุ่มด้านบนมันจะเลือก "AnimatedPanel" หากคุณคลิกปุ่มซ้ายมันจะเป็นการเลือก "สคริปต์" หากคุณคลิกปุ่มขวาจะไม่มีการเปลี่ยนแปลงใด ๆ เนื่องจากพาเนลเป็นรายการสุดท้ายในรายการ หากคุณเลือกปุ่มด้านล่าง "EventHandler" จะถูกเลือก ชุดปุ่มจะนั่งอยู่ทางด้านซ้ายของฉลาก ฉลากและปุ่มจะปรากฏขึ้นเมื่อมีการเลือกรายการ ตัวอย่างเช่นในเว็บเพจอาจมีรายการเมนูแนวตั้งหรือแนวนอน ชุดปุ่มและฉลากจะอยู่เหนือเมนูที่เลือก จากนั้นกด "ใน" จะเลือกรายการเมนูแรก การเลือก "ซ้าย" หรือ "ขวา" จะเลื่อนผ่านรายการเมนู ฉันหวังว่ามันสมเหตุสมผล คำแนะนำใด ๆ ที่จะทำให้สิ่งนี้น้อยลงได้อย่างไร รายละเอียดเพิ่มเติมสำหรับ @PremierBromanov: วิธีที่ฉันมีตอนนี้ฉันมี 3 ป้ายกำกับทั้งหมดติดกันอย่างเช่น "Up" "L" "R" "Panel" ฉันใช้คำว่า "up", "left" และ "right" แต่ "up" เป็นจริง ๆ "ย้ายออกจากแถวปัจจุบันและกลับไปยังแถวก่อนหน้า" คำเหล่านั้นขึ้นอยู่กับการแสดงในแนวนอนเช่นเลย์เอาต์ …

4
ฉันควรใช้สีโลโก้ของ บริษัท เป็นสีของเว็บไซต์หรือไม่
ฉันกำลังสร้างเว็บไซต์สำหรับ บริษัท ที่ฉันอยู่ แต่ฝ่ายการตลาดไม่ได้ให้สีกับฉันมาก พวกเขาบอกว่าเราจำเป็นต้องใช้#2DCCD3ทุกที่เพราะมันอยู่ในโลโก้ แต่ฉันพบว่าความอิ่มตัวและ จำกัด เว็บไซต์ดูเหมือนกับคนอื่น ๆ ที่ใช้สีน้ำเงิน และ บริษัท ไม่ได้มีการนำกลยุทธ์แบรนด์มาใช้มันมีอยู่ทั่วสถานที่และความคิดของฉันคือการสร้างมันขึ้นมาหลังจากกำหนดเว็บไซต์ คำถามของฉันคือพวกเขาถูกต้องหรือไม่ ฉันควรใช้สีนั้นเพื่อจดจำแบรนด์หรือไม่กับเว็บไซต์ที่น่าจดจำ? จานสีที่ฉันแนะนำสำหรับเว็บไซต์คือ: ไล่ระดับสี: #ff2645เป็น#d05822 โฮเวอร์ใน: #ff2645 ข้อความและองค์ประกอบที่เป็นของแข็งใน: #fff ไอคอนที่อยู่ใน: #0F8186 PS ไม่ใช่ทุกหน้าจะมีการไล่ระดับสี

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

2
จัดการและสืบทอดที่ควรแบ่งพื้นที่เดียวกันอย่างไร?
นี่คือหน้าลงทะเบียนเริ่มต้นสำหรับแอปสื่อสารของลูกค้าของฉัน (ฉันครอบคลุมโลโก้ - สังเกตกล่องสีขาว - เพื่อความเป็นส่วนตัวของเขา) ฉันไม่ชอบที่ "y" ลงและ "h" ขึ้นสู่พื้นที่เดียวกัน ทำให้ทั้งสองบรรทัดแคบเกินไป ข้อเสนอแนะใด ๆ (แบบอักษรของแอปคือ roboto ที่นี่ - ฉันใช้ Roboto Bold) การออกแบบอื่น ๆ ที่เราจะได้รับการชื่นชม - ตราบใดที่คุณประพฤติตัวเอง :)

1
มีข้อควรพิจารณาอะไรบ้างในการออกแบบฟอนต์พิกเซล
ฉันกำลังออกแบบฟอนต์พิกเซล monospace สำหรับเกมและจนถึงตอนนี้ฉันสามารถทำงานกับขนาดที่เล็กมาก ๆ (ที่ใหญ่ที่สุดที่ฉันจัดการได้คือ 5x9) เพราะอันที่ง่ายที่สุดในการลองและทำผิด บ่อยครั้งที่ผลลัพธ์ที่ฉันเกิดขึ้นกับขนาดแม้เล็กถึง 7x13 ล้วน แต่มีปัญหาและไม่ดึงดูด ฉันได้วิเคราะห์แบบอักษรพิกเซลอื่น ๆ และสิ่งที่ดึงดูดใจทางกราฟิกส่วนใหญ่ให้ข้อพิจารณาอื่นมากมายที่ฉันไม่เคยคิดที่จะทำเช่นการทำให้ส่วนทั้งหมดเชื่อมต่อแบบทแยงมุมเท่านั้น มีขนาดบล็อกพิเศษที่ "ดีที่สุด" สำหรับการออกแบบฟอนต์พิกเซลหรือไม่? มีตำแหน่งพิกเซลพิเศษที่ฉันอาจจำไว้หรือไม่? เพราะบางครั้งเมื่อฉันวาดเส้นที่มีความยาวเพียง 11 พิกเซล (หรือทำให้สิ่งต่าง ๆ ตัดกับขนาดที่เล็กขนาดนี้) มันก็จะกลายเป็นอย่างอื่นเมื่อซูมออก

4
การผสมสีสำหรับสามปุ่ม
การผสมสีจะทำงานได้ดีที่สุดสำหรับปุ่มทั้งสามนี้: พวกเขาทั้งหมดควรมีสีเดียวกันหรือไม่? นี่คือตัวเลือกของฉัน: รูปภาพของทั้งหน้า

4
วิธีเอกสารดับเบิลคลิก?
ฉันกำลังเขียนเอกสารสำหรับโปรแกรมซอฟต์แวร์ ในการเปิดเอกสารจะต้องทำการดับเบิลคลิก พิจารณาผู้อ่านที่อ่านผ่านภาพหน้าจอเท่านั้นและไม่อ่านข้อความวิธีการออกแบบแอ็คชั่นดับเบิลคลิกเพื่อให้เข้าใจได้โดยสัญชาตญาณ หากเป็นไปได้ควรเป็นแบบอินไลน์ด้วยการคลิกเพียงครั้งเดียวซึ่งฉันต้องระบุด้วย จนถึงตอนนี้ฉันก็มีลูกศรพิกเซลและวงกลมเดียวกับวงกลมคู่ ชัดเจนเพียงพอหรือไม่หากผู้อ่านเห็นหนึ่งในนั้นเท่านั้น ถ้าใช่ทำไมมันถึงดีพอ? ถ้าไม่สามารถปรับปรุงอะไรได้บ้างและเพราะอะไร สีเขียวที่ใช้ที่นี่เป็นหนึ่งในสี CI / CD สำหรับการเน้น ปรับปรุง ขอบคุณสำหรับคำติชม จากคำตอบและความคิดเห็นฉันได้รวบรวมตัวเลือกจำนวนหนึ่งและรวบรวมข้อเสนอแนะ (ส่วนตัว) เล็กน้อย เนื่องจากฉันต้องพิจารณาคนที่พิมพ์เอกสารฉันจึงต้องดูรุ่นขาวดำ หมายเลขข้อเสนอ 5 ที่มีเพิ่มเติมxคือ IMHO ที่ได้รับที่ดีที่สุด

6
ขณะนี้ฉันทำงานเป็นนักออกแบบ UX / UI และหัวหน้าของฉัน (ผู้พัฒนาด้านหลัง) ไม่เชื่อใจในการตัดสินใจของฉันและทำราวกับว่าเขาต้องการศิลปินผู้ผลิต
ฉันพบว่าตัวเองต้องการคำแนะนำด้านอาชีพ ฉันทำงานในแผนกพัฒนาเว็บไซต์ขนาดเล็กที่แยกตัวเองอย่างเด็ดเดี่ยวภายใน บริษัท ขนาดใหญ่ คนอื่น ๆ ในทีมเป็นผู้พัฒนา front-end หรือ back-end และยอมรับตัวเองว่าเป็นคนเข้าใจผิดที่ไม่รู้เรื่องการออกแบบ แต่เมื่อฉันพยายามที่จะทำงานของฉัน (ออกแบบการโต้ตอบกับลูกค้าของเว็บไซต์ที่อยู่จุดปวดรายงานการวิจัยที่ดีกว่าแก้ปัญหาประสิทธิภาพของธุรกิจโดยทั่วไปเพียงทำให้เว็บไซต์ง่ายขึ้นในสายตา) ฉันต่อสู้ทุกเทิร์น ฉันจะนำเสนอหัวหน้างานวิจัยของฉัน (จากสถานที่ที่ขับเคลื่อนด้วยข้อมูลเช่นhttp://www.nngroup.com/) ให้เขาเห็นด้วยกับฉันแล้วได้ยินเขาในวันถัดไปที่อนุมัติการเปลี่ยนแปลงขั้นพื้นฐานที่นักพัฒนาซอฟต์แวร์ต้องการทำเพื่อให้โค้ดง่ายขึ้น ฉันได้พูดคุยกับเขาเป็นการส่วนตัวเดินผ่านบทความวิจัยและ google วิเคราะห์กับเขา แต่ไม่มีอะไรเปลี่ยนแปลงไม่ว่าเขาจะเห็นด้วยกี่ครั้งก็ตาม เขาถ่ายภาพล้อเลียนของฉันและวาดลวด (ตรงไปตรงมาโง่) และคาดหวังให้ฉัน "ทำให้มันสวย" ทำให้ผิดหวังเมื่อฉันไม่ได้สร้าง "สิ่งที่เขามีอยู่ในใจ" สภาพแวดล้อมเป็นพิษเช่นกัน ฉันถูกตะโกนและสาปแช่งที่ (หัวหน้าของฉันพูดถึงปัญหานี้หลังจากที่ฉันมีส่วนร่วมกับฝ่ายทรัพยากรบุคคลเท่านั้น) เพื่อนร่วมงานเป็นศัตรูกันและดูถูกและโต้แย้งซึ่งกันและกัน (เพื่อความสนุก?) ฉันเคยมีเพื่อนร่วมงานดูวิดีโอของคนที่ถูกยิงจนเสียชีวิตในปริมาณสูงสุด (พร้อมคำอธิบายการเหยียดผิว) ยิ่งไปกว่านั้นฉันยังเป็นน้องใหม่สุดอายุน้อยที่สุดและเป็นผู้หญิงคนเดียวในแผนก คำถามของฉันคือ: นี่เป็นงาน UX แรกของฉัน, สาขาที่ฉันสนใจมาก ฉันอยู่ที่นั่นแค่ 8 เดือนเท่านั้น ฉันควรจะปีนอย่างน้อยที่สุดหรือควรจะไปต่อ? งานก่อนหน้าของฉันส่วนใหญ่เป็นงานชั่วคราวที่วิทยาลัยและฉันไม่ต้องการที่จะดูเหมือนจัมเปอร์ แต่ไม่มีอะไรที่ฉันจะได้รับการออกแบบจริง ๆ และฉันไม่สามารถวางงานที่ถูกทำลายก่อนหน้านี้ได้เพราะมันเป็นกรรมสิทธิ์ ฉันควรทำอย่างไรดี?

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

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.