อยากออกแบบ UX ให้โดนใจผู้ใช้ ❤️ ต้องทำยังไง ??
.
มาดูนี่กับ 15 กฏของการออกแบบ UX ที่ควรรู้ จาก Adobe ซึ่งแอดได้รวบรวมมาให้เพื่อน ๆ ได้อ่านกันในวันนี้ ซึ่งทั้งหมดสิ่งสำคัญ สิ่งที่เราต้องเข้าใจ และให้ความสำคัญกับการออกแบบ UX ซึ่งจะมีอะไรบ้างนั้น ไปติดตามกันได้เลยจ้า
.
.
🌟 1) UX is not (only) UI
User Interface เป็นส่วนหนึ่งของ User Experience ทั้งสองมีความแตกต่างกัน UX Design ที่ดีควรเรียนรู้และเข้าใจถึงความแตกต่างระหว่างทั้งสอง เพื่อการออกแบบผลิตภัณฑ์ที่ตอบโจทย์และให้ประสบการณ์ที่ดีกับผู้ใช้มากที่สุด
.
.
🌟 2) รู้จักผู้ใช้ของคุณ
สิ่งสำคัญในการออกแบบ UX คือต้องเข้าใจผู้ใช้ของคุณก่อนเป็นอันดับแรก ต้องมีแนวคิดว่าผู้ใช้ต้องการอะไรจริง ๆ ซึ่งมันจะทำให้เราได้นำข้อมูลมาวางแผนและออกแบบผลิตภัณฑ์ให้ตรงใจผู้ใช้มากที่สุดนั่นเอง
.
.
🌟 3) โปรดจำไว้ว่า...เราไม่ใช่ผู้ใช้
นักออกแบบมักคิดเอาเองว่าคนที่จะใช้อินเทอร์เฟซของพวกเขาเป็นเหมือนพวกเขา ซึ่งการคิดแทนผู้ใช้มักจะไม่ได้ผลดีในการออกแบบ เราต้องคิดเสมอว่าคนอื่น ๆ ไม่ได้มีพฤติกรรมเหมือนกับเราไปซะทั้งหมด เอาเป็นว่าอย่าคิดแทนผู้ใช้ สิ่งสำคัญในการออกแบบ UX คือการทดสอบ ซึ่งการทดสอบในที่นี้ไม่ใช่ทดสอบแค่ในทีม ควรทดสอบกับผู้ใช้จริง ๆ วิธีการนี้อาจจะต้องใช้เวลานาน แต่เป็นวิธีที่ดีและเป็นตัวบอกว่าการออกแบบของเรากำลังไปในทิศทางที่ถูกต้อง
.
.
🌟 4) ปรับเนื้อหาให้สั้น กระชับ
อย่าใส่ข้อมูลมากเกินไป เป็นเพราะช่วงความสนใจของคนเรามีระยะเวลาจำกัด ลองนึกง่าย ๆ เปิดเว็บนึงมา แล้วมีข้อมูลเรียงกันยาวเหยียดเป็นเราเองก็ไม่อยากจะอ่านถูกมั้ยล่ะ ซึ่งเราควรปรับเนื้อหาให้สั้น และกระชับมากที่สุด เพื่อให้ผู้ใช้ได้รับข้อมูลที่ต้องการโดยเร็วที่สุด
.
.
🌟 5) ปรับปรุงกระบวนการออกแบบเสมอ
การออกแบบ UX ไม่มีกระบวนการที่ตายตัว การออกแบบเดิม ๆ ไม่สามารถนำไปใช้ได้กับทุกโปรเจกต์ เพราะแต่ละโปรเจกต์ก็จะมีเอกลักษณ์และความต้องการเฉพาะตัว ทั้งนี้ก็ขึ้นอยู่กับเป้าหมาย รูปแบบของโปรเจกต์ และที่สำคัญคือความต้องการของผู้ใช้ นักออกแบบควรพร้อมที่จะปรับปรุงกระบวนการออกแบบอยู่สม่ำเสมอนั่นเอง
.
.
🌟 6) ทำ Prototype ก่อนทำ Real product เสมอ
การทำ Prototype ก่อนออกแบบผลิตภัณฑ์จริง ๆ เป็นสิ่งสำคัญที่นักออกแบบต้องทำเสมอ เพื่อให้นักออกแบบสามารถมองภาพรวมของผลิตภัณฑ์และแนวทางการออกแบบก่อนจะทำบนผลิตภัณฑ์จริง และทำให้ทีมเข้าใจภาพรวมของการออกแบบได้ตรงกัน
.
.
🌟 7) ใช้เนื้อหาจริงในการออกแบบ
ก่อนอื่นเราต้องเข้าใจก่อนว่าผลิตภัณฑ์เกือบทั้งหมดขึ้นอยู่กับเนื้อหา เช่น ข้อความ รูปภาพ หรือวิดีโอ นักออกแบบหลายคนไม่ได้คำนึงถึงเนื้อหาในระหว่างขั้นตอนการออกแบบมันอาจจะทำให้เกิดความผิดพลาดได้ ซึ่งเป้าหมายของนักออกแบบคือการเข้าใกล้ประสบการณ์จริงของผู้ใช้ให้มากที่สุด เพื่อออกแบบผลิตภัณฑ์ให้ตรงใจผู้ใช้นั่นเอง
.
.
🌟8) เรียบง่าย และ สม่ำเสมอ
เข้าใจในบริบทของผลิตภัณฑ์ เรียบง่าย และมีความสม่ำเสมอ ทุก ๆ Interface ต้องมีความสอดคล้องกัน การวางองค์ประกอบต่าง ๆ ให้ผู้ใช้รู้สึกคุ้นเคย ไม่ควรทำให้เกิดความสับสนและความยุ่งยากแก่ผู้ใช้
.
.
🌟 9) ออกแบบให้ง่ายต่อการใช้งาน
ควรออกแบบให้ง่ายต่อการใช้งาน โดยผู้ใช้ไม่จำเป็นต้องอ่านคำแนะนำเพื่อทำความเข้าใจวิธีใช้แอป ซึ่งนี่เป็นส่วนหนึ่งของงานของคุณในฐานะผู้ออกแบบเพื่อให้สิ่งต่าง ๆ ชัดเจนและแนะนำพวกเขาอย่างละเอียด
.
.
🌟 10) ใช้งานได้และเข้าถึงง่าย
เมื่อพูดถึงการออกแบบ นักออกแบบบางคนอาจจะจะหมกมุ่นอยู่กับรูปลักษณ์ภายนอกและการดึงดูดใจ และอาจจะลืมคำนึงถึงฟังก์ชันและการใช้งาน นักออกแบบที่ดีควรพยายามทำให้การออกแบบของเราน่าสนใจ แต่หลังจากที่เรามีผลิตภัณฑ์ที่ใช้งานได้แล้วเท่านั้น เพราะผลิตภัณฑ์ที่ออกแบบมาอย่างดีสามารถเข้าถึงได้โดยผู้ใช้ทุกระดับความสามารถเป็นสิ่งสำคัญมากที่สุดนั่นเอง
.
.
🌟 11) อย่าทำงานคนเดียว
User experience ที่ดีเป็นผลมาจากการทำงานร่วมกันระหว่างนักออกแบบ นักพัฒนา และผู้ใช้ เมื่อออกแบบ คุณต้องทำงานร่วมกับผู้คนให้ได้มากที่สุดเพื่อรับแนวคิด ข้อมูลเชิงลึก และความคิดเกี่ยวกับงานของคุณ
.
.
🌟 12) อย่าแก้ทุกอย่างพร้อมกัน
ต้องเข้าใจก่อนว่ากระบวนการออกแบบ UX ไม่ได้มีลักษณะเป็นแบบเส้นตรงหรือทำตามขั้นตอนจนจบกระบวนการ ซึ่งขั้นตอนการออกแบบ UX (แนวคิด การสร้างต้นแบบ การทดสอบ) มักมีความทับซ้อนกัน จะมีการกลับไปกลับมา ทำซ้ำ เพื่อให้ได้ผลิตภัณฑ์ที่ดีที่สุด อย่าคิดว่าเป็นไปได้ที่จะทำให้การออกแบบสมบูรณ์ในครั้งเดียว เมื่อเกิดความผิดพลาดควรกลับไปแก้ไขทีละจุดอย่างใจเย็น แก้ไขทีละขั้นตอน และต้องทดสอบใหม่หลาย ๆ ครั้ง เพื่อให้แน่ใจว่าได้ผลลัพธ์ที่ดีและถูกต้องที่สุด
.
.
🌟 13) ป้องกันความผิดพลาดดีกว่าแก้ไขตอนหลัง
ความผิดพลาดนั้นเกิดได้หลายสาเหตุ ไม่ว่าจะเป็น ผู้ใช้ทำผิดพลาด นักออกแบบผิดพลาด หรือแม้กระทั่งแอปล้มเหลว และไม่ว่าจะเกิดจากสาเหตุใด ข้อผิดพลาดเหล่านี้จะมีผลกระทบอย่างมากต่อประสบการณ์ของผู้ใช้ ดังนั้น ควรพยายามจัดการเงื่อนไขต่าง ๆ ที่อาจเกิดข้อผิดพลาด หรือตรวจสอบเงื่อนไขเหล่านี้และแจ้งให้ผู้ใช้ทราบก่อนที่จะดำเนินการ
.
.
🌟 14) หลีกเลี่ยงการออกแบบใหม่
ผู้ใช้ไม่ชอบการเปลี่ยนแปลงครั้งใหญ่ในผลิตภัณฑ์ แม้ว่าการเปลี่ยนแปลงเหล่านั้นจะเป็นประโยชน์ต่อพวกเขาก็ตาม หากมีการอัปเดตหรือออกแบบใหม่มีความเป็นไปได้สูงที่ผู้ใช้จะไม่พอใจกับสิ่งนั้น วิธีที่ดีที่สุดในการออกแบบใหม่คือการทำอย่างช้า ๆ เปลี่ยนแปลงเล็กน้อยที่นี่และทีละน้อยทีละน้อย ซึ่งผู้ใช้ส่วนใหญ่จะไม่รู้ด้วยซ้ำว่ากำลังออกแบบใหม่ จนกว่าจะปรับปรุงการออกแบบใหม่ทั้งหมดนั่นเอง
.
.
🌟 15) อัปเดตงานกับผู้ใช้อย่างสม่ำเสมอ
ไม่ควรให้ผู้ใช้คาดเดา ควรบอกผู้ใช้ว่าเกิดอะไรขึ้นและอัปเดตงานให้ผู้ใช้ทราบอย่างสม่ำเสมอ เพื่อให้เข้าใจภาพรวมของผลิตภัณฑ์ได้ตรงกัน เมื่อผู้ใช้อยากอัปเดตหรือเปลี่ยนแปลงบางอย่างเล็กน้อย ก็สามารถแก้ไขได้ทันที
.
.
เป็นยังไงกันบ้างกับกฎทั้ง 15 ข้อที่เรานำมาฝากกันในวันนี้ อย่าลืมไปทำตามกันด้วยล่ะ 😁 และหากใครมีอะไรเพิ่มเติม สามารถคอมเมนต์มาพูดคุยกันได้เลยนะ
.
📑 ขอบคุณข้อมูลจาก : https://xd.adobe.com/ideas/career-tips/15-rules-every-ux-designer-know/
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
#ux #uxui #uxdesign #UXDesigner #BorntoDev
同時也有10部Youtube影片,追蹤數超過89萬的網紅PAPAYA 電腦教室,也在其Youtube影片中提到,► 內容綱要 00:00 開場白 00:53 畫布建立 / 圖層管理 02:55 建立網格糸統 03:23 文字樣式 04:00 外掛安裝 05:38 自適應/響應式版面 07:52 圖片水平捲動效果 09:32 固定頁首 / 霧面玻璃效果 10:19 組件建立與修改 11:28 疊加圖層動畫 12...
「ui prototype」的推薦目錄:
- 關於ui prototype 在 BorntoDev Facebook 的最讚貼文
- 關於ui prototype 在 BorntoDev Facebook 的精選貼文
- 關於ui prototype 在 Facebook 的最佳解答
- 關於ui prototype 在 PAPAYA 電腦教室 Youtube 的最佳貼文
- 關於ui prototype 在 BorntoDev Youtube 的精選貼文
- 關於ui prototype 在 BorntoDev Youtube 的最讚貼文
- 關於ui prototype 在 78 Best prototype design ideas - Pinterest 的評價
- 關於ui prototype 在 收收UI UX 設計顧問- 【Low-fidelity vs. high-fidelity... | Facebook 的評價
- 關於ui prototype 在 klarna/ui-prototype: A base for prototyping - GitHub 的評價
- 關於ui prototype 在 Is it wise to develop a prototype GUI before designing other ... 的評價
ui prototype 在 BorntoDev Facebook 的精選貼文
🌷 UX UI 2 คำนี้มันมีความหมายไม่เหมือนกันนะ ก่อนอื่นเรามารู้จักทั้งสองกันก่อน
UX คือการออกแบบประสบการณ์ผู้ใช้ ส่วน UI นั้นคือการออกแบบหน้าตาของผลิตภัณฑ์ให้สวยงามนั่นเอง
.
💡 ที่จริงงานด้าน UX/UI จะถูกแยกกันคนละตำแหน่ง เพราะทั้งสองนั้นต้องใช้ความสามารถเฉพาะที่ต่างกันนั่นเอง UX ก็จะเกี่ยวกับการ Research การทำ Persona เพื่อเก็บความต้องการของคนมาวิจัย และออกแบบผลิตภัณฑ์ให้ผู้ใช้สามารถเข้าใจและใช้งานง่าย ส่วน UI ก็ต้องใช้ประสบการณ์เกี่ยวกับการออกแบบ การทำกราฟฟิค การดีไซน์ เพื่อให้หน้าตาผลิตภัณฑ์นั้น ๆ สวยงามน่าใช้นั่นเอง แต่บางบริษัทเล็ก ๆ ในไทยของเราอาจจะรวมทั้ง 2 ตำแหน่งนี้เข้าด้วยกันเป็น UX/UI Designer
.
🔥 มาดูสกิลที่สำคัญในการเป็น UX/UI กันเลย !!
.
📃 วิจัย ค้นคว้า ให้เข้าใจโลก !!
ทำ Research มองปัญหา วางแผน ดำเนินการ และวิเคราะห์ผลการวิจัยที่หลากหลายเพื่อนำปัญหามาแก้ไขและออกแบบผลิตภัณฑ์ได้ตรงตามความต้องการ !!
.
🗂️ Information Architecture
เข้าใจสถาปัตยกรรมที่เกี่ยวข้องกับข้อมูล เข้าใจความเหมาะสมของข้อมูล เช่น ข้อมูลที่แสดงบนเว็บ แอปพลิเคชัน หรือบนสื่อสิ่งพิมพ์ต่าง ๆ นั่นเอง
.
📝 ขาดไม่ได้นั่นคือ...Wireframe และ Prototype
รู้จักการออกแบบ Wireframe และ Prototype เพื่อใช้เป็นโครงร่างและต้นแบบของผลิตภัณฑ์ให้มีหลักการและจุดประสงค์อย่างชัดเจน ทำให้เราเข้าใจภาพรวม และฟังก์ชันการทำงานหลัก ๆ ของผลิตภัณฑ์นั้น ๆ
.
🥰 เข้าใจอก เข้าใจผู้ใช้
เข้าใจปัญหา ความรู้สึก และสิ่งที่ผู้ใช้ต้องการอย่างถ่องแท้ เพื่อนำปัญหาเหล่านั้นมาวิเคราะห์และออกแบบผลิตภัณฑ์นั่นเอง
.
🗣️ การสื่อสารก็สำคัญ
นอกจากทักษะอื่น ๆ ที่กล่าวมาแล้ว สิ่งสำคัญไม่แพ้กันนั่นคือการสื่อสารนั่นเอง ทักษะที่จะช่วยให้เราเข้าอกเข้าใจผู้ใช้ และประสานงานให้คนในทีมนั้นเข้าใจตรงกัน เพื่อสร้างสรรค์ผลิตภัณฑ์ดี ๆ และตรงใจผู้ใช้ให้มากที่สุดนั่นเอง
.
🖌️การออกแบบนั้นก็ต้องเป็นเลิศ
การออกแบบต้องใช้ความคิดสร้างสรรค์อันมหาศาล เพื่อให้ได้ผลิตภัณฑ์ที่สวยงามน่าใช้ !
จึงต้องเข้าใจแนวคิดต่าง ๆ เช่น Layout, ภาพ, แสง, สี, ไอคอน, และทฤษฎีเกี่ยวกับการออกแบบนั่นเอง
.
เป็นยังไงกันบ้างกับสกิลต่าง ๆ มีกันครบรึยังเอ่ย ? แอดเป็นกำลังใจให้นะ ของแบบนี้ฝึกได้แน่นอน !!
.
ส่วนพี่ ๆ คนไหนที่กำลังทำงานสายนี้ มีอะไรอยากบอกน้อง ๆ เพิ่มเติม สามารถคอมเมนต์ไว้ด้านล่างได้เลยนะคะ ❤️
.
borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
ui prototype 在 Facebook 的最佳解答
就是它以黑馬之姿擄獲了全球設計師的心!超人氣 UI 設計工具 Figma 快速上手!
► 練習檔下載
載點一 https://tinyurl.com/yej2fwtj
載點二 https://share.weiyun.com/A34153eN
Figma 官網 https://www.figma.com
► 小額贊助 Papaya 電腦教室 ☕️
ECPay: https://p.ecpay.com.tw/A1B71E8
Paypal: https://www.buymeacoffee.com/papayaclass
#Figma #Prototype #Mockup
ui prototype 在 PAPAYA 電腦教室 Youtube 的最佳貼文
► 內容綱要
00:00 開場白
00:53 畫布建立 / 圖層管理
02:55 建立網格糸統
03:23 文字樣式
04:00 外掛安裝
05:38 自適應/響應式版面
07:52 圖片水平捲動效果
09:32 固定頁首 / 霧面玻璃效果
10:19 組件建立與修改
11:28 疊加圖層動畫
12:55 切換瀏覽頁面
13:57 Figma 社群資源
► 練習檔下載
載點一 https://tinyurl.com/yej2fwtj
載點二 https://share.weiyun.com/A34153eN
Figma 官網 https://www.figma.com
► Papaya 電腦教室 - 會員專區 (加入後可觀看會員專區的影片喔)
加入頻道會員 https://tinyurl.com/sxt3d2b
會員專區影片目錄 https://tinyurl.com/y6mvo38a
► 小額贊助 Papaya 電腦教室 ☕️
ECPay: https://p.ecpay.com.tw/A1B71E8
Paypal: https://www.buymeacoffee.com/papayaclass
► Papaya 剪輯影片所使用的軟體 / 素材來源
Camtasia Studio https://www.techsmith.com/video-editor.html
Adobe After Effects https://www.adobe.com/products/aftereffects/
Adobe Audition https://www.adobe.com/products/audition.html
Keynote https://www.apple.com/tw/keynote
Envato Elements https://elements.envato.com
Vecteezy https://www.vecteezy.com
Unsplash https://unsplash.com
#記得打開影片的CC字幕喔 #Figma #Prototype #Mockup
ui prototype 在 BorntoDev Youtube 的精選貼文
ถ้าเกิดให้เวลาคุณแค่ 1 ชั่วโมง คุณสามารถออกแบบ Prototype แอปพลิเคชันให้หน้าตาเหมือนแอปดัง ๆ ได้หรือไม่ !?
.
วันนี้เราจะพาทุกคนมาอยู่ในหัวข้อออกแบบ UX / UI Design ในการออกแบบ Prototype แบบ Blockdit ด้วยโปรแกรม Adobe XD ที่ใช้ง่าย และ ดีมากกกไปพร้อมกัน
.
หากใครอยากลองตามมาได้ที่นี่เลย : https://www.adobe.com/sea/products/xd/features.html
.
▲ ติดตามช่องของเราได้ที่ : http://bit.ly/borntoDevSubScribe
▲ Facebook : https://www.facebook.com/borntodev
▲ Website : http://www.borntodev.com
.
?BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog.เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
.
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
.
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: support@borntoDev.com
หรือ ดูรายละเอียดได้ที่นี่ https://www.borntodev.com/partners/
ui prototype 在 BorntoDev Youtube 的最讚貼文
สาย UX/UI คงรู้จักกันดี แต่จะบอกว่าสาย Dev เอาไปใช้ก็มีประโยชน์เหมือนกันนะ ! กับ Adobe XD ที่ช่วยเราออกแบบ Prototype ได้ง่าย เสร็จไว แถมยังมีให้ใช้ฟรีอีกด้วยย !
.
สนใจใช้ฟรีมานี่เลย https://www.adobe.com/products/xd.html
.
▲ ติดตามช่องของเราได้ที่ : http://bit.ly/borntoDevSubScribe
▲ Facebook : https://www.facebook.com/borntodev
▲ Website : http://www.borntodev.com
.
?BorntoDev Channel คือ ช่องยูทูปที่เน้นสาระด้านเทคโนโลยี การพัฒนาโปรแกรม ไปพร้อมกับความสนุกสนาน และ รอยยิ้มเข้าไว้ด้วยกันทั้งในรูปแบบบทเรียน และ vlog
.
เพื่อการเปลี่ยนรูปแบบการเรียนรู้ด้านการพัฒนาโปรแกรม และ เทคโนโลยีแบบเดิม ๆ ที่เป็นเรื่องเฉพาะกลุ่มให้เข้าถึง เข้าใจได้ง่ายยิ่งขึ้น โดยพัฒนาเน้นไปที่รูปแบบการนำเสนอใหม่ ๆ ที่เป็นมิตรกับทุกคน
.
▲ กิจกรรมใน Channel BorntoDev เป็นส่วนหนึ่งในการดำเนินงานของ บริษัท บอร์นทูเดฟ จำกัด ที่เปิดรับ Partners ที่สนใจร่วมเปลี่ยนแปลงให้สังคมไทยเป็นสังคมด้านวิทยาศาสตร์ และ เทคโนโลยีมากยิ่งขึ้น หากคุณสนใจสนับสนุน และ ก้าวไปพร้อมกัน สามารถติดต่อร่วมงานได้แล้ววันนี้
.
▲ ติดต่อโฆษณา สนับสนุน และ ร่วมงานได้ที่: support@borntoDev.com
หรือ ดูรายละเอียดได้ที่นี่ https://www.borntodev.com/partners/
ui prototype 在 收收UI UX 設計顧問- 【Low-fidelity vs. high-fidelity... | Facebook 的推薦與評價
Low-fidelity vs. high-fidelity prototyping】 原型(Prototype)存在的目的是:透過互動進行探索、評估和溝通產品核心概念,讓設計團隊發想不同的解決方案, ... ... <看更多>
ui prototype 在 klarna/ui-prototype: A base for prototyping - GitHub 的推薦與評價
This is a repo to quickly start a project or prototype. It includes all ui-* projects you need and a base setup to keep going. Starting. npm install ... ... <看更多>
ui prototype 在 78 Best prototype design ideas - Pinterest 的推薦與評價
Kitchenware Pro: iOS Wireframe Kit. If you're a user experience professional, listen to The UX Blog Podcast on iTunes. More information. Web Design · App Ui ... ... <看更多>