🌷 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 - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
同時也有3部Youtube影片,追蹤數超過531的網紅Humans Offshore Podcast離島人,也在其Youtube影片中提到,離島人從十歲開始認識林盈君,一直都很羨慕他在圖像處理上的才能。⠀ 童年的記憶有很大部分都是在林盈家和林盈妹玩貓,看漫畫,打電動的XD⠀ ⠀ 林盈君從輔大影像傳播畢業後就前往美國進修,⠀ 而研究所畢業後,現在又在UI/UX上持續發展。⠀ 到今年八月為止就是林盈待在美國的第十個年頭了!⠀ ⠀ 離島人想知...
「ui wireframe」的推薦目錄:
- 關於ui wireframe 在 BorntoDev Facebook 的最佳貼文
- 關於ui wireframe 在 每日e錠|行銷 設計 UX 小技巧 Facebook 的最佳解答
- 關於ui wireframe 在 BorntoDev Facebook 的最佳解答
- 關於ui wireframe 在 Humans Offshore Podcast離島人 Youtube 的最佳貼文
- 關於ui wireframe 在 hktuto 設計教學 Youtube 的最讚貼文
- 關於ui wireframe 在 hktuto 設計教學 Youtube 的最佳解答
- 關於ui wireframe 在 UI Wireframe - Pinterest 的評價
- 關於ui wireframe 在 Axure RP, Mobile... - AJA 大予創意(UX/UI設計與諮詢服務) 的評價
- 關於ui wireframe 在 Visual Studio 2010 for UI wireframe? - Stack Overflow 的評價
ui wireframe 在 每日e錠|行銷 設計 UX 小技巧 Facebook 的最佳解答
【官網終於上線啦!】
👉https://daydayding.com/
嗨~我是Yoko,今天想和大家分享準備網站的心得。平時做UX design的工作時,把Wireframe 給UI設計師製作精美視覺,再交由RD把前後端程式完成,就能呈現完美的網站,而這次則是由我直接自己來架站,真是有點小生疏!
在今年三月時,我們官網就開始陸續著手進行,但過程中迭代了三次,主要是因為製作過程中,每日e錠進行了Rebranding,重新梳理品牌定位、品牌理念、企業識別CIS設計也更換了新的Logo,你可能會想,為什麼我們要Rebranding呢,IG版面不是已經有一套視覺了嗎?
一開始成立每日e錠時,是針對IG平台去做規劃,但隨著品牌有更多元發展及目標,同時推廣「跨界思維」、「多元思考」,三人討論後認為原有的視覺不夠符合品牌精神;因此決定重頭來過,經過多次討論、嘗試、優化,一步步規劃出最符合「每日e錠」的識別設計,以及建構出心中理想畫面的官網,三人也在彼此專業中互相幫助與學習,又共同踏出了讓品牌更進化的一步!
在這趟風格探索的過程中,確實花費不少心力跟時間,因此非常開心官網上線後,收到許多讀者、朋友的正面回饋(雖然我自己還是不夠滿意,還是認為有許多需要調整跟優化的小細節哈哈!)還是歡迎大家能持續鎖定我們的官方網站,之後也會陸續釋出免費文章資源,開闢另外一個學習新天地~
By Yoko
ui wireframe 在 BorntoDev Facebook 的最佳解答
🚀 จะดีกว่าไหม .. ถ้าเราสามารถทดสอบไอเดียของเราได้ โดยไม่ต้องลงทุนสร้างเว็บ หรือ แอปตั้งแต่เริ่มต้น !!
.
วันนี้แอดจะมาแนะนำโปรแกรม Adobe XD โปรแกรมที่ช่วยให้เราออกแบบ UI และ ทดสอบ UX ได้ง่าย ๆ ในไม่กี่ชั่วโมง !
.
แต่ถ้าพูดถึง Adobe หลายคนคงพูดเป็นเสียงเดียวกันว่าาา
.
🔥 "แหนะะะ !! เสียตังอีกแน่เลยยย"
.
"เดี๋ยวก่อนนนน โปรแกรมนี้ใช้แบบเบื้องต้นฟรี ไม่จำกัดเวลาด้วยนะ จะเสียเงินก็แค่ถ้าเราทำหลาย ๆ โปรเจคแล้วต้องการแชร์กับเพื่อน ๆ เท่านั้น 😍"
.
อะ .. แล้วถ้าถามว่าดียังไงอีกเดี๋ยวแอดจะเล่าให้ฟัง
.
✅ เริ่มจากข้อแรกก็คือ เครื่องมือพร้อม ส่วนเสริมเพียบบบ !
.
ทำให้เราสามารถออกแบบหน้าตาแอปตั้งแต่เบสิคจัด ๆ (อารมณ์ Wireframe พวกขีด ๆ บนกระดาษ) ในไม่กี่นาที จนถึง ทำหน้าตาเป็นแบบ Prototype จริง ๆ ที่คลิกได้ หน้าตาแบบเดียวกับแอปที่ใช้งานเลยย
.
✅ ข้อสองคือออ มันแชร์ให้เพื่อน หรือ ให้ Dev ไปทำต่อได้ง่ายมากก
.
เพราะเวลาบางทีเราออกแบบไปทดสอบมาแล้ว ไม่ว่าจะสี ไอคอน รูปภาพต่าง ๆ ปกติก็ต้องมานั่งทวงกับนักออกแบบเสมอ
.
"เฮ้ยย พี่ ส่งสีที่ใช้จริง ๆ มาหน่อย"
.
"เฮ้ยยย พี่ ภาพที่ใช้ประกอบอยู่ตรงไหนนะ ?"
.
จนถึงแบบ "เฮ้ยยยยย พี่ ตรงนี้มันเว้นห่างกันเท่าไหร่นะ ?"
.
เนื่องจากเจ้าตัวนี้มีกลุ่มของสี Font และ ภาพที่ใช้ทั้งหมดไว้เลย <3
.
✅ ส่วนข้อสามก็คือ มันมีคนใช้งานจริง ๆ ระดับ Production ทั่วโลกจ้า ไม่เหงา แน่ ๆ เพราะมีเพื่อนแชร์ไอเดียอัพเดตกันเพียบบบบ
.
เอาจริง ๆ ข้อดีแอดว่ามีอีกเพียบแหละ ไม่ว่าจะใครที่อยากลุยสาย UX/UI Designer ตรง ๆ หรือ ใครที่อยากจะอัพสกิลเพื่อไปเพิ่มกับสิ่งที่มี
.
ไม่ว่าคนที่เป็น Mobile App Developer อยู่แล้ว จนถึงคนทำ Front-End Dev ที่ยุ่งกับหน้าตาเป็นหลัก เอาเป็นว่าถ้าใครมีเวลาลองไปศึกษาดูกันได้เลย
.
แต่ แต่ ! แต่ !! ถ้าใครไม่มีเวลา และ ต้องการเรียนรู้แบบไว ๆ แอดขอแนะนำ (เข้าสู่ช่วงโฆษณาใน 3 2 1 ...)
.
🔥 โปรโมชันสำหรับสาย UX/UI ที่ครอบคลุมทั้ง Adobe XD และ Figma ในแพคเกจเดียว
.
🏆 จัดเต็มกว่า 172 ตอน เรียนเพลิน ๆ เนื้อ ๆ เน้น ๆ เพราะเราตัดทุกสิ่งที่ไม่จำเป็นออกให้แล้ว เหมาะมาก ๆ กับ ผู้ที่มีเวลาน้อยแต่อยากอัพสกิลในเวลาอันรวดเร็ว
.
"เริ่มต้นแบบแน่น ๆ เน้น ๆ ไม่ต้องกังวลเรื่องพื้นฐาน ขอแค่คุณใช้งานคอมพิวเตอร์ และ อินเทอร์เน็ตเป็น (ในระดับที่ลงโปรแกรมเองได้ แก้ไขปัญหาเบื้องต้นเป็น)"
.
"หรือ ถ้าเรามีพื้นฐานใช้คอมแน่นอยู่แล้ว ทำงานสายไอทีอยู่แล้ว ยิ่งต้องมา เพราะสกิลนี้จะช่วยให้เราอัพเกรดคุณภาพงาน และ เงินเดือนเราได้สูงขึ้นน !!"
.
📱 เรียนซ้ำได้ไม่อั้นไม่จำกัดระยะเวลาอีกด้วย สนใจสามารถลงทะเบียนผ่านระบบออนไลน์ได้เลยที่นี่
.
>> https://www.borntodev.com/product/ux-ui-package/
(จากปกติ 6,580 .- ลดเหลือเพียง 3,990 .- เท่านั้น) ❤
.
ไม่ใช่แค่นั้น สำหรับใครที่มีบัตรเครดิตที่ร่วมรายการสามารถผ่อนสบาย ๆ 0% 10 เดือน ชิล ๆ เพียงเดือนละ 399 บาท ไม่มีบวกเพิ่ม :D
.
"อย่ารอช้าา โปรเด็ดขนาดนี้ ไม่ลงเรียนไม่ได้แล้วววว 🔥"
.
#borntoDev - 🦖 สร้างการเรียนรู้ที่ดีสำหรับสายไอทีในทุกวัน
ui wireframe 在 Humans Offshore Podcast離島人 Youtube 的最佳貼文
離島人從十歲開始認識林盈君,一直都很羨慕他在圖像處理上的才能。⠀
童年的記憶有很大部分都是在林盈家和林盈妹玩貓,看漫畫,打電動的XD⠀
⠀
林盈君從輔大影像傳播畢業後就前往美國進修,⠀
而研究所畢業後,現在又在UI/UX上持續發展。⠀
到今年八月為止就是林盈待在美國的第十個年頭了!⠀
⠀
離島人想知道林盈在前往美國之前,是怎麼規劃自己的career path?⠀
而當年的規劃和現在的差別有在哪裡?⠀
這十年在美國的生活又有遭遇到什麼困難,遇到什麼難忘的經驗呢?⠀
⠀
開始做離島人節目之後才發現,有好多不同專業的人都轉做了UI/UX⠀
也希望能和林盈請教UX Design 的入門與發展⠀
⠀
-------------
補充註1: 關於不同職稱,UI Designer / UX Designer / Product Designer 在不同產業、公司類型上,所要負責的事也會很不一樣。但他們所需的思考的方式、設計能力、流程有很大部分是重疊與相關的。
⠀
補充註2: 關於我們公司的流程,初步研究之後,在我們一開始製作sitemap/wireframe之前,也會有幾個對於使用者的目標核心,來構思想法的可能方向⠀
⠀
補充註3: 關於入門UX的練習,除了自我自發練習、看書外,如果有相關課程(實體或線上)可以加強督促自己練習UX的研究方式到問題的發想與設計解決方式,也會是很不錯的激勵起步方式,但持續的練習、經驗累積和新知識的吸收與閱讀也是滿重要的。⠀
-------------
Ep023 - UI/UX一路向北:林盈君⠀
#林盈君⠀#UIUX #離島人
-輔仁大學/影像傳播學系⠀
-Savannah College of Art and Design/Motion Media Design⠀
-DDB (NY)/Summer Intern ⠀
-DDB (Chicago)/Designer⠀
-Energy BBDO/Digital Designer - Sr. Digital Designer⠀
-------------
🎧離島人們的經驗交流播客平台
A podcast platform, shares experiences of those who are offshore.
🎬 Youtube | https://bit.ly/ho_youtube
🎙 參與錄音 | http://bit.ly/humansoffshore_interviewform
🎧 收聽 on Spotify | http://bit.ly/podcast_humansoffshore
👉🏼 Follow us on Instagram | http://bit.ly/humansoffshore_ig
👉🏼 Follow us on Facebook | http://bit.ly/humansoffshore_fb
ui wireframe 在 hktuto 設計教學 Youtube 的最讚貼文
網站UX 設計流程 又來啦!上集做完個 wireframe , 今集就可以開始做個 Prototype 出來啦 !
第一集 : https://goo.gl/jecQ08
Prototype : http://adobe.ly/2dirteE
ui wireframe 在 hktuto 設計教學 Youtube 的最佳解答
一系列由零開始,設計網站教學,推出啦!
第一集先講講,設計流程,分工,以及 Wireframe 的技功分享
支持請 like & share
加入 Facebook Group 一齊傾設計 : http://goo.gl/Z4hfdf
留意最新資訊 : http://facebook.com/hktuto
ui wireframe 在 Axure RP, Mobile... - AJA 大予創意(UX/UI設計與諮詢服務) 的推薦與評價
Wireframe 利器-- Axure RP, Mobile APP的prototype也可以做喔. ... <看更多>
ui wireframe 在 UI Wireframe - Pinterest 的推薦與評價
Jun 9, 2016 - Explore Kai-Ting Huang's board "UI Wireframe", followed by 214 people on Pinterest. See more ideas about wireframe, interactive design, ... ... <看更多>